pengembangan website sd katolik santa theresia

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
PENGEMBANGAN WEBSITE
SD KATOLIK SANTA THERESIA
BALIKPAPAN
SKRIPSI
Diajukan Untuk Memenuhi Salah Satu Syarat
Memperoleh Gelar Sarjana Sains
Program Studi Ilmu Komputer
Oleh:
Nama : Dwiyananto Budiprasetyo
NIM : 003124070
PRODI ILMU KOMPUTER JURUSAN MATEMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS SANATA DHARMA
YOGYAKARTA
2007
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
THE WEBSITE DEVELOPMENT OF SANTA
THERESIA CATHOLIC ELEMENTARY SCHOOL OF
BALIKPAPAN
A THESIS
Presented as Partial FulFilment of the Requirements
To Obtain Sarjana Sains Degree
In Computer Science Study Program
Oleh:
Nama : Dwiyananto Budiprasetyo
NIM : 003124070
COMPUTER SCIENCE STUDY PROGRAM
MATHEMATICS DEPARTEMENT
FACULTY OF SAINS AND TECHNOLOGY
SANATA DHARMA UNIVERSITY
YOGYAKARTA
2007
ii
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
iii
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
iv
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
HALAMAN PERSEMBAHAN
Pandanglah hari ini.
Jangan lihat masa lampau dengan penyesalan
kemarin sudah menjadi mimpi.
jangan pula lihat masa depan dengan ketakutan,
esok hari hanyalah sebuah visi.
tapi lihatlah sekarang dengan penuh kesadaran
hari ini yang sungguh nyata,
menjadikan kemarin sebagai mimpi kebahagiaan,
dan setiap hari esok sebagai visi harapan.
( Alexander Pope dan James Thurber )
Karya ini kupersembahkan untuk:
 Allah Bapa dan Bunda Maria di Surga
Atas semua cobaan hidup ini dan karunia-Nya
 Bapak Ibuku,
Sebagai ungkapan sujud bakti dan rasa syukurku
 Mas Inug dan Dinda ,
