PENGEMBANGAN WEBSITE SD KATOLIK SANTA THERESIA BALIKPAPAN

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


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


iii


iv


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


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


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


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


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


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


pihak. Besar harapan penulis semoga hasil penelitian ini dapat berguna bagi pembaca. Yogyakarta, ...................................

Penulis

xi


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


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


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


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


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


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


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


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


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.


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.


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,


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.


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


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.


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


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


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.


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.


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


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 : <TITLE>contoh Selamat datang
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.


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


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: Embedded Script


2. Non Embedded Script. Sedangkan non embedded script merupakan pembuatan program murni PHP, dimana tag-tag HTML yang diletakan didalamnya. Perhatikan contoh berikut: ”; echo “”; echo “non embedded script”; echo “”; echo “”; echo “non embedded script”; echo “”; echo “”; ?> 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


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


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.


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.


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


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.


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 :


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.


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.


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


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


Pesan kesalahan

Pilihan informasi alumni Data alumni Data password baru Kata kunci pencarian

Informasi alumni Biodata alumni terupdate Password terupdate Hasil pencarian


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 :


1.1 Diagram Konteks.

Gambar 3.1 Diagram Konteks


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


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


c) DFD Level 1 dilihat dari sisi alumni SDK Santa Theresia Balikpapan.

Gambar 3.4 DFD Level 1 dilihat dari sisi Alumni


d) DFD Level 1 dilihat dari sisi administrator SDK Santa Theresia Balikpapan.

Gambar 3.5 DFD Level 1 dilihat dari sisi administrator.


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


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


e) DFD level 2 proses ganti password.

Gambar 3.10 DFD level 2 ganti password


f) DFD level 2 proses update website SDK Santa Theresia.

Gambar 3.11 DFD level 2 proses update website SDK Santa Theresia


2. Perancangan Basis Data 2.1 Diagram ER

Gambar 3.12 ER Diagram


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.


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.


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).


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


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 : -


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


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


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


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


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


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


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


Keterangan Kode siswa Kode aspek nilai Kode matapelajaran


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 : -


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


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 : -


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


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


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


d. Struktur menu bagi administrator

Gambar 3.16 struktur menu 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.

Gambar 3.17 Tampilan utama pengguna internet umum


b. Tampilan pengisian guestbook. Tampilan ini akan menampilkan form pengisian guestbook

Gambar 3.18 Tampilan isi guestbook


c. Tampilan detail guestbook. Tampilan ini menapilkan informasi detail guestbook.

Gambar 3.19 Tampilan detail guestbook


d. Tampilan fasilitas dan detail fasilitas. Tampilan ini menampilkan informasi fasilitas.

Gambar 3.20 tampilan fasilitas


e. Tampilan detail fasilitas. Tampilan ini menampilkan informasi detail fasilitas.

Gambar 3.21 tampilan 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 siswa login.

Gambar 3.23 tampilan home website sisi orang tua


c. Tampilan jadwal pelajaran. Tampilan ini menampilkan informasi jadwal pelajaran.

Gambar 3.24 tampilan jadwal pelajaran


d. Tampilan nilai laporan pendidikan. Tampilan ini menampilkan informasi nilai laporan pendahuluan.

Gambar 3.25 tampilan 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 alumni login.

Gambar 3.27 tampilan home alumni


c. Tampilan data pribadi alumni. Tampilan ini menampilkan informasi data pribadi alumni.

Gambar 3.28 tampilan data pribadi alumni


d. Tampilan edit alumni. Tampilan ini menampilkan form edit data pribadi alumni.

Gambar 3.29 tampilan edit data alumni


4. Desain antar muka untuk administrator. a. Tampilan login administrator. Tampilan ini menampilkan informasi login alumni.

Gambar 3.30 tampilan login admin


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


c. Tampilan detail jadwal pelajaran. Tampilan ini menampilkan informasi detail jadwal pelajaran.

Gambar 3.32 tampilan detail jadwal pelajaran


d. Tampilan edit jadwal pelajaran. Tampilan ini menampilkan form untuk mengedit jadwal pelajaran.

Gambar 3.33 tampilan edit jadwal pelajaran


e. Tampilan tambah jadwal pelajaran. Tampilan ini menampilkan form untuk menambah jadwal pelajaran.

Gambar 3.34 tampilan tambah jadwal pelajaran


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


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 :


d. Proses menampilkan informasi umun. Proses ini untuk menampilkan informasi yang diinginkan. Misal informasi profil guru, berikut adalah potongan program untuk menampilkan profil guru :


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 :


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 :


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;$i0) { echo ""; echo "<strong>".$h[$i].""; echo ""; echo ""; echo "No"; echo "Matapelajaran"; echo "Guru Matapelajaran"; echo "Jam Pelajaran"; echo ""; } $no = 0; while($Baris_jadwal = mysql_fetch_array($Hasil_jadwal)) { $no++;


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 :


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 :


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 :


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)); }


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


b. Tampilan pengisian guestbook.

Gambar 4.2 tampilan isi guestbook c. Tampilan detail guestbook.

Gambar 4.3 tampilan detail guestbook


d. Tampilan fasilitas.

Gambar 4.4 tampilan fasilitas e. Tampilan detail fasilitas.

Gambar 4.5 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.

Gambar 4.7 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.

Gambar 4.10 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.

Gambar 4.12 tampilan halaman utama alumni


c. Tampilan detail profil alumni.

Gambar 4.13 tampilan detail alumni d. Tampilan update profil alumni.

Gambar 4.14 tampilan tampilan update profil alumni


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


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


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


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.


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

PENGEMBANGAN WEBSITE SD KATOLIK SANTA THERESIA BALIKPAPAN

Recommend Documents