SISTEM DATABASE DATA GURU DAN SEKOLAH PA

SISTEM DATABASE DATA GURU DAN SEKOLAH PADA
DINAS PENDIDIKAN KOTA MANADO BERBASIS WEBSITE.
Rosdiana Simbolon
Dosen Jurusan Sistem Informasi STMIK Parna Raya
Email : rosdiana@parnaraya.ac.id
Abstrak
Sejak diciptakannya jaringan internet (international networking), manusia semakin mudah memperoleh
informasi. Kebutuhan akan informasi dirasa penting bagi masyarakat. Termasuk kebutuhan akan informasi data
guru dan sekolah dari SD, SMP, SMA dan SMK yang berada di Kota Manado, keadaan ini menuntut Dinas
Pendidikan Kota Manado untuk dapat menyediakan suatu sarana penyampaian informasi tersebut.
Tugas akhir ini bertujuan merancang sistem informasi data guru dan sekolah SD, SMP, SMA dan SMK pada
Dinas Pendidikan Kota Manado berbasis web. Manfaat sistem ini adalah mempermudah Dinas Pendidikan Kota
Manado dalam menyediakan dan menyampaikan informasi data guru dan sekolah SD, SMP, SMA dan SMK
yang berada di Kota Manado kepada masyarakat serta masyarakat sendiri lebih mudah dalam mengakses
informasi tersebut.
Metode pengambilan data dilakukan dengan metode studi literature (Kepustakaan), metode wawancara dan
metode observasi. Desain sistem dengan DFD (Data Flow Diagram) dan ERD (Entity Relationship Diagram).
Untuk pembuatan Sistem ini menggunakan bahasa pemrograman PHP, database MySQL, Macromedia
Dreamweaver 8, Macromedia Flash 8 dan Adobe Photoshop CS2. Untuk browser menggunakan Internet
Explorer dan atau menggunakan Mozilla Firefox.
Tugas akhir ini menghasilkan sistem informasi data guru dan sekolah SD, SMP, SMA dan SMK berbasis web
sebagai media informasi baik dari maupun ke Dinas Pendidikan Kota Manado. Selain itu dengan adanya fasilitas
pencarian data sekolah dan pencarian data guru dapat memudahkan masyarakat dalam mencari informasi data
guru dan sekolah SD, SMP, SMA dan SMK Kota Manado yang dibutuhkan. Kedepannya Sistem ini bisa
dikembangkan lebih baik lagi.

A. PENDAHULUAN
Sejak
diciptakannya
jaringan
internet
(international networking) manusia semakin mudah
dalam memperoleh informasi. Informasi menjadi
salah satu kunci di zaman modern seperti sekarang
ini.
Untuk mendapatkan dan menghasilkan
informasi, jaringan internet dapat dijadikan sebagai
salah satu alat bantu yang paling tepat.
Internet merupakan suatu jaringan komunikasi
tanpa batas yang melibatkan jutaan komputer
pribadi yang tersebar diseluruh dunia [PRA-2005].
Berbagai macam teknologi internet bisa
digunakan, salah satunya adalah World Wide Web
(WWW) yang mampu menyediakan informasi dalam
bentuk teks, gambar, suara, maupun gambar
bergerak. Dengan kemudahan-kemudahan yang
dihasilkan oleh jaringan internet membuat website
banyak dimanfaatkan dalam dunia politik,
pemerintahan, sosial, ekonomi, bisnis, kebudayaan,
pendidikan sebagai sarana promosi sekaligus
penyebaran informasi. E-Learning dan E-Education
merupakan dua istilah yang digunakan dalam dunia
akademik/pendidikan.
Dinas Pendidikan Kota Manado yang berlokasi
di Jalan Pingkan Matindas No. 135 Kecamatan
Tikala, berada di bawah wewenang Pemerintah Kota
Manado sebagai Satuan Kerja Perangkat Daerah
(SKPD) Kota Manado, yang mempunyai visi yaitu

terwujudnya sumber daya manusia berkualitas
dalam ilmu pengetahuan dan teknologi, beriman dan
berbudaya. Adapun misi dari Dinas Pendidikan
Kota Manado adalah sebagai berikut:
1. Meningkatkan pembinaan bagi anak usia dini
melalui pendidikan pra sekolah.
2. Menuntaskan program wajib belajar 9 tahun dan
perintisan wajib belajar 12 tahun.
3. Meningkatkan kemampuan profesional tenaga
kependidikan.
4. Meningkatkan pengadaan sarana dan prasarana
pendidikan.
5. Meningkatkan manajemen sekolah.
6. Meningkatkan pemberdayaan masyarakat.
7. Meningkatkan
kesejahteraan
tenaga
kependidikan.
8. Menerapkan
standar
pelayanan
minimal
pendidikan.
9. Meningkatkan pembinaan keimanan dan
ketaqwaan.
10. Meningkatkan pembinaan budaya daerah dan
nasional
Dinas Pendidikan Kota Manado memiliki
beberapa informasi sekolah negeri dan swasta serta
data guru yang berada di Kota Manado. Kota
Manado sendiri terdiri dari sembilan kecamatan,
disetiap kecamatan terdapat banyak sekolah negeri
dan swasta yang dibawahi oleh Dinas Pendidikan

