PERANCANGAN SISTEM INFORMASI BERBASIS WEB DI SD

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