PERANCANGAN SISTEM INFORMASI BERBASIS WEB DI SD NEGERI 6 WONOSARI
Naskah Publikasi
diajukan oleh : Dwi Rusmanto
07.01.2365
Fitria Angelina
07.01.2380
JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2011
DESIGN OF WEB-BASED INFORMATION SYSTEM IN SD NEGERI 6 Wonosari PERANCANGAN SISTEM INFORMASI BERBASIS WEB DI SD NEGERI 6 WONOSARI Dwi Rusmanto Fitria Angelina Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA ABSTRACT The development of computerized technology that continues to grow at this time greatly affects various aspects of life. This makes a lot of companies, educational institutions and government agencies use computerized technology to facilitate their daily work. Internet merupakan salah satu cara yang tepat untuk mempermudah serta mempercepat penyampaian suatu informasi tertentu dalam bentukvisual/audiovisual. At this final duty writing, writer study the scheme of programming information system based on web in SD Negeri 6 Wonosari using PHP which representing script for programming based on server, PHP often used to develop a dynamic web site so it can take, process and provide the information effectively. Main goal of making information system based on web is as information media in SD Negeri 6 Wonosari and also as study media for elementary student because website of SD Negeri 6 Wonosari is provided by the facility of downlad of items and test problem by online. Keyword:
system
information
base
on
the
web
for
the
elementary
school.
1.
Pendahuluan Kecanggihan teknologi komputer pada saat ini sudah sangat tinggi dibandingkan dengan tahun-tahun
sebelumnya, hal ini mengakibatkan masyarakat mau tidak mau harus mengikuti jalannya teknologi. Teknologi tidak hanya dapat mempermudah pekerjaan tetapi juga dapat menghemat waktu, tenaga dan biaya. Untuk itu dibutuhkan teknologi yang tepat guna sehingga masyarakat dapat menggunakannya dengan baik. Kemajuan ilmu dan teknologi yang berkembang dengan cepat ini turut membantu manusia dalam memenuhi tata peradaban baru di era teknologi yang diciptakan untuk meringanka beban aktifitas di dalam kehidupan sehari-hari. Internet merupakan salah satu cara yang tepat untuk mempermudah serta mempercepat penyampaian suatu informasi tertentu dalam bentukvisual/audiovisual. Internet telah mengubah cara manusia berinteraksi dengan komputer, yaitu melalui media gambar, teks, audio (suara), animasi dan video yang saling berinteraksi dan berintegrasi, satu sama lain membentuk informasi oleh karena itu dibutuhkan komputer untuk menghasilkan informasi menjadi lebih menarik dan hidup. Penerapan internet dalam memberikan informasi dalam bentuk website sebagai media pembelajaran (e-learning), memperkenalkan SD Negeri Wonosari 6, serta memberikan informasi bagi siswa, guru, serta masyarakat yang mengaksesnya.
2.
Dasar Teori
2.1 Pengertian Sistem Informasi Informasi merupakan hal yang sangat penting di dalam manajemen sebuah keputusan. Sebuah informasi tidak lepas dari sebuah sistem informasi. Sistem informasi didefinisikan oleh Rober A. Leitch dan K. Roscob Davis adalah sebagai berikut : “Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan”.
2.2 Pengertian Basis Data Basis data (database) adalah kumpulan dari berbagai data yang saling berhubungan satu dengan yang lainnya. . Database merupakan salah satu komponen yang penting dalam sistem informasi, karena merupakan basis dalam menyediakan informasi pada para pengguna atau user.
2.1
SQL (Structured Query Language) SQL (Structured Query Language) merupakan bahasa yang digunakan untuk mengakses data dalam basis
data reasional. Hampir semua database server mendukung bahasa SQL.
2.3 Pengertian Internet Internet dapat diartikan sebagai jaringan komputer luas dan besar yang mendunia, yaitu menghubungkan pemakai komputer dari satu negara ke negara lain di seluruh dunia, dimana didalamnya terdapat sumber informasi dari mulai yang statis hingga yang dinamis dan interaktif.
2.4 Istilah-istilah yang sering digunakan dalam internet Teknologi internet mempunyai banyak fasilitas atau layanan yang bisa kita manfaatkan sesuai dengan kebutuhan, antara lain : WWW, Web Browser, URL, Router atau Gateway, IP Address, Domain, dan Server. 2.4.1
WWW (World Wide Web) World Wide Web atau yang lebih dikenal dengan web, merupakan salah satu layanan yang didapat oleh
pemakai komputer yang terhubung dengan saluran internet. Web pada awalnya adalah ruang informasi dalam internet, dengan menggunakan teknologi hypertext. Pemakai dituntun untuk menemukan informasi dengan mengikuti informasi link yang disediakan dalam menu-menu dokumen web yang ditampilkan ke dalam broser web.
2.4.2
Web Browser Untuk dapat mengakses layanan WWW, diperlukan program aplikasi client WWW yang biasa dikenal
sebagai Web Browser, ada banyak jenis dari Web Browser, misalnya : Internet Explorer, Mozilla Firefox, Netscape Navigator, Hot Java, dan sebagainya.
2.4.3
URL (Universal Resource Locator) URL adalah suatu sarana yang digunakan untuk menentukan alamat yang akan kita gunakan untuk
mengakses
internet
khususnya
website.
Keseluruhan
Protokol_transfer://nama_host/path/nama_file?query#fragment.
URL
yang
lengkap
berbentuk
Contoh
: :
http://www.amikom.ac.id/akademik/index.html.
2.4.4
Router atau Gateway Tidak semua komputer yang terhubung pada jaringan internet secara fisik terkoneksi pada suatu jaringan,
tetapi dapat terbentuk dari jaringan-jaringan lain yang membentuk suatu jaringan komputer yang sangat besar. Maka untuk menghubungkan jaringan tersebut digunakan router atau gateway. Alat ini berfungsi untuk memisahkan paket informasi jaringan tersebut dengan jaringan lainnya.
2.4.5
Domain Tata cara penamaan suatu host dikenal dengan istilah domain. Berfungsi untuk menentukan posisi hierarki
host dari jaringan suatu internet. Dibawah nama domain dalam hierarki ini memungkinkan adanya nama subdomain. Penentuan nomor IP Address dan nama domain tidak dapat dilakukan secara sembarangan, yakni harus mengajukan permohonan kepada Internet Network Information Center (InterNIC). Badan ini mengelola pemakaian alamat IP dan nama domain.
2.5 HTML (Hyper Text Markup Language) HTML merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. HTML adalah protokol yang dapat digunakan untuk mentransfer data antara server web ke browser web. Protocol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML. Skrip HTML ditulis dengan text editor, penulis menggunakan program pada Macromedia Dreamweaver 8 kemudian file tersebut disimpan dengan ekstensi .htm atau .html. untuk melihat hasilnya kita memerlukan progam atau engine web browser.
2.6 PHP PHP (Hypertext Preprocessor) adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. PHP terkemuka dalam Open Source Product, sehingga source code PHP dapat dirubah dan didistribusikan secara bebas. PHP jug dapat berjalan diberbagai web server seperti IIS (Internet Information Server), Apache, Xitami, dan lain-lain. PHP juga mampu lintas platform, artinya PHP dapat berjalan sebagi CGI (Common Gateway Intrface). Salah satu keunggulan yang dimliki PHP adalah kemampuannya unuk melakukan koneksi ke berbagai macam software basis data sehingga dapat menciptakan suatu halaman web yang dinamis. PHP mempunyai konektivitas yang baik dengan basis data antara lain Oracle, Sybase, My SQL, Ms SQL server, PostgreSQL. PHP juga memiliki integrasi dengan bebrapa library eksternal yang dapat membantu melakukan segalanya melalui dokumen dengan format PDF hingga mem-prase XML, SNMP, NNTP, POP3 atau HTML. Bila PHP berada di dalam halaman web anda, maka tidak lagi dibutuhkan pengembangan lingkungan khusus atau directory khusus. Hampir seluruh aplikasi berbasis web dibuat dengan PHP. Penulisan perintah-perintah dan fungsi-fungsi PHP dalam text editor bersifat case sensitive, yang artinyapenulisan huruf besar (capital) dan huruf kecil dalm fungsi PHP dibedakan.
2.7 MySQL My SQL adalah salah satu jenis database server yang sangat terkenal dan banyak digunakan untuk membangun aplikasi web yang menggunakan database sebagai sumber dan pengelolaan datanya. My SQL merupakan database yang pertama kali didukung oleh bahasa pemrograman script untuk internet (PHP dan Perl). MySQL dan PHP dianggap sebagai pasangan software pengembangan web yang ideal. MySQL lebih sering digunakan untuk membangun aplikasi berbasis web, umumnya pengembangan aplikasinya menggunakan bahasa pemrograman script PHP. 3.
Tinjauan Umum Sejauh ini pelaksanaan ujian di sekolah – sekolah dilakukan dengan cara manual. Cara dimana siswa
mengerjakan di kertas kemudian dikumpulkan kepada pengawas yang selanjutnya akan dikoreksi dan baru dilihat hasilnya. Pada saat proses pengoreksian tentu saja akan membutuhkan waktu yang cukup lama apabila jumlah siswa dalam suatu kelas mencapai puluhan. Selain masalah ini juga terdapat masalah lain diantaranya ialah tidak akuratnya hasil koreksi dikarenakan human error yang sering terjadi. 4.
Pembahasan Dalam pembuatan halaman web untuk e-learning sekolah dasar di SD Negeri Wonosari 6, penulis telah
melakukan beberapa tahapan yang dikerjakan secara berurutan. Tahapan tersebut adalah penerapan PHP, data flow diagram, entity relation diagram, kebutuhan fungsional, perancangan struktur menu, desain user interface, perancangan tabel, implementasi tabel, dan pengujian sistem. Berikut ini penjelasan dari tahapan-tahapan di atas.
4. 1 Penerapan PHP Pada dasarnya website merupakan aplikasi client server yang menggunakan media internet.
Client (Browser)
Server Web Apache(dengan PHP)
Server Databae MySQL
Gambar 4.1 Hubungan Antar Komponen Aplikasi Web
4.2
Analisa perancangan sistem Perancangan system Informasi berbasis web di SD 6 Wonosari merupakan suatu system media informasi
dan media pembelajaran yang menggunakan web sebagai media perantaranya. Kemudahan yang ditawarkan oleh system ini menjadi salah satu nilai tambah bagi instansi maupun sekolah-sekolah yang telah ataupun akan menggunakan system ini. Selain kemudahan dalam memberikan ujian bagai para siswa, Website ini pun dapat memberikan keefektifan dan keefisienan dari segi tenaga dan waktu yang akan digunakan.
start
login
Cek id
Tampil menu user
Pilih menu user
hasil
end
Gambar 4.2 Flowchart login user
4.3 DFD (Data Flow Diagram) Dalam suatu sistem DFD digunakan untuk menggambarkan bagaimana sistem akan digambarkan DFD level 0 dari website yang akan dibuat.
beroperasi. Berikut ini
Gambar 4.3 DFD Level 0 4.4
Normalisasi Normalisasi adalah suatu teknik yang menstrukturkan data dalam cara-cara cara cara tertentu untuk membantu
mengurangi atau mencegah timbulnya masalah yang berhubungan dengan pengolahan data dalam basis data. Tujuan dari proses normalisasi adalah menghasilkan struktur record yang konsisten secara logik, yang mudah untuk dimengerti, dan sederhana dalam pemeliharaannya. Beberapa tahapan normalisasi antara lain adalah bentuk tidak normal (Unnormalized), ), bentuk normal nor pertama (1NF/First Normal Form), ), bentuk normal kedua (2NF/ ( Second Normal Form), ), bentuk normal ketiga (3NF/Third ( Normal Form) dan Boyce-Codd Normal Form (BCNF).
Gambar 4.5 Bentuk UnNormal
4.5 Perancangan Struktu Menu Kebutuhan fungsional merupakan kebutuhan dari website yang akan dibuat nanti, untuk masalah ini penyusun dibagi menjadi kebutuhan halaman administrator. Antara lain : home, visi misi, halaman login, dan lain sebagainya.
Gambar 4.7 Struktur Menu Halaman Pengunjung
4.6
Design User Interface User interface merupakan tampilan dimana user berinteraksi dengan sistem. Desain user interface desain
halaman administrator dan halaman utama pengunjung atau tampilan uatama website yang dibuat.
Gambar 4.8 Desain Halaman Publik
Halaman soal berisi soal ujian yang akan dikerjakan oleh siswa.
Gambar 4.9 Desain Halaman Soal
Struktur Database
4.7
Database merupakan suatu komponen yang sangat penting karena berfungsi sebagai penyedia informasi bagi pengguna. Database dibentuk dari kumpulan tabel-tabel yang memuat kumpulan data yang saling berhubungan satu sama lainnya. 1.
Tabel user CREATE TABLE`user_list` ( `id_user` int(2) NOT NULL auto_increment, `hak` char(200) NOT NULL, PRIMARY KEY (`id_user`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ;
Tabel 4.1 Tabel user
Tabel user digunakan untuk menyimpan data user yang terdiri dari siswa, guru dan admin.
2.
Tabel ujian CREATE TABLE `ujian` ( `id_ujian` int(5) NOT NULL auto_increment, `id_soal` int(5) NOT NULL, `pertanyaan` text NOT NULL, `jawab_a` text NOT NULL, `jawab_b` text NOT NULL, `jawab_c` text NOT NULL, `jawab_d` text NOT NULL, `jawaban` text NOT NULL, `no` int(11) NOT NULL, PRIMARY KEY (`id_ujian`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ;
Tabel 4.2 Tabel Ujian
Table ujian digunakan untuk menyimpan soal-soal yang akan digunakan siswa dalam ujian online. Table ini juga berisi pilihan jawaban dari a-d. dan table ini juga berisi kunci jawaban.
3.
Tabel menu_admin
CREATE TABLE IF NOT EXISTS `menu_admin` ( `id_menu_admin` int(11) NOT NULL auto_increment, `judul` char(25) NOT NULL, `target` char(200) NOT NULL, `id_user` int(1) NOT NULL, PRIMARY KEY (`id_menu_admin`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=24 ;
Tabel 4.3 Tabel menu_admin
Tabel menu_admin untuk menyimpan data admin sebagai tampilan dari website.
4.
Tabel Soal CREATE TABLE IF NOT EXISTS `soal` ( `id_soal` int(5) NOT NULL auto_increment, `judul` char(75) NOT NULL, `id_kelas_sub` int(2) NOT NULL, `id_mapel` int(5) NOT NULL, `nip` int(5) NOT NULL,
`id_sekolah` int(5) NOT NULL, PRIMARY KEY (`id_soal`)
Tabel 4.4 Tabel Soal
Tabel menu CREATE TABLE `menu` ( `id_menu` int(2) NOT NULL auto_increment, `judul` char(25) NOT NULL, `isi` text NOT NULL, PRIMARY KEY (`id_menu`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ;
Tabel 4.5 Tabel Menu
Tabel menu berfungsi untuk menyimpan data-data sebagai tampilan yang akan dilihat pengunjung pertama kali sebelum login.
4.8
Implementasi Program Suatu sistem terdiri dari sejumlah komponen yang saling berkaitan satu sama lain dan membentuk satu
kesatuan. Sebuah sistem yang baik selayaknya dapat menyajikan informasi yang akurat dan mudah di pahami.
Gambar 4.10 Tampilan awal Website Halaman ini berisi ucapan selamat datang dan informasi singkat mengenai website SD Negeri 6 wonosari.
Gambar 4.11 Halaman visi misi
Halaman visi misi berisi visi, misi dan tujuan dari SD Negeri 6 wonosari.
Gambar 4.12 Halaman sejarah singkat
Halaman Sejarah singkat berisi tentang sejarah berdirinya SD Negeri 6 Wonosari.
Gambar 4.13 Halaman prestasi
Halaman prestasi berisi tentang prestasi yang telah diraih oleh siswa SD Negeri 6 Wonosari.
Gambar 4.14 Halaman database guru
Halaman table guru berisi tentang data-data guru yang menjadi user di website SD 6 Wonosari.
Gambar 4.15 Halaman database siswa
Halaman table siswa berisi tentang data-data siswa yang menjadi user di website SD 6 Wonosari.
Gambar 4.16 Halaman admin
Gambar 4.27 Halaman kirim pesan Halaman kirim pesan berfungsi untuk memberikan pesan kepada siswa atau user lain.
Gambar 4.28 Halaman pertanyaan
Halaman pertanyaan berfungsi untuk memberikan pesan kepada siswa untuk dikerjakan secara online. Soal berbentuk pilihan ganda, option jawaban terdiri dari jawaban A-D. Jawaban benar aan ditunjukan setelah selesai mengerjakan soal.
Gambar 4.31 Halaman soal
Halaman test berisi soal untuk dikerjakan siswa secara online. Soal berbentuk pilihan ganda, option jawaban terdiri dari jawaban A-D.
5.
Penutup
5.1 Kesimpulan Dari penjelasan dan pembahasan yang telah dipaparkan dalam penulisan tugas akhir ini dapat ditarik beberapa kesimpulan sebai berikut: 1. Pemberian informasi lebih mudah dan cepat. 2. Sistem yang dibuat memungkinkan siswa sekolah dasar untuk latihan mengerjakan soal secara online. 3. Penerapan sistem ini diharapkan dapat meningkatkan mutu pendidikan di SD Negeri 6 Wonosari.
5.2 Saran Sebagai bahan penutup laporan Tugas Akhir tentang perancangan website ini, penulis berharap semoga apa yang penulis sajikan dapat memberikan banyak manfaat serta nilai guna bagi SD Negeri 6 Wonosari khususnya, sebagai media informasi serta media pembelajaran online. Selain itu sebagai bahan kajian ulang untuk Mahasiswa STMIK Amikom Yogyakarta lainnya dalam penyusunan Tugas Akhir yang mengambil pokok bahasan tentang website seperti yang penulis lakukan. Penulis menyadari bahwa dalam pembangunan web ini masih jauh dari sempurna dan banyak terdapat kekurangan-kekurangan yang dapat diperbaiki maupun dilegkapi oleh pengembangan selanjutnya. Saran-saran yang penulis rasakan akan mampu menghadirkan sosok pembangunan web yang baik diantaranya yaitu: 1.
Sebelum merancang web, sebaiknya terlebih dulu kita rumuskan tujuan pembuatan situs web untuk mempermudah pemberian informasi yang jelas dan akurat.
2.
Data yang dikumpulkan dapat ditambahkan lagi sehingga diperoleh data yang lengkap dan website yang kita bangun dapat dikatakan sebagai website yang lengkap dalam menyajikan informasi.
3.
Untuk pembangunan program dapat ditambahkan feature yang lebih menarik, sehingga menambah kesan yang menarik. Sehingga dapat membuat pengunjung menjadi tertarik untuk sering mengakses website SD Negeri 6 Wonosari. Semoga dengan sedikit kritik dan saran penyusun kemukakan akan menjadikan SD Negeri 6
Wonosari terus berkembang dan mendapatkan hal-hal yang terbaik.
Daftar Pustaka
Hakim, Lukmanul dan Uus Musalini. 2003. 150 Rahasia dan Trik Menguasai PHP. Yogyakarta: Elex Media Komputindo
Hakim, Lukmanul, 2008. Jalan Pinta Menjadi Master PHP. Yogyakarta: Lokomedia
Hakim, Lukmanul, 2008. Membongkar Trik Rahasia Para Master PHP. Yogyakarta: Lokomedia
Nugroho, Bunafit. 2007. PHP Profesional Pengembangan Data Array dalam Aplikasi Web. Yogyakarta
Sidik, Betha Ir. 2001. Pemrograman Web dengan PHP. Bandung
Sunyoto, Andi. 2007. Ajax Membangun Web dengan Teknologi Asynchronouse JavaScript & XML. Yogyakarta
Tim Dosen, 2009. Pedoman Penyusunan Proposal Penelitian dan Laporan Tugas Akhir. STMIK AMIKOM YOGYAKARTA