Jurnal Logika Edisi 1 Volume 1 Bulan Januari Tahun 2010

15

Kota Manado. Data guru khususnya di Kota
Manado yang saat ini mencapai 6.085 pegawai dan
tenaga kependidikan yang meliputi Pegawai Negeri
Sipil (PNS), Pegawai Negeri Sipil Departemen
Agama (PNS Depag), Guru Tetap Yayasan (GTY)
dan Guru Tidak Tetap (GTT) beserta sekolah yang
terdaftar sebanyak 433 sekolah meliputi Sekolah
Dasar (SD) sederajat, Sekolah Menengah Pertama
(SMP) sederajat, Sekolah Menengah Atas (SMA)
sederajat dan Sekolah Menengah Kejuruan (SMK),
belum diketahui dengan jelas oleh masyarakat yang
berada di luar Kota Manado dan masyarakat Kota
Manado itu sendiri. Penyimpanan data guru dan
sekolah SD, SMP, SMA dan SMK telah
terkomputerisasi dengan menggunakan aplikasi
berbasis Visual Basic 6.0. Tetapi sistem tersebut
masih dirasa kurang cukup karena informasi data
guru yang ada dalam aplikasi tidak dapat diakses
oleh masyarakat.
Kebutuhan akan informasi data guru dan sekolah
SD, SMP, SMA dan SMK menuntut Dinas
Pendidikan Kota Manado untuk dapat menyediakan
suatu sarana penyampaian informasi tersebut.
Berdasarkan keadaan diatas, penulis merasa
perlu untuk membuat sistem informasi data guru dan
sekolah SD, SMP, SMA dan SMK berbasis web
untuk melengkapi teknologi informasi yang di miliki
Dinas Pendidikan Kota Manado, selain itu sistem
tersebut nantinya memudahkan Dinas Pendidikan
Kota
Manado
dalam
menyediakan
dan
menyampaikan informasi kepada masyarakat serta
lebih memudahkan masyarakat dalam mengakses
informasi mengenai data guru dan sekolah SD,
SMP, SMA dan SMK.
B. IDENTIFIKASI MASALAH
Berdasarkan uraian latar belakang diatas, maka
masalah yang akan dibahas dalam penelitian ini
adalah bagaimana membuat sistem informasi data
guru dan sekolah SD, SMP, SMA dan SMK
berbasis web yang dapat memudahkan masyarakat
dalam mengakses informasi data guru dan sekolah
SD, SMP, SMA dan SMK yang berada di Kota
Manado.
C. TUJUAN DAN MANFAAT
Tujuan dari penelitian ini adalah merancang
aplikasi sistem informasi data guru dan sekolah SD,
SMP, SMA dan SMK pada Dinas Pendidikan Kota
Manado berbasis web meliputi :
1. Pembuatan fasilitas pencarian data guru
berdasarkan nama guru, status kepegawaian dan
tempat tugas.
2. Pembuatan fasilitas pencarian data sekolah SD,
SMP, SMA dan SMK berdasarkan nama
sekolah.
Adapun manfaat dari penelitian ini adalah
sebagai berikut :
1. Manfaat bagi Dinas Pendidikan Kota Manado,
yaitu untuk lebih mempermudah dalam

Jurnal Logika Edisi 1 Volume 1 Bulan Januari Tahun 2010

menyediakan dan menyampaikan infomasi data
guru dan sekolah SD, SMP, SMA dan SMK
kepada masyarakat.
2. Manfaat bagi masyarakat, yaitu lebih mudah
untuk mengakses informasi data guru dan
sekolah SD, SMP, SMA dan SMK yang berada
di Kota Manado.
3. Manfaat bagi penulis, yaitu mendapatkan
tambahan ilmu pengetahuan dan pengalaman
dalam merancang suatu aplikasi sistem informasi
data guru dan sekolah SD, SMP, SMA dan SMK
pada Dinas Pendidikan Kota Manado berbasis
web.
D. DATABASE
Secara umum database berarti koleksi data yang
saling terkait. Secara praktis basis data dapat
dianggap sebagai suatu penyusunan data yang
terstruktur yang disimpan dalam media pengingat
(harddisk) yang tujuannya adalah agar data tersebut
dapat diakses dengan mudah dan cepat [KAD2008].
Database atau basis data dalam aplikasi ini
dipakai untuk menyimpan data agar data tersebut
dapat dimanipulasi dengan mudah, terjamin
keakuratannya, mudah dalam penyimpanan datanya,
dan tentu saja mudah diakses kembali. Basis data
dapat menangani data mulai dari data sederhana
sampai yang rumit, Data dalam jumlah sedikit
sampai pada data dalam jumlah besar, bahkan untuk
satu pengguna atau banyak pengguna. Database
yang digunakan dalam aplikasi ini adalah database
MySQL.
E. INTERNET
Menurut [WAR-2008], Internet merupakan
kumpulan komputer yang saling terhubung antara
satu dengan yang lain dalam satu jaringan sangat
besar, maka dalam jaringan tersebut akan dapat
berbagi informasi dan data.
Internet adalah jaringan luas dari komputer.
Internet juga merupakan sebuah sumber informasi
serta sebagai sarana berkomunikasi dalam dunia
hiburan [HER-2007].
Dengan adanya internet, aplikasi berbasis web
yang telah dirancang dapat dipublikasikan kepada
semua user yang membutuhkan informasi yang ada
di dalamnya.
Untuk menghubungkan diri ke
internet tidak sulit. Sistem jaringan yang sudah
dibangun di dalam perusahaan/ instansi dapat
dihubungkan dengan sebuah modem yang terkait
dengan jalur telepon, atau bahkan kini telah tersedia
fasilitas melalui ponsel dan teknologi wireless
lainnya.
Www (World Wide Web)
World Wide Web (WWW) merupakan kumpulan
web server dari seluruh dunia yang berfungsi
menyediakan data dan informasi untuk digunakan
bersama-sama, sedangkan web adalah fasilitas