Kakak dan adikku tercinta
v
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
PERNYATAAN KEASLIAN KARYA
Saya menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis ini tidak
memuat karya atau bagian karya lain, kecuali yang telah disebutkan dalam kutipan
dan daftar pustaka, sebagaimana layaknya karya ilmiah.
Yogyakarta, ..........................
Penulis
vi
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
ABSTRAK
Website Sekolah Dasar Katolik Santa Theresia Balikpapan merupakan media
informasi yang memberikan pelayanan berupa informasi kepada orang tua siswa,
siswa, alumni, dan sekaligus sebagai sarana promosi kepada masyarakat umum.
Website ini memberikan kemudahan bagi para pengunjung karena dapat diakses
secara online. Orang tua siswa / siswa dan alumni cukup memasukan username dan
password untuk dapat mengakses halaman siswa dan alumni.
Fasilitas yang diberikan di website ini antara lain profil sekolah, kelas, jadwal
pelajaran dan ujian, forum diskusi, dan berbagai fasilitas lainnya. Selain itu juga
disediakan fasilitas untuk mengupdate data website bagi Administrator.
Website Sekolah Dasar Katolik Santa Theresia Balikpapan dibuat dengan
menggunakan bahasa pemrograman PHP, database server menggunakan MySQL,
web server menggunakan Apache, dan mail server menggunakan Mercury Mail yang
diimplementasikan dalam sistem operasi Windows.
vii
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
ABSTRACT
Website of Catholic Elementary School Santa Theresia Balikpapan represent
the information media giving the information to parent, student, collegiate, and at
one blow as promotion medium to society. This Website give the amenity to all
visitors because it can be accessed by online. Parent, student and collegiate enough
input of username and password to can access the page;yard of student and
collegiate.
This website gives facilities such as school profile, class, schedule of Iesson
and test, discussion forum, and various other facilities. Others also provided a
facility to update the data website for Administrator.
Website of Catholic Elementary School Santa Theresia Balikpapan is made
by PHP, database server Mysql, web server Apache, and mail server Mercury Mail
which implementation in operating system Windows.
viii
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
KATA PENGANTAR
Puji syukur penulis panjatkan kepada Allah Bapa di surga karena atas
bimbingan dan petunjuk-Nya, sehingga penulis dapat menyelesaikan penelitian dan
penyusunan skripsi yang berjudul Pengembangan Website SD Katolik Santa
Theresia Balikpapan. Skripsi ini disusun sebagai salah satu syarat untuk mencapai
gelar Sarjana Sains (S.Si) Program Studi Ilmu Komputer.
Dalam pelaksanaan penelitian dan penyusunan skripsi ini tentunya tidak
terlepas dari bantuan berbagai pihak. Oleh karena itu penulis ucapkan terima kasih
kepada:
1. Allah Bapa dan Bunda Maria yang tak henti-hentinya menyinari dan
menuntun setiap langkah hidup kami.
2. Bpk Ir. Gregorius Heliarko SJ, SS, BST, MA, M.Sc. selaku dekan Fakultas
Sains dan Teknologi.
3. Ibu P.H. Prima Rosa, S.Si, M.Sc selaku Kaprodi Ilmu Komputer Universitas
Sanata Dharma dan atas bimbingan dan bantuan selama kami menuntut ilmu
di Universitas Sanata Dharma.
4. Bapak St. Eko Hari Parmadi, S.Si, M. Kom selaku dosen pembimbing yang
di tengah kesibukannya telah banyak menyisihkan waktu untuk membimbing
dan mengarahkan dengan kesabarannya dalam penyusunan proyek ini.
5. Ibu M.M. Endang W. selaku kepala sekolah SD Katolik Santa Theresia
Balikpapan yang telah memberikan ijin kepada penulis untuk melakukan
ix
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
penelitan di SD Katolik Santa Theresia Balikpapan sehingga dapat penulis
gunakan sebagai salah satu syarat untuk mencapai gelar Sarjana Sains.
6. Bapakku Julianus Budiono dan Ibuku M.I. Kusmiyati terimakasih untuk
semua bimbingan, dukungan, cinta, kesabaran dan doanya. Mas Inug dan
adikku Dinda yang lucu terimakasih atas seluruh dukungan dan doanya.
7. Angger terimakasih atas rumah beserta isinya dan persahabatan selama ini.
8. Rika dan Rahma untuk semua keramahan, persahabatan, dan dukungannya
selama ini.
9. Teman-teman wisata kuliner, game, dan tempat berkeluh kesah : Lukas &
Wiwied, Boy, Agung, Sandra, dan Pak Andre.
10. Dek Andank terimakasih sudah berbagi Laptop.
11. Tante Arie dan keluarga terimakasih banyak atas bimbingan, kecerian, dan
dukungannya.
12. Teman-teman seperjuanganku: Badi, VQ, Sinchan, Heri, Wisnu, Grandonk,
Sigit, Willy, Rima, Pascal dan semua anak-anak IKOM‘00 tanpa kecuali
yang telah banyak memberi inspirasi dalam berproses bersama.
13. Semua pihak yang tidak dapat penulis sebutkan satu-persatu yang telah
membantu dalam penyelesaian proyek ini.
Semoga Tuhan selalu melimpahkan rahmat dan berkah-Nya setimpal dengan
kebaikan-kebaikan tersebut.
Penulis menyadari bahwa masih banyak kekurangan dalam penyusunan
skripsi ini. Oleh karena itu kritik dan saran sangat penulis harapkan dari berbagai
x
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
pihak. Besar harapan penulis semoga hasil penelitian ini dapat berguna bagi
pembaca.
Yogyakarta, ...................................
Penulis
xi
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
DAFTAR ISI
Halaman
HALAMAN JUDUL.......................................................................................
i
HALAMAN PERSETUJUAN PEMBIMBING..............................................
ii
HALAMAN PENGESAHAN.........................................................................
iii
HALAMAN PERSEMBAHAN ………………………………………….....
iv
PERNYATAAN KEASLIAN KARYA……………………………………..
v
ABSTRAK…………………………………………………………………...
vi
ABSTRACT.......................................................................................................
vii
KATA PENGANTAR.....................................................................................
viii
DAFTAR ISI....................................................................................................
xi
DAFTAR TABEL……………………………………………………………
xv
DAFTAR GAMBAR………………………………………………………...
xvi
BAB I PENDAHULUAN...............................................................................
1
A. Latar Belakang Masalah.........................................................................
1
B. Rumusan Masalah..................................................................................
1
C. Batasan Masalah.....................................................................................
1
D.Tujuan dan Manfaat Penulisan................................................................
2
E. Metodologi Penelitian............................................................................
3
F. Sistematika Penulisan.............................................................................
4
BAB II LANDASAN TEORI........................................................................
6
A. Pengertian sistem, infomasi, sistem informasi, dan sistem informasi
berbasis web...........................................................................................
xii
6
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
B. Browser web, Web Server, World Wide Web.......................................
7
1. Browser Web....................................................................................
7
2. Web Server........................................................................................
8
3. World Wide Web..............................................................................
9
C. Paradigma Classic Life Cycle ( Waterfall )............................................
10
D. HTML, PHP, MySQL, dan Apache Web Server...................................
12
1. HTML...............................................................................................
12
2. PHP...................................................................................................
14
3. MySQL.............................................................................................
17
4. Apache Web Server..........................................................................
19
BAB III ANALISIS DAN PERANCANGAN SISTEM.............................
20
A. Analisis Sistem.......................................................................................
20
B. Analisis Kebutuhan Sistem....................................................................
24
1. Kebutuhan Perangkat Lunak.............................................................
24
2. Kebutuhan Perangkat Keras..............................................................
24
C. Perancangan ( Design )...........................................................................
25
1. Perancangan Proses...........................................................................
25
1.1 Diagram konteks.........................................................................
27
1.2 DFD level 1.................................................................................
28
1.3 DFD level 2.................................................................................
32
2. Perancangan Basis Data....................................................................
36
2.1 ER Diagram.................................................................................
36
2.2 Entitas yang terlibat dalam basis data ini....................................
37
xiii
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
2.3 Relasi yang terbentuk adalah......................................................
39
2.4 Pemetaan Tabel...........................................................................
40
3. Perancangan Antar Muka..................................................................
52
3.1 Desain Struktur Menu.................................................................
52
a. Struktur menu bagi user umum................................................
52
b. Struktur menu bagi orang tua siswa / siswa.............................
53
c. Struktur menu bagi alumni.......................................................
53
d. Struktur Administrator.............................................................
54
3.2 Desain Antar Muka
55
1. Desain antar muka pengguna internet umum...........................
55
2. Desain antar muka untuk orang tua siswa................................
60
3. Desain antar muka untuk alumni.............................................
63
4. Desain antar muka untuk administrator...................................
66
BAB IV IMPLEMENTASI PROGRAM.....................................................
70
A. Aplikasi yang digunakan........................................................................
70
B. Implementasi Program...........................................................................
70
1. Koneksi Server..................................................................................
70
2. Implementasi proses Pengguna Internet Umum...............................
72
3. Implementasi proses dari sisi orang tua siswa / siswa......................
74
4. Implementasi proses dari sisi alumni................................................
77
4. implementasi proses dari sisi administrator......................................
78
C. Implementasi Antar Muka......................................................................
81
1. Implementasi Antar Muka untuk pengguna internet umum.............
81
xiv
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
2. Implementasi Antar Muka untuk orang tua siswa / siswa................
84
3. Implementasi Antar Muka untuk alumni..........................................
86
4. Implementasi Antar Muka untuk Administrator...............................
88
BAB V PENUTUP.........................................................................................
90
A. Kesimpulan............................................................................................
90
B. Saran.......................................................................................................
91
DAFTAR PUSTAKA......................................................................................
92
xv
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
DAFTAR TABEL
Tabel
Keterangan
Halaman
Tabel 2.1
Tabel 2.1 Tabel web server
8
Tabel 3.1
Tabel 3.1 Identifikasi masukan dan keluaran
25
Tabel 3.2
Tabel 3.2 Struktur tabel about us
40
Tabel 3.3
Tabel 3.3 Struktur tabel kelas
41
Tabel 3.4
Tabel 3.4 Struktur tabel profil guru
41
Tabel 3.5
Tabel 3.5 Struktur tabel fasilitas
42
Tabel 3.6
Tabel 3.6 Struktur tabel ekstrakurikuler
42
Tabel 3.7
Tabel 3.7 Struktur tabel jadwal pelajaran
42
Tabel 3.8
Tabel 3.8 Struktur tabel jadwal ujian
43
Tabel 3.9
Tabel 3.9 Struktur topik forum
44
Tabel 3.10
Tabel 3.10 Struktur tabel siswa
45
Tabel 3.11
Tabel 3.11 Struktur tabel siswa baru
46
Tabel 3.12
Tabel 3.12 Struktur tabel alumni
45
Tabel 3.13
Tabel 3.13 Struktur tabel polling
46
Tabel 3.14
Tabel 3.14 Struktur tabel guestbook
47
Tabel 3.15
Tabel 3.15 Struktur tabel peserta forum
47
Tabel 3.16
Tabel 3.16 Struktur tabel jawab forum
48
Tabel 3.17
Tabel 3.17 Struktur tabel nilai forum
48
Tabel 3.18
Tabel 3.18 Struktur tabel nilai raport
48
Tabel 3.19
Tabel 3.19 Struktur tabel event
49
Tabel 3.20
Tabel 3.20 Struktur tabel aspek nilai
49
xvi
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Tabel
Keterangan
Halaman
Tabel 3.21
Tabel 3.21 Struktur tabel matapelajaran
50
Tabel 3.22
Tabel 3.22 Struktur tabel admin
50
Tabel 3.23
Tabel 3.23 Struktur tabel syarat psb
50
Tabel 3.24
Tabel 3.24 Struktur tabel syarat alumni
51
Tabel 3.25
Tabel 3.25 Struktur tabel berita
51
DAFTAR GAMBAR
Gambar
Keterangan
Halaman
Gambar 2.1
Gambar Dasar Browser dan Web Server
8
Gambar 2.2
Gambar Skema HTML
14
Gambar 2.3
Gambar Skema PHP
16
Gambar 3.1
Gambar Diagram Konteks
27
Gambar 3.2
Gambar DFD Level 1 dilihat dari sisi Pengguna
28
Internet Umum
Gambar 3.3
Gambar DFD Level 1 dilihat dari sisi Orang Tua
29
Siswa
Gambar 3.4
Gambar DFD Level 1 dilihat dari sisi Alumni
30
Gambar 3.5
Gambar DFD Level 1 dilihat dari sisi administrator
31
Gambar 3.6
Gambar DFD level 2 proses pendaftaran
32
Gambar 3.7
Gambar DFD level 2 proses validasi
32
Gambar 3.8
Gambar DFD level 2 proses tampil informasi
33
xvii
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Gambar
Keterangan
Halaman
Gambar 3.9
Gambar DFD level 2 proses laporan
33
Gambar 3.10
Gambar DFD level 2 ganti password
34
Gambar 3.11
Gambar DFD level 2 proses update website SDK
35
Santa Theresia
Gambar 3.12
Gambar ER Diagram
36
Gambar 3.13
Gambar struktur menu user umum
52
Gambar 3.14
Gambar struktur menu siswa / orang tua siswa
53
Gambar 3.15
Gambar struktur menu alumni
53
Gambar 3.16
Gambar struktur menu administrator
54
Gambar 3.17
Gambar tampilan utama pengguna internet umum
55
Gambar 3.18
Gambar tampilan isi guestbook
56
Gambar 3.19
Gambar tampilan detail guestbook
57
Gambar 3.20
Gambar tampilan fasilitas
58
Gambar 3.21
Gambar tampilan detail fasilitas
59
Gambar 3.22
Gambar tampilan login orang tua siswa
60
Gambar 3.23
Gambar tampilan home website sisi orang tua
60
Gambar 3.24
Gambar tampilan jadwal pelajaran
61
Gambar 3.25
Gambar tampilan nilai laporan pendahuluan
62
Gambar 3.26
Gambar tampilan login alumni
63
Gambar 3.27
Gambar tampilan home alumni
63
Gambar 3.28
Gambar tampilan data pribadi alumni
64
Gambar 3.29
Gambar tampilan edit data alumni
65
xviii
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Gambar
Keterangan
Halaman
Gambar 3.30
Gambar tampilan login admin
66
Gambar 3.31
Gambar tampilan home admin
67
Gambar 3.32
Gambar tampilan detail jadwal pelajaran
68
Gambar 3.33
Gambar tampilan edit jadwal pelajaran
69
Gambar tampilan tambah jadwal pelajaran
70
xix
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
BAB I
PENDAHULUAN
A. Latar Belakang Masalah
Sekolah Dasar Katolik Santa Theresia Balikpapan ingin membuat sebuah media
informasi yang dapat memberikan pelayanan secara tepat, cepat, dan akurat bagi orang
tua siswa, siswa, alumni dan sekaligus sebagai sarana promosi bagi masyarakat umum.
Melihat masalah yang dihadapi SDK Santa Theresia Balikpapan, penulis
berusaha membuat sebuah media informasi yaitu website (situs web). Pembuatan
website merupakan sebuah alternatif untuk menyelesaikan masalah, sehingga informasi
dapat diakses secara langsung oleh para pengguna.
B. Rumusan Masalah
Berdasarkan latar belakang di atas maka penulis merumuskan masalah, yaitu :
Bagaimana membuat website (situs web) pada Sekolah Dasar Katholik Santa Theresia
Balikpapan sebagai salah satu media informasi dan promosi dengan menggunakan PHP
dan database MySQL serta Webserver Apache Under Windows?
C. Batasan Masalah
Pada tugas akhir ini, ada beberapa hal yang menjadi batasan masalah :
1. Target pengunjung (user) dari website ini adalah siswa, orang tua siswa, alumni,
dan masyarakat umum.
1
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
2
2. Website ini menyediakan update data bagi admin, update data profil bagi
alumni, dan update data profil siswa.
3. Website ini menyediakan informasi mengenai perkembangan siswa bagi para
orang tua murid berupa nilai raport dan nilai laporan pendahuluan.
4. Pembayaran bagi pendaftaran siswa baru dilakukan secara manual pada saat
pendaftaran ulang dengan membawa bukti pembayaran dan no pendaftaran
online.
5. Penulisan tugas akhir ini tidak membahas masalah implementasi website
yang mencakup instalasi website di penyedia jasa domain dan hosting.
6. Pembangunan website hanya sampai pada tahap pengujian (testing).
D. Tujuan dan Manfaat Penulisan
Adapun tujuan dari pembuatan website SD Katolik Santa Theresia
Balikpapan adalah :
1. Sekolah Dasar Katolik Santa Theresia Balikpapan dapat memberikan
informasi mengenai sekolah, kegiatan belajar mengajar, perkembangan siswa,
informasi alumni.
2. Sebagai media promosi Sekolah Dasar Katolik Santa Theresia Balikpapan.
3. Untuk memudahkan pengguna (orang tua siswa, siswa, alumni, dan
masyarakat umum) mencari informasi mengenai Sekolah Dasar Katolik Santa
Theresia Balikpapan.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
3
Adapun manfaat dari pembuatan website SD Katolik Santa Theresia
Balikpapan adalah :
4. Promotif.
Promotif berarti web berguna sebagai sarana promosi ke dunia luar melalui
internet.
5. Interaktif.
Interaktif berarti web ini mampu mengajak user untuk berperan aktif di dalam
web seperti mengisi tanggapan forum, mengisi polling.
6. Informatif.
Informatif berarti mampu memberikan informasi kepada para siswa dan
orang tua seperti informasi jadwal sekolah, nilai sekolah.
E. Metodologi Penelitian
Dalam pengembangan website SD Katholik Santa Theresia ini dipakai
metode waterfall yang meliputi tahap-tahap antara lain :
1. Analisis Sistem (System Analysis).
Tekanan pada langkah ini adalah pengumpulan kebutuhan sistem
dengan wawancara dengan pihak sekolah.
2. Analisis Kebutuhan Perangkat Lunak (Software Requirement Analysis).
Berdasarkan data-data yang diperoleh akan dilakukan analisis
kebutuhan perangkat lunak yang digunakan.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
4
3. Perancangan (Design).
Merancang struktur database dengan membuat Data Flow Diagram
(DFD), membuat user interface (halaman) website untuk semua user.
4. Penulisan program (Coding).
Pada tahap ini dilakukan pembuatan database dan penulisan program.
5. Pengujian (Testing).
Melakukan uji coba dan merevisi kekurangan-kekurangan website
samapai mendapatkan hasil maksimal.
6. Pemeliharaan (Maintance).
Pada tahap ini tidak dilakukan karena dalam pembuatan website ini
dibatasi hanya sampai pada tahap pengujian saja.
F. Sistematika Penulisan
1. BAB 1 Pendahuluan
Bab ini membahas latar belakang masalah, rumusan masalah, batasan
masalah, gambaran umum sistem, tujuan proyek, manfaat proyek, metodelogi
penyelesaian masalah.
2. BAB 2 Landasan Teori
Bab ini membahas dasar teori, pengertian dan implementasi dari PHP,
MySQL, dan web browser,
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
5
3. BAB 3 Analisis dan Perancangan Sistem
Bab ini membahas tentang analisis permasalahan dan analisis sistem. Bab ini
juga membahas, perancangan navigasi, perancangan tampilan, input dan
output sistem, perancangan database.
4. BAB 4 Implementasi
Bab ini membahas fungsi program dan menganalisa pengimplementasian
sistem.
5. BAB 5 Penutup
Bab ini berisi kesimpulan dan saran penulis.
Selain itu juga disertakan lampiran yang berupa listing program.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
BAB II
LANDASAN TEORI
A. Pengertian Sistem, Informasi, Sistem Informasi, dan Sistem Informasi
Berbasis Web
suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang
saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan
atau untuk menyelesaikan suatu masalah (Jogiyanto, 1990).
informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan
lebih berarti bagi yang menerimanya, sumber dari informasi adalah data. Data
adalah kenyataan yang menggambarkan kejadian-kejadian dan kesatuan nyata.
Kejadian-kejadian (event) adalah sesuatu yang terjadi pada saat yang tertentu.
Kualitas dari suatu informasi tergantung dari tiga hal, yaitu informasi harus akurat
(accurate), tepat pada waktunya (timeliness), dan relevan (relevance). Akurat,
berarti informasi harus bebas dari kesalahan-kesalahan dan tidak bias atau
menyesatkan. Tepat pada waktunya, berarti informasi yang datang pada penerima
tidak boleh terlambat. Relevan, berarti informasi tersebut mempunyai manfaat
untuk pemakainya (Jogiyanto, 1990)
Sistem infomasi adalah suatu sistem di dalam suatu organisasi yang
mempertemukan pengolahn transaksi harian, mendukung operasi, bersifat
manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar
tertentu dengan laporan-laporan yang diperlukan (Jogiyanto, 1990).
6
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
7
Sistem informasi berbasis web adalah suatu sistem informasi yang
diakomodasikan di dalam suatu jaringan antar komputer dan memungkinkan dapat
diakses dimana saja dan kapan saja tanpa mengenal batas konstitusi, negara, bangsa,
ras, dan birokrasi.
Menurut Agustine (1999), sistem informasi berbasis web adalah sistem
informasi yang terdistribusi secara hypertext, yang mengatur semua informasi dalam
internet. Informasi yang bersifat global atau tidak terbatas dalam arti informasi
tersebut bisa diakses dimana saja, kapan saja sesuai dengan kebutuhan yang
berkaitan dengan bidangnya maka informasi tersebut merupakan informasi yang
berbasi web. Web sendiri merupakan fasilitas hypertext, hypertext sendiri adalah
suatu unit yang bertugas mengakses sumber informasi dari internet dengan cepat,
baik serta akurat.
B. Browser Web, Web Server, dan World Wide Web
1. Browser Web
Browser web mempunyai tugas menterjemahkan informasi yang diterima dari
server web dan menampilkannya pada layar komputer pengguna. Umumnya browser
web menerima data dalam bentuk HTML (www.IlmuKomputer.com).
Protokol-protokol dasar web pertama kali dikembangkan awal tahun 1990-an,
browser web pertama yang diperkenalkan adalah Mosaic yang dibuat oleh National
Center for Supercomputing Applications (NCSA) di Amerika Serikat.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
8
Gambar 2.1 Dasar Browser dan Web Server
2. Web Server
Web server merupakan server yang memiliki kemampuan untuk memberikan
layanan koneksi transfer data melalui protokol Hypertext Transfer Protocol (HTTP)
yang dipergunakan dalam dunia internet (www.IlmuKomputer.com).
Web server bertugas untuk melayani permintaan web browser terhadap
halaman web atau dokumen lainnya. Web server dijalankan sebagai suatu service
yang siap melayani permintaan setiap saat. Semua web server memiliki kemampuan
untuk dikonfigurasikan (diatur) sesuai kebutuhan.
Beberapa jenis web server untuk sistem operasi Windows dan UNIX dapat
dilihat pada tabel di bawah ini :
Tabel 2.1 Tabel web server
Web Server
Pengembang
Sistem Operasi
NCSA httpd
NCSA
UNIX
Internet Informasi Server
Microsoft
Windows NT
Personal Web Server
Microsoft
Windows 98/NT
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
9
Web Server
Pengembang
Sistem Operasi
Apache
Apache
Windows 98/NT,UNIX,LINUX
Netscape Netcentre
Netscape
Windows 98/NT
3. World Wide Web
World Wide Web atau biasa disebut WWW merupakan frame arsitektur untuk
memasuki dokumen-dokumen yang saling berhubungan yang tersebar di seluruh
internet. WWW memberikan tampilan grafis yang sangat indah dan bagus untuk
dipandang. Selain itu konsep teknologi Hypertext yang digunakan memberikan
kemudahan dan kecepatan layanan. Kedua hal ini memang yang paling banyak
diinginkan oleh hampir semua orang. WWW digunakan bukan hanya sekedar untuk
mencari informasi saja. Lebih dari itu WWW digunakan sebagai sarana promosi dan
komersial bagi perusahaan maupun badan lainnya (Nugroho, 2004).
Istilah Hypertext diilhami pertama kali oleh Ted Nelson pada tahun 1965.
Menurut Ted Nelson Hypertext adalah suatu teks (serangkaian kata) yang
mempunyai hubungan (link) dengan teks lainnya. Satu atau serangkaian kata pada
suatu dokumen hypertext yang ditampilkan di layar dapat merupakan petunjuk arah
(pointer) yang mengacu ke dokumen hypertext lainnya yang mengandung informasi
lebih rinci tentang kata atau serangkaian kata yang bersangkutan tersebut.
World Wide Web dikembangkan pertama kali oleh tim WWW yang dipimpin
oleh Tim Berners-Lee dari European Particle Labotory (CERN) Swiss. Dokumen
hypertext ditulis dengan menggunakan format standar yang disebut Hypertext
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
10
Markup Language (HTML). Transfer dokumen hypertext dari satu WWW server ke
WWW server lainnya menggunakan protokol yang disebut Hypertext Transfer
Protocol (HTTP).
C. Paradigma Classic Life Cycle (Waterfall)
Paradigma Classic Life Cycle (Waterfall) (Pressman, 2002) sebagai berikut :
1. Rekayasa sistem dan analisis (System Engineering and Analysis).
Karena perangkat lunak selalu merupakan bagian dari sebuah sistem
yang lebih besar, kerja dimulai dengan membangun syarat dari semua elemen
sistem dan mengalokasikan beberapa subset dari kebutuhan ke perangkat
lunak tersebut. Pandangan sistem ini penting ketika perangkat lunak harus
berhubungan dengan elemen-elemen yang lain seperti perangkat lunak,
manusia, dan database. Rekayasa dan analisis sistem menyangkut kebutuhan
pada tingkat sistem dengan sejumlah kecil analisis serta desain tingkat
puncak. Rekayasa informasi mencakup juga kebutuhan pada tingkat bisnis
strategis dan tingkat area bisnis.
2. Analisis Kebutuhan Perangkat lunak (Software Requirement Analysis).
Proses
pengumpulan
kebutuhan
diintesifkan
dan
difokuskan,
khususnya pada perangkat lunak. Untuk memahami sifat program yang
dibangun, perekayasa perangkat lunak (analis) harus memahami domain
informasi, tingkah laku, unjuk kerja, dan antarmuka yang diperlukan.
Kebutuhan untuk sistem maupun perangkat lunak sudah didokumentasikan
dan dilihat lagi dengan pelanggan.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
11
3. Perancangan (Design).
Desain perangkat lunak sebenarnya adalah proses multi langkah yang
berfokus pada empat atribut sebuah program yang berbeda; struktur data,
arsitektur perangkat lunak, representasi interface dan detail (algoritma)
prosuderal. Proses desain menerjemahkan syarat/kebutuhan ke dalam sebuah
representasi perangkat lunak yang dapat diperkirakan demi kualitas sebelum
dimulai
pemunculan
kode.
Sebagaimana
persyaratan,
desain
didokumentasikan dan menjadi bagian dari konfigurasi perangkat lunak.
4. Penulisan Program (Coding).
Desain harus diterjemahkan ke dalam bentuk mesin yang harus
dibaca. Langkah pembuatan kode melakukan tugas ini. Jika desain dilakukan
dengan cara yang lengkap, pembuatan kode dapat diselesaikan secara
mekanis.
5. Pengujian (Testing).
Sekali kode dibuat, pengujian program dimulai. Proses pengujian
berfokus pada logika internal perangkat lunak, memastikan bahwa semua
pernyataan sudah diuji, dan pada eksternal fungsional yaitu mengarahkan
pengujian untuk menemukan kesalahan-kesalahan dan memastikan bahwa
input yang dibatasi akan memberikan hasil yang aktual sesuai dengan hasil
yang dibutuhkan.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
12
6. Pemeliharaan (Maintenance).
Perangkat lunak akan mengalami perubahan setelah disampaikan
kepada pelanggan (perkecualian yang memungkinkan adalah perangkat lunak
yang dilekatkan). Perubahan yang akan terjadi karena kesalahan-kesalahan
ditentukan, karena perangkat lunak harus disesusaikan untuk mengakomodasi
perubahan-perubahan
didalam
lingkungan
eksternalnya
(contohnya
perubahan yang dibutuhkan sebagai akibat dari perangkat periperal atau
sistem
operasi
yang
baru),
atau
karena
pelanggan
membutuhkan
perkembangan fungsional atau unjuk kerja. Pemeliharaan perangkat lunak
mengaplikasikan lagi setiap fase program sebelumnya dan tidak membuat
yang baru lagi.
D. HTML, PHP, MySQL, dan Apache Web Server
1. HTML
HTML pada masa sekarang dikenal sebagai bahasa standar untuk membuat
dokumen web. HTML merupakan pengembangan dari standar performatan dokumen
teks yaitu Standard Generalite Markup Language (SGML). Sebenarnya HTML
bukan sebuah bahasa pemrograman tetapi merupakan bahasa pemformatan suatu
dokumen teks yang menggunakan penandaan (Mark-Up) sederhana yang digunakan
untuk membuat suatu halaman web (Sunarfrihantono, 2002).
Perintah-perintah HTML diletakan dalam file berekstensi *.html dan ditandai
dengan mempergunakan tanda (tag) berupa karekter “<” dan ”>”. Kode-kode HTML
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
13
dibaca oleh browser dari atas ke bawah tanpa adanya lompatan (jumping) ataupun
looping.
Dokumen HTML mempunyai tiga tag utama yang membentuk dokumen
tersebut yaitu tag HTML, HEAD, BODY. Tag HTML untuk menyatakan dokumen
html, tag HEAD untuk memberikan informasi tentang dokumen html, dan tag
BODY untuk menyimpan informasi yang akan ditampilkan. Dapat kita lihat sebagai
berikut :
<HTML>
<HEAD>
<TITLE>contoh</TITLE>
</HEAD>
<BODY>
Selamat datang<BR>
</BODY>
</HTML>
Cara kerja HTML yaitu diawali dengan permintaan suatu halaman web oleh
browser. Berdasarkan URL (Uniform Resource Locator) atau alamat internet,
browser mendapatkan alamat dari web server, mengidentifikasikan halaman yang
dikehendaki, dan menyampaikan segala informasi yang dibutuhkan oleh web server.
Selanjutnya, web server akan mencarikan berkas yang diminta dan memberikan
isinya ke browser. Browser yang mendapatkan isinya segera melakukan proses
penerjemahan kode HTML dan menampilkan ke layar browser.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
14
Gambar 2.2 Skema HTML
2. PHP
PHP singkatan dari Hypertext Preprocessor dahulunya merupakan proyek
pribadi dari Rasmus Lerdorf pada tahun 1994 (dengan dikeluarkannya PHP versi 1)
yang digunakan untuk membuat homepage pribadinya (Personal Home Page). Versi
pertama ini berupa kumpulan skrip PERL tersebut menggunakan bahasa C, kemudian
menambahkan fasilitas untuk form HTML dan koneksi MySQL. Setelah mengalami
perkembangan oleh suatu kelompok open source (termasuk Rasmus) maka PHP versi
3 telah menampakan keunggulannya sebagai salah satu bahasa server scripting yang
handal. Melalui perkembangan yang pesat ini banyak fasilitas yang ditambahkan dan
oleh kelompok ini PHP disebut “PHP : Hypertext Prepocessor”. Sintak yang
digunakan berasal dari bahasa C, Java maupun Perl.
Skrip ini akan membuat halaman web tidak lagi bersifat statis, namun
menjadi bersifat dinamis. Dinamis berarti halaman yang akan ditampilkan dibuat saat
halaman itu diminta oleh client. Mekanisme ini menyebabkan informasi yang
diterima client selalu yang terbaru. Semua skrip PHP dieksekusi pada server di mana
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
15
skrip tersebut dijalankan. Oleh karean itu, spesifikasi server lebih berpengaruh pada
eksekusi dari skrip php daripada spesifikasi client. Proses update data dapat
dilakukan dengan menggunakan aplikasi yang dibuat dengan menggunakan skrip
PHP (Purwanto, 2001).
PHP dapat berkomunikasi dengan layanan-layanan yang menggunakan
protocol IMAP, SNMP, NNTP, POP3, HTTP, dan lain-lain. Namun kelebihan PHP
yang paling signifikan adalah kemampuannya untuk melakukan koneksi dengan
berbagai macam basis data. Saat ini basis data yang didukung oleh PHP adalah :
Adabas D, Interbase, PostgresSQL, Oracle, Sybase, MySQL, Solid, Generic ODBC
dan lain-lain terutama semua database yang mempunyai provider ODBC
(Sunarfrihantono, 2002).
Ada dua cara yang digunakan untuk menuliskan program PHP yaitu :
1. Embedded Script.
Cara ini dilakukan dengan meletakan script PHP di antara tag-tag
HTML. Perhatikan contoh berikut:
<html>
<head>
<title>Embedded Script</title>
</head>
<body>
<? echo “embedded script”; ?>
</body>
</html>
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
16
2. Non Embedded Script.
Sedangkan non embedded script merupakan pembuatan program
murni PHP, dimana tag-tag HTML yang diletakan didalamnya. Perhatikan
contoh berikut:
<?
echo “<html>”;
echo “<head>”;
echo “<title>non embedded script</title>”;
echo “</head>”;
echo “<body>”;
echo “non embedded script”;
echo “</body>”;
echo “</html>”; ?>
Konsep kerja PHP pada prinsipnya sama dengan prinsip kerja html, hanya
saja ketika berkas PHP yang diminta didapatkan oleh web server, isinya segera
dikirimkan ke mesin PHP dan mesin inilah yang memproses dan memberikan
hasilnya (berupa kode HTML) ke web server menyampaikan ke client.
Gambar 2.3 Skema PHP
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
17
3. MySQL
MySQL merupakan SQL (Structure Query Language) database server.
MySQL dibuat oleh Michael (Monty) Widenius yang merupakan pengembangan dari
mSQL dalam hal kecepatan dan fleksibilitasnya.
MySQL
merupakan
konsep
multi-user,
multithreaded
client/server.
Implementasi client/server pada MySQL terdiri dari server daeman mysqld dan
mendukung berbagai program client. Tujuan utama dari MySQL adalah kecepatan
dan dapat diandalkan serta mudah digunakan, MySQL juga merupakan Software
Open Source yang memungkinkan untuk orang lain yang ingin mengembangkannya
dan memodifikasinya sesuai dengan keinganan.
Berikut ini adalah beberapa kelebihan yang ditawarkan oleh MySQL,
menurut www.mysql.com :
a. ditulis dengan bahasa pemrograman C dan C++, dengan ujicoba pada
berbagai jenis compiler,
b. multiplatform, bisa digunakan di keluarga UNIX, Windows sampai MAC,
c. penggunaan memory yang optimal,
d. tingkat keamanan yang tinggi,
e. mampu menangani database yang besar, 60.000 tabel dan 50.000.000 baris
data,
f. mampu mengkombinasikan tabel dari beberapa database dalam sebuah
query.
Namun MySQL juga masih mempunyai kekurangan yaitu tidak dapat
menangani subquery yang kompleks dan untuk mengatasi masalah itu diperlukan
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
18
tabel sementara (temporary table) untuk menampung hasil subquery atau dengan
membuatkan variable bantuan.
Beberapa fungsi di dalam database MySQL :

