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 URL yang lengkap berbentuk :

Protokol_transfer://nama_host/path/nama_file?query#fragment. 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.

Gambar 4.2 Flowchart login user

4.3 DFD (Data Flow Diagram)

Dalam suatu sistem DFD digunakan untuk menggambarkan bagaimana sistem beroperasi. Berikut ini

akan digambarkan DFD level 0 dari website yang akan dibuat.

start

login

Cek id

Tampil menu user

Pilih menu user

hasil

end

4.4 Normalisasi

Normalisasi adalah suatu teknik yang menstrukturkan data dalam cara

mengurangi atau mencegah timbulnya masalah yang berhubungan dengan pengolahan data dalam basis data.

Tujuan dari proses normalisasi adalah menghasilkan struktur

dimengerti, dan sederhana dalam pemeliharaannya. Beberapa tahapan normalisasi antara lain adalah bentuk tidak

normal (Unnormalized), bentuk nor

Normal Form), bentuk normal ketiga (

Gambar 4.3 DFD Level 0

Normalisasi adalah suatu teknik yang menstrukturkan data dalam 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

), bentuk normal pertama (1NF/First Normal Form), bentuk normal kedua (

), bentuk normal ketiga (3NF/Third Normal Form) dan Boyce-Codd Normal Form

Gambar 4.5 Bentuk UnNormal

cara tertentu untuk membantu

mengurangi atau mencegah timbulnya masalah yang berhubungan dengan pengolahan data dalam basis data.

yang konsisten secara logik, yang mudah untuk

dimengerti, dan sederhana dalam pemeliharaannya. Beberapa tahapan normalisasi antara lain adalah bentuk tidak

), bentuk normal kedua (2NF/ Second

Normal Form (BCNF).

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

4.7 Struktur Database

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