16

hypertext yang mampu menampilkan data berupa
teks, gambar, suara, animasi dan multimedia lainnya
[RIY-2007].
WWW atau yang sering disebut World Wide
Web (Jaringan Dunia Luas) adalah sebuah bagian
dari Internet (International Networking) yang sangat
dikenal dalam dunia Internet, dengan adanya WWW
seorang pengguna dapat menampilkan sebuah
halaman virtual yang disebut dengan Website.
Website dibentuk dan diciptaan dari serangkaian
script atau code tertentu dari bahasa pemrograman
tertentu. Bahasa pemrograman yang dipakai bisa
bermacam-macam. Ada script website yang berasal
dari bahasa pemrograman ASP (Active Server
Page), ada juga yang memakai bahasa pemrograman
PHP (Hypertext Preprosessor) [JOV-2007].
Website atau situs juga dapat diartikan sebagai
kumpulan halaman yang menampilkan informasi
data teks, data gambar diam atau gerak, data
animasi, suara, video dan atau gabungan dari
semuanya, baik yang bersifat statis maupun dinamis
yang membentuk satu rangkaian bangunan yang
saling terkait. Web adalah sistem pengiriman
dokumen tersebar yang berjalan di internet. Web di
kembangkan di CERN (European Center for
Nuclear Research), suatu lembaga bagi penelitian
fisika energi tinggi di Geneva, Swiss. Tujuan
semula dari lembaga ini adalah untuk membantu
para fisikawan di berbagai lokasi yang berbeda
dalam bekerja sama dan berbagi material penelitian.
[ANO-2007]
Web memudahkan pengguna komputer untuk
berinteraksi dengan pelaku internet lainnya dan
menelusuri (informasi) di internet. Selain itu web
telah di gunakan oleh perusahaan/instansi sebagai
strategi teknologi informasinya, karena beberapa
alasan :
1. Akses informasi mudah,
2. Setup server lebih mudah,
3. informasi mudah didistribusikan, dan
4. Bebas platform yaitu informasi dapat disajikan
oleh browser web pada sistem informasi mana
saja karena adanya standar dokumen beberapa
tipe data dapat disajikan. Server web adalah
komputer yang digunakan untuk menyimpan
dokumen web, komputer ini akan melayani
permintaan dokumen web dari kliennya.

Untuk membuat website yang dinamis dan
mudah di update setiap saat dari browser,
dibutuhkan sebuah program yang mampu mengolah
data dari komputer client atau dari komputer server
itu sendiri sehingga mudah dan nyaman untuk
disajikan di browser. Salah satu program yang
dapat dijalankan di server dan cukup handal adalah
PHP.
PHP adalah script pemrograman yang terletak
dan dieksekusi di server. Salah satu fungsinya
adalah menerima, mengolah, dan menampilkan data
dari dan ke sebuah situs [TIM-2008].
Program PHP memungkinkan sebuah website
menjadi lebih interaktif dan dinamis. Data yang
dikirim oleh pengunjung website/ komputer client
akan diolah dan disimpan dalam database server
dan akan ditampilkan kembali apabila di akses
[MAD-2008].
PHP adalah bahasa pemograman berbasis web.
Bahasa
ini
mempunyai
kelebihan
yaitu
kompabilitasnya dengan berbagai macam jenis
database dan dukungan dengan berbagai macam
jenis sistem operasi. PHP tidak terbatas hanya
menghasilkan keluaran HTML, PHP juga bisa
digunakan untuk menghasilkan gambar GIF, atau
bahkan sumber gambar GIF yang dinamis.
Beberapa keunggulan yang dimiliki program
PHP adalah :
1. Tingkat akses PHP yang lebih cepat dan
memiliki tingkat keamanan yang tinggi.
2. PHP memiliki tingkat lifecycle yang cepat,
sehingga selalu mengikuti perkembangan
teknologi internet.
3. PHP mampu berjalan di beberapa server yang
ada.
4. PHP dapat berjalan di Linux sebagai platform
sistem operasi utama bagi PHP, tetapi juga dapat
berjalan di FreeBSD, Unix, Solaris, Windows,
dan yang lain.
5. PHP juga mendukung akses ke beberapa
database yang sudah ada, baik yang bersifat
free/gratis ataupun komersial. Database itu
antara lain MySQL, PosgreSQL, mSQL,
Informix, MicrosoftSQL server.
6. Dengan menggunakan PHP, aplikasi berbasis
web yang telah dirancang menjadi lebih
interaktif dan dinamis.