mysql_connect ( )
digunakan untuk melakukan koneksi ke dalam database MySQL,

mysql_create_db ( )
digunakan untuk membuat sebuah database baru pada database server,

mysql_select_db ( )
digunakan untuk memilih sebuah database aktif,

mysql_query ( )
digunakan untuk mengirim perintah SQL ke server MySQL untuk dieksekusi,

mysql_fetch_array ( )
digunakan untuk mengambil baris sebagai array asosiatif, maksudnya adalah
setiap kolom akan disimpan dua kali pada array hasil,

Mysql_num_row ( )
digunakan untuk menampilkan jumlah baris dari suatu hasil permintaan yang
menggunakan select,

mysql_close ( )
digunakan untuk menutup koneksi pada server MySQL.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
19
4. Aphace Web Server
Apache Web Server merupakan suatu server web yang menggunakan protokol
HTTP ( Hypertext Transfer Protocol ) untuk melayani semua proses pentransferan
data.
Versi awal untuk Apache digunakan pada UNIX, tetapi kini telah ada versi
yang dapat beroperasi di bawah platform OS/2, Windows, LINUX dan sebagainya.
Keuntungan dari pemakaian Apache Web Server adalah tidak dipungut biaya
untuk mendapatkannya atau gratis dan kecepatannya cukup baik.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
BAB III
ANALISIS DAN PERANCANGAN SISTEM
A. Analisis Sistem
Website yang akan dibangun adalah website SDK Santa Theresia
Balikpapan. Tujuan utmanya adalah sebagai sarana informasi dan promosi
sekolah.
Website ini terdiri dari 4 jenis fitur yaitu :
1. Fitur Umum.
a. Halaman informasi sejarah sekolah.
b. Halaman informasi visi misi sekolah.
c. Halaman informasi sambutan kepala sekolah.
d. Halaman informasi alamat sekolah.
e. Halaman informasi kelas.
f. Halaman informasi fasilitas.
g. Halaman informasi profil guru.
h. Halaman informasi kegiatan ekstrakurikuler.
i. Halaman informasi jadwal pelajaran.
j. Halaman informasi jadwal ujian.
k. Halaman informasi syarat penerimaan siswa baru.
l. Halaman form penerimaan siswa baru.
m. Halaman syarat alumni.
n. Halaman guestbook.
o. Halaman polling.
20
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
21
p. Halaman Forum diskusi.
q. Halaman berita.
2. Fitur Orang Tua Siswa.
a. Halaman biodata siswa.
b. Halaman edit biodata siswa.
c. Ganti password.
d. Halaman nilai laporan pendahuluan siswa.
e. Halaman nilai raport siswa.
f. Halaman jadwal pelajaran.
g. Halaman jadwal ujian.
3. Fitur Alumni.
a. Halaman biodata alumni.
b. Halaman edit biodata alumni.
c. Ganti password.
d. Halaman search.
e. Halaman informasi event.
4. Fitur Administrator Website.
a. Halaman update about us.
b. Halaman update kelas.
c. Halaman update profil guru.
d. Halaman update fasilitas.
e. Halaman update ekstrakurikuler.
f. Halaman update jadwal pelajaran.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
22
g. Halaman update jadwal ujian.
h. Halaman update syarat penerimaan siswa baru.
i. Halaman update profil calon siswa.
j. Halaman update syarat alumni.
k. Halaman update profil alumni.
l. Halaman update profil siswa.
m. Halaman update matapelajaran.
n. Halaman update aspek nilai.
o. Halaman update nilai raport.
p. Halaman update nilai laporan pendahuluan.
q. Halaman update guestbook.
r. Halaman update polling
s. Halaman update berita.
t. Halaman update forum diskusi.
u. Halaman update event.
v. Halaman update jawaban forum diskusi.
w. Halaman ganti password.
Target pengunjung (user) website adalah pengguna internet umum,
siswa/orang tua siswa, alumni, dan administrator website.
Berikut ini adalah spesifikasi kebutuhan untuk masing-masing user :
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
23
1. Pengguna internet umum.
Pengguna internet umum adalah semua orang yang bisa mengakses
website. Pengguna internet umum dapat mengakses semua halaman yang terdapat
pada fitur umum.
2. Orang tua siswa SDK Santa Theresia Balikapapan.
Orang tua siswa SDK Santa Theresia Balikpapan adalah semua orang tua
yang memiliki anak yang masih bersekolah di SDK Santa Theresia Balikapapan.
Selain dapat mengakses fitur umum orang tua dapat mengakses fitur orang tua
siswa dengan login user sebagai orang tua.
3. Alumni SDK Santa Theresia Balikpapan.
Alumni SDK Santa Theresia Balikapapan adalah semua alumni yang
sudah lulus dari SDK Santa Theresia Balikapapan. Selain dapat mengakses fitur
umum alumni dapat mengakses fitur alumni dengan login user sebagai alumni.
Bagi alumni yang belum memiliki nama user dan password dapat mendaftarkan
sebagai user alumni di pendaftaran alumni dengan mengisi formulir yang
disediakan secara benar.
4. Administrator SDK Santa Theresia Balikpapan.
Administrator adalah user yang memiliki hak akses penuh terhadap
seluruh fitur yang ada di dalam website, yaitu fitur umum, fitur orang tua, fitur
alumni dan fitur administrator website.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
24
B. Analisis Kebutuhan Sistem
1. Kebutuhan Perangkat Lunak
Perangkat lunak yang digunakan dalam merancang website ini adalah sebagai
berikut :

