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
ii
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
v
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 ,
vi
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, ...
vii ABSTRAK
WebsiteSekolah 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 secaraonline. Orang tua siswa / siswa dan alumni cukup memasukan username dan
passworduntuk dapat mengakses halaman siswa dan alumni.
Fasilitas yang diberikan diwebsiteini 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,
viii
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.
ix
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.
x
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.
xi
pihak. Besar harapan penulis semoga hasil penelitian ini dapat berguna bagi pembaca.
Yogyakarta, ...
xii DAFTAR ISI
Halaman
HALAMAN JUDUL... i
HALAMAN PERSETUJUAN PEMBIMBING... ii
HALAMAN PENGESAHAN... iii
HALAMAN PERSEMBAHAN ………... iv
PERNYATAAN KEASLIAN KARYA……….. v
ABSTRAK………... vi
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
xiii
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
xiv
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
xv
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
xvi
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
xvii
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 DasarBrowserdanWeb 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 Internet Umum
28
Gambar 3.3 Gambar DFD Level 1 dilihat dari sisi Orang Tua Siswa
29
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
xviii
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
Santa Theresia
35
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
xix
Gambar Keterangan Halaman
Gambar 3.30 Gambar tampilan login admin 66
Gambar 3.31 Gambar tampilan home admin 67
1
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 databaseMySQLsertaWebserver Apache Under Windows?
C. Batasan Masalah
Pada tugas akhir ini, ada beberapa hal yang menjadi batasan masalah :
2. Website ini menyediakan update data bagi admin, update data profil bagi alumni, danupdatedata profil siswa.
3. Websiteini 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 instalasiwebsitedi penyedia jasadomaindanhosting. 6. Pembangunan websitehanya 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
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 berartiwebini mampu mengajak user untuk berperan aktif di dalam
webseperti 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 metodewaterfallyang meliputi tahap-tahap antara lain :
1. Analisis Sistem (System Analysis).
Tekanan pada langkah ini adalah pengumpulan kebutuhan sistem dengan wawancara dengan pihak sekolah.
3. Perancangan (Design).
Merancang struktur database dengan membuat Data Flow Diagram
(DFD), membuatuser interface(halaman)websiteuntuk semuauser.
4. Penulisan program (Coding).
Pada tahap ini dilakukan pembuatandatabasedan 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,
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
outputsistem, perancangandatabase. 4. BAB 4 Implementasi
Bab ini membahas fungsi program dan menganalisa pengimplementasian sistem.
5. BAB 5 Penutup
Bab ini berisi kesimpulan dan saran penulis.
6
LANDASAN TEORI
A. Pengertian Sistem, Informasi, Sistem Informasi, dan Sistem Informasi BerbasisWeb
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 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 secarahypertext, 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,danWorld Wide Web
1. Browser Web
Browser webmempunyai tugas menterjemahkan informasi yang diterima dari
server webdan menampilkannya pada layar komputer pengguna. Umumnyabrowser webmenerima data dalam bentuk HTML (www.IlmuKomputer.com).
Protokol-protokol dasarwebpertama kali dikembangkan awal tahun 1990-an,
Gambar 2.1 DasarBrowserdanWeb Server
2. Web Server
Web servermerupakan 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 servermemiliki 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
Web Server Pengembang Sistem Operasi
Apache Apache Windows 98/NT,UNIX,LINUX
Netscape Netcentre Netscape Windows 98/NT
3. World Wide Web
World Wide Webatau biasa disebut WWWmerupakanframe 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 WWWdigunakan 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.
Markup Language (HTML). Transfer dokumen hypertext dari satu WWW server ke
WWW server lainnya menggunakan protokol yang disebut Hypertext Transfer Protocol(HTTP).
C. ParadigmaClassic Life Cycle(Waterfall)
ParadigmaClassic 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.
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).
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 ApacheWeb Server
1. HTML
HTML pada masa sekarang dikenal sebagai bahasa standar untuk membuat dokumenweb. 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 halamanweb(Sunarfrihantono, 2002).
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 :
Cara kerja HTML yaitu diawali dengan permintaan suatu halaman web oleh
browser. Berdasarkan URL (Uniform Resource Locator) atau alamat internet,
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 membuathomepage pribadinya (Personal Home Page). Versi pertama ini berupa kumpulan skrip PERL tersebut menggunakan bahasa C, kemudian menambahkan fasilitas untukform HTML dan koneksi MySQL. Setelah mengalami perkembangan oleh suatu kelompokopen source(termasuk Rasmus) maka PHP versi 3 telah menampakan keunggulannya sebagai salah satu bahasa server scriptingyang 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 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>
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) keweb servermenyampaikan keclient.
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, menurutwww.mysql.com:
a. ditulis dengan bahasa pemrograman C dan C++, dengan ujicoba pada berbagai jeniscompiler,
b. multiplatform, bisa digunakan di keluarga UNIX, Windows sampai MAC,
c. penggunaanmemoryyang 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.
tabel sementara (temporary table) untuk menampung hasil subquery atau dengan membuatkan variable bantuan.
Beberapa fungsi di dalamdatabaseMySQL : mysql_connect ( )
digunakan untuk melakukan koneksi ke dalamdatabaseMySQL, mysql_create_db ( )
digunakan untuk membuat sebuahdatabasebaru padadatabase server, mysql_select_db ( )
digunakan untuk memilih sebuahdatabaseaktif, mysql_query ( )
digunakan untuk mengirim perintah SQL keserverMySQL untuk dieksekusi, mysql_fetch_array ( )
digunakan untuk mengambil baris sebagai arrayasosiatif, maksudnya adalah setiap kolom akan disimpan dua kali padaarrayhasil,
Mysql_num_row ( )
digunakan untuk menampilkan jumlah baris dari suatu hasil permintaan yang menggunakan select,
mysql_close ( )
4. AphaceWeb 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 bawahplatformOS/2, Windows, LINUX dan sebagainya.
20
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.
Websiteini 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. Halamanguestbook.
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 AdministratorWebsite.
a. Halamanupdate about us. b. Halamanupdatekelas. c. Halamanupdateprofil guru. d. Halamanupdatefasilitas.
g. Halamanupdatejadwal ujian.
h. Halamanupdatesyarat penerimaan siswa baru. i. Halamanupdateprofil calon siswa.
j. Halamanupdatesyarat alumni. k. Halamanupdateprofil alumni. l. Halamanupdateprofil siswa. m. Halamanupdatematapelajaran. n. Halamanupdateaspek nilai. o. Halamanupdatenilai raport.
p. Halaman update nilai laporan pendahuluan. q. Halamanupdate guestbook.
r. Halamanupdate polling
s. Halamanupdateberita.
t. Halamanupdateforum diskusi.
u. Halamanupdate event.
v. Halamanupdatejawaban forum diskusi. w. Halaman ganti password.
Target pengunjung (user) website adalah pengguna internet umum, siswa/orang tua siswa, alumni, dan administratorwebsite.
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 denganlogin usersebagai 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 namauser dan passworddapat mendaftarkan sebagai user alumni di pendaftaran alumni dengan mengisi formulir yang disediakan secara benar.
4. Administrator SDK Santa Theresia Balikpapan.
B. Analisis Kebutuhan Sistem 1. Kebutuhan Perangkat Lunak
Perangkat lunak yang digunakan dalam merancangwebsiteini adalah sebagai berikut :
sistem operasiWindows XP,
browseryang digunakan adalahInternet 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 serveryang digunakan adalahApache,
bahasa pemrograman PHP,
database MySQL.
2. Kebutuhan Perangkat Keras
Perangkat keras yang digunakan dalam merancangwebsiteini adalah sebagai berikut :
komputer denganprocessor Intel Celeron typeD 2.6Ghz,
memori VisiproRAM512 MB PC 3200, harddiskMaxtor 40 GB,
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 perancanganwebsiteini 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 Masukkan Keluaran
Pengguna Internet Umum Pilihan informasi websiste SDK Santa Theresia
Informasi Website SDK Santa Theresia
Data siswa baru no pendaftaran online Jawabanpolling Hasilpolling
Dataguestbook Hasilguestbook
Data peserta forum diskusi Usernamedanpassword forum diskusi
username dan password forum diskusi
Pesan kesalahan
Data pesan forum diskusi Hasil Pesan forum diskusi Data balas pesan forum
diskusi
Hasil balas pesan forum diskusi
Orang tua siswa / siswa SDK Santa Theresia
Satuan luar Masukkan Keluaran Pilihan informasi orang
tua siswa / siswa
Informasi orang tua siswa / siswa
Cetak Laporan Laporan tercetak Data Password baru Password terupdate Data siswa Data siswa terupdate Alumni SDK Santa
Theresia
Usernamedanpassword Pesan kesalahan Pilihan informasi alumni Informasi alumni
Data alumni Biodata alumni terupdate Data password baru Password terupdate Kata kunci pencarian Hasil pencarian Administrator SDK Santa
Theresia Balikpapan
Usernamedanpassword Pesan Kesalahan Data website SDK Santa
Theresia yang diupdate
Data website SDK Santa Theresia Balikpapan terupdate
Cetak laporan Laporan tercetak
Data password baru Data password terupdate
1.1 Diagram Konteks.
1.2 DFD Level 1
a) DFD Level 1 dilihat dari sisi Pengguna Internet Umum.
b) DFD Level 1 diliahat dari sisi orang tua siswa SDK Santa Theresia Balikpapan.
c) DFD Level 1 dilihat dari sisi alumni SDK Santa Theresia Balikpapan.
d) DFD Level 1 dilihat dari sisi administrator SDK Santa Theresia Balikpapan.
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.
c) DFD level 2 proses tampil informasi.
Gambar 3.8 DFD level 2 proses tampil informasi d) DFD level 2 proses laporan.
e) DFD level 2 proses gantipassword.
f) DFD level 2 proses update website SDK Santa Theresia.
2.1 Diagram ER
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.
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.
p. Matapelajaran.
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.
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 Type Keterangan
about_id char(3) Kode about us
about_name Varchar(50) Nama about us
about_isi Text Isi about us
b. Tabel kelas.
Kode file : F2 Nama tabel : kelas Primary key : kelas Foreing key : wali_kelas Tabel 3.3 Struktur tabel kelas
Field Type Keterangan
kelas_id char(3) Kode kelas
kelas_name varchar(20) Nama kelas
jumlah_siswa char(2) Jumlah siswa kelas wali_kelas varchar(4) Kode guru
kelas_picture Text 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 Type Keterangan
profil_id varchar(4) Kode guru profil_name varchar(50) Nama profil profil_alamat varchar(50) Alamat profil profil_tempatlahir varchar(50) Tempat lahir profil profil_tgllahir date Tanggal lahir profil profil_bimbing char(3) Kode ekstrakurikuler profil_picture Text Picture profil
d. Tabel fasilitas.
-Tabel 3.5 Struktur tabel fasilitas
Field Type Keterangan
fasilitas_id char(3) Kode fasilitas fasilitas_name varchar(50) Nama fasilitas deskripsi text Deskripsi fasilitas fasilitas_picture text Fasilitas picture
e. Tabel ekstrakurikuler.
Kode file : F5 Nama tabel : ekstrakurikuler Primary key : ekstra_id Foreing key :
-Tabel 3.6 Struktur tabel ekstrakurikuler
Field Type Keterangan
ekstra_id varchar(3) Kode ekstrakurikuler ekstra_name varchar(50) Nama ekstrakurikuler ekstra_hari varchar(10) Hari ekstrakurikuler ekstra _jam varchar(13) Jam ekstrakurikuler ekstra_ picture text 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 Type Keterangan
mt_pel_id varchar(4) Kode matapelajaran profil_id varchar(4) Kode guru
kelas_id char(3) Kode kelas
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 Type Keterangan
mt_pel_id varchar(4) Kode matapelajaran profi_id varchar(4) Kode guru
kelas_id char(3) Kode kelas
jam varchar(11) Jam jadwal ujian hari varchar(8) Hari jadwal ujian tanggal varchar(10) 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 Type Keterangan
id_top varchar(4) Kode topik forum title_top varchar(25) Judul topik forum deskripsi_top varchar(200) 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 Type Keterangan
nis varchar(10) Kode siswa
nama_siswa varchar(100) Nama siswa
agama varchar(12) Agama siswa
Field Type Keterangan jenis_kelamin varchar(20) Jenis kelamin
id_kelas char(3) Kode kelas
alamat varchar(100) Alamat
nama_lkp_ayah varchar(100) Nama lengkap ayah nama_lkp_ibu varchar(100) Nama lengkap ibu pekerjaan_ayah varchar(20) Pekerjaan ayah pekerjaan_ibu varchar(20) Pekerjaan ibu password varchar(100) Password
telepon varchar(15) Telepon tempat tinggal
photo text 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 Type Keterangan
id_casis int(11) Kode calon siswa
no_pendaftaran varchar(6) No pendaftaran calon siswa nama_lkp_anak varchar(100) Nama lengkap calon siswa nama_pang_anak varchar(40) Nama panggilan calon siswa jenis_kelamin varchar(20) Jenis kelamin
tempat_lahir varchar(40) Tempat lahir
tgl_lahir date Tanggal lahir
agama varchar(12) Agama
kewarganegaraan varchar(20) Kewarganegaraan anak_no varchar(20) Calon siswa anak no ke jml_sdr_kandung varchar(20) Jumlah saudara kandung jml_sdr_tiri varchar(20) Jumlah saudara tiri jml_sdr_angkat varchar(20) Jumlah saudara angkat bhs_hari varchar(40) Bahasa sehari-hari
berat varchar(20) Berat badan
tinggi_badan varchar(20) Tinggi badan gol_darah char(1) Golongan darah
penyakit_derita text Penyakit yang pernah diderita
Field Type Keterangan tinggal_pada varchar(20) Bertempat tinggal pada nama_lkp_ayah varchar(100) Nama lengkap ayah status_ayah varchar(20) Status ayah
agama_ayah varchar(12) Agama ayah
pend_tinggi_ayah varchar(20) Pendidikan tertinggi ayah kode_pos varchar(10) Kode Pos
pekerjaan_ayah varchar(20) Pekerjaan ayah jabatan_ayah varchar(20) Jabatan ayah
hasil_bulan_ayah varchar(20) Penghasilan perbulan ayah nama_lkp_ibu varchar(100) Nama lengkap ibu
status_ibu varchar(20) Status ibu agama_ibu varchar(12) Agama ibu
pend_tinggi_ibu varchar(20) Pendidikan tertinggi ibu pekerjaan_ibu varchar(20) Pekerjaan ibu
jabatan_ibu varchar(20) Jabatan ibu
hasil_bulan_ibu varchar(20) Penghasilan perbulan ibu asal_anak varchar(30) Asal sekolah calon siswa nama_tk varchar(60) Nama Taman Kanak-kanak kota_tk varchar(50) Di kota
lama_belajar varchar(20) Lama belajar
email varchar(50) 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 Type Keterangan
alumni_id int(11) Kode alumni
nama_lkp_alumni varchar(100) Nama lengkap alumni nama_pang_alumni varchar(40) Nama panggilan alumni tahun_lulus varchar(10) Tahun kelulusan
Field Type Keterangan kota_tinggal varchar(50) Kota tempat tinggal alumni kode_pos varchar(10) Kode Pos
provinsi varchar(50) Provinsi
telepon varchar(20) Telepon
fax varchar(20) Fax
alamat varchar(100) Alamat
email varchar(50) Alamat email alumni
mobile varchar(20) Mobile
pekerjaan varchar(20) Pekerjaan alumni
nama_kantor varchar(40) Nama perusahaan / instansi alamat_pekerjaan varchar(100) Alamat pekerjaan
kota_kantor varchar(50) Kota kode_pos_kantor varchar(10) Kode Pos provinsi_kantor varchar(50) Provinsi telepon_kantor varchar(20) Telepon fax_kantor varchar(20) Fax
email_kantor varchar(50) Alamat email kantor password varchar(32) Password
photo text Photo alumni
l. Tabel polling.
Kode file : F12 Nama tabel : polling Primary key : id_p Foreing key : -Tabel 3.13 Struktur tabel polling
Field Type Keterangan
id_p varchar(5) Kode polling
m. Tabel guestbook.
Kode file : F13 Nama tabel : guestbook Primary key : guest_id Foreing key :
-Tabel 3.14 Struktur tabel guestbook
Field Type Keterangan
guest_id int(10) Kode guestbook
pengirim varchar(50) Pengirim guestbook email varchar(255) Alamat email pengirim tanggal varchar(10) Tanggal kirim guestbook jam varchar(8) Jam kirim guestbook
pesan text 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 Type Keterangan
id_user int(11) Kode peserta forum nama_user varchar(100) Nama peserta forum email_user varchar(100) Alamat peserta forum photo_user text Photo peserta forum password_user varchar(32) Password peserta forum
active_user tinyint(2) Tanda yang mengindikasikan bahwa user sudah aktif atau belum aktif
randomkey_user varchar(100) Kode aktif user .
o. Tabel jawab forum.
Kode file : F15 Nama tabel : jawab_forum
Tabel 3.16 Struktur tabel jawab forum
Field Type Keterangan
id_msg int(11) Kode jawab forum
idtop_msg varchar(4) Kode topik forum
idmsg_msg int(11) Kode yang digunakan untuk mengirim pesan balasan pada pesan pertama id_init_msg int(11) Kode untuk menyimpan pesan pertama id_user_msg int(11) Kode peserta forum
date_msg datetime Waktu kirim pesan subject_msg varchar(100) Subjek pesan
content_msg text Isi pesan
subcribe_msg tinyint(4) 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 Keterangan
nis varchar(10) Kode siswa
aspek_id varchar(4) Kode aspek nilai mt_pel_id varchar(4) Kode matapelajaran nilai float(5,2) Nilai laporan pendahuluan
rata_lapen float(5,2) 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 Type Keterangan
nis varchar(10) Kode siswa
Field Type Keterangan nilai float(5,2) Nilai raport
rata_raport float(5,2) 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 Type Keterangan
event_id varchar(4) Nomor id event event_topik varchar(100) Topik event event_deskripsi text Deskripsi event event_tempat varchar(150) Tempat event event_waktu varchar(100) Waktu event
event_contact varchar(150) 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 Type Keterangan
aspek_id varchar(4) Nomor id aspek nilai aspek_name varchar(50) Nama aspek nilai
t. Tabel matapelajaran.
-Tabel 3.21 Struktur tabel matapelajaran
Field Type Keterangan
mt_pel_id varchar(4) Nomor id matapelajaran mt_pelajaran varchar(20) Nama matapelajaran
u. Tabel admin.
Kode file : F20 Nama tabel : admin Primary key : id_admin Foreing key : -Tabel 3.22 Struktur tabel admin
Field Type Keterangan
id_admin varchar(3) Kode admin username varchar(20) Username admin password varchar(20) 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 Type Keterangan
syarat_psb_id int(11) Nomor id syarat psb syarat__psb_name text Syarat psb
w. Tabel syarat alumni.
-Tabel 3.24 Struktur tabel syarat alumni
Field Type Keterangan
syarat_alumni_id int(11) Nomor id syarat alumni syarat_alumni_name text Syarat alumni
x. Tabel berita.
Kode file : F24 Nama tabel : news Primary key : berita_id Foreing key : -Tabel 3.25 Struktur tabel berita
Field Type Keterangan
berita_id varchar(5) Nomor id berita
tanggal varchar(30) Tanggal memasukan beita judul varchar(100) Judul berita
ringkasan text Ringkasan berita
isi_news text Isi berita
gambar text Gambar berita
3. Perancangan Antar Muka
Perancangan antar muka bertujuan untuk mendapatkan tampilanwebsiteyang
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
b. Struktur menu bagi orang tua siswa / siswa
Gambar 3.14 struktur menu siswa / orang tua siswa
c. Struktur menu bagi alumni
d. Struktur menu bagi administrator
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.
b. Tampilan pengisianguestbook.
Tampilan ini akan menampilkan form pengisianguestbook
c. Tampilan detailguestbook.
Tampilan ini menapilkan informasi detailguestbook.
d. Tampilan fasilitas dan detail fasilitas.
Tampilan ini menampilkan informasi fasilitas.
e. Tampilan detail fasilitas.
Tampilan ini menampilkan informasi detail fasilitas.
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 siswalogin.
c. Tampilan jadwal pelajaran.
Tampilan ini menampilkan informasi jadwal pelajaran.
d. Tampilan nilai laporan pendidikan.
Tampilan ini menampilkan informasi nilai laporan pendahuluan.
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 alumnilogin.
c. Tampilan data pribadi alumni.
Tampilan ini menampilkan informasi data pribadi alumni.
d. Tampilan edit alumni.
Tampilan ini menampilkan form edit data pribadi alumni.
4. Desain antar muka untuk administrator. a. Tampilan login administrator.
Tampilan ini menampilkan informasi login alumni.
b. Tampilan menu utama admin.
Tampilan ini sebagai home dari website bagian admin, tampilan ini akan muncul setelah adminlogin.
c. Tampilan detail jadwal pelajaran.
Tampilan ini menampilkan informasi detail jadwal pelajaran.
d. Tampilan edit jadwal pelajaran.
Tampilan ini menampilkan form untuk mengedit jadwal pelajaran.
e. Tampilan tambah jadwal pelajaran.
Tampilan ini menampilkan form untuk menambah jadwal pelajaran.
71 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 menghematspacedisk.
B. Implementasi Program 1. Koneksi Server
Listing program ini berisi fungsi-fungsi yang digunakan untuk melakukan koneksi dengandatabaseMysql. Fungsi-fungsi itu dapat dituliskan sebagai berikut :
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 isiguestbook.
Proses ini dilakukan untuk mengisi guestbook, berikut adalah potongan program untuk mengisiguestbook.
c. Proses hitungpolling.
d. Proses menampilkan informasi umun.
3. Implementasi proses dari sisi Orang Tua Siswa / Siswa a. Proseslogin user.
Pada proses login user, userharus memilih level user, memasukan nama
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 gantipassword.
Proses ganti password digunakan oleh siswa untuk merubah password
d. Prosesprintjadwal pelajaran.
Proses ini dilakukan untuk mendapatkan print-out jadwal pelajaran. Berikut potongan programprintjadwal pelajaran :
mysql_select_db($database_connection, $connection);
$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>";
4. Implementasi proses dari sisi Alumni a. Proseslogin 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",
$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 gantipassword.
Proses ganti password digunakan oleh siswa untuk merubah password
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. Prosesloginadministrator.
Pada proses login administrator harus memasukan nama login dan
b. Proses tambah jadwal pelajaran.
Proses ini untuk menambah jadwal pelajaran. Berikut potongan program untuk menambah jadwal pelajaran :
c. Proses edit jadwal pelajaran.
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']; }
C. Implementasi Antar Muka
1. Implementasi Antar Muka untuk pengguna internet umum. a. Tampilan halaman utama untuk pengguna internet umum.
b. Tampilan pengisianguestbook.
Gambar 4.2 tampilan isiguestbook
c. Tampilan detailguestbook.
d. Tampilan fasilitas.
Gambar 4.4 tampilan fasilitas e. Tampilan detail fasilitas.
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.
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.
3. Implementasi Antar Muka untuk alumni. a. Tampilan login alumni.
Gambar 4.11 tampilan login alumni b. Tampilan halaman utama alumni.
c. Tampilan detail profil alumni.
Gambar 4.13 tampilan detail alumni d. Tampilan update profil alumni.
4. Implementasi Antar Muka untuk Administrator. a. Tampilan login administrator.
Gambar 4.15 login administrator b. Tampilan halaman utama administrator.
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
90 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-fiturwebsite.
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.
B. Saran
Adapun saran yang penulis sampaikan setelah pembuatanwebsiteini 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 pengisianformolehuser.
3. Pembayaran formulir pada PSB (Penerimaan Siswa Baru) diharapkan kedepannya dapat dilakukan secara online dengan cara pembayaran menggunakan kartu kredit.
92
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