Web ada yang bersifat statis dan ada juga yang
bersifat dinamis. Web statis merupakan halaman
website yang dirancang tanpa harus melakukan
perubahan pada halaman web tersebut atau dengan
kata lain web statis tidak melakukan proses dengan
database. Sedangkan web dinamis sewaktu-waktu
dapat di update atau dapat dilakukan proses
perubahan apabila ada penambahan data maupun
penghapusan data. Dalam aplikasi ini website yang
dirancang merupakan web yang bersifat dinamis.

MySQL
MySQL (My Structured Query Language) atau
yang biasa dibaca mai-se-kuel adalah sebuah
program pembuat dan pengolah database atau yang
sering disebut dengan DBMS (DataBase
Management System). Sifat dari DBMS ini adalah
open source [NUG-2008].
Menurut [ALI-2008], MySQL merupakan tipe
data relasional yang artinya MySQL menyimpan
datanya dalam bentuk tabel-tabel yang saling
berhubungan.

PHP

Jurnal Logika Edisi 1 Volume 1 Bulan Januari Tahun 2010

17

Selain itu MySQL juga merupakan program
pengakses database yang bersifat jaringan, sehingga
dapat digunakan untuk aplikasi Multi User (banyak
pengguna). Kelebihan lain dari MySQL adalah
menggunakan bahasa query (permintaan) standar
SQL (Structured Query Language). SQL adalah
suatu bahasa permintaan yang terstruktur.
MySQL sebenarnya produk yang berjalan pada
platform linux, degan adanya perkembangan dan
banyaknya pengguna, serta lisensi dari database ini
adalah open source, maka para pengembang
kemudian merilis versi windows.
Beberapa
kelebihan MySQL dibandingkan dengan database
lainnya antara lain :
1. Dapat diakses dengan berbagai macam bahasa
pemograman.
2. MySQL bersifat open source, memungkinkan
user untuk melakukan modifikasi pada source
code untuk memenuhi kebutuhan spesifik yang
mereka butuhkan.
3. Mudah digunakan, cepat serta kinerja query
memiliki kemampuan menangani data yang
cukup besar.
Dengan menggunakan MySQL dalam aplikasi
ini sebagai basis data, sangat memungkinkan untuk
menampung data guru dan data sekolah SD, SMP,
SMA dan SMK dengan jumlah yang sangat besar
karena MySQL memiliki tingkat kestabilan yang
tinggi walaupun dengan jumlah data yang banyak.
MySQL juga menyediakan fitur-fitur yang cukup
membantu dalam pembuatan aplikasi web seperti
klausa limit dalam select, full text index, dan
recovery database yang mudah. Ini karena salah
satu pemakaian utama MySQL adalah untuk aplikasi
web.
Apache
Apache merupakan web server yang bersifat
universal dan
gratis, dikembangkan
oleh
sekelompok programer bernama Apache Group.
Apache pertama kali dikembangkan pada tahun
1995. Apache pertama kali diciptakan untuk sistem
operasi unix, sekarang apache bisa dijalankan pada
hampir semua sistem operasi termasuk windows
[IRA-2009].
Apache telah didukung oleh banyak sistem
operasi. Apache dapat dijalankan pada semua
sistem operasi seperti linux, windows, OS/2,
AmigaOS.
ERD(Entity Relationship Diagram)
Model
Entity-Relationship
yang
berisi
komponen-komponen entitas dan himpunan relasi
masing-masing dilengkapi dengan atribut-atribut
yang mempresentasikan seluruh fakta dari dunia
nyata, dapat digambarkan secara lebih sistematis
dengan menggunakan Diagram Entity Relationship
[HAR-2005].
DFD ( Data Flow Diagram )

Jurnal Logika Edisi 1 Volume 1 Bulan Januari Tahun 2010