sistem operasi Windows XP,

browser yang digunakan adalah Internet Explorer 6,

tool untuk mendesain menggunakan Adobe Photoshop CS dan Macromedia
Flash MX 2004,

editor
untuk
membuat
interface
dan
pemrograman
menggunakan
Macromedia Dreamweaver MX 2004,

web server yang digunakan adalah Apache,

bahasa pemrograman PHP,

database MySQL.
2. Kebutuhan Perangkat Keras
Perangkat keras yang digunakan dalam merancang website ini adalah sebagai
berikut :

komputer dengan processor Intel Celeron type D 2.6 Ghz,

memori Visipro RAM 512 MB PC 3200,

harddisk Maxtor 40 GB,

kartu grafis (VGA) Geforce FX 5200 128 MB.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
25
C. Perancangan (Design)
1. Perancangan Proses
DFD (Data Flow Diagram) adalah suatu alat pemodelan proses yang
menggambarkan arus data yang melalui suatu sistem serta pemrosessan yang
dilakukan oleh sistem tersebut.
Adapun langkah-langkah penggambaran DFD dalam perancangan website ini
adalah sebagai berikut :
a. Indentifikasi kesatuan luar (Eksternal Entity).
1. Pengguna internet umum.
2. Orang tua siswa SDK Santa Theresia Balikapapan
3. Alumni SDK Santa Theresia Balikpapan.
4. Administrator SDK Santa Theresia Balikpapan.
b. Indentifikasi semua masukan dan keluaran yang terlibat dengan kesatuan
luar.
Tabel 3.1 Identifikasi masukan dan keluaran
Satuan luar
Pengguna Internet Umum
Masukkan
Pilihan informasi websiste
SDK Santa Theresia
Data siswa baru
Jawaban polling
Data guestbook
Data peserta forum diskusi
username dan password
forum diskusi
Data pesan forum diskusi
Data balas pesan forum
diskusi
Orang tua siswa / siswa
SDK Santa Theresia
Username dan password
Keluaran
Informasi Website SDK
Santa Theresia
no pendaftaran online
Hasil polling
Hasil guestbook
Username dan password
forum diskusi
Pesan kesalahan
Hasil Pesan forum diskusi
Hasil balas pesan forum
diskusi
Pesan kesalahan
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
26
Satuan luar
Masukkan
Pilihan informasi orang
tua siswa / siswa
Cetak Laporan
Data Password baru
Data siswa
Keluaran
Informasi orang tua siswa
/ siswa
Laporan tercetak
Password terupdate
Data siswa terupdate
Alumni SDK Santa
Theresia
Username dan password
Pesan kesalahan
Pilihan informasi alumni
Data alumni
Data password baru
Kata kunci pencarian
Informasi alumni
Biodata alumni terupdate
Password terupdate
Hasil pencarian
Username dan password
Pesan Kesalahan
Data website SDK Santa
Theresia yang diupdate
Data website SDK Santa
Theresia Balikpapan
terupdate
Laporan tercetak
Data password terupdate
Administrator SDK Santa
Theresia Balikpapan
Cetak laporan
Data password baru
Arus data yang mengalir pada website berdasarkan identifikasi masukan dan
keluaran yang terlibat dengan kesatuan luar digambarkan dalam diagram konteks :
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
27
1.1 Diagram Konteks.
Gambar 3.1 Diagram Konteks
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
28
1.2 DFD Level 1
a) DFD Level 1 dilihat dari sisi Pengguna Internet Umum.
Gambar 3.2 DFD Level 1 dilihat dari sisi Pengguna Internet Umum
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
29
b) DFD Level 1 diliahat dari sisi orang tua siswa SDK Santa Theresia
Balikpapan.
Gambar 3.3 DFD Level 1 dilihat dari sisi Orang Tua Siswa
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
30
c) DFD Level 1 dilihat dari sisi alumni SDK Santa Theresia Balikpapan.
Gambar 3.4 DFD Level 1 dilihat dari sisi Alumni
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
31
d) DFD Level 1 dilihat dari sisi administrator SDK Santa Theresia
Balikpapan.
Gambar 3.5 DFD Level 1 dilihat dari sisi administrator.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
32
1.3 DFD Level 2
a) DFD level 2 proses pendaftaran.
Gambar 3.6 DFD level 2 proses pendaftaran
b) DFD level 2 proses validasi.
Gambar 3.7 DFD level 2 proses validasi
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
33
c) DFD level 2 proses tampil informasi.
Gambar 3.8 DFD level 2 proses tampil informasi
d) DFD level 2 proses laporan.
Gambar 3.9 DFD level 2 proses laporan
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
34
e) DFD level 2 proses ganti password.
Gambar 3.10 DFD level 2 ganti password
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
35
f) DFD level 2 proses update website SDK Santa Theresia.
Gambar 3.11 DFD level 2 proses update website SDK Santa Theresia
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
36
2. Perancangan Basis Data
2.1 Diagram ER
Gambar 3.12 ER Diagram
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
37
2.2. entitas yang terlibat dalam basis data ini :
a. Admin.
id_admin, username, password.
b. About us.
about_id, about_name, about_isi, about_pic.
c. Kelas.
kelas_id, kelas_name, jumlah_siswa, kelas_pic.
d. Profil guru.
profil_id,
profil_name,
profil_alamat,
profil_tempatlahir,
profil_tgllhr,
profil_pic
e. Fasilitas.
fasilitas_id, fasilitas_name, deskripsi, fasilitas_picture.
f. Ekstrakurikuler.
ekstra_id, ekstra_name, ekstra_hari, ekstra_jam, ekstra_picture.
g. Topik forum.
id_topik, judul_topik, deskripsi_topik.
h. Peserta forum.
id_user, nama_user, email_user, photo_user, password_user, active_user,
randomkey_user.
i. Siswa.
nis, nama_siswa, agama, tgl_lahir, tempat_lahir, jenis_kelamin, id_kelas,
alamat, nama_lkp_ayah, nama_lkp_ibu, pekerjaan_ayah, pekerjaan_ibu,
password, telepon, photo.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
38
j. Siswa baru.
id_casis,
no_pendaftaran,
email,
nama_lkp_anak,
nama_pang_anak,
jenis_kelamin, tempat_lahir, tgl_lahir, agama, kewarganegaraan, anak_no,
jml_sdr_kandung, jml_sdr_angkat, jml_sdr_tiri, bhs_sehari, berat_badan,
tinggi_badan, gol_darah, penyakit_derita, alamat, kode_pos, tinggal_pada,
nama_lkp_ayah,
status_ayah,
agama_ayah,
pend_tinggi_ayah,
pekerjaan_ayah, jabatan_ayah, hasil_bulan_ayah, nama_lkp_ibu, status_ibu,
agama_ibu, pend_tinggi_ibu, pekerjaan_ibu, jabatan_ibu, hasil_bulan_ibu,
asal_anak, nama_tk, kota_tk, lama_belajar.
k. Alumni.
alumni_id, nama_lkp_alumni, nama_pang_alumni, tahun_lulus, tempat_lahir,
tgl_lahir, jenis_kelamin, alamat, kota_tinggal, kode_pos, provinsi, telepon,
fax, email, mobile, pekerjaan, nama_kantor, alamat_pekerjaan, kota_kantor,
kode_pos_kantor, provinsi_kantor, telepon_kantor, fax_kantor, email_kantor,
password, username, photo.
l. Polling.
id_p, pertanyaan, jawaban, pilihan, status.
m. Guestbook.
guest_id, pengirim, email, tanggal, jam, pesan..
n. Event.
event_id, event_topik, event_deskripsi, event_waktu, event_contact.
o. Aspek nilai.
aspek_id, aspek_name.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
39
p. Matapelajaran.
mt_pel_id, mt_pelajaran.
q. Syarat psb.
syarat_psb_id, syarat_psb.
r. Syarat alumni.
syarat_alumni_id, syarat_alumni.
s. Berita.
berita_id, judul, deskripsi, isi, penulis, tanggal, picture.
2.3 Relasi yang terbentuk adalah :
a. Relasi mempelajari.
Entitas yang berelasi adalah : siswa, aspek nilai, dan matapelajaran.
Derajat relasi : many to many (N:N).
b. Relasi mengambil.
Entitas yang berelasi adalah : siswa, aspek nilia, dan matapelajaran.
Derajat relasi : many to many (N:N).
c. Relasi mengajar.
Entitas yang berelasi adalah : matapelajaran, proifl guru, dan kelas.
Derajat relasi : many to many (N:N).
d. Relasi menguji.
Entitas yang berelasi adalah : matapelajaran, profil guru, dan kelas.
Derajat relasi : one to many (1:N).
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
40
e. Relasi mewakili.
Entitas yang berelasi adalah : entitas kelas dan entitas profil guru.
Derajat relasi : one to one (1:1).
f. Relasi membimbing.
Entitas yang berelasi adalah : entitas ektrakurikuler dan entitas profil guru.
Derajat relasi : one to many (1:N).
g. Relasi menduduki.
Entitas yang berelasi adalah : entitas kelas dan entitas siswa.
Derajat relasi : one to many (1:N).
h. Relasi menjawab.
Entitas yang berelasi adalah : entitas topik forum dan entitas peserta forum
Derajat relasi : many to many (N:N).
2.4 Pemetaan tabel
Berikut ini adalah transformasi ER Diagram ke dalam tabel :
a. Tabel about us.
Kode File
: F1
Nama tabel : about_us
Primary key
: about_id
Foreing key : -
Tabel 3.2 Struktur tabel about us
Field
about_id
about_name
about_isi
about_pic
Type
char(3)
Varchar(50)
Text
Text
Keterangan
Kode about us
Nama about us
Isi about us
Picture about us
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
41
b. Tabel kelas.
Kode file
: F2
Nama tabel : kelas
Primary key
: kelas
Foreing key : wali_kelas
Tabel 3.3 Struktur tabel kelas
Field
kelas_id
kelas_name
jumlah_siswa
wali_kelas
kelas_picture
Type
char(3)
varchar(20)
char(2)
varchar(4)
Text
Keterangan
Kode kelas
Nama kelas
Jumlah siswa kelas
Kode guru
Picture kelas
c. Tabel profil guru.
Kode file
: F3
Nama tabel : profil
Primary key
: profil_id
Foreing key : profil_bimbing
Tabel 3.4 Struktur tabel profil guru
Field
profil_id
profil_name
profil_alamat
profil_tempatlahir
profil_tgllahir
profil_bimbing
profil_picture
Type
varchar(4)
varchar(50)
varchar(50)
varchar(50)
date
char(3)
Text
Keterangan
Kode guru
Nama profil
Alamat profil
Tempat lahir profil
Tanggal lahir profil
Kode ekstrakurikuler
Picture profil
d. Tabel fasilitas.
Kode file
: F4
Nama tabel : fasilitas
Primary key
: fasilitas
Foreing key : -
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
42
Tabel 3.5 Struktur tabel fasilitas
Field
fasilitas_id
fasilitas_name
deskripsi
fasilitas_picture
Type
char(3)
varchar(50)
text
text
Keterangan
Kode fasilitas
Nama fasilitas
Deskripsi fasilitas
Fasilitas picture
e. Tabel ekstrakurikuler.
Kode file
: F5
Nama tabel : ekstrakurikuler
Primary key
: ekstra_id
Foreing key : -
Tabel 3.6 Struktur tabel ekstrakurikuler
Field
ekstra_id
ekstra_name
ekstra_hari
ekstra _jam
ekstra_ picture
Type
varchar(3)
varchar(50)
varchar(10)
varchar(13)
text
Keterangan
Kode ekstrakurikuler
Nama ekstrakurikuler
Hari ekstrakurikuler
Jam ekstrakurikuler
Picture ekstrakurikuler
f. Tabel jadwal pelajaran.
Kode file
: F6
Nama tabel : jdwl_pelajaran
Primary key
: mt_pel_id, profil_id, kelas_id
Foreing key : -
Tabel 3.7 Struktur tabel jadwal pelajaran
Field
mt_pel_id
profil_id
kelas_id
jam
hari
Type
varchar(4)
varchar(4)
char(3)
varchar(11)
varchar(8)
Keterangan
Kode matapelajaran
Kode guru
Kode kelas
Jam jadwal pelajaran
Hari jadwal pelajaran
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
43
g. Tabel jadwal ujian.
Kode file
: F7
Nama tabel : jdwl_ujian
Primary key
: mt_pel_id, profil_id, kelas_id
Foreing key : -
Tabel 3.8 Struktur tabel jadwal ujian
Field
mt_pel_id
profi_id
kelas_id
jam
hari
tanggal
Type
varchar(4)
varchar(4)
char(3)
varchar(11)
varchar(8)
varchar(10)
Keterangan
Kode matapelajaran
Kode guru
Kode kelas
Jam jadwal ujian
Hari jadwal ujian
Tanggal ujian
h. Tabel topik forum.
Kode file
: F8
Nama tabel : topik_forum
Primary key
: id_top
Foreing key : -
Tabel 3.9 Struktur topik forum
Field
id_top
title_top
deskripsi_top
Type
varchar(4)
varchar(25)
varchar(200)
Keterangan
Kode topik forum
Judul topik forum
Deskripsi topik forum
i. Tabel siswa.
Kode file
: F9
Nama tabel : siswa
Primary key
: nis
Foreing key : id_kelas
Tabel 3.10 Struktur tabel siswa
Field
nis
nama_siswa
agama
tgl_lahir
tempat_lahir
Type
varchar(10)
varchar(100)
varchar(12)
date
varchar(40)
Keterangan
Kode siswa
Nama siswa
Agama siswa
Tanggal lahir siswa
Tempat lahir
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
44
Field
jenis_kelamin
id_kelas
alamat
nama_lkp_ayah
nama_lkp_ibu
pekerjaan_ayah
pekerjaan_ibu
password
telepon
photo
Type
varchar(20)
char(3)
varchar(100)
varchar(100)
varchar(100)
varchar(20)
varchar(20)
varchar(100)
varchar(15)
text
Keterangan
Jenis kelamin
Kode kelas
Alamat
Nama lengkap ayah
Nama lengkap ibu
Pekerjaan ayah
Pekerjaan ibu
Password
Telepon tempat tinggal
Photo siswa
j. Tabel siswa baru.
Kode file
: F10
Nama tabel : siswa_baru
Primary key
: id_casis
Foreing key : -
Tabel 3.11 Struktur tabel siswa baru
Field
id_casis
no_pendaftaran
nama_lkp_anak
nama_pang_anak
jenis_kelamin
tempat_lahir
tgl_lahir
agama
kewarganegaraan
anak_no
jml_sdr_kandung
jml_sdr_tiri
jml_sdr_angkat
bhs_hari
berat
tinggi_badan
gol_darah
penyakit_derita
alamat
Type
int(11)
varchar(6)
varchar(100)
varchar(40)
varchar(20)
varchar(40)
date
varchar(12)
varchar(20)
varchar(20)
varchar(20)
varchar(20)
varchar(20)
varchar(40)
varchar(20)
varchar(20)
char(1)
text
varchar(100)
Keterangan
Kode calon siswa
No pendaftaran calon siswa
Nama lengkap calon siswa
Nama panggilan calon siswa
Jenis kelamin
Tempat lahir
Tanggal lahir
Agama
Kewarganegaraan
Calon siswa anak no ke
Jumlah saudara kandung
Jumlah saudara tiri
Jumlah saudara angkat
Bahasa sehari-hari
Berat badan
Tinggi badan
Golongan darah
Penyakit yang pernah diderita
Alamat
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
45
Field
tinggal_pada
nama_lkp_ayah
status_ayah
agama_ayah
pend_tinggi_ayah
kode_pos
pekerjaan_ayah
jabatan_ayah
hasil_bulan_ayah
nama_lkp_ibu
status_ibu
agama_ibu
pend_tinggi_ibu
pekerjaan_ibu
jabatan_ibu
hasil_bulan_ibu
asal_anak
nama_tk
kota_tk
lama_belajar
email
Type
varchar(20)
varchar(100)
varchar(20)
varchar(12)
varchar(20)
varchar(10)
varchar(20)
varchar(20)
varchar(20)
varchar(100)
varchar(20)
varchar(12)
varchar(20)
varchar(20)
varchar(20)
varchar(20)
varchar(30)
varchar(60)
varchar(50)
varchar(20)
varchar(50)
Keterangan
Bertempat tinggal pada
Nama lengkap ayah
Status ayah
Agama ayah
Pendidikan tertinggi ayah
Kode Pos
Pekerjaan ayah
Jabatan ayah
Penghasilan perbulan ayah
Nama lengkap ibu
Status ibu
Agama ibu
Pendidikan tertinggi ibu
Pekerjaan ibu
Jabatan ibu
Penghasilan perbulan ibu
Asal sekolah calon siswa
Nama Taman Kanak-kanak
Di kota
Lama belajar
Alamat email ayah / ibu
k. Tabel alumni.
Kode file
: F11
Nama tabel : alumni
Primary key
: alumni_id
Foreing key : -
Tabel 3.12 Struktur tabel alumni
Field
alumni_id
nama_lkp_alumni
nama_pang_alumni
tahun_lulus
tempat_lahir
tgl_lahir
jenis_kelamin
Type
int(11)
varchar(100)
varchar(40)
varchar(10)
varchar(40)
varchar(20)
varchar(20)
Keterangan
Kode alumni
Nama lengkap alumni
Nama panggilan alumni
Tahun kelulusan
Tempat lahir
Tanggal lahir
Jenis kelamin
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
46
Field
kota_tinggal
kode_pos
provinsi
telepon
fax
alamat
email
mobile
pekerjaan
nama_kantor
alamat_pekerjaan
kota_kantor
kode_pos_kantor
provinsi_kantor
telepon_kantor
fax_kantor
email_kantor
password
photo
Type
varchar(50)
varchar(10)
varchar(50)
varchar(20)
varchar(20)
varchar(100)
varchar(50)
varchar(20)
varchar(20)
varchar(40)
varchar(100)
varchar(50)
varchar(10)
varchar(50)
varchar(20)
varchar(20)
varchar(50)
varchar(32)
text
Keterangan
Kota tempat tinggal alumni
Kode Pos
Provinsi
Telepon
Fax
Alamat
Alamat email alumni
Mobile
Pekerjaan alumni
Nama perusahaan / instansi
Alamat pekerjaan
Kota
Kode Pos
Provinsi
Telepon
Fax
Alamat email kantor
Password
Photo alumni
l. Tabel polling.
Kode file
: F12
Nama tabel : polling
Primary key
: id_p
Foreing key : -
Tabel 3.13 Struktur tabel polling
Field
id_p
pertanyaan
pilihan
jawaban
status
Type
varchar(5)
varchar(255)
varchar(255)
varchar(255)
enum('0', '1')
Keterangan
Kode polling
Pertanyaan polling
Pilihan polling
Jawaban polling
Status polling
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
47
m. Tabel guestbook.
Kode file
: F13
Nama tabel : guestbook
Primary key
: guest_id
Foreing key : -
Tabel 3.14 Struktur tabel guestbook
Field
guest_id
pengirim
email
tanggal
jam
pesan
Type
int(10)
varchar(50)
varchar(255)
varchar(10)
varchar(8)
text
Keterangan
Kode guestbook
Pengirim guestbook
Alamat email pengirim
Tanggal kirim guestbook
Jam kirim guestbook
Pesan guestbook
n. Tabel peserta forum
Kode file
: F14
Nama tabel : peserta_forum
Primary key
: id_user
Foreing key : -
Tabel 3.15 Struktur tabel peserta forum
Field
id_user
nama_user
email_user
photo_user
password_user
active_user
Type
int(11)
varchar(100)
varchar(100)
text
varchar(32)
tinyint(2)
randomkey_user
.
varchar(100)
Keterangan
Kode peserta forum
Nama peserta forum
Alamat peserta forum
Photo peserta forum
Password peserta forum
Tanda yang mengindikasikan bahwa user
sudah aktif atau belum aktif
Kode aktif user
o. Tabel jawab forum.
Kode file
: F15
Nama tabel : jawab_forum
Primary key
: id_msg
Foreing key : idtop_msg, id_user_msg
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
48
Tabel 3.16 Struktur tabel jawab forum
Field
id_msg
idtop_msg
idmsg_msg
Type
int(11)
varchar(4)
int(11)
id_init_msg
id_user_msg
date_msg
subject_msg
content_msg
subcribe_msg
int(11)
int(11)
datetime
varchar(100)
text
tinyint(4)
Keterangan
Kode jawab forum
Kode topik forum
Kode yang digunakan untuk mengirim
pesan balasan pada pesan pertama
Kode untuk menyimpan pesan pertama
Kode peserta forum
Waktu kirim pesan
Subjek pesan
Isi pesan
Tanda untuk mengidentifikasikan pesan
p. Tabel nilai laporan pendahuluan.
Kode file
: F16
Nama tabel : nilai_laporan
Primary key
: nis, aspek_id, mt_pel_id
Foreing key : -
Tabel 3.17 Struktur tabel nilai laporan pendahuluan
Field
Type
varchar(10)
varchar(4)
varchar(4)
float(5,2)
float(5,2)
nis
aspek_id
mt_pel_id
nilai
rata_lapen
Keterangan
Kode siswa
Kode aspek nilai
Kode matapelajaran
Nilai laporan pendahuluan
Nilai rata-rata kelas laporan pendahuluan
q. Tabel nilai raport.
Kode file
: F17
Nama tabel : nilai_raport
Primary key
: nis, aspek_id, mt_pel_id
Foreing key : -
Tabel 3.18 Struktur tabel nilai raport
Field
nis
aspek_id
mt_pel_id
Type
varchar(10)
varchar(4)
varchar(4)
Keterangan
Kode siswa
Kode aspek nilai
Kode matapelajaran
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
49
Field
Type
float(5,2)
float(5,2)
nilai
rata_raport
Keterangan
Nilai raport
Nilai rata-rata kelas raport
r. Tabel event.
Kode file
: F19
Nama tabel : event
Primary key
: event_id
Foreing key : -
Tabel 3.19 Struktur tabel event
Field
event_id
event_topik
event_deskripsi
event_tempat
event_waktu
event_contact
Type
varchar(4)
varchar(100)
text
varchar(150)
varchar(100)
varchar(150)
Keterangan
Nomor id event
Topik event
Deskripsi event
Tempat event
Waktu event
Contact person event
s. Tabel aspek nilai.
Kode file
: F18
Nama tabel : aspek_nilai
Primary key
: event_id
Foreing key : -
Tabel 3.20 Struktur tabel aspek nilai
Field
aspek_id
aspek_name
Type
varchar(4)
varchar(50)
Keterangan
Nomor id aspek nilai
Nama aspek nilai
t. Tabel matapelajaran.
Kode file
: F21
Nama tabel : mt_pelajaran
Primary key
: mt_pel_id
Foreing key : -
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
50
Tabel 3.21 Struktur tabel matapelajaran
Field
mt_pel_id
mt_pelajaran
Type
varchar(4)
varchar(20)
Keterangan
Nomor id matapelajaran
Nama matapelajaran
u. Tabel admin.
Kode file
: F20
Nama tabel : admin
Primary key
: id_admin
Foreing key : -
Tabel 3.22 Struktur tabel admin
Field
id_admin
username
password
Type
varchar(3)
varchar(20)
varchar(20)
Keterangan
Kode admin
Username admin
Password admin
v. Tabel syarat psb.
Kode file
: F22
Nama tabel : syarat_psb
Primary key
: syarat_psb_id
Foreing key : -
Tabel 3.23 Struktur tabel syarat psb
Field
syarat_psb_id
syarat__psb_name
Type
int(11)
text
Keterangan
Nomor id syarat psb
Syarat psb
w. Tabel syarat alumni.
Kode file
: F23
Nama tabel : syarat_alumni
Primary key
: syarat_alumni_id
Foreing key : -
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
51
Tabel 3.24 Struktur tabel syarat alumni
Field
syarat_alumni_id
syarat_alumni_name
Type
int(11)
text
Keterangan
Nomor id syarat alumni
Syarat alumni
x. Tabel berita.
Kode file
: F24
Nama tabel : news
Primary key
: berita_id
Foreing key : -
Tabel 3.25 Struktur tabel berita
Field
berita_id
tanggal
judul
ringkasan
isi_news
gambar
penulis
Type
varchar(5)
varchar(30)
varchar(100)
text
text
text
varchar(100)
Keterangan
Nomor id berita
Tanggal memasukan beita
Judul berita
Ringkasan berita
Isi berita
Gambar berita
Penulis berita
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
52
3. Perancangan Antar Muka
Perancangan antar muka bertujuan untuk mendapatkan tampilan website yang
user friendly sehingga mudah digunakan oleh user. Desain antar muka akan
dibagi menjadi 4 sisi yaitu dari pengguna internet umum, orang tua siswa, alumni
dan administrator.
3.1 Desain Struktur Menu
a. Struktur menu bagi user umum
Gambar 3.13 struktur menu user umum
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
53
b. Struktur menu bagi orang tua siswa / siswa
Gambar 3.14 struktur menu siswa / orang tua siswa
c. Struktur menu bagi alumni
Gambar 3.15 struktur menu alumni
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
54
d. Struktur menu bagi administrator
Gambar 3.16 struktur menu administrator
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
55
3.2 Desain Antar Muka
1. Desain antar muka untuk pengguna internet umum.
a. Tampilan utama untuk pengguna internet umum.
Tampilan ini sebagai home dari website, tampilan ini akan muncul setelah
preloader.
Gambar 3.17 Tampilan utama pengguna internet umum
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
56
b. Tampilan pengisian guestbook.
Tampilan ini akan menampilkan form pengisian guestbook
Gambar 3.18 Tampilan isi guestbook
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
57
c. Tampilan detail guestbook.
Tampilan ini menapilkan informasi detail guestbook.
Gambar 3.19 Tampilan detail guestbook
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
58
d. Tampilan fasilitas dan detail fasilitas.
Tampilan ini menampilkan informasi fasilitas.
Gambar 3.20 tampilan fasilitas
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
59
e. Tampilan detail fasilitas.
Tampilan ini menampilkan informasi detail fasilitas.
Gambar 3.21 tampilan detail fasilitas
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
60
2. Desain antar muka untuk orang tua siswa.
a. Tampilan login orang tua siswa.
Tampilan ini menampilkan login orang tua siswa.
Gambar 3.22 tampilan login orang tua siswa
b. Tampilan utama orang tua siswa.
Tampilan ini sebagai home dari website bagian orang tua siswa, tampilan ini
akan muncul setelah orang tua siswa login.
Gambar 3.23 tampilan home website sisi orang tua
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
61
c. Tampilan jadwal pelajaran.
Tampilan ini menampilkan informasi jadwal pelajaran.
Gambar 3.24 tampilan jadwal pelajaran
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
62
d. Tampilan nilai laporan pendidikan.
Tampilan ini menampilkan informasi nilai laporan pendahuluan.
Gambar 3.25 tampilan nilai laporan pendahuluan
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
63
3. Desain antar muka untuk alumni.
a. Tampilan login alumni.
Tampilan ini menampilkan informasi login alumni.
Gambar 3.26 tampilan login alumni
b. Tampilan utama alumni.
Tampilan ini sebagai home dari website bagian alumni, tampilan ini akan
muncul setelah alumni login.
Gambar 3.27 tampilan home alumni
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
64
c. Tampilan data pribadi alumni.
Tampilan ini menampilkan informasi data pribadi alumni.
Gambar 3.28 tampilan data pribadi alumni
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
65
d. Tampilan edit alumni.
Tampilan ini menampilkan form edit data pribadi alumni.
Gambar 3.29 tampilan edit data alumni
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
66
4. Desain antar muka untuk administrator.
a. Tampilan login administrator.
Tampilan ini menampilkan informasi login alumni.
Gambar 3.30 tampilan login admin
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
67
b. Tampilan menu utama admin.
Tampilan ini sebagai home dari website bagian admin, tampilan ini akan
muncul setelah admin login.
Gambar 3.31 tampilan home admin
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
68
c. Tampilan detail jadwal pelajaran.
Tampilan ini menampilkan informasi detail jadwal pelajaran.
Gambar 3.32 tampilan detail jadwal pelajaran
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
69
d. Tampilan edit jadwal pelajaran.
Tampilan ini menampilkan form untuk mengedit jadwal pelajaran.
Gambar 3.33 tampilan edit jadwal pelajaran
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
70
e. Tampilan tambah jadwal pelajaran.
Tampilan ini menampilkan form untuk menambah jadwal pelajaran.
Gambar 3.34 tampilan tambah jadwal pelajaran
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
BAB IV
IMPLEMENTASI PROGRAM
A. Aplikasi yang digunakan
Program ini dibuat dengan menggunakan PHP Version 4.4.4, Database MySQL
5.0.27, Web Server Apache 2.2.3, Database Tools phpMyAdmin 2.9.1.1, mail server
Mercury Mail Transport System v4.01b, dan Macromedia Dreamweaver MX
Di samping bahasa pemrograman PHP, juga digunakan JavaScript dan Cascading
Style Sheet (CSS). JavaScript digunakan untuk mengecek input dalam form apakah
sesuai dengan format yang telah ditetapkan. Sedangkan
CSS digunakan untuk
memudahkan dalam mendesain antarmuka dan menghemat spacedisk.
B. Implementasi Program
1. Koneksi Server
Listing program ini berisi fungsi-fungsi yang digunakan untuk melakukan koneksi
dengan database Mysql. Fungsi-fungsi itu dapat dituliskan sebagai berikut :
Fungsi mysql_pconnect() di atas digunakan untuk membuka koneksi ke Mysql.
71
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
72
2. Implementasi proses dari sisi Pengguna Internet Umum
a. Proses menampilkan menu yang dipilih.
Proses ini untuk menampilkan menu yang dipilih, berikut adalah
potongan program untuk menampilkan menu :
b. Proses isi guestbook.
Proses ini dilakukan untuk mengisi guestbook, berikut adalah potongan
program untuk mengisi guestbook.
c. Proses hitung polling.
Proses ini dilakukan untu menghitung polling, berikut adalah potongan
program untuk menghitung polling :
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
73
d. Proses menampilkan informasi umun.
Proses ini untuk menampilkan informasi yang diinginkan. Misal
informasi profil guru, berikut adalah potongan program untuk menampilkan
profil guru :
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
74
3. Implementasi proses dari sisi Orang Tua Siswa / Siswa
a. Proses login user.
Pada proses login user, user harus memilih level user, memasukan nama
user, password user. Jika user berhasil login maka user akan mendapatkan
halaman utama siswa jika level usernya siswa, halaman utama alumni jika
level usernya alumni. Berikut potongan program login user :
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
75
b. Proses edit biodata siswa.
Proses ini digunakan orang tua siswa / siswa untuk mengedit data biodata
siswa. Berikut potongan program edit biodata siswa :
c. Proses ganti password.
Proses ganti password digunakan oleh siswa untuk merubah password
siswa. Berikut potongan program ganti password :
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
76
d. Proses print jadwal pelajaran.
Proses ini dilakukan untuk mendapatkan print-out jadwal pelajaran.
Berikut potongan program print jadwal pelajaran :
mysql_select_db($database_connection, $connection);
$h = array(
"senin",
"selasa",
"rabu",
"kamis",
"jumat",
"sabtu"
);
for($i=0;$i<count($h);$i++)
{
$Pilih_Jadwal ="select JP.*, S.nama_siswa, S.id_kelas, MT.mt_pel_id, MT.mt_pelajaran, P.profil_id,
P.profil_name, K.kelas_id, K.kelas_name from jdwl_pelajaran JP, siswa S,
mt_pelajaran MT, profil P, kelas K
where JP.mt_pel_id = MT.mt_pel_id
and JP.profi_id = P.profil_id
and JP.kelas_id = K.kelas_id
and S.id_kelas = K.kelas_id
and JP.hari='".$h[$i]."'
and S.nama_siswa = '$nama'
order by JP.jam asc";
$Hasil_jadwal = mysql_query($Pilih_Jadwal);
if(mysql_num_rows($Hasil_jadwal)>0)
{
echo "<tr align=\"left\">";
echo "<td colspan=\"4\" class=\"tdisi1 text6\"><strong>".$h[$i]."</strong></td>";
echo "</tr>";
echo "<tr align=\"center\">";
echo "<td width=\"5%\" class=\"tdisi_L tdisi_A\">No</td>";
echo "<td width=\"30%\" class=\"tdisi_L tdisi_A\">Matapelajaran</td>";
echo "<td width=\"35%\" class=\"tdisi_L tdisi_A\">Guru Matapelajaran</td>";
echo "<td width=\"30%\" class=\"tdisi_L tdisi_A tdisi_R\">Jam Pelajaran</td>";
echo "</tr>";
}
$no = 0;
while($Baris_jadwal = mysql_fetch_array($Hasil_jadwal))
{
$no++;
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
77
4. Implementasi proses dari sisi Alumni
a. Proses login user.
Proses ini sama dengan proses login user pada implementasi proses dari
sisi siswa.
b. Proses edit biodata alumni.
Proses ini digunakan alumni untuk mengedit data biodata alumni. Berikut
potongan program edit biodata siswa :
if ((isset($_POST["MM_update"])) && ($_POST["MM_update"] == "form1")) {
$updateSQL = sprintf("UPDATE alumni SET alamat=%s, kota_tinggal=%s, kode_pos=%s, provinsi=%s, telepon=%s, fax=%s,
email=%s, mobile=%s, pekerjaan=%s, nama_kantor=%s, alamat_pekerjaan=%s, kota_kantor=%s,
kode_pos_kantor=%s, provinsi_kantor=%s, telepon_kantor=%s, fax_kantor=%s, email_kantor=%s, photo=%s
WHERE alumni_id=%s",
GetSQLValueString($_POST['alamat'], "text"),
GetSQLValueString($_POST['kota_tinggal'], "text"),
GetSQLValueString($_POST['kode_pos'], "text"),
GetSQLValueString($_POST['provinsi'], "text"),
GetSQLValueString($_POST['telepon'], "text"),
GetSQLValueString($_POST['fax'], "text"),
GetSQLValueString($_POST['email'], "text"),
GetSQLValueString($_POST['mobile'], "text"),
GetSQLValueString($_POST['pekerjaan'], "text"),
GetSQLValueString($_POST['nama_kantor'], "text"),
GetSQLValueString($_POST['alamat_pekerjaan'], "text"),
GetSQLValueString($_POST['kota_kantor'], "text"),
GetSQLValueString($_POST['kode_pos_kantor'], "text"),
GetSQLValueString($_POST['provinsi_kantor'], "text"),
GetSQLValueString($_POST['telepon_kantor'], "text"),
GetSQLValueString($_POST['fax_kantor'], "text"),
GetSQLValueString($_POST['email_kantor'], "text"),
GetSQLValueString($_FILES['photo']['name'], "text"),
GetSQLValueString($_POST['alumni_id'], "int"));
mysql_select_db($database_connection, $connection);
$Result1 = mysql_query($updateSQL, $connection) or die(mysql_error());
$updateGoTo = "?hal=profilalumni";
if (isset($_SERVER['QUERY_STRING'])) {
$updateGoTo .= (strpos($updateGoTo, '?')) ? "&" : "?";
$updateGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: ?hal=profilalumni", $updateGoTo));
}
c. Proses ganti password.
Proses ganti password digunakan oleh siswa untuk merubah password
siswa. Berikut potongan program ganti password :
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
78
if ((isset($_POST["MM_update"])) && ($_POST["MM_update"] == "form1")) {
$updateSQL = sprintf("UPDATE alumni SET password=%s WHERE alumni_id=%s",
GetSQLValueString($_POST['password'], "text"),
GetSQLValueString($_POST['alumni_id'], "int"));
mysql_select_db($database_connection, $connection);
$Result1 = mysql_query($updateSQL, $connection) or die(mysql_error());
$updateGoTo = "?hal=gantipassword";
if (isset($_SERVER['QUERY_STRING'])) {
$updateGoTo .= (strpos($updateGoTo, '?')) ? "&" : "?";
$updateGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: ?hal=gantipassword", $updateGoTo));
}
5. Implementasi proses dari sisi Administrator
a. Proses login administrator.
Pada proses login administrator harus memasukan nama login dan
password administrator. Jika admin berhasil login maka admin akan
mendapatkan halaman administrator, jika tidak berhasil login maka akan
muncul pesan kesalahan login. Berikut adalah potongan program untuk
proses login admin :
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
79
b. Proses tambah jadwal pelajaran.
Proses ini untuk menambah jadwal pelajaran. Berikut potongan program
untuk menambah jadwal pelajaran :
c. Proses edit jadwal pelajaran.
Proses ini untuk mengedit jadwal pelajaran. Berikut potongan program
untuk edit jadwal pelajran :
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
80
d. Proses hapus jadwal pelajaran.
Proses ini dilakukan untuk menghapus jadwal pelajaran. Berikut potongan
program untuk proses hapus jadwal pelajaran :
if ((isset($_GET['pel_id'])) && ($_GET['pel_id'] != "")) {
$deleteSQL = sprintf("DELETE FROM jdwl_pelajaran WHERE pel_id=%s",
GetSQLValueString($_GET['pel_id'], "int"));
mysql_select_db($database_connection, $connection);
$Result1 = mysql_query($deleteSQL, $connection) or die(mysql_error());
$deleteGoTo = "home.php?hal=detail_jdwl_pel&kelas_id=$kelas_id";
if (isset($_SERVER['QUERY_STRING'])) {
$deleteGoTo .= (strpos($deleteGoTo, '?')) ? "&" : "?";
$deleteGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: home.php?hal=detail_jdwl_pel&kelas_id=$kelas_id", $deleteGoTo));
}
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
81
C. Implementasi Antar Muka
1. Implementasi Antar Muka untuk pengguna internet umum.
a. Tampilan halaman utama untuk pengguna internet umum.
Gambar 4.1 tampilan halaman utama pengguna internet umum
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
82
b. Tampilan pengisian guestbook.
Gambar 4.2 tampilan isi guestbook
c. Tampilan detail guestbook.
Gambar 4.3 tampilan detail guestbook
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
83
d. Tampilan fasilitas.
Gambar 4.4 tampilan fasilitas
e. Tampilan detail fasilitas.
Gambar 4.5 tampilan detail fasilitas
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
84
2. Implementasi Antar Muka untuk orang tua siswa / siswa.
a. Tampilan login orang tua siswa /siswa.
Gambar 4.6 tampilan login orang tua siswa / siswa
b. Tampilan halaman utama orang tua siswa / siswa.
Gambar 4.7 tampilan halaman utama orang tua siswa / siswa
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
85
c. Tampilan jadwal pelajaran.
Gambar 4.8 tampilan jadwal pelajaran
d. Tampilan nilai laporan pendahuluan.
Gambar 4.9 tampilan nilai laporan pendahuluan
e. Tampilan update profil siswa.
Gambar 4.10 tampilan update profil siswa
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
86
3. Implementasi Antar Muka untuk alumni.
a. Tampilan login alumni.
Gambar 4.11 tampilan login alumni
b. Tampilan halaman utama alumni.
Gambar 4.12 tampilan halaman utama alumni
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
87
c. Tampilan detail profil alumni.
Gambar 4.13 tampilan detail alumni
d. Tampilan update profil alumni.
Gambar 4.14 tampilan tampilan update profil alumni
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
88
4. Implementasi Antar Muka untuk Administrator.
a. Tampilan login administrator.
Gambar 4.15 login administrator
b. Tampilan halaman utama administrator.
Gambar 4.16 tampilan halaman utama administrator
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
89
c. Tampilan tambah jadwal pelajaran.
Gambar 4.17 tampilan tambah jadwal pelajaran
d. Tampilan edit jadwal pelajaran
Gambar 4.18 tampilan edit jadwal pelajaran
e. Tampilan detail jadwal pelajaran
Gambar 4.19 tampilan detail jadwal pelajaran
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
BAB V
PENUTUP
A. Kesimpulan
Pembuatan website SDK Santa Theresia Balikpapan ini merupakan salah
satu cara yang efisien untuk memberikan pelayanan kepada orang tua siswa,
siswa, alumni, dan sekaligus sebagai sarana promosi kepada masyarakat umum.
Sebagai contoh orang tua siswa dapat mengetahui jadwal ujian putra-putri
mereka, alumni dapat mencari sahabat-sahabatnya, dan masyarakat umum dapat
lebih mengenal SDK Santa Theresia Balikpapan dengan membaca informasi yang
terdapat di fitur-fitur website.
Sistem ini dibuat menggunakan PHP yang menjadikan web bersifat
dinamis, sehingga informasi yang ditampilkan selalu merupakan informasi terbaru
sesuai dengan yang terdapat di dalam database MySQL. Dengan demikian
administrator tidak perlu merubah source code setiap kali ada penambahan atau
perubahan terhadap data.
Kelemahan dari sistem ini adalah enkripsi data yang hanya dilakukan
dengan metode enkripsi standar MD5 tanpa menggabungkan dengan metode
enkripsi lain sehingga kemungkinan sistem untuk dihacking bisa terjadi. Pada
pendaftaran (PSB) online pembayaran formulir masih dilakukan secara manual.
Error handling dan pesan kesalahan pada website belum maksimal.
90
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
91
B. Saran
Adapun saran yang penulis sampaikan setelah pembuatan website ini adalah :
1. Metode enkripsi dapat divariasi dengan menggabungkan metode enkripsi lain
sehingga akan menghasilkan tingkat keamanan yang tinggi terhadap data.
2.
Error handling dan pesan kesalahan lebih dimaksimalkan agar tidak terjadi
kesalahan dalam pengisian form oleh user.
3. Pembayaran formulir pada PSB (Penerimaan Siswa Baru) diharapkan
kedepannya dapat dilakukan secara online dengan cara pembayaran
menggunakan kartu kredit.
4. Lebih melibatkan guru dan staft sekolah dalam pengelolaan website.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
DAFTAR PUSTAKA
Jogiyanto,H.M., 1990, Analisis dan Desain Sistem Informasi Pendekatan Terstruktur
Teori dan Praktek Aplikasi Bisnis, Andi Offset, Yogyakarta.
Nugroho, Bunafit, 2004, Aplikasi Pemrograman Web Dinamis dengn PHP dan
MySQL, Gaya Media, Yogyakarta.
Purwanto, Yudhi, 2002, Pemrograman Web dengan PHP, Elex Media Komputindo,
Jakarta.
Pressman, Roger S., 2002, Rekayasa Perangkat Lunak Pendekatan Praktasi (Buku
Satu), Andi Offset, Yogykarta.
Sunarfrihantono, Bimo, S.T., 2002, PHP dan MySQL untuk Web, Andi Offset,
Yogyakarta.
HTTP://www.IlmuKomputer.com
HTTP://www.mysql.com
.
92