Menurut [BUD-2006], Diagram konteks
merupakan pola penggambaran yang berfungsi
untuk memperlihatkan interaksi sistem informasi
dengan lingkungan dimana sistem tersebut
ditempatkan.
Data Flow Diagram (DFD)
merupakan alat perancangan sistem yang
berorientasi pada alur data yang dapat digunakan
untuk penggambaran analisa maupun rancangan
sistem yang mudah dikomunikasikan oleh
profesional sistem kepada pemakai atau pembuat
program.
F. FLOWCHART
Flowchart atau bagan alur merupakan metode
untuk menggambarkan tahap-tahap penyelesaian
masalah beserta aliran data dengan simbol-simbol
standar yang mudah dipahami [SOE-2008]. Tujuan
utama penggunaan flowchart adalah untuk
menyederhanakan rangkaian proses atau prosedur
untuk memudahkan pemahaman pengguna terhadap
informasi tersebut. Dalam pembuatan aplikasi
berbasis web ini, flowchart digunakan sebagai alat
desain sistem.
G. HASIL PENELITIAN
Data yang didapatkan selama penelitian berupa
data guru dan data sekolah SD, SMP, SMA dan
SMK yang telah terdaftar di Dinas Pendidikan Kota
Manado.
Data guru yang telah terdaftar di Dinas
Pendidikan Kota Manado sebanyak 6.085 pegawai
dan tenaga kependidikan meliputi Pegawai Negeri
Sipil (PNS) sebanyak 4.100 orang, Pegawai Negeri
Sipil Departemen Agama (PNS Depag) sebanyak 92
orang, Guru Tetap Yayasan (GTY) sebanyak 698
orang dan Guru Tidak Tetap (GTT) sebanyak 1195
orang.
Data sekolah yang didapatkan yang telah
terdaftar di Dinas Pendidikan Kota Manado
sebanyak 433 sekolah yang tersebar di 9 (sembilan)
kecamatan.
Adapun data jumlah sekolah
berdasarkan status sekolah dan kecamatan tempat
sekolah berada dapat dilihat pada tabel berikut ini.
Tabel 1.Data Jumlah Sekolah Berdasarkan Status
Sekolah dan Kecamatan Tempat Sekolah
Berada

Keterangan :
N : singkatan dari kata negeri
S : singkatan dari kata swasta

18

Dari tabel di atas dapat dilihat bahwa Kota
Manado memiliki 433 sekolah yang tersebar di 9
(sembilan) kecamatan yaitu kecamatan Malalayang,
Sario, Wenang, Mapanget, Bunaken, Wanea, Tikala,
Tuminting, dan Singkil. Selain itu dari tabel yang
ada dapat dilihat bahwa jumlah Sekolah Dasar (SD)
sebanyak 268 sekolah, Sekolah Menengah Pertama
(SMP) sebanyak 92 sekolah, Sekolah Menengah
Atas (SMA) sebanyak 47 sekolah dan Sekolah
Menengah Kejuruan (SMK) sebanyak 26 sekolah.
H. PERANCANGAN
Adapun alur sistem informasi data guru dan
sekolah SD, SMP, SMA dan SMK Kota Manado
berbasis web secara umum dapat dilihat sebagai
berikut :

Gambar 2. ERD Sistem Informasi Data Guru dan Sekolah
SD, SMP, SMA dan SMK Pada Dinas Pendidikan Kota
Manado berbasis Web

Rancangan Interface Sistem
Rancangan interface sistem informasi data guru
dan sekolah SD, SMP, SMA dan SMK pada Dinas
Pendidikan Kota Manado berbasis web terbagi atas
2 (dua), yaitu rancangan interface halaman utama
web (homepage) dan rancangan interface halaman
utama admin.
1. Rancangan Halaman Utama Web (Homepage)
Rancangan interface ini diperuntukkan untuk
user umum dalam melihat semua informasi hasil
proses manajemen data dari admin. Berikut adalah
rancangan interface halaman utama web (homepage)
dalam bentuk diagram..

Gambar 1. Alur Sistem Informasi Data Guru dan Sekolah

Alur sistem informasi data guru dan sekolah SD,
SMP, SMA dan SMK pada Dinas Pendidikan Kota
Manado secara umum dapat di uraikan sebagai
berikut :
1. Pihak KK Datadik Dinas Pendidikan Kota
Manado melakukan pemeriksaan kelengkapan
data guru dan sekolah SD, SMP, SMA dan
SMK.
2. Proses upload data oleh pihak KK Datadik
Dinas Pendidikan Kota Manado dari web
admin.
3. Data yang di upload disimpan ke web server.
4. Pihak user yaitu masyarakat selanjutnya dapat
mengakses informasi data guru dan sekolah
SD, SMP, SMA dan SMK dengan
mengunjungi alamat situs web tersebut.
Desain Database Sistem
Dalam tahap desain database sistem ini akan
dibahas mengenai tabel-tabel yang terdapat dalam
aplikasi. Sistem database yang digunakan sebagai
media penyimpanan data yaitu MySQL.

Gambar 3. Diagram Rancangan Interface Halaman
Utama Web

2. Rancangan Interface Halaman Utama Admin
Rancangan interface ini diperuntukkan khusus
bagi pihak administrator dalam memanajemen
semua data-data informasi.
Berikut adalah
rancangan interface halaman utama admin dalam
bentuk diagram.

ERD (Entity Relationship Diagram) Sistem
Dibawah ini adalah gambaran ERD sistem
informasi data guru dan sekolah SD, SMP, SMA
dan SMK pada Dinas Pendidikan Kota Manado
berbasis web.

Jurnal Logika Edisi 1 Volume 1 Bulan Januari Tahun 2010

19

Gambar 4. Diagram Rancangan Interface Halaman
Utama Admin

Desain Tampilan Sistem
Setelah tahap desain database dan perancangan
interface sistem dalam bentuk diagram, langkah
selanjutnya adalah mendesain tampilan sistem
dengan menggunakan macromedia dreamweaver 8.
Dalam pembahasan kali ini desain tampilan terbagi
atas 2 (dua), yaitu desain tampilan halaman utama
web (homepage) dan desain tampilan halaman
utama admin.
1. Desain Tampilan Halaman Utama Web
(Homepage)
Dalam mendesain tampilan halaman utama web
(homepage), komponen yang digunakan adalah
iframe, hyperlink, media dan tabel yang terdapat
pada tool bar common dan tool bar layout.
Komponen iframe digunakan untuk membuat
bagian mainframe. Komponen tabel digunakan
untuk membuat tabel. Komponen media digunakan
untuk pengambilan gambar yang berasal dari
program lain seperti flash, contohnya gambar
bergerak pada bagian header web sistem informasi
data guru dan sekolah SD, SMP, SMA dan SMK
Kota Manado.
Komponen hyperlink digunakan untuk membuat
hubungan antara halaman, seperti link home
digunakan untuk kembali ke halaman utama web
(homepage), link buku tamu yang menghubungkan
halaman utama web (homepage) ke halaman input
buku tamu, link contact yang menghubungkan
halaman utama web (homepage) ke halaman
contact, link admin yang menghubungkan halaman
utama web (homepage) ke halaman login admin,
link about yang menghubungkan halaman utama
web (homepage) ke halaman about, link visi dan
misi yang menghubungkan halaman utama web
(homepage) ke halaman visi dan misi, link struktur
organisasi ang menghubungkan halaman utama web
(homepage) ke halaman struktur organisasi, link SD
yang menghubungkan halaman utama web
(homepage) ke halaman pencarian data SD, link
SMP yang menghubungkan halaman utama web
(homepage) ke halaman pecarian data SMP, link
SMA yang menghubungkan halaman utama web
(homepage) ke halaman pencarian data SMA, link
SMK yang menghubungkan halaman utama web
(homepage) ke halaman pencarian data SMK, link
data guru yang menghubungkan halaman utama web
(homepage) ke halaman pencarian dataguru dan link
data statistik yang menghubungkan halaman utama
web (homepage) ke halaman data statistik.
Berikut ini merupakan desain tampilan halaman
utama web (homepage).

Jurnal Logika Edisi 1 Volume 1 Bulan Januari Tahun 2010

(Sumber : Perancangan Aplikasi)

Gambar 5. Desain Tampilan Halaman Utama Web
(Homepage)

2. Desain Tampilan Halaman Utama Admin
Dalam mendesain tampilan halaman utama
admin, komponen yang digunakan adalah frame,
hyperlink dan tabel yang terdapat pada tool bar
common dan tool bar layout. Komponen frame
digunakan untuk membuat frame. Komponen tabel
digunakan untuk membuat tabel. Komponen
hyperlink digunakan untuk membuat hubungan
antara halaman, misalnya link logout yang
menghubungkan halaman utama admin ke halaman
utama web (homepage), link data sekolah yang
menghubungkan halaman utama admin ke halaman
input data sekolah , link data guru yang
menghubungkan halaman utama admin ke halaman
input data guru dan link berita yang menghubungkan
halaman utama admin ke halaman input data berita.
Berikut ini merupakan desain tampilan halaman
utama admin.

Gambar 6. Desain Tampilan Halaman Utama Admin

Proses Sistem
Setelah merancang database, interface sistem
dan desain tampilan sistem, selanjutnya adalah
pembahasan mengenai proses sistem.
Data Flow Diagram Sistem
Untuk lebih memperjelas proses sistem
informasi data guru dan sekolah SD, SMP, SMA
dan SMK pada Dinas Pendidikan Kota Manado
berbasis web, maka pembahasan proses sistem kali
ini menggunakan Data flow Diagram (DFD) .
1. Diagram Konteks

20

Gambar 7. Diagram Konteks

2. Diagram Berjenjang

Gambar 8. Diagram Berjenjang

3. Data Flow Diagram Level 0

Gambar 9. Data Flow Diagram Level 0

4. Data Flow Diagram Level 1

Gambar 10. Data Flow Diagram Level 1

I.

PENGUJIAN SISTEM
Sebelum website di publikasikan perlu di
lakukan pengujian sistem. Pengujian sistem sangat
diperlukan untuk mengetahui situs yang dibuat telah
bekerja dengan baik atau belum.
Adapun pengujian sistem terlebih dahulu penulis
lakukan secara lokal agar jika ditemukan suatu
kesalahan dalam situs tersebut, dapat dilakukan
pembetulan kembali sebelum situs tersebut di
publikasikan. Pengujian sistem dilakukan pada
proses input, edit dan output data.
Pengujian Proses Input Data
Pengujian proses input data dilakukan dari
admin web, dimana admin sebagai tempat
memanajemen data yang ada dalam sistem.
1. Input Data Sekolah

Jurnal Logika Edisi 1 Volume 1 Bulan Januari Tahun 2010

Dalam proses pengujian input data sekolah, data
yang di input sesuai dengan field-field yang ada di
halaman input data sekolah, seperti NPSN (Nomor
Pokok Sekolah Nasional), NSS (Nomor Statistik
Sekolah), jenjang pendidikan, status sekolah, nama
sekolah, alamat, nomor telepon, kecamatan dan
keterangan. Data tersebut kemudian disimpan ke
dalam database. Jika data yang di input merupakan
data yang telah ada dalam database, pada saat tekan
tombol simpan akan ada pesan di layar monitor yang
menyatakan bahwa terjadi input data yang sama.
Jika hal ini terjadi maka user harus kembali
menginput data baru.
2. Input Data Guru
Dalam proses pengujian input data guru, pertama
input data berdasarkan field-field yang ada pada
halaman input data guru. Field-field tersebut seperti
NUPTK (Nomor Unik Pegawai dan Tenaga
Kependidikan), NIP (Nomor Induk Pegawai), gelar
depan, nama guru, gelar belakangI, gelar belakangII,
jenis kelamin, agama, tanggal lahir, tempat lahir,
pendidikan terakhir, golongan, tugas sebagai dan
gambar. Data yang ada kemudian disimpan ke
dalam database. Jika data yang di input merupakan
data yang telah ada dalam database, pada saat tekan
tombol simpan akan ada pesan dilayar monitor yang
menyatakan bahwa terjadi input data yang sama.
Jika hal tersebut terjadi maka user harus kembali
menginput data baru.
3. Input Data Berita
Dalam Proses pengujian input data berita,
pertama masukan data berdasarkan field-field yang
ada pada halaman input data berita. Field-field yang
ada seperti judul berita, isi berita dan pengirim. Jika
terjadi input data yang sama ke dalam database,
maka di layar monitor akan ada pesan yang
menyatakan bahwa terjadi input data yang sama.
Jika hal tersebut terjadi maka user harus melakukan
input data yang baru.
Pengujian Proses Ubah Data (Edit Data)
Pengujian proses ubah data dilakukan dari admin
web, dimana admin sebagai tempat memanajemen
data yang ada pada sistem.
1. Ubah Data Sekolah
Dalam Proses pengujian ubah data sekolah,
pertama liat data yang akan diubah, jika ada data
yang akan diubah, user mengubah data tersebut
dalam form ubah data sekolah sesuai dengan fieldfield yang terdapat dalam halaman tersebut.
2. Ubah Data guru
Dalam Proses pengujian ubah data guru, pertama
liat data yang akan diubah, jika ada data yang akan
diubah, user mengubah data tersebut dalam form
ubah data guru sesuai dengan field-field yang
terdapat dalam halaman tersebut.
3. Ubah Data Berita
Dalam Proses pengujian ubah data berita,
pertama liat data yang akan diubah, jika ada data
yang akan diubah, user mengubah data tersebut

21

dalam form ubah data berita sesuai dengan fieldfield yang terdapat dalam halaman tersebut.
Pengujian Proses Output
Pengujian proses output dilakukan pada halaman
utama web, dimana semua data yang di input dari
admin web, hasil dari input ditampilkan ke halaman
utama web.
1. Pencarian Data Sekolah
Dalam proses pengujian pencarian data sekolah,
pertama user menginput nama sekolah yang akan
dicari, sistem yang ada akan mencari sesuai dengan
kata kunci yang di input. Jika data yang dicari tidak
ditemukan, user perlu untuk menginput kata kunci
yang lebih lengkap dari yang sebelumnya. Jika
nama sekolah telah di input dengan jelas dan data
yang dicari masih belum ditemukan artinya data
tersebut
tidak
terdapat
dalam
database.
Penginputan kata kunci tidak membedakan huruf
kecil dan huruf besar. Pencarian data sekolah SD,
SMP, SMA dan SMK memiliki sistem pencarian
yang sama.
2. Pencarian Data Guru
Dalam proses pengujian pencarian data guru,
user dapat melakukan pencarian berdasarkan nama
guru, status kepegawaian dan tempat tugas. Pertama
user menginput nama guru yang akan dicari, sistem
yang ada akan mencari sesuai dengan kata kunci
yang di input.
Jika data yang dicari tidak
ditemukan, user perlu untuk menginput kata kunci
yang lebih lengkap dari yang sebelumnya. Jika
nama guru telah di input dengan jelas dan data yang
dicari masih belum ditemukan artinya data tersebut
tidak terdapat dalam database. Penginputan kata
kunci tidak membedakan huruf kecil dan huruf
besar. Berikut merupakan halaman pencarian data
guru.
Untuk melihat secara lengkap data dari setiap
guru, klik link read more maka user dapat melihat
data setiap guru secara lengkap.
3. Data Berita
Setelah melakukan proses input data berita, data
berita yang telah di input di tampilkan di halaman
utama web. Halaman utama web dapat dilihat di
bawah ini.
Untuk melihat isi berita secara lengkap, klik
judul berita maka user akan dapat melihat berita
secara lengkap
J. KESIMPULAN DAN SARAN
[HER-2007] Herlina, V. 2007. Akses Internet
Dengan Komputer dan Hp. Yrama
Widya. Bandung.
[IRA-2009] Irawan.
2009.
Kamus
Istilah
Komputer Untuk Orang Awam.
Maxicom. Palembang.

Jurnal Logika Edisi 1 Volume 1 Bulan Januari Tahun 2010

Kesimpulan yang dapat diambil dari hasil
implementasi sistem adalah sebagai berikut :
1. Pencarian data guru dan sekolah dalam sistem ini
memberikan kemudahan bagi masyarakat dalam
mencari informasi data guru dan sekolah yang
diperlukan.
2. Sistem telah terkoneksi dengan database
sehingga data yang ditampilkan terhindar dari
duplikasi dan memungkinkan pemanggilan
kembali dari media penyimpanannya.
3. Dengan adanya dukungan fasilitas bagi
administrator untuk melakukan pemeliharaan
data
secara
online,
kesalahan
dalam
penyampaian data maupun perubahannya dapat
segera diperbaiki.
Saran
Dari hasil pembahasan yang telah diuraikan pada
bab sebelumnya, maka penulis memberikan
beberapa saran yang bermanfaat dalam penggunaan
sistem ini diantaranya adalah:
1. Disarankan browser sebaiknya menggunakan
Internet Explorer untuk mendapatkan tampilan
web yang lebih baik.
2. Untuk
pemeliharaan
sistem
sebaiknya
administrator secara teratur melakukan update
data agar informasi yang diberikan merupakan
informasi yang terbaru.
3. Keamanan data tergantung pada administrator,
oleh sebab itu Administrator perlu menjaga
kerahasiaan password yang sering digunakan
pada saat login ke halaman admin dari pihak
manapun.
DAFTAR PUSTAKA
[ALI-2008] Ali dan SmitDev Community. 2008.
36 Menit Belajar Komputer PHP dan
MySQL. Elex Media Komputindo.
Jakarta.
[ANO-2007] Anonimous.
2007.
http://www.baliorange.web.id/pengert
ian-website-webhostingdomainname/. Di akses tanggal 4
desember 2009.
[BUD-2006] Budi, S. 2006. Perancangan Sistem
Informasi. Andi. Yogyakarta
[EDH-2005] Edhy, S. 2005. Pengantar Teknologi
Komputer. Andi. Yogyakarta.
[HAR-2005] Hartono, J. 2005. Analisa dan Desain.
Andi. Yogyakarta.
[JOV-2007] Jovan, FN. 2007. Panduan Praktis
Membuat
Web
Dengan
PHP.
Mediakita Jakarta.
[KAD-2008] Kadir, A. 2008. Tuntunan Praktis
Belajar Database
Menggunakan
MySQL. Andi. Yogyakarta.

22

[LEN-2006] Lenawati, M. 2006. Macromedia
Dreamweaver 8 Dengan PHP. Andi.
Yogyakarta.
[MAD-2008] Madcoms. 2008. PHP & MySQL
Untuk Pemula. Andi. Yogyakarta.
[NUG-2008] Nugroho, B. 2008. Latihan Membuat
Aplikasi Web PHP dan MySQL
Dengan Dreamweaver MX (6, 7,
2004)
dan
8.
Gava
Media.
Yogyakarta.
[PRA-2005] Prahitna. 2005. Sistem Informasi
Dalam
Organisasi.
Maxicom.
Palembang
[RIW-2008] Riwayadi S. 2008. Kamus Lengkap
Bahasa Indonesia. Sinar Terang.
Surabaya
[RIY-2007] Riyanto, S. 2007. Membangun
Website. Datakom Lintas Buana.
Jakarta
[SIM-2006] Simarmata. J, 2006. Pengenalan
Teknologi computer & Informasi.
Andi. Yogyakarta
[SOE-2008] Soeherman dan Pinontoan. 2008.
Designing Information System. Elex
Media Komputindo. Jakarta.

Jurnal Logika Edisi 1 Volume 1 Bulan Januari Tahun 2010

[SUL-2007] Sulhan, M. 2007. Pengembangan
Aplikasi Berbasis Web Dengan PHP
& ASP. Gava Media. Yogyakarta.
[SUR-2007] Suryana
dan
Sarwono.
2007.
Membuat Web Pribadi dan Bisnis
Dengan
HTML.
Gava
Media.
Yogyakarta.
[SUT-2005] Sutabri, T. 2005. Sistem Informasi
Manajemen. Andi. Yogyakarta.
[TIM-2008] Tim
divisi
penelitian
dan
pengembangan. 2008. Aplikasi Web
Database
Menggunakan
Adobe
Dreamweaver CS3 & Pemrograman
PHP + MySQL. Andi dan Madcoms.
Yogyakarta.
[WAH-2004] Wahyono, T. 2004. Sistem Informasi,
Konsep Dasar, Analisis Desain dan
Implementasi.
Graha
Ilmu.
Yogyakarta.
[WAR-2008] Warjana dan Razaq. 2008. Cara
Praktis
Menggunakan
Internet
Dengan Laptop. Indah. Surabaya.

23

Dokumen yang terkait

Dokumen baru