Upload
others
View
10
Download
0
Embed Size (px)
Citation preview
i
PEMBELAJARAN KITAB SUCI INJIL LUKAS BERBASIS WEB
Skripsi
Diajukan untuk Memenuhi Salah Satu Syarat
Memperoleh Gelar Sarjana Ilmu Komputer
Program Studi Ilmu Komputer
Oleh :
Elizabeth Fenny Handayani
NIM : 023124032
PROGRAM STUDI ILMU KOMPUTER
JURUSAN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SANATA DHARMA
YOGYAKARTA
2007
ii
iii
iv
M O T T O
Kasih yang sempurna telah ku trima dariMU
Bukan karna kebaikan ku,
Hanya, oleh Kasih KaruniaMU
Kau pulihkan aku, layakkan ku,
tuk dapat memanggilMU…BAPA
KAU bri yang ku pinta
Saat ku mencari, ku mendapatkan
Ku ketuk pintuMU, dan KAU bukakan
Sbab KAU BAPA ku, BAPA yang kekal
Tak kan KAU biarkan aku melangkah hanya sendirian
KAU selalu ada bagiku, sbab KAU BAPA ku BAPA yang kekal.
(lagu ini, yang membuat aku menyadari betapa besar KASIH TUHAN kepadaku).
Thank’s GOD ….
(”Walaupun perlahan aku mengerjakan Tugas Akhir ini, Tapi aku yakin jika
semua ini dilakukan dengan sungguhsungguh dan mantap akan berhasil juga.
Dan jangan katakan ”TIDAK BISA”, sebelum ”MENCOBAnya”!)
TETAP SEMANGAT . . . JALANI HIDUP, SEMUA MASALAH YANG KITA
HADAPI PASTI ADA JALAN KELUARNYA !
v
PERSEMBAHAN
Karya yang jauh dari sempurna ini, ku persembahankan untuk orangorang yang selalu menemani harihariku:
Untuk BAPAku yang di Surga, yang selalu menuntun dan memberi jalan yang terang saat aku kesulitan mencari jalan hidupku.
Papa dan Mama ku, Terima kasih Pa…, Ma… buat Cinta Kasih, perlindunganmu dan pengorbananmu
yang selama ini diberikan kepadaku, sampaiku dapat menyelesaikan tugas sekolahku, hinggaku berhasil menjadi Sarjana.
Kedua Kakakku, Ko Ferry dan Cie Fika, Terimakasih, atas kasih sayang dan dukungannya selama ini, meskipun terkadang kita masih sering bertengkar. (hehehe….hehehe…. maaf yach…kalauku sering
buat jengkel).
Rm. FX. Sugiyana, Pr Terima kasih ya… romo, atas dukungan doa dan “wejangannya”.
Cie Lusi, Trimakasih yach…cie, dah mau menjadi kakakku, sabar dalam menghadapiku
meskipun terkadang menjengkelkan, dan mau menemani harihariku jalani hidup ini.
Temanteman ku “ngalorngidul” (XC, Ika, Paul, Tetex, Titus), makasih yach… dah mau jadi teman “ngalorngidulku” selama 4,5 tahun ini. Terimakasih juga buat dukungan doa, kritik dan saran kalian, sehingga aku dapat lulus bersama
sama kalian semua. Thank’s Friend’s…
vi
PERNYATAAN KEASLIAN KARYA
Saya menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis ini tidak
memuat karya atau bagian karya orang lain, kecuali yang telah disebutkan dalam
kutipan dan daftar pustaka, sebagaimana layaknya karya ilmiah.
Yogyakarta, 8 Maret 2007
Penulis
Elizabeth Fenny Handayani
vii
ABSTRAK
PEMBELAJARAN KITAB SUCI INJIL LUKAS BERBASIS WEB
Pembelajaran Kitab Suci Injil Lukas Berbasis Web merupakan suatu sistem yang menyediakan berbagai macam informasi mengenai injil Lukas. Sistem ini dibangun untuk memberikan solusi dan kemudahan bagi pengunjung situs yang selama ini tidak dapat mengikuti Sekolah Penginjilan di Gereja. Sistem ini menyediakan berbagai macam fasilitas diantaranya fasilitas Sharing, dan fasilitas Konsultasi. Dalam fasilitas sharing, pengunjung situs harus terlebih dahulu mendaftar sebagai anggota. Sedangkan pada fasilitas konsultasi pengunjung situs dapat berkonsultasi secara pribadi dengan romo atau narasumber yang telah disediakan oleh sistem tanpa harus datang ke gereja.
Sistem ini, memberikan keuntungan bagi pengunjung situs diantaranya yaitu pengunjung situs merasa terbantu dengan adanya Pembelajaran Kitab Suci injil Lukas Berbasis Web.
Sistem ini, dibangun menggunakan bahasa pemrograman PHP dan MySQL untuk mengelola databasenya. Pembelajaran Kitab Suci Injil Lukas merupakan sistem berbasis Web supaya dapat di akses oleh siapa saja, kapan saja dan dimana saja.
viii
ABSTRACT
WEB BASED BIBLE LEARNING OF ST. LUKE
Web based bible learning of St. Luke is a system that contain a lot of information about Saint Luke’s bible. This system is built to give solution for people who can’t follow the bible’s school at church. This system has a lot of facilities such as sharing and concultation. On sharing people has to registration first, on concultation people can have personal concultation without go to the church.
One of the benefit from the systemis people can learn a lot of about St. Luke’s bible. So, the system help them and they feel safisfaction.
The system is built according to PHP and MySQL. We hope the system help people to learn about St. Luke’s bible where ever and whenever they want to.
ix
KATA PENGANTAR
Puji dan syukur kepada Tuhan Yesus Kristus yang telah melimpahkan
rahmat dan kasihNya sehingga penulis bisa menyelesaikan skripsi ini.
Skripsi ini ditulis untuk memenuhi salah satu syarat memperoleh gelar
sarjana sains Fakultas Matematika dan Ilmu Pengetahuan Alam, Program Studi
Ilmu Komputer Universitas Sanata Dharma.
Dalam penulisan skripsi penulis menyadari banyak pihak yang telah
memberikan sumbangan baik pikiran, waktu, tenaga, bimbingan dan dorongan
pada penulis sehingga akhirnya skripsi ini dapat selesai. Oleh karena itu dengan
segala kerendahan hati penulis menyampaikan ucapan terima kasih kepada :
1. Bapak Eko Hari Parmadi, S.Si, M.Kom, selaku dosen pembimbing skripsi
untuk kesabaran, bantuan, arahan serta waktu yang diluangkan untuk
mendampingi penulis menyelesaikan skripsi.
2. Bapak Y. Joko Nugroho, S.Si dan Ibu Rita Widiarti, S.Si yang telah
bersedia menjadi dosen penguji.
3. Ibu P.H. Prima Rosa selaku KaProDi Ilmu Komputer untuk kesabaran,
bantuan dan dorongan yang diberikan baik selama kuliah maupun dalam
menyelesaikan skipsi ini.
4. Seluruh Dosen dan Karyawan Fakultas MIPA, yang telah membimbing
penulis selama belajar di Sanata Dharma.
5. Mama dan Papa yang tercinta, yang selalu memberi semangat dan yang
selalu mendukungku dalam doa. Terima kasih Ma...Pa..., kalian berdua
x
adalah orang tua yang paling hebat, yang tak dapat digantikan oleh orang
tua manapun.
6. Kedua kakakku, Ko Ferry dan Cie Fika yang selalu memberi semangat dan
dukungan doa. Terima kasih Ko, Cie, kalian berdua kakakku yang terbaik.
7. Rm. FX. Sugiyana, Pr dan Rm. Hari Kustono, Pr yang telah memberiku
semangat dalam mengerjakan skripsi, dan yang telah meminjamiku buku
buku tentang St. Lukas. Terima kasih romo, Salam dan doaku untuk romo.
8. Cie Lusi yang telah menemaniku dalam suka dan duka. Terima kasih
cie...kamu penolong dalam kelemahanku. You are my lovely sister.
9. Sahabatsahabatku XC, Ika, Titus, Paul, Tetex, Rini, Ria (Psi ’02), Erika
(Sastra’01), Lasro (Psi’01) yang selalu menemaniku dalam menjalani
hidup ini. I love you Friends.
10. Mbak Tuti, Mbak Susan, dan teman PIA Gereja Kumetiran, terimakasih
atas kesediaannya mengisi quisioner yang mendukung skripsiku.
11. Temanteman Jaringan Jogja, Fr. Hartanto, Mas Gun’s, Mas Tek, Mbak
Ida, Mbak Iko, Lina, Mas Tono, Fr. Besy, dan temanteman lain yang
tidak dapat disebutkan. Terima kasih atas persahabatan kalian semua.
12. Temanteman ikom’02 terima kasih atas dukungannya.
Penulis menyadari skripsi ini jauh dari sempurna, maka penulis
mengharapkan kritik dan saran guna penyempurnaan skripsi ini. Akhirnya penulis
berharap semoga skripsi ini berguna bagi semua pihak.
Penulis
xi
DAFTAR ISI
Halaman
HALAMAN JUDUL.................................................................................. i
HALAMAN PERSETUJUAN PEMBIMBING........................................ ii
HALAMAN PENGESAHAN.................................................................... iii
HALAMAN MOTTO................................................................................ iv
HALAMAN PERSEMBAHAN................................................................ v
PERNYATAAN KEASLIAN KARYA.................................................... vi
ABSTRAK................................................................................................. vii
ABSTRACT............................................................................................... viii
KATA PENGANTAR............................................................................... ix
DAFTAR ISI.............................................................................................. xi
DAFTAR TABEL...................................................................................... xiv
DAFTAR GAMBAR................................................................................. xv
BAB I PENDAHULUAN
I.1. Latar Belakang............................................................................ 1
I.2. Rumusan Masalah....................................................................... 3
I.3. Batasan Masalah......................................................................... 3
I.4. Tujuan......................................................................................... 5
I.5. Metodologi.................................................................................. 5
I.6. Manfaat Penelitian...................................................................... 7
I.7. Sistematika Pembahasan............................................................. 7
BAB II LANDASAN TEORI
II.1. Kitab Suci (Alkitab).................................................................. 9
II.1.1. Media tulis kitab suci…………………………………. 11
II.1.2. Injil Lukas……………………………………………... 12
II.2. PHP………………………………………………………..….. 14
II.3. HTML………………………………………………………… 16
II.4. MACROMEDIA DREAMWEAVER………………………... 18
xii
II.5. MySQL……………………………………………………...... 19
II.6. WEB SERVER……………………………………………….. 20
II.7. INTERNET…………………………………………………... 21
BAB III ANALISIS DAN PERANCANGAN
III.1. Analisis Masalah…………………………………………….. 23
III.2. Analisis Kelayakan………………………………………….. 23
III.3. Analisis Kebutuhan………………………………………….. 24
III.4. Perancangan Kebutuhan Sistem……………………............... 25
III.5. Perancangan Proses………………………………………….. 26
III.6. Struktur Menu……………………………………………….. 29
III.7. DAD (Diagram Arus Data)………………………………….. 39
III.7.1. DAD Level 1 dari sisi Pengunjung Situs untuk proses
Sistem Web Kitab Suci……………………………… 45
III.7.1.1. DAD Level 2 dari sisi Pengunjung Situs
untuk proses 1. Pencarian Data Ayat……... 47
III.7.1.2. DAD Level 2 dari sisi Pengunjung Situs
untuk proses 2. Validasi Anggota………… 49
III.7.2. DAD Level 1 dari sisi Administrator untuk proses
Sistem Web Kitab Suci……………………………… 51
III.7.2.1. DAD Level 2 dari sisi Administrator untuk
proses 1.Validasi Administrator…………... 54
III.7.2.2. DAD Level 2 dari sisi Administrator untuk
proses 2.Pengelolaan Data Kitab Suci......... 56
III.7.2.3. DAD Level 2 dari sisi Administrator untuk
proses 3.Data Non Kitab Suci…………….. 58
III.7.2.4. DAD Level 3 dari sisi Administrator untuk
proses 2.1.Pengelolaan Data Ayat..……….. 61
III.7.2.5. DAD Level 3 dari sisi Administrator untuk
proses 2.2.Pengelolaan Data Perikop……... 63
III.7.2.6. DAD Level 3 dari sisi Administrator untuk
proses 2.3.Pengelolaan Data Tema………. 65
xiii
III.7.2.7. DAD Level 3 dari sisi Administrator untuk
proses 3.1.Pengelolaan Data Anggota…… 67
III.7.2.8. DAD Level 3 dari sisi Administrator untuk
proses 3.2.Pengelolaan Data Sharing……. 68
III.7.2.9. DAD Level 3 dari sisi Administrator untuk
proses 3.3. Pengelolaan Data Cerita
Bermakna………………………………... 70
III.7.2.10. DAD Level 3 dari sisi Administrator
untuk proses 3.4. Pengelolaan Data
Narasumber…………………………….. 72
III.7.2.11. DAD Level 3 dari sisi Administrator
untuk proses 3.5. Pengelolaan Data
Renungan………………………………. 74
III.8. Perancangan Basis Data……………………………………... 76
III.9. Rancangan Antar Muka……………………………………... 88
BAB IV IMPLEMENTASI
IV.1. Implementasi Basis Data………………………………… 111
IV.2. Implementasi Proses……………………………………... 118
IV.3. Implementasi Antar Muka……………………………….. 171
BAB V PENUTUP
V.1. KESIMPULAN..................................................................... 220
V.2. SARAN................................................................................. 221
DAFTAR PUSTAKA................................................................................ 222
LAMPIRAN............................................................................................... 223
xiv
DAFTAR TABEL
Tabel 4.1. Struktur Tabel Ayat............................................................... 111
Tabel 4.2. Struktur Tabel Perikop.......................................................... 112
Tabel 4.3. Struktur Tabel Tema............................................................. 112
Tabel 4.4. Struktur Tabel Sharing.......................................................... 113
Tabel 4.5. Struktur Tabel Cerita Bermakna........................................... 114
Tabel 4.6. Struktur Tabel Narasumber................................................... 114
Tabel 4.7. Struktur Tabel Renungan...................................................... 115
Tabel 4.8. Struktur Tabel Anggota......................................................... 116
Tabel 4.9. Struktur Tabel Administrator................................................ 116
Tabel 4.10. Struktur Tabel Buku Tamu................................................. 117
xv
DAFTAR GAMBAR
Gambar 3.1 Struktur Menu Pengunjung Situs………………………………....... 32
Gambar 3.2 Struktur Menu Navigasi Pengunjung Situs………………………… 33
Gambar 3.3 Struktur Menu Administrator………………………………………. 37
Gambar 3.4 Struktur Menu Navigasi Administrator…………………………….. 38
Gambar 3.5 Diagram Arua Data Level 0……………………………………....... 39
Gambar 3.6. DAD Level 1 dari sisi Pengunjung Situs untuk proses Sistem Web
Kitab Suci…………………………………………………………... 45
Gambar 3.7 DAD Level 2 dari sisi Pengunjung Situs untuk proses 1. Pencarian
Data Ayat…………………………………………………………… 47
Gambar 3.8 DAD Level 2 dari sisi Pengunjung Situs untuk proses 2. Validasi
Anggota………………………………………………...................... 49
Gambar 3.9 DAD Level 1 dari sisi Administrator untuk proses Sistem Web
Kitab Suci…………………………………………………………... 51
Gambar 3.10 DAD Level 2 dari sisi Administrator untuk proses 1. Validasi
Administrator………………………………………………………. 54
Gambar 3.11 DAD Level 2 dari sisi Administrator untuk proses 2.Pengelolaan
Data Kitab Suci…………………………………………………….. 56
Gambar 3.12 DAD Level 2 dari sisi Administrator untuk proses 3.Pengelolaan
Data Non Kitab Suci ………………………………………………. 58
Gambar 3.13 DAD Level 3 dari sisi Administrator untuk proses 2.1. Pengelolaan
Data Ayat …………..………………………………………………. 61
Gambar 3.14 DAD Level 3 dari sisi Administrator untuk proses 2.2. Pengelolaan
Data Perikop………..………………………………………………. 63
Gambar 3.15 DAD Level 3 dari sisi Administrator untuk proses 2.3. Pengelolaan
Data Tema………… ………………………………………………. 65
Gambar 3.16 DAD Level 3 dari sisi Administrator untuk proses 3.1. Pengelolaan
Data Anggota……….………………………………………………. 67
xvi
Gambar 3.17 DAD Level 3 dari sisi Administrator untuk proses 3.2. Pengelolaan
Data Sharing………..……………………………………………….
68
Gambar 3.18 DAD Level 3 dari sisi Administrator untuk proses 3.3. Pengelolaan
Data Cerita Bermakna……………………………............................ 70
Gambar 3.19 DAD Level 3 dari sisi Administrator untuk proses 3.4. Pengelolaan
Data Narasumber…...………………………………………………. 72
Gambar 3.20 DAD Level 3 dari sisi Administrator untuk proses 3.5. Pengelolaan
Data Renungan……………………………………………………... 74
Gambar 3.21 Diagram ER (Entity Relationship)…………………………………. 80
Gambar 3.22 Rancangan Menu Pencarian……………………………………....... 88
Gambar 3.23 Rancangan Halaman Utama Pengunjung Situs…………………….. 89
Gambar 3.24 Rancangan Menu Sekilas St.Lukas (Siapa St. Lukas itu?)................ 90
Gambar 3.25 Rancangan Menu Sekilas St.Lukas (Jejak Pelayanan St.Lukas)........ 90
Gambar 3.26 Rancangan Menu Tentang Injil Lukas (Kapan dan Dimana Injil
Lukas dibuat)……………………………………………………….. 91
Gambar 3.27 Rancangan Menu Tentang Injil Lukas (Tujuan Injil Lukas)……….. 91
Gambar 3.28 Rancangan Menu Tentang Injil Lukas (Struktur Injil Lukas)……… 92
Gambar 3.29 Rancangan Menu Tentang Injil Lukas (Teologi Injil Lukas)………. 92
Gambar 3.30 Rancangan Menu Tafsir Injil Lukas……………………………….. 93
Gambar 3.31 Rancangan Menu Ayat Kunci……………………………………… 94
Gambar 3.32 Rancangan Menu Renungan……………………………………….. 95
Gambar 3.33 Rancangan Menu Cerita Bermakna……………………………....... 95
Gambar 3.34 Rancangan Menu Sharing………………………………………….. 96
Gambar 3.35 Rancangan Menu Pendaftaran Anggota……………………………. 97
Gambar 3.36 Rancangan Menu Konsultasi……………………………………….. 97
Gambar 3.37 Rancangan Menu Buku Tamu…………………………………........ 98
Gambar 3.38 Rancangan Login Anggota…………………………………………. 99
Gambar 3.39 Rancangan Input Data Ayat………………………………………... 100
Gambar 3.40 Rancangan Input Data Perikop……………………………………... 101
Gambar 3.41 Rancangan Input Data Tema……………………………………….. 101
Gambar 3.42 Rancangan Input Data Sharing…………………………………….. 102
xvii
Gambar 3.43 Rancangan Input Data Cerita Bermakna…………………………… 103
Gambar 3.44 Rancangan Input Data Narasumber……………………………........ 104
Gambar 3.45 Rancangan Input Data Renungan…………………………………... 104
Gambar 3.46 Rancangan Daftar Ayat…………………………………………….. 105
Gambar 3.47 Rancangan Daftar Perikop…………………………………………. 106
Gambar 3.48 Rancangan Daftar Tema……………………………………………. 106
Gambar 3.49 Rancangan Daftar Anggota………………………………………… 107
Gambar 3.50 Rancangan Daftar Sharing…………………………………………. 108
Gambar 3.51 Rancangan Daftar Cerita Bermakna……………………………….. 108
Gambar 3.52 Rancangan Daftar Narasumber…………………………………….. 109
Gambar 3.53 Rancangan Daftar Renungan……………………………………….. 110
Gambar 3.54 Rancangan Daftar Buku Tamu……………………………………... 110
Gambar 4.1 Halaman Utama Pengunjung Situs…………………………………. 171
Gambar 4.2 Hasil Pencarian Data Berdasarkan Kata Kunci Perikop Untuk
Pengunjung Situs………………………………………………........ 172
Gambar 4.3 Hasil Pencarian Data Berdasarkan Kata Kunci Tema Untuk
Pengunjung Situs………………………………………………........ 173
Gambar 4.4 Menu Login Anggota………………………………………………. 173
Gambar 4.5 Menu Daftar Anggota untuk Pengunjung Situs……………………. 174
Gambar 4.6 Halaman Menu Siapa St. Lukas itu? untuk Pengunjung Situs…….. 175
Gambar 4.7 Halaman Menu Jejak Pelayanan St.Lukas untuk Pengunjung Situs.. 176
Gambar 4.8 Halaman Menu Kapan dan Dimana Injil Lukas dibuat untuk
Pengunjung Situs…………………………………………………… 177
Gambar 4.9 Halaman Menu Tujuan Injil Lukas untuk Pengunjung Situs………. 178
Gambar 4.10 Halaman Menu Struktur Injil Lukas untuk Pengunjung Situs……... 179
Gambar 4.11 Halaman Menu Teologi Injil Lukas untuk Pengunjung Situs……… 180
Gambar 4.12 Halaman Menu Tafsir Injil Lukas untuk Pengunjung Situs………... 181
Gambar 4.13 Halaman Menu Ayat Kunci untuk Pengunjung Situs……………… 182
Gambar 4.14 Halaman Menu Renungan untuk Pengunjung Situs………………... 183
Gambar 4.15 Halaman Menu Cerita Bermakna untuk Pengunjung Situs………… 184
Gambar 4.16 Halaman Menu Sharing untuk Pengunjung Situs………………….. 185
xviii
Gambar 4.17 Halaman Menu Lihat Daftar Sharing untuk Pengunjung Situs…….. 186
Gambar 4.18 Halaman Menu Konsultasi untuk Pengunjung Situs……………….. 187
Gambar 4.19 Halaman Menu Buku Tamu untuk Pengunjung Situs……………… 188
Gambar 4.20 Halaman Utama untuk Anggota……………………………………. 189
Gambar 4.21 Halaman Menu Sharing untuk Anggota……………………………. 190
Gambar 4.22 Halaman Menu Lihat Daftar Pribadi untuk Anggota………………. 191
Gambar 4.23 Halaman Menu Ubah Data Pribadi untuk Anggota………………... 192
Gambar 4.24 Halaman Menu Login untuk Administrator………………………... 193
Gambar 4.25 Halaman Konfirmasi Login Administrator………………………… 194
Gambar 4.26 Halaman Utama untuk Administrator……………………………… 194
Gambar 4.27 Halaman Menu Input Ayat untuk Administrator…………………... 195
Gambar 4.28 Halaman Menu Input Perikop untuk Administrator……………….. 196
Gambar 4.29 Halaman Menu Input Tema untuk Administrator………………….. 197
Gambar 4.30 Halaman Menu Input Sharing untuk Administrator………………... 198
Gambar 4.31 Halaman Menu Input Cerita Bermakna untuk Administrator……… 199
Gambar 4.32 Halaman Menu Input Narasumber untuk Administrator…………… 200
Gambar 4.33 Halaman Menu Input Renungan untuk Administrator……………... 201
Gambar 4.34 Halaman Menu Daftar Ayat untuk Administrator………………….. 202
Gambar 4.35 Halaman Menu Detail Daftar Ayat untuk Administrator…………... 203
Gambar 4.36 Halaman Menu Edit Daftar Ayat untuk Administrator…………….. 203
Gambar 4.37 Halaman Menu Daftar Perikop untuk Administrator………………. 204
Gambar 4.38 Halaman Menu Detail Daftar Perikop untuk Administrator……….. 205
Gambar 4.39 Halaman Menu Edit Daftar Perikop untuk Administrator…………. 205
Gambar 4.40 Halaman Menu Daftar Tema untuk Administrator………………… 206
Gambar 4.41 Halaman Menu Edit Daftar Tema untuk Administrator……………. 207
Gambar 4.42 Halaman Menu Daftar Sharing untuk Administrator………………. 208
Gambar 4.43 Halaman Menu Detail Daftar Sharing untuk Administrator……….. 209
Gambar 4.44 Halaman Menu Edit Daftar Sharing untuk Administrator…………. 209
Gambar 4.45 Halaman Menu Daftar Cerita Bermakna untuk Administrator…….. 210
Gambar 4.46 Halaman Menu Detail Daftar Cerita Bermakna untuk
Administrator………………………………………………………. 211
xix
Gambar 4.47 Halaman Menu Edit Daftar Cerita Bermakna untuk Administrator.. 211
Gambar 4.48 Halaman Menu Daftar Renungan untuk Administrator……………. 212
Gambar 4.49 Halaman Menu Detail Daftar Renungan untuk Administrator…….. 213
Gambar 4.50 Halaman Menu Edit Daftar Renungan untuk Administrator………. 213
Gambar 4.51 Halaman Menu Daftar Narasumber untuk Administrator…………. 214
Gambar 4.52 Halaman Menu Detail Daftar Narasumber untuk Administrator….. 215
Gambar 4.53 Halaman Menu Edit Daftar Narasumber untuk Administrator…….. 215
Gambar 4.54 Halaman Menu Daftar Anggota untuk Administrator……………… 216
Gambar 4.55 Halaman Menu Detail Daftar Anggota untuk Administrator………. 217
Gambar 4.56 Halaman Menu Edit Daftar Anggota untuk Administrator………… 217
Gambar 4.57 Halaman Menu Daftar Administrator untuk Administrator………... 218
Gambar 4.58 Halaman Menu Detail Daftar Administrator untuk Administrator… 219
Gambar 4.59 Halaman Menu Edit Daftar Administrator untuk Administrator…... 219
1
BAB I
PENDAHULUAN
I.1. Latar Belakang
Saat ini tentunya sudah banyak orang yang mempunyai Kitab Suci.
Namun mereka kesulitan memahaminya. Kesulitan itu terjadi karena adanya
latar belakang yang berbeda antara situasi kehidupan yang tertulis dalam Kitab
Suci dengan kehidupan sekarang. Kehidupan saat ini sudah sedemikian
berkembang yang mengimbas pada kehidupan sosial, politik, budaya dan
teknologi. Tentunya pembaca akan sulit mencari relevansi kehidupan saat ini
dengan kehidupan yang dikisahkan dalam Kitab Suci yang sama sekali tidak
pernah dialami oleh pembaca.
Menanggapi hal ini Gereja Kumetiran mencoba mengadakan Sekolah
Penginjilan untuk membantu umat mempelajari dan memahami Kitab Suci.
Sekolah Penginjilan tersebut berhasil menarik minat banyak umat. Namun
seiring berjalannya waktu Sekolah Penginjilan mempunyai banyak
kekurangan. Kekurangan yang ada timbul karena cara penyampaian yang
monoton membuat umat bosan, proses pembelajaran yang terkesan serius, dan
waktu pelaksanaan yang kurang tepat karena dilaksanakan pada sore hari
pukul 16.00 WIB dimana umat yang bekerja tidak dapat mengikuti padahal
diantara mereka banyak juga yang berminat. Di sisi lain jika Sekolah
Penginjilan diadakan malam hari Romo tidak mempunyai waktu karena harus
melakukan tugas pelayanan yang lain.
2
Dalam kondisi inilah media menjadi sangat penting sebagai sarana
pewartaan. Melalui media yang ada Kitab suci bisa dihadirkan dengan bentuk
yang mudah dipelajari dan dimengerti. Media merupakan sarana yang ampuh,
besar pengaruhnya, luas sekali jangkauannya. Hal ini pernah dikatakan oleh
mendiang Paus Yohanes Paulus II pada peringatan Hari Komunikasi Sedunia
ke36 dengan tema ”Internet: Sebuah Forum Baru bagi Pewartaan Injil”.
Melihat kenyataan yang ada maka dibangunlah suatu Sistem
Pembelajaran Kitab Suci berbasis Web. Pembangunan sistem ini diharapkan
dapat membantu umat belajar Kitab Suci dengan mudah, tidak terkesan serius
dan membosankan, dan dapat dilakukan di manapun dan kapanpun saja.
Sehingga umat semakin jatuh cinta pada Kitab Suci. Untuk lebih memudahkan
sistem ini akan dibangun berdasarkan perikop dan tema yang ada pada Kitab
Suci. Sehingga memudahkan umat untuk mencari bab dan ayat yang
diinginkannya. Bagi umat yang kurang mengerti dapat bertanya kepada Romo
melalui konsultasi.
Sistem Pembelajaran Kitab Suci berbasis Web ini mempunyai
keunggulan diantaranya:
1. Memudahkan umat untuk belajar dan memahami Kitab Suci.
2. Umat dengan cepat mendapatkan informasi tentang Kitab Suci yang
diinginkan.
3. Membuat umat tidak bosan dalam belajar Kitab Suci.
4. Sistem Pembelajaran Kitab Suci dibuat User Frendly, sehingga umat
mudah mengoperasikannya.
3
Dalam sistem pembelajaran Kitab suci ini juga mempunyai kekurangan
diantaranya:
1. Biaya pembuatan yang cukup mahal.
2. Biaya perawatan dan pemeliharaan yang tinggi.
I.2. Rumusan Masalah
Bagaimana membuat Sistem Informasi berbasis Web sehingga
memudahkan umat dalam belajar Kitab Suci.
I.3. Batasan Masalah
1. Pemakai sistem ini terdiri dari 2 (dua) pemakai.
Pemakai pertama adalah pengunjung situs, pemakai kedua adalah
administrator. Pengunjung situs selain bisa mengakses, dapat juga
memasukan input pada menu Sharing, menu Konsultasi dan menu Buku
Tamu. Sedangkan administrator bertugas memasukan file, merubah file
dan menghapus file pada file yang setiap minggu selalu berubah seperti
pada menu Renungan, dan menu Cerita Bermakna.
2. Fasilitas yang terdapat di dalam sistem ini memungkinkan pemakai
untuk melakukan halhal sebagai berikut:
a. Pengunjung situs
§ Belajar Kitab Suci sesuai dengan perikop dan tema yang
diinginkan.
4
§ Mengeluarkan pendapat atau pengalaman hidup sesuai
dengan tema yang dipilih pada menu Sharing.
§ Konsultasi atau tanya jawab kepada Romo mengenai sesuatu
yang tidak jelas.
§ Mengisikan buku tamu pada menu Buku Tamu.
b. Administrator
Administrator dapat mengupdate (menambah, mengubah,
menghapus) pada menu Renungan, dan menu Cerita Bermakna
yang selalu up to date.
3. Kitab Suci yang digunakan dalam membuat sistem Web ini adalah Kitab
Suci Perjanjian Baru khusus Injil Lukas dari bab 1 (satu) sampai bab 24
(dua puluh empat).
4. Tools yang digunakan dalam membuat sistem Web ini adalah
a. Sistem operasi yang digunakan adalah windows XP.
b. Browser yang digunakan adalah Internet Explorer
c. Bahasa pemrograman yang digunakan adalah PHP/HTML
d. Database yang digunakan adalah MySQL
e. Untuk membangun desain Web menggunakan Macromedia
Dreamweaver MX.
I.4. Tujuan
Membuat media untuk membantu umat belajar dan memahami Kitab
Suci dengan mudah, tidak membosankan, dan dapat dilakukan dimanapun dan
kapanpun saja.
5
I.5. Metodologi
Pengembangan Sistem Berbasis Web
Dalam pengembangan sistem berbasis Web ini melalui beberapa tahap:
1. Formulasi (formulation)
Kegiatan yang berfungsi untuk merumuskan tujuan dan ukuran dari
aplikasi berbasis web serta menentukan batasan sistem.
2. Perencanaan (planning)
Kegiatan yang digunakan untuk menghitung estimasi biaya proyek
pembuatan aplikasi berbasis web ini, estimasi jumlah pengembang,
estimasi waktu pengembangan, evaluasi resiko pengembangan proyek,
dan mendefinisikan jadwal pengembangan untuk versi selanjutnya
(jika diperlukan).
3. Analisis (analysis)
Kegiatan untuk menentukan persyaratanpersyaratan teknik dan
mengidentifikasi informasi yang akan ditampilkan pada aplikasi
berbasis web. Analisis yang digunakan pada rekayasa web dilakukan
dari empat sisi yaitu:
a. Analisis isi informasi
Mengidentifikasi isi yang akan ditampilkan pada aplikasi
berbasis web ini. Isi informasi dapat berupa teks, grafik, audio,
maupun video.
b. Analisis interaksi
6
Analisis yang menunjukkan hubungan antara web dengan
pengguna.
c. Analisis fungsional
Analisis tentang proses bagaimana aplikasi berbasis web ini
akan menampilkan informasi kepada pengguna.
d. Analisis konfigurasi
Konfigurasi yang digunakan pada aplikasi berbasis web,
internet, intranet, atau extranet. Selain itu, analisis ini juga
meliputi relasi database dengan web jika diperlukan.
4. Rekayasa (engineering)
Terdapat dua pekerjaan yang dilakukan secara paralel, yaitu desain isi
informasi dan desain arsitektur web.
5. Implementasi (page generation)
Untuk mewujudkan desain suatu web site. Teknologi yang digunakan
tergantung dengan kebutuhan yang telah dirumuskan pada tahap
analisis.
6. Pengujian (testing)
Tahap pengujian adalah suatu proses untuk menguji aplikasi berbasis
web yang telah selesai dibuat. Hal ini bertujuan untuk menemukan
kesalahan dan kemudian memperbaikinya.
7
I.6. Manfaat Penelitian
Dengan adanya sistem ini diharapkan umat terbantu dalam mengenal
Kitab Suci serta memahami maknamakna yang tersirat didalamnya sehingga
umat semakin mencintai Kitab Suci. Selain itu diharapkan supaya banyak
umat Katolik yang mau dan berani mendalami Kitab Suci sebagai pegangan
hidup dan sebagai panduan hidupnya.
I.7. Sistematika Pembahasan
Pada Sistematika Pembahasan ini terbagi dalam beberapa bagian, yaitu:
BAB I PENDAHULUAN
Pada bab ini berisi latar belakang masalah, rumusan masalah,
batasan masalah, tujuan, metodologi, manfaat penelitian dan
sistematika pembahasan.
BAB II LANDASAN TEORI
Pada bab ini menjelaskan tentang berbagai acuan dan bahanbahan
yang dapat digunakan untuk menjawab permasalahan yang
dihadapi, diantaranya yaitu bahasa pemrograman WEB seperti
HTML dan PHP, kitab suci perjanjian baru khususnya Injil Lukas,
dan keterangan mengenai sofware yang digunakan penulis sebagai
landasan atau dasar dalam penulisan.
BAB III ANALISIS DAN PERANCANGAN
Pada bab ini, menganalisa secara umum kebutuhan user dan
merancang sistem menggunakan bahasa pemrograman WEB
8
BAB IV IMPLEMENTASI
Pada bab ini, akan menjelaskan secara rinci tentang bagian
perbagian dari program yang dibuat, basis data, dan antar muka
pengguna.
BAB V PENUTUP
Pad bab ini akan menjelaskan tentang kesimpulan dan saran
tentang adanya pengembangan sistem pembelajaran kitab suci
berbasis WEB.
9
BAB II
LANDASAN TEORI
II.1. Kitab Suci (Alkitab)
Kitab Suci atau Alkitab adalah kumpulan buku, atau ”semacam
perpustakaan kecil”, yang memuat kesaksian tentang Sabda Allah, dari
berbagai pengarang, yang ditulis dalam kurun waktu 2.000 tahun. Bukubuku
tersebut mulanya tersebar di berbagai tempat dan dari waktu yang berbeda
beda. Proses penyusunan buku tersebut melibatkan banyak penulis dan
memakan waktu yang sangat panjang. Kitab Suci atau Alkitab dalam bentuk
buku seperti sekarang ini mengalami perkembangan tahap demi tahap, tidak
sesederhana yang kita bayangkan ( Windhu, 1995, hal. 9).
Kitab Suci ditulis oleh manusia yang mendapat penerangan dari Roh
Allah sendiri. Allah berkomunikasi, menyatakan DiriNya pada manusia
dengan bahasa yang dimengerti manusia. Maka isi Kitab Suci berkisar pada
kehidupan manusia. Dari buku itulah kita bisa membaca kisahkisah religius
beberapa tokoh yang pernah hidup di dunia ini. Keteguhan, kearifan dan
kebaikan tokohtokoh itu menjadi teladan para pembacanya. Buku itu juga
sebagai dokumen dari Firman Tuhan. Buku ini terdiri dari dua bagian besar,
yaitu Kitab Perjanjian Lama (PL) dan Kitab Perjanjian Baru (PB).
Perjanjian Lama terdiri dari 45 buku yang terbagi dalam 5 (lima)
bagian yaitu: 5 (lima) kitab Pentateukh (lima gulungan kitab atau hukum
Musa), 15 (lima belas) kitab Sejarah (dengan catatan kitab Ezra dan Nehemia
10
dijadikan satu), 7 (tujuh) kitab Puitis dan Hikmat (Kebijaksanaan dan
Mazmur) dan 18 (delapan belas) kitab Para Nabi. Perjanjian Lama sangat
sarat dengan hukumhukum dan ketentuan Allah yang dinyatakan melalui
para nabiNya, untuk menjaga kekudusan umat manusia di hadapan Allah.
Lebih dari itu Kitab Perjanjian Lama berisi Pernyataan Janji Allah akan
keselamatan umat manusia dari sengsara kegelapan belenggu dosa, yang
dinubuatkan melalui para nabiNya. Kejadian 3:15 (Aku akan mengadakan
permusuhan antara engkau dan perempuan ini, antara keturunanmu dan
keturunannya; keturunannya akan meremukkan kepalamu, dan engkau akan
meremukkan tumitnya), merupakan Injil atau janji keselamatan pertama yang
dinyatakan Allah segera setelah manusia Adam dan Hawa jatuh dalam dosa.
Keturunan perempuan Hawa (digenapi dalam diri Kristus) akan meremukkan
kepala iblis (mematahkan belenggu dosa atas manusia).
Perjanjian Baru terdiri dari 27 buku yang terdiri dari: 4 (empat) Injil,
1 (satu) Kisah Para Rasul, 14 (empat belas) Surat Paulus, 7 (tujuh) Surat
Katolik dan 1 (satu) kitab Wahyu. Perjanjian Baru sangat sarat akan
pernyataan Kasih Allah kepada umat manusia yang dikasihiNya, melalui
sapaan, ajaran, dan tindakan nyata Allah di dalam Kristus. Jelas sekarang
Kitab Suci atau Alkitab bukanlah kitab sejarah, atau kitab hukum, ataupun
kitab ilmu pengetahuan. Alkitab adalah kitab kehidupan umat manusia
bersama Allah dan seluruh ciptaanNya. Alkitab berisi pernyataaan Janji dan
Penggenapan Kisah Allah akan keselamatan umat manusia di dalam Kristus.
11
II.1.1. Media tulis Kitab Suci
Kebiasaan membuat tulisan atau tanda selalu ada dari zaman ke
zaman. Pada masyarakat purba tulisan atau tanda tersebut dibuat di
guagua sekitar tempat tinggal mereka.
Zaman Mesopotamia kuno (sekarang Irak) orangorang
menulis pada tanah liat yang lunak. Sampai sekarang kita semua tahu
bahwa tanah liat ini dipakai untuk membuat barangbarang tembikar
atau kasongan. Tulisan pada tanah liat tersebut disebut cuneiform yang
artinya ”berbentuk irisan” karena tandatanda atau tulisannya seperti
irisanirisan yang disebabkan oleh alat yang mereka pakai. (Windhu,
1995, hal.13)
Selain dengan tanah liat yang lunak, ada juga yang menulis
pada lempengan logam yang tipis, walaupun bahan ini tidak praktis
karena mahal, berat, dan tidak mudah dibaca. Pada masa ini mulai
dikenal bukubuku kuno yang ditulis diatas kulit binatang yang sangat
halus yang disebut Perkamen atau vellum. Namun bahan yang paling
biasa adalah papirus yaitu sejenis tanaman pandan air yang ”dianyam”
seperti bagor kemudian dihaluskan. Kata papirus adalah akar kata dari
”paper” atau ”kertas”. Papirus mulai dikenal pada tahun 3500 SM.
Semua Kitab Suci pada mulanya ditulis pada papirus atau kulit
binatang yang halus, demikian juga untuk naskah asli Perjanjian Baru.
(Windhu, 1995, hal.13)
12
Seiring perkembangan zaman, setelah kertas dikenal Kitab Suci
dapat dicetak dalam jumlah besar sehingga umat dapat dengan mudah
memiliki dan membacanya. Pada era globalisasi ini Sabda Allah tidak
lagi hanya dibungkus dalam buku tebal tetapi disajikan dalam bentuk
kaset suara, video, disket, hingga dalam bentuk piringan kecil dalam
CDROM. Media inilah yang sekarang mulai merebak dipakai banyak
orang dan jelas akan menjadi andalan media informasi masa depan, tak
terkecuali dalam dunia penerbitan Kitab Suci. Kalau sekarang ini kita
tidak mempunyai akses dalam dunia multimedia ini, kiranya kita akan
ketinggalan dalam ”kerasulan multimedia”.
II.1.2. Injil Lukas
Kitab Suci Perjanjian Baru berisi tentang perjanjian Allah
dengan umat manusia dalam diri Yesus dari Nasaret. Kitab Suci
Perjanjian Baru memiliki unsur universal yang utama yaitu bahwa
keselamatan tidak lagi dibatasi pada Israel saja tetapi untuk seluruh
umat manusia. Kata ”perjanjian” dalam Perjanjian Baru hanya sedikit
disinggung yaitu pada Sabda Yesus pada perjamuan malam terakhir
dan surat Ibrani. Pada intinya Perjanjian Baru lebih banyak bicara
tentang Yesus sebagai utusan Allah dan Kristus penyelamat manusia.
Kitab Suci Perjanjian Baru seluruhnya ada 27 buku, yang
terdiri atas 4 Injil (Markus, Matius, Lukas, dan Yohanes), 7 Surat
Katolik dan 1 Wahyu (Yakobus, I Petrus, II Petrus, I Yohanes, II
13
Yohanes, III Yohanes, Yudas, Wahyu), 1 Kisah Para Rasul dan 14
Surat Paulus (Roma, I Korintus, II Korintus, Galatia, Efesus, Filipi,
Kolese, I Tesalonika, II Tesalonika, I Timotius, II Timotius, Titus,
Filemon, Ibrani). Dari ke4 Injil yang ada, 3 Injil pertama yaitu
Markus, Matius, dan Lukas disebut Injil Sinoptik yang artinya dalam
”satu pandangan”, ketiga Injil ini sama atau mirip bila disejajarkan dan
dibandingkan. (Windhu, 1995, hal.23)
Pada kesempatan ini, penulis hendak mengupas lebih dalam
tentang Injil Lukas. Injil Lukas diambil karena beberapa alasan, yaitu
§ Bacaan Injil untuk Tahun Liturgi mendatang adalah Injil
Lukas.
§ Banyak orang belum memahami Injil Lukas (Siapa Lukas
dan Pesanpesan apa yang hendak disampaikan Injil
Lukas).
§ Dalam Injil Lukas, terdapat ciri khusus yang menjadikan
Injil Lukas berbeda dari Injilinjil yang lain.
§ Gaya sastra dan bahasa yang digunakan dalam Injil Lukas
lebih bagus, mudah dipelajari dan dipahami.
Dari alasanalasan diatas pada akhirnya kita semua dapat mengenal,
mengetahui dan memahami Injil Lukas secara keseluruhan, dalam arti
tidak haya secara teori tetapi dapat mengamalkan dalam kehidupan kita
seharihari.
14
II.2. PHP
PHP lahir pada tahun 1994, bermula saat Rasmus Lerdorf membuat
sejumlah skrip Perl yang dapat mengamati siapa saja yang melihat daftar
riwayat hidupnya. Skripskrip ini selanjutnya dikemas menjadi tool yang
disebut “Personal Home Page”. Paket inilah yang menjadi cikalbakal PHP.
Pada tahun 1995 Rasmus menciptakan PHP/FI Versi 2. pada versi inilah
pemrogram dapat menempelkan kode terstruktur di dalam tag HTML.
Menurut dokumen resmi PHP, PHP singkatan dari PHP Hypertext
Preprocessor. PHP merupakan bahasa yang berbentuk skrip yang
ditempatkan dalam server dan diproses di server. Hasilnyalah yang
dikirimkan ke klien, tempat pemakai menggunakan browser. (Kadir, 2002,
hal.1)
Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Kode
PHP diawali dengan <?php dan diakhiri dengan ?>. Pasangan kedua kode
inilah yang berfungsi sebagai tag kode PHP. Berdasarkan tag inilah, pihak
server dapat memahami kode PHP dan memprosesnya kemudian hasilnya
dikirim ke browser.
Contoh kode PHP:
<?php printf(”Tgl. Sekarang: %s ”, Date(”d F Y”));
?> Pada saat ini, PHP cukup populer sebagai peranti pemrograman
web, terutama di lingkungan Linux. Walaupun demikian PHP sebenarnya
juga dapat berfungsi pada serverserver yang berbasis UNIX, Windows NT,
dan Macintoch. Bahkan versi untuk Windows 95/98 pun tersedia. Yang
15
menarik, kode PHP juga bisa berkomunikasi dengan database dan melakukan
perhitunganperhitungan yang kompleks sambil jalan.
Dalam penyelesaian kasus ini, digunakan PHP karena
didapatkannya kelebihan yang ada dalam PHP antara lain:
§ PHP memiliki tingkat akses yang lebih cepat.
§ PHP memiliki tingkat lifecycle yang cepat sehingga selalu mengikuti
perkembangan teknologi Internet.
§ PHP mampu berjalan di Linux sebagai platform sistem operasi utama
bagi PHP, namun juga dapat berjalan di FreeBSD, Unix, Solaris,
Windows, dan yang lainnya.
§ PHP mampu berjalan di beberapa server yang ada., misalnya Apache,
Microsoft IIS, PWS, AOLserver, phttpd,fhttpd, dan Xitami.
§ PHP juga mendukung akses ke beberapa database yang sudah ada,
baik yang bersifat free/gratis ataupun komersial. Database itu antara
lain MySQL, PosgresSQL, mSQL, Infromix, dan MicrosoftSQL
server.
§ PHP bersifat free atau gratis.
II.3. HTML
HTML (Hyper Text Markup Language) barasal dari Standard
Generalized Markup Language (SGML) yang lebih kompleks, sebuah bahasa
berbasis teks untuk menggambarkan isi, struktur dan dokumendokumen
digital. HTML adalah file teks yang berisi instruksi kepada browser tentang
16
bagaimana sebuah halaman situs akan ditampilkan. Instruksi diatas disebut
dengan tag.
Dasardasar HTML yaitu ketika sebuah halaman web dibuka,
browser akan mencari kodekode khusus yang menunjukkan bagaimana
halaman tersebut harus ditampilkan. Kodekode tersebut disebut dengan tag,
bentuk umumnya:
<nama_tag>isi yang ditampilkan</nama_tag>
<nama_tag> disebut dengan tag pembuka, dan </nama_tag> disebut dengan
tag penutup. Sedangkan bagian yang diapit oleh kedua tag tersebut akan
diformat sesuai dengan tag yang digunakan. Misalnya untuk pemformatan
teks, tag dapat digunakan untuk membuat teks tersebut dicetak tebal, miring
dengan ukuran tertentu dan jenis font tertentu. Tag dalam HTML ada yang
memiliki pasangan seperti <font>isi</font> dan ada yang tunggal seperti
<br> atau <hr>. Setiap kode HTML selalu diawali dan diakhiri dengan tag
<html> </html>. Dokumen HTML memiliki dua bagian yaitu bagian header
dan bagian isi. Bagian header diawali dan diakhiri dengan tag <head>
</head> bagian ini berisi informasi yang tidak ditampilkan pada browser,
sedangkan pada bagian isi diawali dan diakhiri dengan tag <body> </body>
bagian ini nantinya akan ditampilkan pada browser.
Contoh kode HTML:
<html>
<head>
<title>Latihan Pertama</title>
</head>
17
<body>
Selamat Belajar PHP.<br>
</body>
</html>
Model kerja HTML diawali dengan permintaan suatu halaman web
oleh browser. Berdasarkan URL (Uniform Resource Locator) atau dikenal
dengan sebutan alamat internet, browser mendapatkan alamat dari web
server, mengidentifikasi halaman yang dikehendaki, dan menyampaikan
segala informasi yang dibutuhkan oleh web server. Informasi yang
disampaikan ke web server antara lain adalah nama browser, versinya, dan
sistem operasinya. Selanjutnya, web server akan mencarikan berkas yang
diminta dan memberikan isinya ke browser. Browser yang mendapatkan
isinya segera melakukan proses penerjemahan kode HTML dan
menampilkannya kelayar pemakai.
II.4. MACROMEDIA DREAMWEAVER
Macromedia Dreamweaver adalah sebuah software web design
yang menawarkan cara mendesain website dengan dua langkah sekaligus
dalam satu waktu, yaitu mendesain dan memprogram. Macromedia
Dreamweaver memiliki satu jendela mini yang disebut HTML Source,
tempat kodekode HTML tertulis. Selain kelebihan ini, Dreamweaver mampu
mengenali tagtag lain diluar HTML seperti Cold Fussion dan ASP, serta
mendukung scriptscript dinamik HTML dan CSS Style. Dreamweaver
18
memberikan pilihan workspace baru yang terintegrasi, meyediakan
lingkungan pengembangan yang lebih familier dengan dockable panel yang
lengkap. (Suyanto, 2003, hal.238)
Dengan cara ini tentu saja akan lebih mudah untuk mengatur situs
web yang dibuat. Secara mendasar Macromedia Dreamweaver bisa
membantu untuk:
§ Membuat file HTML
§ Membuat tabel yang kompleks dengan layout view.
§ Menambahkan teks, grafik dan link.
§ Menambahkan teks dan button Macromedia Flash.
§ Mengorganisasi situs lokal.
§ Memformat teks.
§ Menaruh teks pada sebuah halaman.
§ Memberi title, nama dan menyimpan dokumen.
§ Menentukan warna background, teks dan link.
II.5. MySQL
MySQL (My Strukture Query Language) atau yang biasa dibaca
”maisekuel” adalah sebuah program pembuat database yang bersifat open
source, artinya siapa saja boleh menggunakannya. MySQL merupakan
produk yang berjalan pada platform Linux. Karena sifatnya yang open
source, MySQL dapat dijalankan pada semua platform baik Windows
maupun Linux. Selain itu MySQL juga merupakan program pengakses
19
database yang bersifat jaringan sehingga dapat digunkan untuk aplikasi Multi
User (banyak pengguna). (Nugroho, 2004, hal.29)
Kelebihan lain dari MySQL adalah menggunakan bahasa Query
Standar yang dimiliki SQL (Structure Query Language). SQL adalah suatu
bahasa permintaan yang terstruktur yang telah distandarkan untuk semua
program pengakses database seperti Oracle, Progres SQ1, SQL Server. SQL
awalnya dikembangkan oleh IBM namun telah diadopsi dan digunakan
sebagai standar industri. Dengan menggunakan SQL proses akses database
menjadi lebih user frendly dibandingkan dengan menggunakan
dBase/Clipper yang masih menggunakan perintahperintah pemrograman.
MySQL termasuk jenis RDBMS (Relational Database
Management System). Itulah sebabnya istilah seperti tabel, baris, dan kolom
digunakan pada MySQL. Pada MySQL sebuah database mengandung satu
atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris
mengandung satu atau beberapa kolom. MySQL bersifat free/gratis pada
pelbagai platform (kecuali pada Windows, yang bersifat shareware atau
membayar setelah melakukan evaluasi dan memutuskan untuk digunakan
untuk keperluan produksi). Selain gratis, MySQL mampu menangani data
yang cukup besar. Programprogram aplikasi pendukung MySQL antara lain:
§ PHP (Page Hipertext Preprosesor)
§ Visual Delphi
§ Visual Basic
§ Cold Fusion
20
II.6. WEB SERVER
Setelah situs web selesai dirancang maka langkah selanjutnya
adalah memasukkan website ke dalam internet agar dapat diakses oleh para
pengguna internet diseluruh dunia. Untuk keperluan tersebut maka terlebih
dahulu membeli ruangan di perusahaan web server. Web sever adalah
komputer yang mengirimkan halamanhalaman web, setiap web server
mempunyai alamat IP dan nama. Contohnya Jogja Medianet membuat dan
memberikan alamat IP dan domain kepada yang mendaftar. Semakin besar
ruangan yang dibutuhkan maka harganya akan semakin tinggi.
II.7. INTERNET
Internet merupakan suatu jaringan komunikasi tanpa batas yang
melibatkan jutaan komputer pribadi yang tersebar di seluruh dunia. Dengan
menggunakan Protocol Transmission Control Protocol/Internet Protocol
(TCP/IP) dan didukung oleh media komunikasi seperti satelit dan paket
radio, internet telah memungkinkan komunikasi antar komputer dengan jarak
jauh yang tidak terbatas. (Suyanto, 2003, hal.36)
Media yang dipakai dalam Internet adalah WWW (World Wide
Web) adalah sebuah jaringan global situs Internet multimedia untuk
informasi, hiburan, pendidikan, dan bisnis. WWW (World Wide Web)
merupakan sistem hypertext yang terangkai menjadi jaringan yang
memungkinkan dokumen dibaca banyak orang melalui Internet. WWW
21
(World Wide Web) dikembangkan pertama kali di pusat penelitian Fisika
Partikel Eropa (CERN), Jenewa, Swiss. (Suyanto, 2003, hal.45)
WWW (World Wide Web) merupakan fasilitas browsing pada
Internet dengan menggunakan Netscape Navigator atau Internet Explorer.
Fasilitas yang ada dalam WWW (World Wide Web) yaitu fasilitas untuk
transaksi, billing, komunikasi workgroup, dan pengelolaan dokumen dan
publikasi. Layanan tersebut diberikan agar pemakai bisa:
§ Mencari dan mengakses informasi pada komputer remote secara
interaktif menampilkan teks, grafis, dan image atau foto dari
komputer remote.
§ Memainkan suara atau video tampilan dari rekaman yang disimpan
di komputer remote.
Mengakses informasi dari beberapa layanan Internet browsing dan retrievel
dengan menggunakan satu mekanisme yang seragam.
23
BAB III
ANALISIS DAN PERANCANGAN
III.1. Analisis Masalah
Berdasarkan hasil wawancara dengan umat yang mengikuti sekolah
penginjilan di Gereja Kumetiran, dapat ditarik kesimpulan bahwa waktu
pelaksanaan Sekolah Penginjilan yang kurang tepat mengakibatkan banyak
umat yang tidak dapat mengikuti kegiatan Sekolah Penginjilan, padahal
umat banyak yang berminat belajar Kitab Suci. Proses pembelajaran yang
monoton dan terkesan serius juga membuat umat bosan. Umat merasa sulit
untuk berkonsultasi dengan Romo karena kesibukan Romo yang harus
melaksanakan tugas pelayanan yang lain. Sistem Pembelajaran Kitab Suci
berbasis Web ini, diharapkan dapat membantu umat dalam belajar dan
memahami Kitab Suci dengan mudah, tidak membosankan, dan dapat
dilakukan dimanapun dan kapanpun mereka mau. Umat dapat juga
berkonsultasi dengan Romo tanpa harus bertemu langsung atau datang ke
gereja.
III.2. Analisis Kelayakan
Pengembangan pembelajaran Kitab Suci ini layak dilakukan karena
sistem yang dibangun dapat memecahkan masalah yaitu umat yang tidak
dapat mengikuti Sekolah Penginjilan dapat belajar Kitab Suci melalui situs
24
tersebut. Selain itu umat dapat belajar Kitab suci, dan dapat berkonsultasi
dengan Romo dimanapun dan kapanpun saja tanpa harus datang ke gereja.
III.3. Analisis Kebutuhan
a. Analisis kebutuhan dipandang dari sisi Pengunjung Situs
Pengunjung situs adalah semua orang yang membuka atau
mengunjungi situs web ini. Pengunjung situs dapat mengakses
informasi yang ada dalam situs web ini. Selain dapat mengakses
pengunjung situs dapat melakukan pencarian data ayat berdasarkan
kata kunci perikop atau kata kunci tema, menuliskan buku tamu dan
menuliskan sharing. Untuk menuliskan sharing, pengunjung situs
harus terlebih dahulu menjadi anggota situs web ini melalui login
anggota. Fasilitas tambahan yang disediakan sistem untuk
pengunjung situs yaitu menu Cerita Bermakna (pengunjung situs
dapat membaca atau melihat cerita bermakna yang menggambarkan
kisah kehidupan seharihari), menu Renungan, dan menu Konsultasi
(pengunjung situs dapat berkonsultasi secara pribadi atau bertanya
jawab kepada Romo).
b. Analisis kebutuhan dipandang dari sisi Administrator
Administrator adalah pengelola situs web ini. Selain sebagai
pengelola, administrator juga harus mampu menangani semua
proses yang terjadi dalam sistem web ini. Untuk dapat masuk ke
sistem, administrator terlebih dahulu memasukkan username dan
25
password yang digunakan. Username dan password yang digunakan
oleh adminstrator bertujuan supaya orang lain tidak dapat
melakukan perubahan pada sistem seperti yang dilakukan
administrator.
III.4. Perancangan Kebutuhan Sistem
a. Perancangan kebutuhan sistem pada saat pembuatan sistem:
1. Dari sisi Hardware:
§ 1 unit komputer dengan:
§ Sistem Operasi : Microsoft Windows XP Professional
Processor : Intel Pentium 4
RAM : 512 MB
§ Speaker, Mouse, Keyboard
2. Dari sisi Software:
§ Browser : Internet Explorer
§ Web Server : Apache
§ Bahasa Pemrograman : PHP, HTML
§ DataBase : MySQL
§ User Interface : Macromedia Dreamweaver MX
b. Perancangan kebutuhan sistem pada saat sistem dijalankan:
1. Dari sisi Hardware:
§ Satu unit komputer yang terkoneksi dengan internet.
§ Web server
26
2. Dari sisi Software:
§ Browser : Internet Explorer
§ Video Player : Windows Media Player
III.5. Perancangan Proses
a. Entitas yang terlibat
§ Pengunjung situs
Pengunjung situs dapat mencari data ayat berdasarkan kata
kunci (kata kunci perikop atau kata kunci tema) dan akan
ditampilkan informasi hasil pencarian data ayat berdasarkan
kata kunci yang dipilih. Pengunjung situs juga dapat melakukan
login anggota untuk dapat menuliskan sharing, selain itu
pengunjung situs dapat pula menuliskan buku tamu.
§ Administrator
Administrator dapat melakukan penambahan, perbaikan, dan
penghapusan pada data pengelolaan kitab suci dan data
pengelolaan non kitab suci. Namun sebelum melakukan semua
hal tersebut, administrator harus terlebih dahulu login dengan
memasukkan user name dan password yang digunakan.
b. Proses yang terjadi
Proses yang terjadi dalam sistem Pembelajaran Kitab Suci berbasis
web ini dikelompokkan menjadi dua yaitu sisi pengunjung situs dan
sisi administrator.
27
1. Sisi Pengunjung Situs
§ Proses Pencarian Data Ayat
Pada proses Pencarian Data ayat, pengunjung situs dapat
mencari data ayat berdasarkan kata kunci perikop atau
berdasarkan kata kunci tema. Pengunjung situs dapat memilih
kata kunci yang diinginkan, dan akan ditampilkan hasil
pencarian sesuai dengan kata kunci yang dipilih.
§ Proses Validasi Anggota
Pada proses validasi anggota ini pengunjung situs dapat
melakukan login dengan mengisikan username dan password,
dan akan mendapat keluaran berupa pesan informasi
keberhasilan login.Pengunjung situs dapat pula melakukan
logout dan akan mendapat pesan informasi keberhasilan
logout. Selain itu pengunjung situs dapat juga melakukan
perbaikan profil anggota dan akan mendapat keluaran berupa
pesan informasi keberhasilan perbaikan profil anggota.
§ Proses Penulisan Sharing
Pada proses penulisan sharing ini, pengunjung situs terlebih
dahulu harus melakukan login agar dapat menuliskan sharing.
Dan pada proses penulisan sharing akan mengeluarkan output
berupa pesan informasi keberhasilan penulisan sharing dan
pesan bahwa halaman sharing sudah terupdate.
28
§ Proses Penulisan Buku Tamu
Pada proses penulisan buku tamu, pengunjung situs dapat
menuliskan nama, alamat, email, tanggapan tentang sistem
dan komentar. Dan akan mendapat keluaran berupa pesan
informasi keberhasilan penulisan buku tamu.
2. Sisi Administrator
§ Proses Validasi Administrator
Adminstrator dapat melakukan login, logout, dan perbaikan
profil adminstrator. Pada proses ini administrator akan
mendapat keluaran berupa pesan yaitu pesan informasi
keberhasilan login, pesan informasi keberhasilan logout, dan
pesan informasi keberhasilan perbaikan profil administrator.
§ Proses Pengelolaan Data Kitab Suci
Pada proses pengelolaan data kitab suci, administrator dapat
melakukan (penambahan, perbaikan, dan penghapusan) pada
data ayat, data perikop, dan data tema. Pada proses ini
administrator akan mendapat keluaran berupa pesan informasi
keberhasilan (penambahan, perbaikan, dan penghapusan)
pada data ayat, data perikop, dan data tema.
§ Pengelolaan Data Non Kitab Suci
Pada proses pengelolaan data non kitab suci, administrator
dapat melakukan (penambahan, perbaikan, dan penghapusan)
pada data sharing, data cerita bermakna, data narasumber, dan
29
pada data renungan dan akan mendapat keluaran berupa
pesan informasi keberhasilan (penambahan, perbaikan, dan
penghapusan) pada data sharing, data cerita bermakna, data
narasumber dan data renungan. Selain itu Administrator dapat
juga melakukan (perbaikan, dan penghapusan) pada data
anggota, dan penghapusan pada data buku tamu. Pada
(perbaikan dan penghapusan) data anggota akan mendapat
keluaran berupa pesan informasi keberhasilan (perbaikan dan
penghapusan) data anggota. Sedangkan pada penghapusan
data buku tamu, administrator akan mendapat keluaran
berupa pesan informasi keberhasilan penghapusan data buku
tamu.
III.6. Struktur Menu
a. Struktur Menu Pengunjung Situs
Menu Pengunjung Situs ini meliputi:
1. Menu Pencarian
Pada menu ini, pengunjung situs dapat mencari tafsir dan ayat
yang ada dalam Injil Lukas.
2. Menu Login Anggota
Menu ini, digunakan pengunjung situs untuk login ke forum
anggota.
30
3. Menu Home
Pada menu ini berisikan informasi seputar web yang terdiri dari
ucapan selamat datang untuk pengunjung situs, dan fasiltasfasiltas
yang dapat digunakan oleh pengunjung situs.
4. Menu Sekilas St. Lukas
Pada menu ini, terdapat 2 (dua) sub menu yaitu menu Siapa St.
Lukas (menu ini berisi informasi tentang pribadi Santo Lukas) dan
menu Jejak Pelayanan St. Lukas (menu ini berisi informasi tentang
perjalanan Santo Lukas).
5. Menu Tentang Injil Lukas
Pada menu ini, pengunjung dapat mengetahui informasi tentang
kapan dan dimana Injil Lukas dibuat, Tujuan Injil Lukas, Struktur
Injil Lukas, dan Teologi Injil Lukas.
6. Menu Tafsir Injil Lukas
Pada menu ini, pengunjung situs dapat mengetahui informasi
tentang tafsir injil Lukas.
7. Menu Ayat Kunci
Pada menu ini, pengunjung situs dapat mengetahui informasi
tentang ayat yang berhubungan dengan tema injil Lukas.
8. Menu Renungan
Pada menu ini, pengunjung situs dapat mengetahui informasi
tentang renungan mingguan.
31
9. Menu Cerita Bermakna
Pada menu ini, pengunjung situs dapat mengetahui informasi
tentang cerita yang menggambarkan pengalaman hidup sehari
hari.
10.Menu Sharing
Pada menu ini, pengunjung situs hanya dapat melihat daftar
sharing. Untuk dapat melakukan sharing pengunjung situs harus
mendaftar sebagai anggota.
11.Menu Konsultasi
Pada menu ini, pengunjung situs dapat melakukan konsultasi
dengan narasumber yang telah disediakan oleh sistem.
12.Menu Buku Tamu
Pada menu ini, pengunjung situs dapat melakukan pengisian buku
tamu.
Gambar Struktur Menu Pengunjung Situs dapat dilihat pada gambar 3.1
32
Gambar 3.1 Struktur Menu Pengunjung Situs
33
b. Menu Navigasi Pengunjung Situs
Gambar 3.2 Struktur Menu Navigasi Pengunjung Situs
34
c. Struktur Menu Administrator
Menu Administrator terdiri dari:
1. Menu Input Ayat
Pada menu ini, Administrator dapat melakukan penambahan data
ayat baru.
2. Menu Input Perikop
Pada menu ini, Administrator dapat melakukan penambahan data
perikop baru.
3. Menu Input Tema
Pada menu ini, Administrator dapat melakukan penambahan data
tema baru.
4. Menu Input Sharing
Pada menu ini, Administrator dapat melakukan penambahan data
sharing baru.
5. Menu Input Cerita Bermakna
Pada menu ini, Administrator dapat melakukan penambahan data
acerita bermakna baru.
6. Menu Input Narasumber
Pada menu ini, Administrator dapat melakukan penambahan data
narasumber baru.
7. Menu Input Renungan
Pada menu ini, Administrator dapat melakukan penambahan data
ayat baru.
35
8. Menu Daftar Ayat
Pada menu ini, administrator dapat melihat detail dari data ayat
yang dimasukkan. Selain itu administrator dapat melakukan
perubahan dan penghapusan pada data ayat.
9. Menu Daftar Perikop
Pada menu ini, administrator dapat melihat detail dari data perikop
yang dimasukkan. Selain itu administrator dapat melakukan
perubahan dan penghapusan pada data perikop.
10. Menu Daftar Tema
Pada menu ini, administrator dapat melihat detail dari data tema
yang dimasukkan. Selain itu administrator dapat melakukan
perubahan dan penghapusan pada data tema.
11. Menu Daftar Sharing
Pada menu ini, administrator dapat melihat detail dari data sharing
yang dimasukkan. Selain itu administrator dapat melakukan
perubahan dan penghapusan pada data sharing.
12. Menu Daftar Cerita Bermakna
Pada menu ini, administrator dapat melihat detail dari data cerita
bermakna yang dimasukkan. Selain itu administrator dapat
melakukan perubahan dan penghapusan pada data cerita bermakna.
36
13. Menu Daftar Narasumber
Pada menu ini, administrator dapat melihat detail dari data
narasumber yang dimasukkan. Selain itu administrator dapat
melakukan perubahan dan penghapusan pada data narasumber.
14. Menu Daftar Renungan
Pada menu ini, administrator dapat melihat detail dari data
renungan yang dimasukkan. Selain itu administrator dapat
melakukan perubahan dan penghapusan pada data renungan.
15. Menu Daftar Anggota
Pada menu ini, administrator dapat melihat detail dari data anggota
yang dimasukkan. Selain itu administrator dapat melakukan
perubahan dan penghapusan pada data anggota.
16. Menu Daftar Administrator
Pada menu ini, administrator dapat melihat detail dari data pribadi
administrator yang dimasukkan. Selain itu administrator dapat
melakukan perubahan dan penghapusan pada data pribadi
administrator.
Gambar Struktur Menu Administrtor dapat dilihat pada gambar 3.5
37
Gambar 3.3 Struktur Menu Administrator
38
d. Menu Navigasi Administrator
Gambar 3.4 Struktur Menu Navigasi Administrator
39
III.7. DAD (Diagram Arus Data)
Gambar 3.5 Diagram Arus Data Level 0
Dalam Diagram Arus Data (DAD) Level 0 ini, dapat diketahui bahwa
terdapat 2 (dua) entitas dalam sistem tersebut yaitu:
1. Pengunjung Situs
Pengunjung situs adalah semua orang yang membuka atau mengunjungi
sistem ini. Input dan output dari sisi pengunjung situs terhadap sistem
yaitu:
Input Output
§ kata kunci
kata kunci yang akan dimasukkan
oleh pengunjung situs dibagi
menjadi 2 (dua) yaitu kata kunci
berdasarkan kategori perikop dan
kata kunci berdasarkan kategori
tema.
§ hasil pencarian data:
hasil pencarian berdasarkan kata
kunci dengan kategori perikop,
dan kata kunci dengan kategori
tema.
§ username_anggota
username yang dimiliki oleh
§ pesan:
pesan informasi keberhasilan
40
pengunjung situs setelah
mendaftar menjadi anggota,
digunakan untuk login dan logout.
§ password_anggota
password yang dimiliki oleh
pengunjung situs setelah
mendaftar menjadi anggota,
digunakan untuk login.
login,
pesan informasi keberhasilan
logout
§ data perbaikan profil anggota § pesan:
pesan informasi keberhasilan
perbaikan profil anggota
§ data penulisan sharing § halaman sharing terupdate
§ pesan:
pesan informasi keberhasilan
penulisan sharing
§ data penulisan buku tamu § pesan:
pesan informasi keberhasilan
penulisan buku tamu.
§ data calon anggota (status=0) § data calon anggota (status=1)
2. Administrator
Administrator berfungsi sebagai pengelola yang harus mampu
menangani semua proses yang terjadi dalam sistem. Input dan output
dari sisi Administrator terhadap sistem yaitu:
Input Output
§ username_admin
username yang dimiliki oleh
administrator digunakan untuk
login dan logout.
§ pesan informasi keberhasilan:
pesan informasi keberhasilan login,
pesan informasi keberhasilan logout
41
§ password_admin
password yang dimiliki admin
digunakan untuk login.
§ data perbaikan profil
administrator
§ pesan informasi keberhasilan:
pesan informasi keberhasilan
perbaikan profil administrator.
§ data ayat baru § pesan informasi keberhasilan:
pesan informasi keberhasilan
penambahan data ayat
§ pesan kesalahan:
pesan kesalahan penambahan data
ayat
§ data perikop baru § pesan informasi keberhasilan:
pesan informasi keberhasilan
penambahan data perikop
§ pesan kesalahan:
pesan kesalahan penambahan data
perikop
§ data tema baru § pesan informasi keberhasilan:
pesan informasi keberhasilan
penambahan data tema
§ pesan kesalahan:
pesan kesalahan penambahan data
tema
§ data sharing baru § pesan informasi keberhasilan:
pesan informasi keberhasilan
penambahan data sharing
§ pesan kesalahan:
pesan kesalahan penambahan data
sharing
42
§ data cerita bermakna baru § pesan informasi keberhasilan:
pesan informasi keberhasilan
penambahan data cerita bermakna
§ pesan kesalahan:
pesan kesalahan penambahan data
cerita bermakna
§ data renungan baru § pesan informasi keberhasilan:
pesan informasi keberhasilan
penambahan data renungan
§ pesan kesalahan:
pesan kesalahan penambahan data
renungan
§ data narasumber baru § pesan informasi keberhasilan:
pesan informasi keberhasilan
penambahan data narasumber
§ pesan kesalahan:
pesan kesalahan penambahan data
narasumber
§ data perbaikan
data perbaikan ini meliputi:
data perbaikan ayat, data
perbaikan perikop, data
perbaikan tema, data
perbaikan anggota, data
perbaikan sharing, data
perbaikan cerita bermakna,
data perbaikan narasumber,
dan data perbaikan renungan.
§ pesan informasi keberhasilan:
pesan informasi keberhasilan
perbaikan data ayat, pesan informasi
keberhasilan perbaikan data perikop,
pesan informasi keberhasilan
perbaikan data tema, pesan informasi
keberhasilan perbaikan data anggota,
pesan informasi keberhasilan
perbaikan data sharing, pesan
informasi keberhasilan perbaikan data
cerita bermakna, pesan informasi
keberhasilan perbaikan data renungan,
43
pesan informasi keberhasilan
perbaikan data narasumber
§ pesan kesalahan:
pesan kesalahan perbaikan data ayat,
pesan kesalahan perbaikan data
perikop, pesan kesalahan perbaikan
data tema, pesan kesalahan perbaikan
data anggota, pesan kesalahan
perbaikan data sharing, pesan
kesalahan perbaikan data cerita
bermakna, pesan kesalahan perbaikan
data renungan, pesan kesalahan
perbaikan data narasumber.
§ data penghapusan
data penghapusan meliputi:
data penghapusan ayat, data
penghapusan perikop, data
penghapusan tema, data
penghapusan anggota, data
penghapusan sharing, data
penghapusan cerita bermakna,
data penghapusan narasumber,
data penghapusan renungan
dan data penghapusan buku
tamu.
§ pesan informasi keberhasilan:
pesan informasi keberhasilan
penghapusan data ayat, pesan
informasi keberhasilan penghapusan
data perikop, pesan informasi
keberhasilan penghapusan data tema,
pesan informasi keberhasilan
penghapusan data anggota, pesan
informasi keberhasilan penghapusan
data sharing, pesan informasi
keberhasilan penghapusan data cerita
bermakna, pesan informasi
keberhasilan penghapusan data
renungan, pesan informasi
keberhasilan penghapusan data
narasumber, pesan informasi
keberhasilan penghapusan data buku
tamu.
44
§ pesan kesalahan:
pesan kesalahan penghapusan data
ayat, pesan kesalahan penghapusan
data perikop, pesan kesalahan
penghapusan data tema, pesan
kesalahan penghapusan data tema,
pesan kesalahan penghapusan data
tema, pesan kesalahan penghapusan
data cerita bermakna, pesan kesalahan
penghapusan data renungan, pesan
kesalahan penghapusan data
narasumber
§ data calon anggota (status=1) § data calon anggota (status=0)
Proses Sistem Web Kitab Suci diatas dapat dipacah menjadi beberapa proses
kecil yang dapat dilihat dari sisi Pengunjung Situs dan dari sisi
Administrator.
45
III.7.1. DAD Level 1 dari Sisi Pengunjung Situs untuk proses Sistem Web
Kitab Suci
Gambar 3.6 DAD Level 1 dari sisi pengunjung situs
untuk proses Sistem Web Kitab Suci
46
Dalam Diagram Arus Data (DAD) Level 1 Sistem Web Kitab Suci diatas,
dapat diketahui bahwa terdapat 4 (empat) proses yaitu:
1. Proses Pencarian Data Ayat
Pada proses ini pengunjung situs dapat mencari data ayat berdasarkan
kata kunci perikop atau berdasarkan kata kunci tema. Pada proses
tersebut akan memberikan keluaran berupa hasil pencarian data ayat
berdasarkan kata kunci perikop atau berupa hasil pencarian data ayat
berdasarkan kata kunci tema.
2. Proses Validasi Anggota
Pada proses ini pengunjung situs dapat melakukan login anggota dengan
memasukkan username dan password. Login anggota digunakan untuk
dapat melakukan penulisan sharing. Selain itu pengunjung dapat juga
melakukan logout anggota dan perbaikan profil anggota. Pada masing
masing masukkan, akan mendapat keluaran dari proses berupa pesan
yaitu pesan informasi keberhasilan login, pesan informasi keberhasilan
logout, dan pesan informasi keberhasilan perbaikan profil anggota.
3. Proses Penulisan Sharing
Proses ini dapat dilakukan jika data login anggota yang dilakukan oleh
pengunjung situs itu benar atau valid. Pada proses ini pengunjung dapat
memberi masukkan berupa data penulisan sharing. Data penulisan
sharing tersebut oleh proses akan disimpan ke dalam tabel penyimpanan
data sharing dan akan mendapat keluaran berupa pesan informasi
47
keberhasilan penulisan sharing serta informasi bahwa halaman sharing
sudah terupdate.
4. Proses Penulisan Buku Tamu
Pada proses ini pengunjung situs dapat memberi masukkan berupa data
penulisan buku tamu. Data penulisan buku tamu tersebut oleh proses
akan disimpan ke dalam tabel penyimpanan data buku tamu dan akan
mendapat keluaran berupa pesan informasi keberhasilan penulisan buku
tamu.
III.7.1.1. DAD Level 2 dari sisi pengunjung situs untuk proses 1.
Pencarian Data Ayat
Pengunjung Situs
Perikop
Pencarian Data Ayat berdasarkan
Kata Kunci Perikop
Pencarian Data Ayat berdasarkan Kata Kunci Tema
Ayat
1.1
1.2
data ayat
data perikop
data ayat
Tema data tema
kata kunci perikop
kata kunci tema
hasil pencarian data ayat berdasarkan kata kunci perikop
hasil pencarian data ayat berdasarkan kata kunci tema
Gambar 3.7 DAD Level 2 dari sisi pengunjung situs
48
untuk proses 1. Pencarian Data Ayat
Dalam Diagram Arus Data (DAD) Level 2 untuk proses 1. Pencarian Data
Ayat diatas, dapat diketahui bahwa terdapat 2 (dua) proses yaitu:
1. Proses Pencarian Data Ayat berdasarkan Kata Kunci Perikop
Pada proses ini pengunjung situs dapat memberi masukkan berupa kata
kunci perikop. Kata kunci perikop yang dimasukkan oleh pengunjung
situs akan dicari di tabel penyimpanan data perikop oleh sistem, dan
akan mendapat keluaran berupa hasil pencarian data ayat berdasarkan
kata kunci perikop yang dicari.
2. Proses Pancarian Data Ayat berdasarkan Kata Kunci Tema.
Pada proses ini pengunjung situs dapat memberi masukkan berupa kata
kunci tema. Kata kunci tema yang dimasukkan oleh pengunjung situs
akan dicari di tabel penyimpanan data tema oleh sistem, dan akan
mendapat keluaran berupa hasil pencarian data ayat berdasarkan kata
kunci ayat yang dicari.
49
III.7.1.2. DAD Level 2 dari sisi pengunjung situs untuk proses 2.
Validasi Anggota
Pengunjung Situs
Perbaikan Profil Anggota
Logout Anggota
Login Anggota
Anggota
data profil anggota yang diperbaiki
data anggota
2.1
2.2
2.3
username_anggota
username_anggota, password_anggota
data anggota
username_anggota, password_ anggota
pesan informasi keberhasilan login
username_anggota
pesan informasi keberhasilan logout
data perbaikan profil anggota
pesan informasi keberhasilan perbaikan profil anggota
data login anggota valid
Gambar 3.8 DAD Level 2 dari sisi pengunjung situs
untuk proses 2. Validasi Anggota
Dalam Diagram Arus Data (DAD) Level 2 untuk proses 2. Validasi
Anggota diatas, dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:
1. Proses Login Anggota
Pada Proses Login, pengunjung situs dapat memasukkan username dan
password, dan akan mendapat keluaran berupa pesan informasi
50
keberhasilan login. Proses login ini harus dilakukan jika pengunjung
situs hendak melakukan sharing.
2. Proses Logout Anggota
Proses ini digunakan pengunjung situs untuk keluar dari proses validasi
anggota.
3. Proses Perbaikan Profil Anggota
Pada proses ini, yang dapat melakukan perbaikan profil anggota ialah
pengunjung situs yang sudah menjadi anggota. Pengunjung situs dapat
memberi masukkan berupa data perbaikan profil anggota ke proses
perbaikan profil anggota. Oleh proses tersebut data perbaikan profil
yang dimasukkan pengunjung situs akan di simpan ke tabel
penyimpanan data anggota, dan akan mendapat keluaran berupa pesan
informasi keberhasilan perbaikan profil anggota.
51
III.7.2. DAD Level 1 dari Sisi Administrator untuk proses Sistem Web
Kitab Suci
Administrator
Validasi Administrator
1
Pengelolaan Data Kitab Suci
2
Pengelolaan Data Non Kitab
Suci
3
Administrator
Ayat
Perikop
Tema
Anggota
Sharing
Cerita Bermakna
Narasumber
Renungan
data login administrator valid
data login administrtor valid
username_admin, password_admin, data perbaikan profil administrtor
username_admin, password_admin, data profil administrtor yang diperbaiki
data administrator pesan informasi keberhasilan
data ayat
data perikop
data tema
data ayat baru, data perikop baru, data tema baru, data perbaikan, data penghapusan,
pesan informasi keberhasilan, pesan kesalahan,
data ayat baru, data ayat yang diperbaiki, data ayat yang dihapus
data perikop baru, data perikop yang diperbaiki, data perikop yang dihapus
data tema baru, data tema yang diperbaiki, data tema yang dihapus
data sharing baru, data cerita bermakna baru, data narasumber baru, data renungan baru, data perbaikan, data penghapusan,
data anggota
data sharing
data cerita bermakna
data narasumber
data renungan
data anggota yang diperbaiki, data anggota yang dihapus
data sharing baru, data sharing yang diperbaiki, data sharing yang dihapus
data cerita bermakna baru, data cerita bermakna yang diperbaiki, data cerita bermakna yang dihapus
data narasumber baru, data narasumber yang diperbaiki, data narasumber yang dihapus
data renungan baru, data renungan yang diperbaiki, data renungan yang dihapus
pesan informasi keberhasilan, pesan kesalahan,
52
Gambar 3.9 DAD Level 1 dari sisi Administrator
untuk proses Sistem Web Kitab Suci
Dalam Diagram Arus Data (DAD) Level 1 Sistem Web Kitab Suci diatas,
dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:
1. Validasi Administrator
Pada proses ini, administrator dapat melakukan login dengan
memasukkan username dan password. Login administrator digunakan
dengan tujuan supaya semua orang tidak dapat melakukan perubahan
pada sistem seperti hak yang dimiliki administrator. Jika login yang
dilakukan oleh administrator tersebut benar, maka administrator dapat
masuk ke menu utama dari adminstrator. Selain itu, administrator dapat
melakukan logout dan perbaikan profil administrator. Masingmasing
data yang masuk ke proses, akan mendapat keluaran berupa pesan yaitu
pesan informasi keberhasilan login, pesan informasi keberhasilan logout,
dan informasi keberhasilan perbaikan profil anggota.
2. Proses Pengelolaan Data Kitab Suci
Proses Pengelolaan Data Kitab Suci dapat dilakukan jika data login
administrator benar atau valid. Administrator dapat memberi masukan
berupa data penambahan, perbaikan, dan penghapusan pada semua data
yaitu data ayat, data perikop, dan data tema. Masingmasing masukkan
akan mendapat keluaran dari proses berupa pesan yaitu pesan informasi
53
keberhasilan (penambahan, perubahan, dan penghapusan) pada data
ayat, perikop, dan tema.
3. Proses Pengelolaan Data Non Kitab Suci
Proses Pengelolaan Data Non Kitab Suci dapat dilakukan jika data login
administartor benar atau valid. Administartor dapat memberi masukkan
ke proses berupa data penambahan, perbaikan, dan penghapusan pada
semua data yaitu pada data sharing, data cerita bermakna, data
narasumber, dan data renungan. Selain itu administrator juga dapat
melakukan perbaikan, dan penghapusan pada data anggota, dan dapat
pula melakukan penghapusan pada data buku tamu. Pada masingmasing
perubahan yang dilakukan oleh administrator akan mendapat keluaran
berupa pesan informasi keberhasilan (penambahan, perbaikan, dan
penghapusan) data sharing, data cerita bermakna, data narasumber, dan
data renungan dari sistem tersebut.
54
III.7.2.1 DAD Level 2 dari Sisi Administrator untuk proses 1.
Validasi Administrator
Gambar 3.10 DAD Level 2 dari sisi Administrator
untuk proses 1. Validasi Administrator
Dalam Diagram Arus Data (DAD) Level 2 untuk proses 1. Validasi
Administrator diatas, dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:
55
1. Proses Login Administrator
Pada Proses Login, administrator dapat memasukkan username dan
password, dan akan mendapat keluaran berupa pesan informasi
keberhasilan login. Proses login ini harus dilakukan jika administrator
hendak melakukan perubahan pada suatu data.
2. Proses Logout Administrator
Proses ini digunakan administrator untuk keluar dari proses Pengelolaan
Otentikasi Administrator.
3. Proses Perbaikan Profil Administrator
Pada proses ini, administrator dapat melakukan perbaikan profil
administartor dengan memberi masukkan berupa data perbaikan profil
administartor ke proses perbaikan profil administrator. Oleh proses
tersebut data perbaikan profil administrator yang dimasukkan akan di
simpan ke tabel penyimpanan data administrator, dan akan mendapat
keluaran berupa pesan informasi keberhasilan perbaikan profil
administrator.
56
III.7.2.2. DAD Level 2 dari Sisi Administrator untuk proses 2.
Pengelolaan Data Kitab Suci
Administrator
Pengelolaan Data Ayat
Pengelolaan Data Perikop
Pengelolaan Data Tema
2.1
2.2
2.3
Ayat
Perikop
Tema
data ayat baru, data perbaikan ayat, data penghapusan ayat
data perikop baru, data perbaikan perikop, data penghapusan perikop
data tema baru, data perbaikan tema, data penghapusan tema
data ayat
data perikop
data tema
data login administrtor valid
data login administrtor valid
data login administrtor valid
pesan kesalahan, pesan informasi keberhasilan
pesan kesalahan, pesan informasi keberhasilan
pesan kesalahan, pesan informasi keberhasilan
data ayat baru, data ayat yang diperbaiki, data ayat yang dihapus
data perikop baru, data perikop yang diperbaiki, data perikop yang dihapus
data tema baru, data tema yang diperbaiki, data tema yang dihapus
Gambar 3.11 DAD Data Level 2 dari sisi Administrator
untuk proses 2. Pengelolaan Data Kitab Suci
Dalam Diagram Arus Data (DAD) Level 2 untuk proses 2. Pengelolaan
Data Kitab Suci diatas, dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:
57
1. Proses Pengelolaan Data Ayat
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa penambahan data ayat, perbaikan data ayat, dan
penghapusan data ayat. Masingmasing dari masukan akan mendapat
keluaran berupa pesan yaitu pesan informasi keberhasilan penambahan
data ayat, pesan informasi perbaikan data ayat, dan pesan informasi
keberhasilan penghapusan data ayat.
2. Proses Pengelolaan Data Perikop
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa penambahan data perikop, perbaikan data perikop, dan
penghapusan data perikop. Masingmasing dari masukan akan mendapat
keluaran berupa pesan yaitu pesan informasi keberhasilan penambahan
data perikop, pesan informasi perbaikan data perikop, pesan kesalahan
penghapusan data perikop, dan pesan informasi keberhasilan
penghapusan data perikop.
3. Proses Pengelolaan Data Tema
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa penambahan data tema, perbaikan data tema, dan
penghapusan data tema. Masingmasing dari masukan akan mendapat
keluaran berupa pesan yaitu pesan informasi keberhasilan penambahan
58
data tema, pesan informasi perbaikan data tema, pesan kesalahan
penghapusan data tema, dan pesan informasi keberhasilan penghapusan
data tema.
III.7.2.3. DAD Level 2 dari Sisi Administrator Untuk Proses 3.
Pengelolaan Data Non Kitab Suci
Gambar 3.12 DAD Level 2 dari sisi Administrator
untuk proses 3. Pengelolaan Data Non Kitab Suci
59
Dalam Diagram Arus Data (DAD) Level 2 untuk proses 3. Pengelolaan
Data Non Kitab Suci, dapat diketahui bahwa terdapat 6 (enam) proses yaitu:
1. Proses Pengelolaan Data Anggota
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa perbaikan data anggota, dan penghapusan data anggota.
Masingmasing dari masukan akan mendapat keluaran berupa pesan
yaitu pesan informasi keberhasilan perbaikan data anggota, dan pesan
informasi keberhasilan penghapusan data anggota.
2. Proses Pengelolaan Data sharing
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa penambahan data sharing, perbaikan data sharing, dan
penghapusan data sharing. Masingmasing dari masukan akan mendapat
keluaran berupa pesan yaitu pesan informasi keberhasilan penambahan
data sharing, pesan informasi keberhasilan perbaikan data sharing, dan
pesan informasi keberhasilan penghapusan data sharing.
3. Proses Pengelolaan Data Cerita Bermakna
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa penambahan data cerita bermakna, perbaikan data cerita
bermakna, dan penghapusan data cerita bermakna. Masingmasing dari
60
masukan akan mendapat keluaran berupa pesan yaitu pesan informasi
keberhasilan penambahan data cerita bermakna, pesan informasi
keberhasilan perbaikan data cerita bermakna, dan pesan informasi
keberhasilan penghapusan data cerita bermakna.
4. Proses Pengelolaan Data Narasumber
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa penambahan data narasumber, perbaikan data
narasumber, dan penghapusan data narasumber. Masingmasing dari
masukan akan mendapat keluaran berupa pesan yaitu pesan informasi
keberhasilan penambahan data narasumber, pesan informasi
keberhasilan perbaikan data narasumber, dan pesan informasi
keberhasilan penghapusan data narasumber.
5. Proses Pengelolaan Data Renungan
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa penambahan data renungan, perbaikan data renungan,
dan penghapusan data renungan. Masingmasing dari masukan akan
mendapat keluaran berupa pesan yaitu pesan informasi keberhasilan
penambahan data renungan, pesan informasi keberhasilan perbaikan data
renungan, dan pesan informasi keberhasilan penghapusan data renungan.
6. Proses Penghapusan Data Buku Tamu
61
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memebri
masukan berupa penghapusan data buku tamu, dan akan mendapat
keluaran berupa pesan informasi keberhasilan penghapusan data buku
tamu.
III.7.2.4. DAD Level 3 dari Sisi Administrator Untuk Proses 2.1
Pengelolaan Data Ayat
Gambar 3.13 DAD Level 3 dari sisi Administrator
untuk proses 2.1. Pengelolaan Data Ayat
62
Dalam Diagram Arus Data (DAD) Level 3 untuk proses 2.1. Pengelolaan
Data Ayat, dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:
1. Proses Penambahan Data Ayat
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data ayat baru. Data ayat baru akan disimpan ke dalam
tabel penyimpanan data ayat, dan akan mendapat keluaran berupa pesan
yaitu pesan kesalahan penambahan data ayat, dan pesan informasi
keberhasilan penambahan data ayat.
2. Proses Perbaikan Data Ayat
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data perbaikan ayat. Data ayat yang diperbaiki akan
disimpan ke dalam tabel penyimpanan data ayat, dan akan mendapat
keluaran berupa pesan yaitu pesan kesalahan perbaikan data ayat, dan
pesan informasi keberhasilan perbaikan data ayat.
3. Proses Penghapusan Data Ayat
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data penghapusan ayat. Data ayat yang dihapus akan
disimpan ke dalam tabel penyimpanan data ayat, dan akan mendapat
keluaran berupa pesan informasi keberhasilan penghapusan data ayat.
63
III.7.2.5. DAD Level 3 dari Sisi Administrator Untuk Proses 2.2.
Pengelolaan Data Perikop
Administrator
Penambahan Data Perikop
Perikop Perbaikan Data
Perikop
Penghapusan Data Perikop
2.2.1
2.2.2
2.2.3 data perikop yang dihapus
data perikop yang diperbaiki
data perikop baru
data perikop
data perikop
data perikop
data login administrator valid
data login administrator valid
data login administrator valid
data perikop baru
pesan kesalahan penambahan data perikop, pesan informasi keberhasilan penambahan data perikop
data perbaikan perikop
pesan kesalahan perbaikan data perikop, pesan informasi keberhasilan perbaikan data perikop
pesan kesalahan penghapusan data perikop, pesan informasi keberhasilan penghapusan data perikop
data penghapusan perikop
Gambar 3.14 DAD Level 3 dari sisi Administrator
untuk proses 2.2. Pengelolaan Data Perikop
Dalam Diagram Arus Data (DAD) Level 3 untuk proses 2.2. Pengelolaan
Data Perikop, dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:
1. Proses Penambahan Data Perikop
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data perikop baru. Data perikop baru akan disimpan ke
64
dalam tabel penyimpanan data perikop, dan akan mendapat keluaran
berupa pesan yaitu pesan kesalahan penambahan data perikop, dan pesan
informasi keberhasilan penambahan data perikop.
2. Proses Perbaikan Data Perikop
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data perbaikan perikop. Data perikop yang diperbaiki
akan disimpan ke dalam tabel penyimpanan data perikop, dan akan
mendapat keluaran berupa pesan yaitu pesan kesalahan perbaikan data
perikop, dan pesan informasi keberhasilan perbaikan data perikop.
3. Proses Penghapusan Data Perikop
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data penghapusan perikop. Data perikop yang dihapus
akan disimpan ke dalam tabel penyimpanan data perikop, dan akan
mendapat keluaran berupa pesan kesalahan penghapusan data perikop,
dan pesan informasi keberhasilan penghapusan data perikop.
65
II.7.2.6. DAD Level 3 dari Sisi Administrator Untuk Proses 2.3.
Pengelolaan Data Tema
Gambar 3.15 DAD Level 3 dari sisi Administrator
untuk proses 2.3. Pengelolaan Data Tema
Dalam Diagram Arus Data (DAD) Level 3 untuk proses 2.3. Pengelolaan
Data Tema, dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:
1. Proses Penambahan Data Tema
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data tema baru. Data tema baru akan disimpan ke dalam
66
tabel penyimpanan data tema, dan akan mendapat keluaran berupa pesan
yaitu pesan kesalahan penambahan data tema, dan pesan informasi
keberhasilan penambahan data tema.
2. Proses Perbaikan Data Tema
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data perbaikan tema. Data tema yang diperbaiki akan
disimpan ke dalam tabel penyimpanan data tema, dan akan mendapat
keluaran berupa pesan yaitu pesan kesalahan perbaikan data tema, dan
pesan informasi keberhasilan perbaikan data tema.
3. Proses Penghapusan Data Tema
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data penghapusan tema. Data tema yang dihapus akan
disimpan ke dalam tabel penyimpanan data tema, dan akan mendapat
keluaran berupa pesan kesalahan penghapusan data tema, dan pesan
informasi keberhasilan penghapusan data tema.
67
III.7.2.7. DAD Level 3 dari Sisi Administrator Untuk Proses 3.1.
Pengelolaan Data Anggota
Gambar 3.16 DAD Level 3 dari sisi Administrator
untuk proses 3.1. Pengelolaan Data Anggota
Dalam Diagram Arus Data (DAD) Level 3 untuk proses 3.1. Pengelolaan
Data Anggota, dapat diketahui bahwa terdapat 2 (dua) proses yaitu:
1. Proses Perbaikan Data Anggota
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat melakukan
aktivasi dengan mengubah status pada data calon anggota dari status=0
menjadi status=1. selain itu administrator dapat memberi masukan
berupa data perbaikan anggota. Data anggota yang diperbaiki akan
disimpan ke dalam tabel penyimpanan data anggota, dan akan mendapat
68
keluaran berupa pesan yaitu pesan kesalahan perbaikan data anggota,
dan pesan informasi keberhasilan perbaikan data anggota.
2. Proses Penghapusan Data Anggota
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data penghapusan anggota. Data anggota yang dihapus
akan disimpan ke dalam tabel penyimpanan data anggota, dan akan
mendapat keluaran berupa pesan informasi keberhasilan penghapusan
data anggota.
III.7.2.8. DAD Level 3 dari Sisi Administrator Untuk Proses 3.2.
Pengelolaan Data Sharing
Gambar 3.17 DAD Level 3 dari sisi Administrator
untuk proses 3.2 Pengelolaan Data Sharing
69
Dalam Diagram Arus Data (DAD) Level 3 untuk proses 3.2. Pengelolaan
Data Sharing, dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:
1. Proses Penambahan Data Sharing
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data sharing baru. Data sharing baru akan disimpan ke
dalam tabel penyimpanan data sharing, dan akan mendapat keluaran
berupa pesan yaitu pesan kesalahan penambahan data sharing, dan pesan
informasi keberhasilan penambahan data sharing.
2. Proses Perbaikan Data Sharing
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data perbaikan sharing. Data sharing yang diperbaiki
akan disimpan ke dalam tabel penyimpanan data sharing, dan akan
mendapat keluaran berupa pesan yaitu pesan kesalahan perbaikan data
sharing, dan pesan informasi keberhasilan perbaikan data sharing.
3. Proses Penghapusan Data Sharing
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data penghapusan sharing. Data sharing yang dihapus
akan disimpan ke dalam tabel penyimpanan data sharing, dan akan
mendapat keluaran berupa pesan informasi keberhasilan penghapusan
data sharing.
70
III.7.2.9. DAD Level 3 dari Sisi Administrator Untuk Proses 3.3.
Pengelolaan Data Cerita Bermakna
Administrator
Penambahan Data Cerita Bermakna
Perbaikan Data Cerita Bermakna
Penghapusan Data Cerita Bermakna
Cerita Bermakna
data cerita bermakna
data cerita bermakna
data cerita bermakna
data cerita bermakna baru
data cerita bermakna yang diperbaiki
data cerita bermakna yang dihapus
3.3.1
3.3.2
3.3.3
data cerita bermakna baru
data perbaikan cerita bermakna
data penghapusan cerita bermakna
pesan kesalahan penambahan data cerita bermakna, pesan informasi keberhasilan penambahan data cerita bermakna
pesan kesalahan perbaikan data cerita bermakna, pesan informasi keberhasilan perbaikan data cerita bermakna
pesan kesalahan penghapusan data cerita bermakna, pesan informasi keberhasilan penghapusan data cerita bermakna
data login administrator valid
data login administrator valid
data login administrator valid
Gambar 3.18 DAD Level 3 dari sisi Administrator
untuk proses 3.3. Pengelolaan Data Cerita Bermakna
Dalam Diagram Arus Data (DAD) Level 3 untuk proses 3.3. Pengelolaan
Data Cerita Bermakna, dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:
1. Proses Penambahan Data Cerita Bermakna
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
71
masukan berupa data cerita bermakna baru. Data cerita bermakna baru
akan disimpan ke dalam tabel penyimpanan data cerita bermakna, dan
akan mendapat keluaran berupa pesan yaitu pesan kesalahan
penambahan data cerita bermakna, dan pesan informasi keberhasilan
penambahan data cerita bermakna.
2. Proses Perbaikan Data Cerita Bermakna
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data perbaikan cerita bermakna. Data cerita bermakna
yang diperbaiki akan disimpan ke dalam tabel penyimpanan data cerita
bermakna, dan akan mendapat keluaran berupa pesan yaitu pesan
kesalahan perbaikan data cerita bermakna, dan pesan informasi
keberhasilan perbaikan data cerita bermakna.
3. Proses Penghapusan Data Cerita Bermakna
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data penghapusan cerita bermakna. Data cerita
bermakna yang dihapus akan disimpan ke dalam tabel penyimpanan data
cerita bermakna, dan akan mendapat keluaran berupa pesan informasi
keberhasilan penghapusan data cerita bermakna.
72
III.7.2.10. DAD Level 3 dari Sisi Administrator Untuk Proses
3.4. Pengelolaan Data Narasumber
Gambar 3.19 DAD Level 3 dari sisi Administrator
untuk proses 3.4 Pengelolaan Data Narasumber
Dalam Diagram Arus Data (DAD) Level 3untuk proses 3.4. Pengelolaan
Data Narasumber, dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:
1. Proses Penambahan Data Narasumber
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
73
masukan berupa data narasumber baru. Data narasumber baru akan
disimpan ke dalam tabel penyimpanan data narasumber, dan akan
mendapat keluaran berupa pesan yaitu pesan kesalahan penambahan
data narasumber, dan pesan informasi keberhasilan penambahan data
narasumber.
2. Proses Perbaikan Data Narasumber
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data perbaikan narasumber. Data narasumber yang
diperbaiki akan disimpan ke dalam tabel penyimpanan data narasumber,
dan akan mendapat keluaran berupa pesan yaitu pesan kesalahan
perbaikan data narasumber, dan pesan informasi keberhasilan perbaikan
data narasumber.
3. Proses Penghapusan Data Narasumber
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data penghapusan narasumber. Data narasumber yang
dihapus akan disimpan ke dalam tabel penyimpanan data narasumber,
dan akan mendapat keluaran berupa pesan informasi keberhasilan
penghapusan data narasumber.
74
III.7.2.11. DAD Level 3 dari Sisi Administrator Untuk Proses
3.5 Pengelolaan Data Renungan
Gambar 3.20 DAD Level 3 dari sisi Administrator
untuk proses 3.5. Pengelolaan Data Renungan
Dalam Diagram Arus Data (DAD) Level 3 untuk proses 3.5. Pengelolaan
Data Renungan, dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:
75
1. Proses Penambahan Data Renungan
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data renungan baru. Data renungan baru akan disimpan
ke dalam tabel penyimpanan data renungan, dan akan mendapat
keluaran berupa pesan yaitu pesan kesalahan penambahan data
renungan, dan pesan informasi keberhasilan penambahan data renungan.
2. Proses Perbaikan Data Renungan
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data perbaikan renungan. Data renungan yang
diperbaiki akan disimpan ke dalam tabel penyimpanan data renungan,
dan akan mendapat keluaran berupa pesan yaitu pesan kesalahan
perbaikan data renungan, dan pesan informasi keberhasilan perbaikan
data renungan.
3. Proses Penghapusan Data Renungan
Proses ini dapat dilakukan jika data login administrator yang dilakukan
oleh administrator itu benar atau valid. Administrator dapat memberi
masukan berupa data penghapusan renungan. Data renungan yang
dihapus akan disimpan ke dalam tabel penyimpanan data renungan, dan
akan mendapat keluaran berupa pesan informasi keberhasilan
penghapusan data renungan.
76
III.8. Perancangan Basis Data
a. ER (Entity Relationship)
Sistem Pembelajaran Kitab Suci ini menyimpan data ayat, data
perikop, data tema, data sharing, data anggota yang melakukan
sharing. Kondisi yang terjadi dalam sistem Pembelajaran Kitab Suci
yaitu:
1. Setiap data ayat yang masuk pada sistem akan diberi ID ayat yang
berbedabeda oleh sistem secara otomatis. ID ayat ini digunakan
untuk membedakan data ayat yang satu dengan data ayat yang
lain. Selain itu, sistem menyimpan nomer bab, nomer ayat, dan isi
ayat untuk mengetahui lebih detail data ayat tersebut.
2. Setiap data perikop yang masuk dalam sistem akan diberi ID
perikop yang berbedabeda. ID perikop tersebut digunakan untuk
membedakan data perikop yang satu dengan data perikop yang
lain. Selain ID perikop, data perikop yang perlu disimpan yaitu
judul perikop, deskripsi singkat dari perikop, tafsir, dan kata kunci
yang digunakan pada data perikop tersebut.
3. Pada data tema sama dengan data ayat dan data perikop. Setiap
data tema yang masuk dalam sistem akan diberi ID tema secara
otomatis oleh sistem. ID tema tersebut digunakan untuk
membedakan data tema yang satu dengan data tema yang lain.
77
Selain ID tema data tema yang disimpan yaitu nama tema, dan
kata kunci tema yang digunakan pada data tema tersebut.
4. Untuk melakukan sharing, pengunjung situs harus terlebih dahulu
melakukan login. Namun sebelum melakukan login, jika
pengunjung situs belum terdaftar sebagai anggota, maka wajib
terlebih dahulu melakukan pendaftaran. Identitas dari pengunjung
situs yang disimpan meliputi nama anggota, alamat anggota, jenis
kelamin, telepon, email, username, dan password yang digunakan
untuk login anggota.
5. Anggota yang melakukan sharing akan ditampilkan waktu saat
anggota memasukkan sharing. selain itu anggota dapat menuliskan
banyak sharing berdasarkan tema yang dipilih.
Langkahlangkah untuk membuat Diagram Relasi Entitas (ER) yaitu
sebagai berikut:
1. Mengidentifikasi entitas yang terlibat :
Pada sistem mempunyai 5 (lima) entitas yang terlibat yaitu entitas
ayat, entitas perikop, entitas tema, entitas sharing, dan entitas
anggota.
2. Menentukan atribut key dari masingmasing entitas yang terlibat
Atribut key yang terdapat pada setiap entitas berfungsi sebagai
pengidentifikasi setiap entitas yang ada didalamnya. Atribut key
pada entitas ayat yaitu id_ayat, pada entitas perikop yaitu
78
id_perikop, pada entitas tema yaitu id_tema, pada entitas sharing
yaitu id_sharing, dan pada entitas anggota yaitu id_anggota.
3. Mengidentifikasi relasi dari entitas
Dalam sistem ini terdapat 4 (empat) relasi yaitu relasi bagian dari
merupakan relasi antara entitas ayat dan entitas perikop, relasi
sesuai dengan merupakan relasi antara entitas ayat dengan entitas
tema, relasi diisi merupakan relasi antara entitas tema dengan
entitas sharing, dan relasi kirim merupakan relasi antara entitas
sharing dengan entitas anggota.
4. Menentukan kardinalitas dan kendala keikutsertaan dari relasi
Pada relasi bagian dari, semua ayat yang masuk dalam
sistem merupakan bagian dari perikop. Sehingga kardinalitas relasi
antara entitas ayat dengan entitas perikop adalah Manytoone, dan
kendala keikutsertaan relasi antara entitas ayat dan entitas perikop
adalah totaltotal.
Pada relasi sesuai dengan, banyak ayat sesuai dengan satu
tema. Sehingga kardinalitas relasi antara entitas ayat dengan
entitas tema adalah manytoone, dan kendala keikutsertaan relasi
antara entitas ayat dan entitas tema adalah totalparsial.
Pada relasi diisi, satu tema diisi banyak sharing. Sehingga
kardinalitas relasi antara entitas tema dengan entitas sharing
79
adalah onetomany, dan kendala keikutsertaan relasi antara entitas
tema dan entitas sharing adalah totaltotal.
Pada relasi kirim, satu anggota kirim banyak sharing.
Sehingga kardinalitas relasi antara entitas anggota dengan entitas
sharing adalah onetomany, dan kendala keikutsertaan relasi
antara entitas anggota dan entitas sharing adalah totalparsial.
5. Melengkapi dengan atributatribut nonkey dalam stiap entitas
yang terlibat.
§ Ayat (id_ayat, no_bab, no_ayat, isi_ayat)
§ Perikop (id_perikop, judul_perikop, des_singkat, tafsir,
katakunci_perikop)
§ Tema (id_tema, nama_tema, katakunci_tema)
§ Sharing (id_sharing, isi_sharing, tanggal_sharing,
waktu_sharing)
§ Anggota (id_anggota, nama_anggota, alamat_anggota,
sex_anggota, tlp_anggota, email_anggota,
username_anggota, password_anggota,
tanggal_anggota)
80
Gambar 3.21 Diagram ER (Entity Relationship)
b. Mapping
Ayat (id_ayat, id_perikop, id_tema, no_bab, no_ayat, isi_ayat)
81
Perikop (id_perikop, judul_perikop, des_singkat, tafsir,
katakunci_perikop)
Tema (id_tema, nama_tema, katakunci_tema)
Sharing (id_sharing, id_tema, id_anggota, isi_sharing,
tanggal_sharing, waktu_sharing)
Anggota (id_anggota, nama_anggota, alamat_anggota, sex_anggota,
tlp_anggota, email_anggota, username_anggota,
password_anggota, tanggal_anggota, status)
Tabel Ayat
Tabel Perikop
Tabel Tema
Tabel Sharing
id_ayat id_perikop id_tema no_bab no_ayat isi_ayat
id_perikop judul_ perikop
des_singkat tafsir katakunci_perikop
id_tema nama_tema katakunci_tema
id_sharing id_tema id_anggota isi_ waktu_ tanggal_
82
Tabel Anggota
c. Relasi Ternormalisasi
Basis data dalam suatu sistem harus mengalami proses normalisasi.
Syarat normalisasi basis data meliputi:
1. Bentuk normalisasi yang pertama (1st NF)
Syarat bentuk normal yang pertama memiliki ketentuan yaitu:
a. Tidak terdapat multivalue atribut.
b. Tidak terdapat composite atribut (atribut yang dapat terbagi
lagi).
c. Fieldfield yang terdapat didalam tabel harus atomik (tidak
dapat dibagibagi)
Ayat (id_ayat, id_perikop, id_tema, no_bab, no_ayat, isi_ayat)
id_ayat id_perikop id_tema no_bab no_ayat isi_ayat
sharing sharing sharing
id _ ang got a
nama
_ang gota
alama t
_angg ota
sex _ang gota
tlp _ang gota
email _angg ota
usern ame _angg ota
passw ord _angg ota
tang gal _ang gota
statu s
83
Perikop (id_perikop,judul_perikop,des_singkat,tafsir,
katakunci_perikop)
id_perikop judul_perikop des_singkat tafsir katakunci_perikop
Tema (id_tema, nama_tema, katakunci_tema)
id_tema nama_tema katakunci_tema
Sharing (id_sharing, id_tema, id_anggota, isi_sharing,
waktu_sharing, tanggal_sharing)
id_sharing id_tema id_anggota isi_sharing waktu_sharing tanggal_sharing
Anggota (id_anggota, nama_anggota, alamat_anggota,
sex_anggota, tlp_anggota, email_anggota, username_anggota,
password_anggota, tanggal_anggota, status)
id_ angg
nama _ang gota
alam at_an ggota
sex _anggo ta
tlp_ angg ota
email _anggo
ta
usern ame _angg ota
passwo rd_
anggot a
tangg al
_angg ota
status
2. Bentuk normal yang kedua (2nd NF)
Syarat bentuk normal yang kedua memiliki ketentuan yaitu harus
memenuhi syarat normal pertama (1st NF) dan memenuhi aturan
Fully Functional Dependency (atribut yang bukan key bergantung
pada atribut key)
84
Ayat (id_ayat, id_perikop, id_tema, no_bab, no_ayat, isi_ayat)
Perikop (id_perikop, judul_perikop, des_singkat, tafsir,
katakunci_perikop)
Tema (id_tema, nama_tema, katakunci_tema)
Sharing (id_sharing, id_tema, id_anggota, isi_sharing,
waktu_sharing, tanggal_sharing
Anggota (id_anggota, nama_anggota, alamat_anggota,
sex_anggota, tlp_anggota, email_anggota, username_anggota,
password_anggota, tanggal_anggota, status
85
3. Bentuk normal yang ketiga (3rd NF)
Syarat bentuk normal yang ketiga memiliki ketentuan yaitu:
a. Sudah memenuhi syarat normal yang kedua (2nd NF)
b. Setiap atribut bukan kunci tidak memiliki dependensi
transitif yaitu nonkey atribut tidak bergantung pada nonkey
atribut yang lain.
Ayat (id_ayat, id_perikop, id_tema, no_bab, no_ayat, isi_ayat)
Perikop (id_perikop, judul_perikop, des_singkat, tafsir,
katakunci_perikop)
Tema (id_tema, nama_tema, katakunci_tema)
Sharing (id_sharing, id_tema, id_anggota, isi_sharing,
waktu_sharing, tanggal_sharing)
Anggota (id_anggota, nama_anggota, alamat_anggota,
sex_anggota, tlp_anggota, email_anggota,
username_anggota, password_anggota, tanggal_anggota,
status)
d. Kamus Data
Ayat = id_ayat + id_perikop + id_tema + no_bab + no_ayat + isi_ayat
legalchar = [AZ|az|’ ’| / | | ⋅ ]
numeric = [0|1|2|3|4|5|6|7|8|9]
id_ayat = numeric5
no_bab = numeric2
86
no_ayat = numeric4
isi_ayat = legalchar800
Perikop = id_perikop + judul_perikop + des_singkat + tafsir +
katakunci_perikop
id_perikop = numeric5
judul_perikop = legalchar50
des_singkat = legalchar200
tafsir = legalchar800
katakunci_perikop= legalchar25
Tema = id_tema + nama_tema + katakunci_tema
id_tema = numeric5
nama_tema = legalchar50
katakunci_tema = legalchar25
Sharing = id_sharing + id_tema + id_anggota + isi_sharing +
waktu_sharing + tanggal_sharing
id_sharing = numeric5
isi_sharing = legalchar500
waktu_sharing = datetime
datetime = date + time
date = [year] + [month] + [day]
87
year = 0|1|2|3|4|5|6|7|8|94
month = 0|1|2|3|4|5|6|7|8|92
day = 0|1|2|3|4|5|6|7|8|92
time = [hour] : [minute] : [second]
hour = 0|1|2|3|4|5|6|7|8|9|...|23
minute = 0|1|2|3|4|5|6|7|8|9|...|59
second = 0|1|2|3|4|5|6|7|8|9|...|59
tanggal_sharing = date
date = [year] + [month] + [day]
year = 0|1|2|3|4|5|6|7|8|94
month = 0|1|2|3|4|5|6|7|8|92
day = 0|1|2|3|4|5|6|7|8|92
Anggota = id_anggota + nama_anggota + alamat_anggota +
sex_anggota + tlp_anggota + email_anggota + username_anggota +
password_anggotaa + tanggal_anggota + status
id_anggota = numeric5
nama_anggota = legalchar30
alamat_anggota = legalchar50
sex_anggota = Pria|Wanita
tlp_anggota = legalchar15
email_anggota = legalchar30
username_angg = legalchar20
88
password_angg = legalchar15
tanggal_anggota = date
date = [year] + [month] + [day]
year = 0|1|2|3|4|5|6|7|8|94
month = 0|1|2|3|4|5|6|7|8|92
day = 0|1|2|3|4|5|6|7|8|92
status = 0|11
III.9. Rancangan Antar Muka
a. Rancangan antar muka untuk Pengunjung Situs
Gambar 3.22 Rancangan Menu Pencarian
Pada Menu Pencarian, pengunjung situs dapat mencari data
ayat kitab suci yang diinginkan sesuai dengan kata kunci yang ada
yaitu kata kunci PERIKOP atau kata kunci TEMA.
89
Gambar 3.23 Rancangan Halaman Utama Pengunjung Situs
Pada Halaman Utama ini, pengunjung situs dapat mencari
ayat yang diinginkan sesuai dengan kata kunci yang ada yaitu kata
kunci PERIKOP atau kata kunci TEMA. Selain dapat mencari,
pengunjung situs dapat melakukan SHARING dan penulisan BUKU
TAMU. Untuk dapat melakukan sharing, terlebih dahulu pengunjung
situs harus melakukan LOGIN ANGGOTA.
90
BANNER & SIMBOL ST.LUKAS
FOOTER
Siapa St. Lukas itu ?
KATA KUNCI CARI SLOGAN
TANGGAL MENU
PERIKOP TEMA
MENU LOGIN ANGGOTA
Username
Password
LOGIN DAFTAR
Simbol St.Lukas
Buku Tamu
Sharing
Gambar 3.24 Rancangan Menu Sekilas St. Lukas
Gambar 3.25 Rancangan Menu Sekilas St. Lukas
Pada menu Sekilas St. Lukas ini, dibagi menjadi dua sub
menu pilihan yaitu menu Siapa St. Lukas itu dan menu Jejak
Pelayanan St. Lukas. Pada menu Siapa St. Lukas itu, pengunjung situs
dapat mengetahui pribadi St. Lukas. Sedangkan pada menu Jejak
91
Pelayanan St. Lukas, pengunjung situs dapat mengetahui awal
perjalanan pelayanan St. Lukas.
Gambar 3.26 Rancangan Menu Tentang Injil Lukas
BANNER & SIMBOL ST.LUKAS
FOOTER
Tujuan Injil Lukas
KATA KUNCI CARI SLOGAN
TANGGAL MENU
PERIKOP TEMA
MENU LOGIN ANGGOTA
Username
Password
LOGIN DAFTAR
Simbol St.Lukas
Buku Tamu
Sharing
Gambar 3.27 Rancangan Menu Tentang Injil Lukas
92
Gambar 3.28 Rancangan Menu Tentang Injil Lukas
Gambar 3.29 Rancangan Menu Tentang Injil Lukas
Pada menu Tentang Injil Lukas ini, dibagi menjadi empat sub
menu pilihan yaitu menu Kapan dan Dimana Injil Lukas dibuat, menu
Tujuan Injil Lukas, menu Struktur Injil Lukas, dan menu Teologi Injil
93
Lukas. Pada menu Kapan dan Dimana Injil Lukas dibuat, pengunjung
situs dapat mengetahui asalusul Injil Lukas, pada menu Tujuan Injil
Lukas, pengunjung situs dapat mengetahui tujuan Injil Lukas dibuat,
pada menu Struktur Injil Lukas, pengunjung situs dapat mengetahui
asal mula struktur atau susunan Injil Lukas. Sedangkan pada menu
Teologi Injil Lukas, pengunjung situs dapat mengetahui bahasa
teologi yang di gunakan oleh St. Lukas.
Gambar 3.30 Rancangan Menu Tafsir Injil Lukas
Pada menu Tafsir Injil Lukas ini, pengunjung situs dapat
mengetahui tafsiran Injil Lukas berdasarkan perikop yang ada pada
Injil Lukas. Pada menu Tafsir Injil Lukas terdapat dua cara untuk
mengetahui tafsiran Injil Lukas yaitu pengunjung situs dapat memilih
judul perikop yang diinginkan pada menu pilihan judul perikop,
94
kemudian klik OK atau dengan cara mengklik DETAIL pada judul
perikop yang telah disediakan.
Gambar 3.31 Rancangan Menu Ayat Kunci
Pada menu Ayat Kunci ini, pengunjung situs dapat
mengetahui ayat Injil Lukas berdasarkan tema yang ada pada Injil
Lukas. Pengunjung situs dapat mencari ayat yang diinginkan dengan
cara memilih nama tema yang diinginkan, kemudian klik OK. Atau
dengan cara mengklik DETAIL pada nama tema yang telah
disediakan.
95
Gambar 3.32 Rancangan Menu Renungan
Pada menu Renungan ini, pengunjung situs dapat membaca
renungan yang update setiap minggu. Untuk melihat renungan,
pengunjung situs dapat mengklik pada judul renungan.
Gambar 3.33 Rancangan Menu Cerita Bermakna
96
Pada menu Cerita Bermakna ini, pengunjung situs dapat
melihat cerita bermakna dalam kehidupan seharihari. Pengunjung
situs dapat mengklik LIHAT ISI CERITA apa bila pengunjung situs
ingin membaca cerita bermakna tersebut, dan klik LIHAT
VISUALISASI CERITA jika pengunjung situs ingin melihat cerita
Gambar 3.34 Rancangan Menu Sharing
Pengunjung dapat mengisi Sharing, jika pengunjung telah
mendaftar sebagai anggota. Pada menu Sharing ini, anggota dapat
memilih tema yang akan di sharingkan sebelum mengisi sharing.
Untuk mengirimkan sharing tersebut anggota dapat mengklik
KIRIM. Namun jika anggota ingin membatalkan pengiriman sharing,
anggota dapat mengklik BATAL. Selain itu anggota dapat melihat
daftar sharing dengan mengklik LIHAT SHARING
97
Gambar 3.35 Rancangan Menu Pendaftaran Anggota
Pada Menu Pendaftaran Anggota ini, pengunjung situs dapat
menuliskan nama, alamat, jenis kelamin, telphon, email, username,
dan password yang digunakan untuk login. Untuk mengirim data
anggota tersebut, pengunjung dapat mengklik KIRIM, namun jika
pengunjung situs ingin membatalkan pendaftaran pengunjung situs
dapat mengklik BATAL. Selain itu pengunjung dapat melihat daftar
anggota dengan mengklik LIHAT ANGGOTA.
KONSULTASI
NARASUMBER : pilih :
NAMA :
EMAIL :
OK
Gambar 3.36 Rancangan Menu Konsultasi
98
Pada menu Konsultasi ini, pengunjung situs dapat
melakukan konsultasi dengan cara memilih narasumber yang
diinginkan kemudian klik OK. Pada menu Konsultasi akan
menampilkan nama dan email dari narasumber yang dipilih, dan klik
pada email untuk melakukan penulisan konsultasi.
Gambar 3.37 Rancangan Buku Tamu
Pada Menu Buku Tamu ini, pengunjung situs dapat
menuliskan nama, jenis kelamin, email, tanggapan, dan komentar.
Untuk mengirim data buku tamu tersebut, pengunjung dapat meng
klik KIRIM, namun jika pengunjung situs ingin membatalkan
penulisan pada Menu Buku Tamu pengunjung situs dapat mengklik
99
BATAL. Selain itu pengunjung dapat melihat daftar buku tamu
dengan mengklik Lihat Buku Tamu.
b. Rancangan antar muka untuk Administrator
Gambar 3.38 Rancangan Login Admin
Pada menu login administrator ini, administrator harus
mengisikan username dan password. Jika username dan password
masukan dari administrator tersebut benar, maka akan tampil halaman
konfirmasi Login Admin. Tetapi jika username atau password salah,
maka sistem akan menampilkan pesan bahwa username atau password
salah dan administrator tidak diijinkan untuk mengakses halaman
administrator.
100
SIMPAN
ID_AYAT
ID_PERIKOP
:
ID_TEMA
:
:
NOMOR BAB :
TAMBAH PERIKOP
TAMBAH TEMA
NOMOR AYAT :
ISI AYAT :
BATAL
pilih
pilih
<< disable >>
INPUT DATA AYAT
Gambar 3.39 Rancangan Input Data Ayat
Keterangan:
Menu Input Data Ayat ini digunakan untuk menambah data
ayat. Tombol TAMBAH PERIKOP yang ada pada menu Input
Data Ayat digunakan untuk menambah data perikop, sedangkan
tombol TAMBAH TEMA digunakan untuk menambah data tema.
Pada menu Input Data Ayat ini administrator dapat menyimpan
data ayat tersebut dengan mengklik SIMPAN dan secara otomatis
data akan tersimpan pada tabel ayat dan form akan kosong, tetapi
jika administrator ingin membatalkannya klik BATAL.
101
SIMPAN
ID_PERIKOP :
JUDUL :
: KATA KUNCI
: DESKRIPSI SINGKAT
TAFSIR :
BATAL
<< disable >>
INPUT DATA PERIKOP
Gambar 3.40 Rancangan Input Data Perikop
Keterangan:
Menu Input Data Perikop ini digunakan untuk menambah
data perikop. Untuk menuliskan kata kunci pada kolom kata kunci
setiap kata kunci yang satu dengan kata kunci yang lain dipisahkan
dengan tanda koma (,). Sedangkan untuk menyimpan data perikop
tersebut klik SIMPAN dan secara otomatis data akan tersimpan
pada tabel perikop dan form akan kosong, tetapi jika administrator
ingin membatalkannya klik BATAL.
102
Gambar 3.41 Rancangan Input Data Tema
Keterangan:
Menu Input Data Tema ini digunakan untuk menambah
data tema. Untuk menuliskan kata kunci pada kolom kata kunci
setiap kata kunci yang satu dengan kata kunci yang lain dipisahkan
dengan tanda koma (,). Sedangkan untuk menyimpan data tema
tersebut klik SIMPAN dan secara otomatis data akan tersimpan
pada tabel tema dan form akan kosong, tetapi jika administrator
ingin membatalkannya klik BATAL.
Gambar 3.42 Rancangan Input Data Sharing
Keterangan:
Menu Input Data Sharing ini digunakan untuk menambah
data sharing. Untuk menyimpan data sharing tersebut klik
103
SIMPAN dan secara otomatis data akan tersimpan pada tabel
sharing dan form akan kosong, tetapi jika administrator ingin
membatalkannya klik BATAL.
Gambar 3.43 Rancangan Input Data Cerita
Bermakna
Keterangan:
Menu Input Data Cerita Bermakna ini digunakan untuk
menambah data cerita bermakna. Untuk menyimpan data cerita
bermakna tersebut klik SIMPAN dan secara otomatis data akan
tersimpan pada tabel dan form akan kosong, tetapi jika
administrator ingin membatalkannya klik BATAL.
.
104
Gambar 3.44 Rancangan Input Data Narasumber
Keterangan:
Menu Input Data Narasumber ini digunakan untuk
menambah data narasumber. Untuk menyimpan data narasumber
tersebut klik SIMPAN dan secara otomatis data akan tersimpan
pada tabel dan form akan kosong, tetapi jika administrator ingin
membatalkannya klik BATAL.
SIMPAN
ID_RENUNGAN :
JUDUL :
ISI RENUNGAN
BATAL
<< disable >>
:
INPUT DATA RENUNGAN
Gambar 3.45 Rancangan Input Data Renungan
105
Keterangan:
Menu Input Data Renungan ini digunakan untuk
menambah data renungan. Untuk menyimpan data renungan
tersebut klik SIMPAN dan secara otomatis data akan tersimpan
pada tabel dan form akan kosong, tetapi jika administrator ingin
membatalkannya klik BATAL.
DAFTAR AYAT
GGambar 3.46 Rancangan Daftar Ayat
Menu Daftar Ayat ini digunakan untuk mengetahui data
ayat yang telah masuk pada sistem ini. Untuk melihat detail data
ayat administrator dapat klik detail, sedangkan untuk melakukan
perbaikan pada data ayat administrator dapat klik edit pada menu
keterangan yang terdapat pada tabel Daftar Ayat. Setelah klik edit,
akan muncul form baru yang berisi data ayat yang akan diedit.
Selain dapat melakukan perbaikan pada data ayat, administrator
juga dapat melakukan penghapusan pada data ayat dengan meng
klik hapus pada menu keterangan yang terdapat pada tabel Daftar
Ayat.
Id_Ayat Id_Perikop Id_Tema No_Bab No_Ayat Isi_Ayat Keterangan Detail | Edit | Hapus Detail | Edit | Hapus
106
DAFTAR PERIKOP
Gambar 3.47 Rancangan Daftar Perikop
Menu Daftar Perikop ini digunakan untuk mengetahui data
perikop yang telah masuk pada sistem ini. Untuk melihat detail
data perikop administrator dapat klik detail, sedangkan untuk
melakukan perbaikan pada data perikop administrator dapat klik
edit pada menu keterangan yang terdapat pada tabel Daftar
Perikop. Setelah klik edit, akan muncul form baru yang berisi data
perikop yang akan diedit. Selain dapat melakukan perbaikan pada
data perikop, administrator juga dapat melakukan penghapusan
pada data perikop dengan mengklik hapus pada menu keterangan
yang terdapat pada tabel Daftar Perikop.
DAFTAR TEMA
Gambar 3.48 Rancangan Daftar Tema
Menu Daftar Tema ini digunakan untuk mengetahui data
tema yang telah masuk pada sistem ini. Untuk melihat detail data
Id_Perikop Judul Kata kunci Desk_singkat Tafsir Keterangan Detail | Edit | Hapus Detail | Edit | Hapus
Id_Tema Nama_Tema Kata kunci Keterangan Detail |Edit | Hapus Detail |Edit | Hapus
107
tema administrator dapat klik detail, sedangkan untuk melakukan
perbaikan pada data tema, administrator dapat klik edit pada menu
keterangan yang terdapat pada tabel Daftar Tema. Setelah klik
edit, akan muncul form baru yang berisi data tema yang akan di
edit. Selain dapat melakukan perbaikan pada data tema,
administrator juga dapat melakukan penghapusan pada data tema
dengan mengklik hapus pada menu keterangan yang terdapat
pada tabel Daftar Tema.
DAFTAR ANGGOTA
Gambar 3.49 Rancangan Daftar Anggota
Menu Daftar Anggota ini digunakan untuk mengetahui data
anggota yang telah masuk pada sistem ini. Untuk melakukan
perbaikan pada data anggota, administrator dapat klik edit pada
menu keterangan yang terdapat pada tabel Daftar Anggota. Setelah
klik edit, akan muncul form baru yang berisi data ayat yang akan
diedit. Selain dapat melakukan perbaikan pada data anggota,
administrator juga dapat melakukan penghapusan pada data
anggota dengan mengklik hapus pada menu keterangan yang
terdapat pada tabel Daftar Anggota, dan mengklik detail untuk
dapat melihat secara detail isi tabel Daftar Anggota.
Username Nama_anggota Alamat_anggota Keterangan Detail |Edit | Hapus Detail |Edit | Hapus
108
DAFTAR SHARING
Gambar 3.50 Rancangan Daftar Sharing
Menu Daftar Sharing ini digunakan untuk mengetahui data
sharing yang telah masuk pada sistem ini. Untuk melakukan
perbaikan pada data sharing administrator dapat klik edit pada
menu keterangan yang terdapat pada tabel Daftar Sharing. Setelah
klik edit, akan muncul form baru yang berisi data sharing yang
akan diedit. Selain dapat melakukan perbaikan pada data sharing,
administrator juga dapat melakukan penghapusan pada data
sharing dengan mengklik hapus pada menu keterangan yang
terdapat pada tabel Daftar Sharing, dan mengklik detail untuk
dapat melihat secara detail isi tabel Daftar Sharing.
DAFTAR CERITA BERMAKNA
Gambar 3.51 Rancangan Daftar Cerita Bermakna
Menu Daftar Cerita Bermakna ini digunakan untuk
mengetahui data cerita bermakna yang telah masuk pada sistem
ini. Untuk melakukan perbaikan pada data cerita bermakna
Id_Sharing Id_Tema Username Waktu_sharing Isi_sharing Keterangan Detail | Edit | Hapus Detail | Edit | Hapus
Id_cerita Judul Isi_cerita Visualisasi Keterangan Edit | Hapus Edit | Hapus
109
administrator dapat klik edit pada menu keterangan yang terdapat
pada tabel Daftar Cerita Bermakna. Setelah klik edit, akan muncul
form baru yang berisi data cerita bermakna yang akan diedit.
Selain dapat melakukan perbaikan pada data cerita bermakna,
administrator juga dapat melakukan penghapusan pada data cerita
bermakna dengan mengklik hapus pada menu keterangan yang
terdapat pada tabel Daftar Cerita Bermakna.
DAFTAR NARASUMBER
Gambar 3.52 Rancangan Daftar Narasumber
Menu Daftar Narasumber ini digunakan untuk mengetahui
data narasumber yang telah masuk pada sistem ini. Untuk
melakukan perbaikan pada data narasumber, administrator dapat
klik edit pada menu keterangan yang terdapat pada tabel Daftar
Narasumber. Setelah klik edit, akan muncul form baru yang berisi
data narasumber yang akan diedit. Selain dapat melakukan
perbaikan pada data narasumber, administrator juga dapat
melakukan penghapusan pada data narasumber dengan mengklik
hapus pada menu keterangan yang terdapat pada tabel Daftar
Narasumber.
Id_narasumber Nama_ narasumber
Alamat_ narasumber
Telp_ narasumber
email Keterangan
Edit | Hapus Edit | Hapus
110
DAFTAR RENUNGAN
Gambar 3.53 Rancangan Daftar Renungan
Menu Daftar Renungan ini digunakan untuk mengetahui data
renungan yang telah masuk pada sistem ini. Untuk melakukan
perbaikan pada data renungan, administrator dapat klik edit pada
menu keterangan yang terdapat pada tabel Daftar Renungan.
Setelah klik edit, akan muncul form baru yang berisi data
renungan yang akan diedit. Selain dapat melakukan perbaikan
pada data renungan, administrator juga dapat melakukan
penghapusan pada data renungan dengan mengklik hapus pada
menu keterangan yang terdapat pada tabel Daftar Renungan.
DAFTAR BUKU TAMU
Gambar 3.54 Rancangan Daftar Buku Tamu
Menu Daftar Buku Tamu ini digunakan untuk mengetahui
data buku tamu yang telah masuk pada sistem ini. Pada menu
Daftar Buku Tamu ini, administrator hanya dapat melakukan
penghapusan pada data buku tamu dengan mengklik hapus pada
menu keterangan yang terdapat pada tabel Daftar Buku Tamu.
Id_renungan Judul Isi_renungan Keterangan Edit | Hapus Edit | Hapus
Nama email Komentar Keterangan Hapus Hapus
111
BAB IV
IMPLEMENTASI
IV.1. Implementasi Basis Data
Pada implementasinya, sistem Pengembangan Pembelajaran Kitab Suci
Berbasis Web ini, mempunyai 10 (sepuluh) tabel yang terlibat diantaranya
yaitu:
1. Tabel Ayat
Tabel ayat ini digunakan untuk menyimpan data ayat berupa id_ayat,
id_perikop, id_tema, no_bab, no_ayat, isi_ayat
Sintaksnya adalah sebagai berikut :
CREATE TABLE `ayat`(`id_ayat`INT(5)UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, `id_perikop`INT(5),`id_tema`INT(5),`no_bab`INT(3)NOT NULL,`no_ayat`INT(3)NOT NULL,`isi_ayat` TEXT NOT NULL);
Tabel 4.1 Struktur Tabel Ayat
Field Tipe Keterangan id_ayat int(5) auto_increment, primary key, unik id_perikop int(5) id_tema int(5) no_bab int(3) no_bab int(3)) isi_ayat text
2. Tabel Perikop
Tabel perikop ini digunakan untuk menyimpan data perikop berupa
id_perikop, judul_perikop, des_singkat, tafsir, katakunci_perikop
112
Sintaksnya adalah sebagai berikut :
CREATE TABLE `perikop` (`id_perikop` INT(5) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, `judul` VARCHAR(200),`des_singkat` TEXT, `tafsir` TEXT, `katakunci_perikop` VARCHAR(200));
Tabel 4.2 Struktur Tabel Perikop
Field Tipe Keterangan id_perikop int(5) auto_increment, primary key, unik judul_perikop varchar(200) des_singkat text tafsir text katakunci_perikop varchar(200)
3. Tabel Tema
Tabel tema ini digunakan untuk menyimpan data tema berupa id_tema,
nama_tema, katakunci_tema
Sintaksnya adalah sebagai berikut
CREATE TABLE `tema` (`id_tema` INT(5) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, `nama_tema` VARCHAR(200), `katakunci_tema` VARCHAR(200));
Tabel 4.3 Struktur Tabel Tema
Field Tipe Keterangan id_tema int(5) auto_increment, primary key, unik nama_tema varchar(200) katakunci_tema varchar(200)
113
4. Tabel Sharing
Tabel Sharing ini digunakan untuk menyimpan data sharing berupa
id_sharing, id_tema, id_anggota, isi_sharing, tanggal_sharing,
waktu_sharing.
Sintaksnya adalah sebagai berikut:
CREATE TABLE `sharing` (`id_sharing` INT(5) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, `id_tema` INT(5), `id_anggota`INT(5) NOT NULL, `isi_sharing` TEXT, ‘tanggal_sharing’ DATE NOT NULL, `waktu_sharing` TIME NOT NULL);
Tabel 4.4 Struktur Tabel Sharing
Field Tipe Keterangan id_sharing int(5) auto_increment, primary key, unik id_tema int(5) id_anggota int(5) isi_sharing text tanggal_sharing date waktu_sharing time
5. Tabel Cerita Bermakna
Tabel Cerita Bermakna ini digunakan untuk menyimpan data cerita
bermakna berupa id_cerita, judul_cerita, isi_cerita, visualisasi_cerita,
tanggal_cerita.
Sintaksnya adalah sebagai berikut:
CREATE TABLE `cerita` (`id_cerita` INT(5) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, `judul_cerita` VARCHAR(200), `isi_cerita` LONGTEXT, `visualisasi_cerita` VARCHAR(200,‘tanggal_cerita’ DATE NOT NULL);
114
Tabel 4.5 Struktur Tabel Cerita Bermakna
Field Tipe Keterangan id_cerita int(5) auto_increment, primary key, unik judul_cerita varchar(200) isi_cerita longtext visualisasi_cerita varchar(200) tanggal_cerita date
6. Tabel Narasumber
Tabel Narasumber ini digunakan untuk menyimpan data narasumber
berupa id_narasumber, nama_narasumber, alamat_narasumber,
sex_narasumber, tlp_narasumber, email_narasumber.
Sintaksnya adalah sebagai berikut:
CREATE TABLE `narasumber` (`id_narasumber` INT(5) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, `nama_narasumber` VARCHAR(30), `alamat_narasumber` VARCHAR(50), `sex_narasumber` CHAR(1), `tlp_narasumber` INT(15), `email_narasumber` VARCHAR(30) NOT NULL);
Tabel 4.6 Struktur Tabel Narasumber
Field Tipe Keterangan id_narasumber int(5) auto_increment, primary key, unik nama_narasumber varchar(30) alamat_narasumber varchar(50) sex_narasumber char(1) tlp_narasumber int(5) email_narasumber Varchar(30)
7. Tabel Renungan
Tabel Renungan ini digunakan untuk menyimpan data renungan berupa
id_renungan, judul_renungan, des_renungan, isi_renungan,
tanggal_renungan.
115
Sintaksnya adalah sebagai berikut:
CREATE TABLE `renungan` (`id_renungan` INT(5) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, `judul_renungan` VARCHAR(200), `des_renungan` LONGTEXT `isi_renungan` LONGTEXT, `tanggal_renungan` DATE NOT NULL);
Tabel 4.7 Struktur Tabel Renungan
Field Tipe Keterangan id_renungan int(5) auto_increment, primary key, unik judul_renungan varchar(200) des_renungan longtext isi_renungan longtext tanggal_renungan date
8. Tabel Anggota
Tabel Anggota ini digunakan untuk menyimpan data anggota berupa
id_anggota, nama_anggota, alamat_anggota, sex_anggota, tlp_anggota,
email_anggota, username_anggota, password_anggota, tanggal_anggota,
status.
Sintaksnya adalah sebagai berikut:
CREATE TABLE `anggota`(`id_anggota` INT(5) NOT NULL, `nama_anggota`VARCHAR(30),`alamat_anggota`TEXT,`sex_anggot a`CHAR(1),`tlp_anggota`INT(15),`email_anggota`VARCHAR(200) ,`username`VARCHAR(32) NOT NULL `password_anggota` CHAR(32) NOT NULL,PRIMARY KEY (`is_anggota`),`tanggal_anggota DATE NOT NULL);
116
Tabel 4.8 Struktur Tabel Anggota
Field Tipe Keterangan id_anggota int(5) auto_increment, primary key, unik nama_anggota varchar(30) alamat_anggota text sex_anggota char(1) tlp_anggota varchar(15) email_anggota varchar(200) username_anggota varchar(32) password_anggota varchar(32) tanggal_anggota date status smallint(1)
9. Tabel Administrator
Tabel Administrator ini digunakan untuk menyimpan data admin berupa
id_admin, nama_admin, alamat_admin, sex_admin, tlp_admin,
email_admin, username_admin, password_admin, tanggal_anggota.
Sintaksnya adalah sebagai berikut:
CREATE TABLE `admin` (`id_admin` INT(5) NOT NULL, `nama_admin` VARCHAR(30), `alamat_admin` TEXT, `sex_admin` CHAR(1),`tlp_admin` VARCHAR(15), `email_admin` VARCHAR(200), `username_admin` VARCHAR(32) NOT NULL,`password` VARCHAR(32) NOT NULL,PRIMARY KEY (`id_admin`));
Tabel 4.9 Struktur Tabel Administrator
Field Tipe Keterangan id_admin int(5) auto_increment, primary key, unik nama_admin varchar(30) alamat_admin text sex_admin char(1) tlp_admin varchar(15) email_admin varchar(200) username_admin varchar(32) password_admin varchar(32)
117
10. Tabel Buku Tamu
Tabel Buku Tamu ini digunakan untuk menyimpan data buku tamu
berupa id, nama, sex_bukutamu, email, tanggapan, komentar,
tanggal_masuk.
Sintaksnya adalah sebagai berikut:
CREATE TABLE `bukutamu`(`id ` INT(3) NOT NULL,`nama ` VARCHAR(30),`sex_bukutamu`CHAR(1),`tanggapan`VARCHAR(15),` komentar` LONGTEXT, `tanggal_renungan` DATE PRIMARY KEY (`id_admin`));
Tabel 4.10 Struktur Tabel Buku Tamu
Field Tipe Keterangan id int(3) auto_increment, primary key, unik nama varchar(30) sex_bukutamu char(1) email varchar(30) tanggapan varchar(15) komentar longtext tanggal_masuk date
118
IV.2. Implementasi Proses
Implementasi proses sistem Pengembangan Pembelajaran Kitab Suci berbasis
Web ini, mempunyai 3 (tiga) sisi yaitu sisi Pengunjung Situs, sisi Anggota, dan
sisi Administrator.
A. Implementasi Proses dari sisi Pengunjung Situs
1. Proses Pencarian
Pada proses pencarian ini, dibagi menjadi 2 (dua) kategori yaitu
kategori perikop dan kategori tema. Pada proses pencarian terdiri dari
2 (dua) program yaitu program proses pencarian dan program hasil
proses pencarian.
§ Program proses pencarian
Program ini, digunakan untuk menampilkan proses pencarian,
pada implementasinya program ini disimpan dalam file
slogan.php. Potongan program proses pencariannya sebagai
berikut:
<form name="form1" method="post" action="pencarian.php"> <table width="500" border="0" bgcolor="#FEDC65"> <tr> <td width="74"><span class="style17">Kata Kunci </span></td>
<td width="18" class="style17">:</td> <td width="158"><input type="text" name="katakunci"> </td>
<td width="44"><input type="submit" name="cari" value="CARI"></td> <td width="184"> </td> </tr>
119
<tr> <td height="23"> </td> <td> </td> <td><table width="147" border="0" class="style17">
<tr> <td>
<? $checkedP =""; $checkedT ="";
if($kategori=="perikop") $checkedP = "CHECKED";
else $checkedT = "CHECKED";
print("<input name=\"kategori\" type=\"radio\"");
print("value=\"perikop\" $checkedP > Perikop</td>");
print("<td><input name=\"kategori\"
type=\"radio\""); print("value=\"tema\" $checkedT > Tema");
?>
</td> </tr>
</table> </form></td>
§ Program hasil proses pencarian
Program hasil proses pencarian ini, digunakan untuk
menampilkan hasil pencarian yang dicari oleh pengunjung
situs. Pada implementasinya program hasil proses pencarian
ini disimpan di dalam file pencarian.php Potongan program
hasil proses pencariannya sebagai berikut:
120
//PENCARIAN PERIKOP
else if($kategori=='perikop')
$sql=mysql_query("select * from perikop where katakunci_perikop like '%$katakunci%' order by id_perikop desc");
//PENCARIAN TEMA
else if($kategori=='tema')
$sql=mysql_query("select * from tema where katakunci_tema like '%$katakunci%' order by id_tema desc");
2. Proses Pendaftaran
Proses Pendaftaran ini, digunakan pengunjung situs untuk mendaftar
sebagai anggota. Proses Pendaftaran tersebut digunakan sebagai
syarat, sehingga pengunjung situs dapat melakukan Sharing. Pada
proses pendaftaran ini, terdiri dari dua program yaitu program proses
pendaftaran dan program hasil proses pendaftaran.
§ Program Proses Pendaftaran
Program ini digunakan untuk menampilkan form pendaftaran.
Pada implementasinya program ini disimpan dalam file
daftar_anggota.php. Potongan program proses pendaftaran
sebagai berikut:
121
<form name="form1" method="post" action="kirim_daftar_anggota.php">
<div align="left"><table width="348" border="0"> <tr> <td height="21" class="style15"> </td> <td class="style15"> </td> <td> </td> </tr>
<tr> <td width="113" height="21" class="style15">Nama</td> <td width="10" class="style15">:</td> <td width="211"><input type="text"name="nama_anggota"
size="23"></td> </tr>
<tr> <td class="style15">Alamat</td> <td>:</td> <td><input type="text" name="alamat_anggota"
size="23"></td> </tr>
<tr> <td class="style15">Jenis Kelamin </td> <td>:</td> <td><select name="sex_anggota">
<option>Pilih</option> <option value="L">L</option> <option value="P">P</option> </select></td>
</tr>
<tr> <td class="style15">Telepon</td> <td>:</td> <td><input type="text" name="tlp_anggota"size="23"> </td> </tr>
<tr> <td class="style15">Email</td> <td>:</td> <td><input type="text" name="email_anggota"
size="23"></td> </tr>
<tr> <td class="style15">Username</td> <td>:</td> <td><input type="text" name="username_anggota"
122
size="23"></td> </tr>
<tr> <td class="style15">Password</td> <td>:</td> <td><input type="password" name="password_anggota"
size="23"></td> </tr>
<tr> <td class="style15"> </td> <td> </td> <td> </td> </tr>
<tr> <td> </td> <td> </td> <td><table width="200" border="0">
<tr> <td width="82"><input type="submit" name="kirim"
value="KIRIM"></td> <td width="108"><input type="submit" name="batal"
value="BATAL"></td> </tr></table></td></tr></div></form>
§ Program hasil proses pendaftaran
Program hasil proses pendaftaran ini, berfungsi untuk
memasukkan data pengunjung situs pada proses pendaftaran ke
dalam tabel anggota. Pada implemntasinya program hasil
proses pendaftaran ini disimpan dalam file
kirim_daftar_anggota.php. Potongan programhasil proses
pendaftarannya adalah sebagai berikut :
123
$query = "insert into anggota (nama_anggota, alamat_anggota, sex_anggota, tlp_anggota, email_anggota, username_anggota,password_anggota, tanggal_anggota)
values ('$nama_anggota', '$alamat_anggota', '$sex_anggota','$tlp_anggota','$email_anggota','$usernam e_anggota', '$password_anggota', '$tanggal')";
3. Proses Konsultasi
Proses Konsultasi ini, digunakan pengunjung situs untuk
berkonsultasi secara pribadi dengan narasumber sesuai dengan
pilihannya. Pada proses konsultasi ini terdapat satu program yaitu
program proses konsultasi yang disimpan dalam file konsultasi.php.
Program konsultasi ini, digunakan sebagai sarana penulisan konsultasi
dan potongan program konsultasinya sebagai berikut:
<form name="form1" method="post" action=""> <div align="left"> <table width="345" border="0"> <tr> <td colspan="3" class="style16">Konsultasi di tujukan kepada: </td> </tr>
<tr> <td class="style16"> Narasumber </td> <td class="style16">:</td> <td><table width="200" border="0"> <tr> <td width="150"><select name="id_narasumber" class="style16">
<? include "koneksi.php"; if($id_narasumber=='') //untuk menampilkan data narasumber pada saat pertama kali narasumber dipanggil
124
echo "<option value=\"not_pilihan\"> Pilih
Narasumber</option>"; $hasil=mysql_query("select id_narasumber, nama_narasumber from narasumber order by id_narasumber asc");
while($d=mysql_fetch_array($hasil)) $idn=$d[id_narasumber]; $naman=$d[nama_narasumber];
echo "<option value='$idn'>$naman</option>";
else
$hasil2=mysql_query("select nama_narasumber from narasumber where id_narasumber=$id_narasumber");
while($d2=mysql_fetch_array($hasil2))
$naman2=$d2[nama_narasumber];
echo "<option value='$id_narasumber'> $naman2</option>"; // untuk menampilkan nama narasumber yang telah dipilih oleh pengunjung echo "<option></option>";
$hasil3=mysql_query("select id_narasumber, nama_narasumber from narasumber order by id_narasumber asc");
while($d3=mysql_fetch_array($hasil3))
$idn3=$d3[id_narasumber]; $naman3=$d3[nama_narasumber]; echo "<option value='$idn3'>$naman3 </option>";
?> </select></td> <td width="40"><input type="submit" name="ok" value="OK"></td> </tr></table></td></tr>
<tr> <td colspan="3" class="style16"><? echo"<HR>";?></td>
125
</tr> </table> </div></form></td> </tr>
<tr> <td height="91" valign="top"><form name="form2" method="post" action="">
<?
if($id_narasumber !='') // untuk menampilkan jika ada data pada narasumber yang dipilih
$i=0; $hasil4=mysql_query("select id_narasumber, nama_narasumber, email_narasumber from narasumber where id_narasumber=$id_narasumber");
while($d4=mysql_fetch_array($hasil4)) $id_narasumber=$d4[id_narasumber]; $nama_narasumber=$d4[nama_narasumber]; $email_narasumber=$d4[email_narasumber]; $i++;
?>
<table width="344" border="0"><!DWLayoutTable> <tr class="style16"> <td width="105"><div align="left">Narasumber </div></td> <td width="5"><div align="left">:</div></td> <td width="220"><div align="left"> <? echo"$nama_narasumber"; ?></div></td>
</tr>
<tr class="style16"> <td><div align="left">Email</div></td> <td><div align="left">:</div></td> <td><div align="left"> <? echo "<a href='mailto:$email_narasumber'> $email_narasumber</a>"; ?></div></td>
</tr>
<tr class="style16"> <td colspan="3"><? echo"<HR>"; ?></td>
</tr> </table> </form></td>
126
4. Proses Pengisian Buku Tamu
Proses pengisian buku tamu ini, digunakan apabila pengunjung situs
hendak mengisikan buku tamu yang ada pada sistem. Pada proses ini,
terbagi menjadi 2 (dua) program yang terlibat di dalamnya yaitu
program proses pengisian buku tamu dan program hasil proses
pengisian buku tamu.
§ Program proses pengisian buku tamu
Program ini, akan menampilkan daftar buku tamu yang dapat
diisi oleh pengunjung situs maupun oleh anggota. Pada
implementasinya program tersebut disimpan dalam file
buku_tamu.php. Potongan programnya yaitu sebagai berikut:
<form name="form1" method="post" action="kirim_bukutamu.php"> <div align="left"> <table width="345" border="0">
<tr> <td width="99" class="style16">Nama</td> <td width="10" class="style16">:</td> <td width="222"><input type="text" name="nama" size="23"></td>
</tr>
<tr> <td class="style16">Jenis Kelamin </td> <td class="style16">:</td> <td><select name="sex_bukutamu">
<option>Pilih</option> <option value="L">Lakilaki</option> <option value="P">Perempuan</option> </select></td>
</tr>
<tr> <td class="style16">Email</td>
127
<td class="style16">:</td> <td><input type="text" name="email"
size="23"></td> </tr>
<tr> <td class="style16">Tanggapan </td> <td class="style16">:</td> <td><table width="81" border="0">
<tr> <td width="20"><input name="tanggapan" type="radio" value="baik" checked></td> <td width="51" class="style16">Baik</td>
</tr> </table></td> </tr>
<tr> <td class="style16"> </td> <td class="style16"> </td> <td><table width="81" border="0">
<tr> <td width="20"><input name="tanggapan" type="radio" value="cukup" checked> </td> <td width="51" class="style16">Cukup </td>
</tr> </table></td>
</tr> <tr>
<td class="style16"> </td> <td class="style16"> </td> <td><table width="81" border="0">
<tr> <td width="20"><input name="tanggapan" type="radio" value="kurang" checked> </td> <td width="51" class="style16">Kurang </td>
</tr> </table></td>
</tr>
<tr> <td class="style16">Komentar</td> <td class="style16">:</td> <td><textarea name="komentar" rows="4" cols="25"></textarea></td>
128
</tr>
<tr> <td> </td> <td> </td> <td><table width="174" border="0">
<tr> <td width="99"><input type="submit" name="kirim" value="KIRIM"></td> <td width="65"><input type="submit" name="batal" value="BATAL"></td>
</tr> </table></td>
</tr>
<tr> <td colspan="3"><div align="center"> <?echo"<HR>"; ?><a href="lihat_bukutamu.php" target="_self" class="style24">Lihat Buku tamu</a></div></td>
</tr> </table></div> </form></td>
§ Program hasil proses pengisian bukutamu
Program ini berfungsi untuk memasukkan data buku tamu
yang telah diisi oleh pengunjung maupun anggota ke dalam
tabel bukutamu. Program ini disimpan dalam file
kirim_bukutamu.php. Potongan programnya yaitu sebagai
berikut :
129
//simpan ke tabel bukutamu
$query="insert into bukutamu (nama,sex_bukutamu,email,tanggapan,komentar,tanggal _masuk) values ('$nama','$sex_bukutamu','$email','$tanggapan','$ko mentar','$tanggal')";
5. Proses Tampil Data
§ Proses Tampil Tafsir
Proses ini digunakan untuk menampilkan tafsir injil lukas
berdasarkan perikop yang dicari sesuai keinginan pengunjung
situs maupun anggota. Pada implementasinya proses ini
disimpan dalam file tafsir.php. potongan programnya yaitu
sebagai berikut:
$hasil=mysql_query("select * from perikop order by id_perikop desc");
§ Proses Tampil Ayat
Proses tampil ayat ini, digunakan untuk menampilkan ayat injil
lukas berdasarkan temayang dpilih oleh pengunjung situs
maupun anggota. Pada implementasinya proses ini disimpan
dalam file ayat_kunci.php. Potongan programnya yaitu sebagai
berikut:
130
//membaca data tema dan menampilkan data tema $hasil=mysql_query("select * from tema order by id_tema desc");
§ Proses Tampil Renungan
Proses ini, digunakan untuk menampilkan data renungan yang
dapat dibaca oleh pengunjung situs maupun anggota.. pada
implementasinya proses ini disimpan dalam file renungan.php.
Potongan programnya sebagai berikut:
$hasil=mysql_query("select * from renungan order by id_renungan desc");
§ Proses Tampil Cerita Bermakna
Proses ini, digunakan untuk menampilkan data cerita bermakna
yang dapat dilihat dan dibaca oleh pengunjung situs maupun
anggota. Pada implementasinya proses ini disimpan dalam file
cerita.php. potongan programnya sebagai berikut:
//membaca data cerita dan menampilkan data cerita
$hasil=mysql_query("select * from cerita order by id_cerita desc");
131
B. Implementasi Proses dari sisi Anggota
1. Proses Validasi Anggota
Proses Validasi Anggota ini, digunakan untuk sarana pengunjung
situs yang telah mendaftar sebagai anggota dapat masuk dalam forum
anggota. Dalam proses ini terbagi menjadi 2 (dua) program yaitu
program proses validasi anggota dan program hasil proses validasi
anggota.
§ Program proses validasi anggota
Program ini, digunakan untuk menampilkan data yang
digunakan pengunjung untuk melakukan login dengan
memasukkan username dan password yang dimilikinya. Pada
implementasinya program ini disimpan dalam file
menu_kanan.php. potongan programnya sebagai berikut:
<form name="form1" method="post" action="kirim_login_anggota.php"> <table width="180" border="0" bgcolor="#FEDC65"> <tr>
<td width="194"><div align="center" class="style3">Username</div></td>
</tr>
<tr> <td><div align="center"> <input type="text" name="username_anggota" size="15"> </div></td>
</tr>
<tr> <td><div align="center" class="style3">Password</div></td>
132
</tr>
<tr> <td><div align="center"> <input type="password" name="password_anggota" size="15"> </div></td>
</tr>
<tr> <td><table width="148" border="0"> <tr>
<td width="83"><div align="center"> <input type="submit" name="login" value="LOGIN"> </div></td> <td width="73"><input type="submit" name="daftar" value="DAFTAR"></td>
</tr></table></td> </tr> </table> </form></td>
§ Program hasil proses validasi anggota
Program ini berfungsi untuk melakukan pengecekan masukan
anggota yaitu username dan password apakah sudah sesuai
dengan data yang ada pada tabel anggota. Program ini
disimpan dalam file kirim_login_anggota.php, dan potongan
programnya adalah sebagai berikut :
$qlog = mysql_query("SELECT id_anggota, username_anggota, password_anggota from anggota where username_anggota='$username_anggota' and password_anggota='$password_anggota'");
133
2. Proses Penulisan Sharing
Pada proses ini, anggota dapat menuliskan sharing sesuai dengan tema
yang diingikan. Proses sharing ini terbagi menjadi 2 (dua) program
yaitu program penulisan sharing dan program hasil penulisan sharing.
§ Program penulisan sharing
Program ini, akan menampilkan data yang akan diisi oleh
anggota untuk sharing. Pada implementasinya program ini
disimpan dalam file sharing.php. Potongan programnya
sebagai berikut:
<form name="form1" method="post" action="kirim_sharing.php?sid=<?echo"$sid";?> &id_anggota= <? echo "$id_anggota";?>"> <table width="342" border="0"> <tr>
<td width="49" class="style22"><div align="left">Tema</div></td> <td width="8" class="style22">:</td> <td width="191"><div align="left"> <select name="id_tema" class="style22"> <option> Pilih Tema </option>
<? include "../pengunjung/koneksi.php"; $hasil=mysql_query("select id_tema,nama_tema from tema order by id_tema asc");
while($d=mysql_fetch_array($hasil)) $idt=$d[id_tema]; $namat=$d[nama_tema]; echo "<option value='$idt'>$namat</option>";
?>
</select> </div></td>
</tr>
134
<tr> <td class="style22"><div align="left">Sharing</div></td> <td class="style22"><div align="left">:</div></td> <td><div align="left"> <textarea name="isi_sharing" rows="8" cols="30"></textarea> </div></td>
</tr>
<tr> <td class="style22"> </td> <td class="style22"> </td> <td> </td>
</tr>
<tr> <td class="style22"> </td> <td class="style22"> </td> <td><table width="200" border="0">
<tr> <td width="61"><input type="submit" name="kirim" value="KIRIM"><input type="hidden" name="sid" value="<? echo "$sid";?>"></td> <td width="123"><input type="submit" name="batal" value="BATAL"><input type="hidden" name="sid" value="<? echo "$sid";?>"></td>
</tr> </table></td>
</tr> </table> </form></td>
§ Program hasil penulisan sharing
Program ini, digunakan untuk menyimpan data sharing yang
dituliskan oleh anggota ke dalam tabel sharing. Pada
implementasinya program ini disimpan dalam file
kirim_sharing.php. Potongan programnya sebagai berikut:
135
$query="insert into sharing (id_tema,id_anggota,isi_sharing,tanggal_sharing,wa ktu_sharing)
values ('$id_tema','$id_anggota','$isi_sharing', '$tgl_sharing','$waktu_sharing')";
3. Proses Perubahan Data Pribadi
Pada proses ini, anggota dapat melakukan perubahan pada data
pribadinya. Proses perubahan data pribadi ini, terbagi menjadi 2 (dua)
program yaitu program prosesx perubahan data pribadi dan program
hasil proses perubahan data pribadi.
§ Program proses perubahan data pribadi
Program ini digunakan untuk menampilkan data pribadi
anggota yang akan diubah . Pada implementasinya program ini
disimpan dalam edit_biodata.php. Potongan programnya
sebagai berikut:
<form name="form1" method="post" action="kirim_edit_biodata.php?sid=<? echo"$sid";?>"> <div align="left"> <table width="350" border="0">
<tr> <td class="style16"> </td> <td class="style16"> </td> <td> </td>
</tr>
136
<tr> <td width="99" class="style16">Nama</td> <td width="10" class="style16">:</td> <td width="227"><input type="text" name="nama_anggota" value="<? echo"$nama_anggota"; ?>"></td>
</tr>
<tr> <td class="style16">Alamat</td> <td class="style16">:</td> <td><input type="text" name="alamat_anggota" value="<? echo"$alamat_anggota"; ?>"></td>
</tr>
<tr> <td class="style16">Jenis Kelamin </td> <td class="style16">:</td> <td><input type="text" name="sex_anggota" value="<? echo"$sex_anggota"; ?>"></td>
</tr>
<tr> <td class="style16">Telepon</td> <td class="style16">:</td> <td><input type="text" name="tlp_anggota" value="<? echo"$tlp_anggota"; ?>"></td>
</tr>
<tr> <td class="style16">Email</td> <td class="style16">:</td> <td><input type="text" name="email_anggota" value="<? echo"$email_anggota"; ?>"></td>
</tr>
<tr> <td class="style16">Username</td> <td class="style16">:</td> <td><input type="text" name="username_anggota" value="<? echo"$username_anggota"; ?>"></td>
</tr>
<tr> <td class="style16">Password</td> <td class="style16">:</td> <td><input type="text" name="password_anggota" value="<? echo"$password_anggota"; ?>"></td>
</tr>
<tr> <td class="style16"> </td>
137
<td class="style16"> </td> <td> </td>
</tr>
<tr> <td> </td> <td> </td> <td><table width="180" border="0">
<tr> <td width="90"><input type="submit" name="simpan" value="SIMPAN"><input type="hidden" name="sid" value="<? echo"$sid"; ?>"></td> <td width="80"><input type="submit" name="batal" value="BATAL"><input type="hidden" name="sid" value="<? echo"$sid"; ?>"></td>
</tr> </table></td>
</tr>
<tr> <td colspan="3"><div align="center"><? echo"<HR>"; ?><a href="biodata.php?sid=<? echo"$sid";?>" target="_self" class="style24"><br>Lihat Daftar Pribadi </a></div></td>
</tr></table></div></form></td>
§ Program hasil proses perubahan data pribadi
Program ini digunakan untuk mengecek data pribadi anggota
yang diubah masuk dalam tabel anggota. Sehingga data
pribadi anggota yang lama telah diubah dengan data pribadi
anggota yang baru. Pada implementasinya program ini
disimpan dalam kirim_edit_biodata.php. Potongan
programnya sebagai berikut:
138
$query = "UPDATE anggota ". "SET nama_anggota='$nama_anggota', ". "alamat_anggota='$alamat_anggota',". "sex_anggota='$sex_anggota', ". "tlp_anggota='$tlp_anggota', ". "email_anggota='$email_anggota', ". "username_anggota='$username_anggota', ". "password_anggota='$password_anggota' ".
"WHERE id_anggota=$id_anggota"; $hasil = mysql_query($query) or
die('<script>alert("Maaf, Data Tidak Tersimpan!\n'.mysql_error().'"); </script>');
echo "Data Anggota berhasil diubah<br>"; echo "<input type='button' value='Kembali'
onClick='window.history.go(1)'>";
C. Implemtasi Proses dari sisi Administrator
1. Proses Validasi Administrator
Proses ini digunakan untuk mengecek apakah identitas administrator
yang berupa username dan password sudah sesuai dengan username
dan password pada tabel login. Pada proses validasi administartor ini
terbagi menjadi 2 (dua) program yaitu program proses validasi
administrator dan program hasil proses validasi administrator.
§ Program proses validasi administrator
Program ini digunakan untuk menampilkan form login
administrator. Pada implementasinya, program ini disimpan di
dalam file login_admin.php. Potongan programnya yaitu
sebagai berikut:
139
<form name="form1" method="post" action="kirim_login.php"> <table width="250" border="0" align="center" bgcolor="#FF9933">
<tr> <td width="240" bgcolor="#FF9933"><div align="center" class="style13">LOGIN ADMINISTRATOR </div></td>
</tr>
<tr> <td><table width="246" border="0" bgcolor="#FEDC65">
<tr> <td width="67"><div align="center" class="style16"> <div align="left">Username</div> </div></td> <td width="5"><div align="center" class="style1"> <div align="center">:</div> </div></td> <td width="146"><div align="left"> <input type="text" name="username_admin" size="20" class="style16"> </div></td>
</tr>
<tr> <td><div align="center" class="style16"> <div align="left">Password</div> </div></td> <td><div align="center" class="style1">:</div></td> <td><div align="left"> <input type="password" name="password_admin" size="20" class="style16"> </div></td>
</tr>
<tr> <td> </td> <td> </td> <td><table width="146" border="0"> <!DWLayoutTable>
140
<tr> <td width="54" height="26" valign="top" class="style16"><input name="login" type="submit" value="LOGIN"></td> <td width="82" height="26" valign="top" class="style16"><input type="submit" name="batal" value="BATAL"></td>
</tr> </table></td>
</tr> </table></td>
</tr> </table> </form></td>
§ Program hasil proses validasi administrator
Program ini digunakan untuk mengecek data yang dimasukkan
oleh administrator melalui proses login sesuai dengan data
yang ada pada tabel administrator. Pada implementasinya
program ini disimpan di dalam file kirim_login.php. Potongan
programnya sebagai berikut:
$qlog = mysql_query("SELECT username_admin, password_admin from admin where username_admin='$username_admin' and password_admin='$password_admin'");
141
2. Proses Input Data
ü Proses Input Ayat
Proses ini, digunakan administrator untuk menambah data ayat.
Pada proses input ayat ini, terbagi menjadi 2 (dua) program yaitu
program proses input ayat dan program hasil proses input ayat.
§ Program input ayat
Program ini, digunakan untuk menampilkan form data ayat.
Pada implementasinya program ini disimpan dalam file
input_ayat.php. Potongan programnya yaitu:
<tr> <td rowspan="2" valign="top"><form name="form1" method="post" action="kirim_ayat.php?sid=<? echo"$sid";?>">
<div align="center"> <table width="535" border="0" bgcolor="#FF9933"> <!DWLayoutTable>
<tr> <td width="519" height="21" valign="top"><div align="center"><span class="style5">INPUT DATA AYAT </span></div></td>
</tr>
<tr> <td> <div align="left"> <table width="534" border="0" bgcolor="#FEDC65">
<tr> <td class="style4"> </td> <td class="style4"> </td> <td class="style4"> </td> <td> </td>
142
<td> </td> </tr>
<tr> <td width="24" class="style4"> </td> <td width="98" class="style4">ID. Perikop </td> <td width="10" class="style4">:</td> <td width="344"><select name="id_perikop"> <option>Pilih Nama Perikop</option>
<? include "koneksi.php"; $hasil=mysql_query("select id_perikop,judul_perikop from perikop order by id_perikop asc"); while($d=mysql_fetch_array($hasil)) $idp=$d[id_perikop]; $judulp=$d[judul_perikop];
echo "<option value='$idp'>$judulp</option>";
?> </select></td>
<td width="36"> </td> </tr>
<tr> <td class="style4"> </td> <td class="style4"> </td> <td class="style4"> </td> <td><input type="submit" name="tambah_perikop" value="TAMBAH PERIKOP"></td> <td> </td>
</tr>
<tr> <td class="style4"> </td> <td colspan="3" class="style4"><? echo "<HR>";?></td> <td> </td>
</tr>
<tr> <td class="style4"> </td> <td class="style4">ID. Tema </td> <td class="style4">:</td> <td><select name="id_tema">
143
<option>Pilih Nama Tema</option> <? include "koneksi.php";
$hasil=mysql_query("select id_tema,nama_tema from tema order by id_tema asc");
while($d=mysql_fetch_array($hasil))
$idt=$d[id_tema]; $namat=$d[nama_tema];
echo "<option value='$idt'>$namat</option>"; ?> </select></td>
</tr>
<tr> <td class="style4"> </td> <td class="style4"> </td> <td class="style4"> </td> <td><input type="submit" name="tambah_tema" value="TAMBAH TEMA"></td> <td> </td>
</tr>
<tr> <td class="style4"> </td> <td colspan="3" class="style4"><? echo "<HR>";?></td> <td> </td></tr>
<tr> <td class="style4"> </td> <td class="style4">Nomor Bab </td> <td class="style4">:</td> <td><input name="no_bab" type="text" size="23"></td> <td> </td>
</tr>
<tr> <td class="style4"> </td> <td class="style4">Nomor Ayat </td> <td class="style4">:</td> <td><input type="text" name="no_ayat" size="23"></td> <td> </td>
</tr>
<tr> <td class="style4"> </td>
144
<td class="style4">Isi Ayat </td> <td class="style1 style6">:</td> <td><textarea name="isi_ayat" rows="8" cols="30"></textarea></td> <td> </td>
</tr>
<tr> <td class="style1"> </td> <td class="style1"> </td> <td class="style1"> </td> <td><table width="171" border="0"> <tr>
<td width="101"><input type="submit" name="simpan" value="SIMPAN"></td> <td width="60"><input type="submit" name="batal" value="BATAL"></td>
</tr> </table></td> <td> </td> </tr>
<tr> <td class="style1"> </td> <td class="style1"> </td> <td class="style1"> </td> <td> </td> <td> </td>
</tr>
<tr class="style6"> <td class="style6"> </td> <td class="style6"> </td> <td class="style6"> </td> <td><div align="right"><span class="style6"><span class="style12">
<a href="daftar_ayat.php?sid=<? echo"$sid";?>" title="lihat ke daftar ayat" target="_self">Lihat Ke Menu Daftar Ayat</a></span></span></div></td> <td> </td> </tr> </table>
</div></td></tr> </table> </div> </form></td>
145
§ Program hasil proses input ayat
Program ini digunakan untuk mengecek data ayat yang baru
apakah sudah tersimpan pada tabel ayat atau belum. Pada
implementasinya program ini disimpan dalam file
kirim_ayat.php Potongan programnya yaitu:
$query = "insert into ayat(id_perikop, id_tema, no_bab, no_ayat, isi_ayat)
values ('$id_perikop','$id_tema', '$no_bab','$no_ayat', '$isi_ayat')";
ü Proses Input Perikop
Proses ini, digunakan administrator untuk menambah data
perikop. Pada proses input perikop ini, terbagi menjadi 2 (dua)
program yaitu program proses input perikop dan program hasil
proses input perikop.
§ Program input perikop
Program ini, digunakan untuk menampilkan form data perikop.
Pada implementasinya program ini disimpan dalam file
input_perikop.php. Potongan programnya yaitu:
<td rowspan="2" valign="top"><form name="form1" method="post" action="kirim_perikop.php?sid=<? echo"$sid";?>"> <div align="center"> <table width="536" border="0"bgcolor="#FF9933">
146
<tr> <td width="530" height="27"><div align="center"><span class="style5">INPUT DATA PERIKOP </span></div></td>
</tr>
<tr> <td><div align="left"> <table width="530" border="0" bgcolor="#FEDC65">
<tr> <td class="style4"> </td> <td class="style4"> </td> <td class="style4"> </td> <td> </td>
</tr>
<tr> <td width="49" class="style4"> </td> <td width="149" class="style4">Judul</td> <td width="10" class="style4">:</td> <td width="304"><input type="text" name="judul_perikop" size="23" class="style18"></td>
</tr>
<tr> <td class="style4"> </td> <td class="style4">Deskripsi Singkat </td> <td class="style4">:</td> <td><div align="justify"> <textarea name="des_singkat" rows="5" cols="30" class="style18"></textarea> </div></td>
</tr>
<tr> <td class="style4"> </td> <td class="style4">Tafsiran</td> <td class="style4">:</td> <td><div align="justify"><textarea name="tafsir" rows="6" cols="30" class="style18"></textarea></div></td>
</tr>
<tr> <td class="style4"> </td> <td class="style4">Kata Kunci </td> <td class="style4">:</td> <td><input type="text"
147
name="katakunci_perikop" size="23" class="style18"></td>
</tr>
<tr> <td> </td> <td> </td> <td> </td> <td><table width="200" border="0"> <tr>
<td><input type="submit" name="simpan" value="SIMPAN"></td> <td><input type="submit" name="batal" value="BATAL"></td>
</tr> </table></td> </tr>
<tr> <td> </td> <td> </td> <td> </td> <td> </td>
</tr>
<tr> <td> </td> <td colspan="3"><div align="right"><span class="style7"><span class="style12"> <a href="input_ayat.php?sid= <? echo"$sid";?>" title="kembali ke input ayat" target="_self">Kembali Ke Menu Input Ayat</a> | <a href="daftar_perikop.php?sid=<? echo"$sid";?>" title="lihat ke daftar perikop" target="_self">Lihat Ke Menu Daftar Perikop </a></span></span></div></td>
</tr> </table> </div></td>
</tr> </table> </div> </form></td>
148
§ Program hasil proses input perikop
Program ini digunakan untuk mengecek data perikop yang
baru, apakah sudah tersimpan pada tabel perikop atau belum.
Pada implementasinya program ini disimpan dalam file
kirim_perikop.php Potongan programnya yaitu:
$query = "insert into perikop(judul_perikop, des_singkat, tafsir, katakunci_perikop)
values ('$judul_perikop', '$des_singkat', '$tafsir', '$katakunci_perikop')";
ü Proses Input Tema
Proses ini, digunakan administrator untuk menambah data tema.
Pada proses input tema ini, terbagi menjadi 2 (dua) program yaitu
program proses input tema dan program hasil proses input tema.
§ Program input tema
Program ini, digunakan untuk menampilkan form data tema.
Pada implementasinya program ini disimpan dalam file
input_tema.php. Potongan programnya yaitu:
<td valign="top"><form name="form1" method="post" action="kirim_tema.php?sid=<? echo"$sid";?>"> <div align="center"> <table width="351" border="0" bgcolor="#FF9933"> <tr>
<td width="345"><div align="center"><span
149
class="style5">INPUT DATA TEMA </span></div></td>
</tr>
<tr> <td width="82"> </td> <td width="9" class="style4"><!— DWLayoutEmptyCell> </td> <td width="167"> </td> <td width="71"> </td>
</tr>
<tr> <td class="style4">Nama Tema </td> <td class="style4">:</td> <td><input type="text" name="nama_tema" size="23"></td> <td><!DWLayoutEmptyCell> </td>
</tr>
<tr> <td class="style4">Kata Kunci </td> <td class="style4">:</td> <td><input type="text" name="katakunci_tema" size="23"></td> <td><!DWLayoutEmptyCell> </td>
</tr>
<tr> <td> </td> <td> </td> <td><table width="167" border="0"> <tr>
<td width="85"><input type="submit" name="simpan" value="SIMPAN"></td> <td width="72"><input type="submit" name="batal" value="BATAL"></td>
</tr> </table></td> <td><!DWLayoutEmptyCell> </td>
</tr>
<tr> <td> </td> <td> </td> <td><!DWLayoutEmptyCell> </td> <td><!DWLayoutEmptyCell> </td>
</tr>
<tr> <td colspan="4"><div align="center"><span class="style7"><span class="style6">
150
<a href="input_ayat.php?sid=<?echo"$sid";?> " title="kembali ke input ayat" target="_self">Kembali Ke Menu Input Ayat</a> | <a href="daftar_tema.php?sid=<? echo"$sid";?>" title="lihat ke daftar tema" target="_self">Lihat Ke Menu Daftar Tema </a></span></span></div></td> </tr> </table> </div></td>
</tr> </table> </div> </form> </td>
§ Program hasil proses input tema
Program ini digunakan untuk mengecek datatema yang baru,
apakah sudah tersimpan pada tabel temap atau belum. Pada
implementasinya program ini disimpan dalam file
kirim_tema.php Potongan programnya yaitu:
$query = "insert into tema(nama_tema, katakunci_tema) values ('$nama_tema', '$katakunci_tema')";
ü Proses Input Sharing
Proses ini, digunakan administrator untuk menambah data sharing.
Pada proses input sharing ini, terdiri dari 2 (dua) program yaitu
program proses input sharing dan program hasil proses input
sharing.
151
§ Program input sharing
Program ini, digunakan untuk menampilkan form data sharing.
Pada implementasinya program ini disimpan dalam file
input_sharing.php. Potongan programnya yaitu:
<tr>
<td height="348"></td> <td rowspan="2" valign="top"><form name="form1" method="post" action="kirim_sharing.php?sid=<? echo"$sid";?>"> <div align="center"> <table width="516" border="0"bgcolor="#FF9933"> <tr>
<td width="510" height="25"><div align="center"><span class="style5">INPUT DATA SHARING </span></div></td>
</tr>
<tr> <td><div align="left"> <table width="518" border="0" bgcolor="#FEDC65"> <tr>
<td width="94"> </td> <td width="5" class="style4"> </td> <td width="205"> </td> <td width="41"> </td> <td width="7" class="style1"> </td> <td width="140"> </td>
</tr>
<tr> <td class="style4">ID. Tema </td> <td class="style4">:</td>
<td><select name="id_tema"> <option>Pilih Nama Tema</option> <? include "koneksi.php";
$hasil=mysql_query("select id_tema,nama_tema from tema order by id_tema asc");
152
while($d=mysql_fetch_array($hasil)) $idt=$d[id_tema]; $namat=$d[nama_tema];
echo "<option value='$idt'>$namat</option>";
?> </select></td> </tr>
<tr> <td class="style4">Username</td> <td class="style4">:</td> <td><input type="text" name="username_anggota"size="23"> </td>
</tr>
<tr> <td class="style4">Isi Sharing </td> <td class="style4">:</td> <td><textarea name="isi_sharing" rows="9" cols="30"></textarea></td>
</tr>
<tr> <td class="style1"> </td> <td class="style1"> </td> <td><table width="169" border="0"> <tr>
<td width="106"><input type="submit" name="simpan" value="SIMPAN"></td> <td width="53"><input type="submit" name="batal" value="BATAL"></td>
</tr> </table></td> </tr>
<tr>
<td class="style1"> </td> <td class="style1"> </td>
</tr>
<tr> <td class="style1"> </td> <td class="style1"> </td> <td colspan="4"><div
153
align="right"><span class="style6"><span class="style12"> <a href="daftar_sharing.php?sid=<? echo"$sid";?>" title="lihat ke daftar sharing" target="_self">Lihat Ke Menu Daftar Sharing </a></span></span> </div></td>
</tr> </table> </div></td>
</tr> </table> </div> </form></td>
§ Program hasil input sharing
Program ini digunakan untuk mengecek apakah data sharing
baru yang dimasukkan oleh administrator telah tersimpan pada
tabel sharing. Pada implementasinya program ini disimpan
dalam file kirim_sharing.php. Potongan programnya sebagai
berikut:
$query = "insert into sharing(id_tema, username_anggota, isi_sharing, waktu_sharing)
values ('$id_tema', '$username_anggota', '$isi_sharing', '$tanggal')";
154
ü Proses Input Narasumber
Proses ini, digunakan administrator untuk menambah data
narasumber. Pada proses input narasumber ini, terdiri dari 2 (dua)
program yaitu program proses input narasumber dan program hasil
proses input narasumber.
§ Program input narasumber
Program ini, digunakan untuk menampilkan form data
narasumber. Pada implementasinya program ini disimpan
dalam file input_narasumber.php. Potongan programnya yaitu:
<td rowspan="2" valign="top"> <form name="form1" method="post" action="kirim_narasumber.php?sid=<? echo"$sid";?>"> <table width="100%" border="0" cellpadding="0" cellspacing="0"><!DWLayoutTable> <tr>
<td width="525" height="316" valign="top"><table width="521" border="0" bgcolor="#FF9933"> <tr>
<td width="515" height="24"><div align="center"><span class="style5">INPUT DATA NARASUMBER </span></div></td>
</tr>
<tr> <td><div align="left"> <table width="515" border="0" bgcolor="#FEDC65"> <tr>
<td width="28"> </td> <td width="182"> </td> <td width="6" class="style4"> </td> <td width="281"> </td>
</tr>
<tr> <td class="style4"> </td> <td class="style4">Nama Narasumber </td>
155
<td class="style4">:</td> <td><input type="text" name="nama_narasumber" size="23"></td>
</tr>
<tr> <td class="style4"> </td> <td class="style4">Alamat Narasumber </td> <td class="style4">:</td> <td><textarea name="alamat_narasumber"rows="6" cols="30"> </textarea></td>
</tr>
<tr> <td class="style4"> </td> <td class="style4">Jenis Kelamin</td> <td class="style4">:</td> <td><select name="sex_narasumber"> <option></option> <option>L</option> <option>P</option> </select></td>
</tr>
<tr> <td class="style4"> </td> <td class="style4">Telp</td> <td class="style4">:</td> <td><input type="text" name="tlp_narasumber" size="23"></td>
</tr>
<tr> <td class="style4"> </td> <td class="style4">Email</td> <td class="style4">:</td> <td><input type="text" name="email_narasumber" size="23"></td>
</tr>
<tr> <td> </td> <td> </td> <td> </td> <td><table width="170" border="0"> <tr>
<td width="101" height="26"><input
156
type="submit" name="simpan" value="SIMPAN"></td> <td width="53"><input type="submit" name="batal" value="BATAL"></td>
</tr> </table></td>
</tr>
<tr> <td colspan="4"><div align="right"><span class="style7"><span class="style6"> <a href="daftar_narasumber.php?sid=<? echo"$sid";?>" title="lihat ke daftar narasumber" target="_self">Lihat Ke Menu Daftar Narasumber</a></span></span> </div></td>
</tr> </table> </div></td> </tr> </table> </td>
</tr> </table> </form></td>
§ Program hasil input narasumber
Program ini digunakan untuk mengecek apakah data
narasumber baru yang dimasukkan oleh administrator telah
tersimpan pada tabel narasumber. Pada implementasinya
program ini disimpan dalam file kirim_narasumber.php.
Potongan programnya sebagai berikut:
$query = "insert into narasumber(nama_narasumber, alamat_narasumber, sex_narasumber,tlp_narasumber, email_narasumber)
values ('$nama_narasumber','$alamat_narasumber', '$sex_narasumber', '$tlp_narasumber', '$email_narasumber')";
157
ü Proses Input Renungan
Proses ini, digunakan administrator untuk menambah data
renungan. Pada proses input narasumber ini, terdiri dari 2 (dua)
program yaitu program proses input renungan dan program hasil
proses input renungan.
§ Program input renungan
Program ini, digunakan untuk menampilkan form data
renungan. Pada implementasinya program ini disimpan dalam
file input_renungan.php. Potongan programnya yaitu:
<td height="9"><form name="form1" method="post" action="kirim_renungan.php?sid=<? echo"$sid";?>"> <tr>
<td width="490" height="263" valign="top"><table width="443" border="0" bgcolor="#FF9933"> <!DWLayoutTable> <tr>
<td width="437" height="25"><div align="center"><span class="style5">INPUT DATA RENUNGAN </span></div></td>
</tr>
<tr> <td><div align="left"> <table width="437" border="0" bgcolor="#FEDC65"> <tr>
<td width="27"> </td> <td width="89"> </td> <td width="5" class="style4"> </td> <td width="192"> </td>
</tr>
<tr> <td class="style4"> </td>
158
<td class="style4">Judul</td> <td class="style4">:</td> <td><input type="text" name="judul_renungan" size="23"></td></tr>
<tr> <td class="style4"> </td> <td class="style4">Deskripsi </td> <td class="style4">:</td> <td><textarea name="des_renungan" rows="6" cols="30"></textarea></td>
</tr>
<tr> <td class="style4"> </td> <td class="style4">Isi Renungan </td> <td class="style4">:</td> <td><div align="left"> <textarea name="isi_renungan" rows="6" cols="30"></textarea> </div></td> </tr>
<tr> <td><table width="174" border="0"> <tr>
<td width="89"><input type="submit" name="simpan" value="SIMPAN"></td> <td width="75"><input type="submit" name="batal" value="BATAL"></td>
</tr> </table></td> </tr>
<tr> <td colspan="4"><div align="right"><span class="style7"><span class="style6"> <ahref="daftar_renungan.php? sid=<? echo"$sid";?>" title="lihat ke daftar renungan" target="_self"> Lihat Ke Menu Daftar Renungan </a></span></span> </div></td>
</tr> </table> </div></td>
</tr> </table></form></td>
159
§ Program hasil input renungan
Program ini digunakan untuk mengecek apakah data renungan
baru yang dimasukkan oleh administrator telah tersimpan pada
tabel renungan. Pada implementasinya program ini disimpan
dalam file kirim_renungan.php. Potongan programnya sebagai
berikut:
$query = "insert into renungan(judul_renungan, des_renungan, isi_renungan, tanggal_renungan)
values ('$judul_renungan','$des_renungan', '$isi_renungan', '$tanggal_renungan')";
ü Proses Input Cerita Bermakna
Proses ini, digunakan administrator untuk menambah data cerita
bermakna. Pada proses input cerita bermakna ini, terdiri dari 2
(dua) program yaitu program proses input cerita bermakna dan
program hasil proses input cerita bermakna.
§ Program input cerita bermakna
Program ini, digunakan untuk menampilkan form data cerita
bermakna. Pada implementasinya program ini disimpan dalam
file input_cerita.php. Potongan programnya yaitu:
160
<td height="295" valign="top"> <form name="form1" method="post" action="kirim_cerita.php?sid=<? echo"$sid";?>" enctype="multipart/formdata"> <div align="left"> <table width="508" height="293" border="0" cellpadding="0" cellspacing="2" bgcolor="#FEDC65"> <tr>
<td><span class="style4">Judul</span></td> <td class="style4">:</td> <td><input type="text" name="judul_cerita" size="23"></td> <td> </td> <td> </td>
</tr>
<tr> <td class="style4">Isi Cerita </td> <td class="style4">:</td> <td colspan="2"><textarea name="isi_cerita" rows="8" cols="30"></textarea></td> <td> </td>
</tr>
<tr> <td class="style4">Visualisasi</td> <td class="style4">:</td> <td colspan="2"><input type="file" name="visualisasi_cerita" size="23"></td> <td> </td>
</tr>
<tr> <td> </td> <td><table width="171" border="0"> <tr>
<td width="107" height="26"><input type="submit" name="simpan" value="SIMPAN"></td> <td width="54"><input type="submit" name="batal" value="BATAL"></td>
</tr> </table></td>
</tr>
<tr> <td height="24"></td> <td></td> <td></td> <td colspan="3" valign="top"><div align="right"> <p><a href="daftar_cerita.php?sid=<?
161
echo"$sid";?>" title="lihat ke daftar cerita bermakna" target="_self" class="style6">Lihat Ke Menu Daftar Cerita Bermakna</a></p> </div></td>
</tr> </table>
</div> </form></td>
§ Program hasil input cerita bermakna
Program ini digunakan untuk mengecek apakah data cerita
bermakna baru yang dimasukkan oleh administrator telah
tersimpan pada tabel cerita. Pada implementasinya program ini
disimpan dalam file kirim_cerita.php. Potongan programnya
sebagai berikut:
$query = "insert into cerita(judul_cerita, isi_cerita, visualisasi_cerita, tanggal_cerita)
values ('$judul_cerita','$isi_cerita', '$visualisasi_cerita_name','$tanggal_cerita')";
162
3. Proses Tampil Data
ü Proses Tampil Data Ayat
Proses ini, digunakan untuk menampilkan secara keseluruhan data
ayat yang telah di inputkan oleh administrator. Pada
implementasinya proses ini disimpan dalam file daftar_ayat.php.
Potongan programnya sebagai berikut:
$hasil=mysql_query("select * from ayat a, perikop p, tema t where a.id_perikop=p.id_perikop and a.id_tema=t.id_tema");
Pada proses tampil data ayat, administrator dapat melakukan
perubahan dan penghapusan data ayat. Potongan programnya
yaitu:
§ Proses ubah data ayat
$query = "UPDATE ayat ". "SET id_perikop='$id_perikop', ". "id_tema='$id_tema',". "no_bab='$no_bab', ". "no_ayat='$no_ayat', ". "isi_ayat='$isi_ayat' ". "WHERE id_ayat=$id_ayat";
Pada implementasinya program ini, disimpan di dalam file
kirim_edit_ayat.php
163
§ Proses hapus data ayat
$sql=mysql_query("delete from ayat where id_ayat='$id_ayat'");
Pada implementasinya program ini, disimpan di dalam file
hapus_ayat.php
ü Proses Tampil Data Perikop
Proses ini, digunakan untuk menampilkan data perikop yang telah
di inputkan oleh administrator. Pada implementasinya proses ini
disimpan dalam file daftar_perikop.php. Potongan programnya
sebagai berikut:
$hasil=mysql_query("select * from perikop order by id_perikop asc");
Pada proses tampil data perikop, administrator dapat melakukan
perubahan dan penghapusan pada data perikop. Potongan
programnya yaitu:
§ Proses ubah data perikop
$query = "UPDATE perikop ". "SET judul_perikop='$judul_perikop',". "des_singkat='$des_singkat', ". "tafsir='$tafsir', ". "katakunci_perikop='$katakunci_perikop' ". "WHERE id_perikop=$id_perikop";
164
Pada implementasinya program ubah data perikop ini,
disimpan dalam file kirim_edit_perikop.php
§ Proses hapus data perikop
$sql=mysql_query("delete from perikop where id_perikop='$id_perikop'");
Pada implementasinya program hapus data perikop disimpan di
dalam file hapus_perikop.php
ü Proses Tampil Data Tema
Proses ini, digunakan untuk menampilkan data tema yang telah di
inputkan oleh administrator. Pada implementasinya proses ini
disimpan dalam file daftar_tema.php. Potongan programnya
sebagai berikut:
$hasil=mysql_query("select * from tema order by id_tema asc");
Pada proses tampil data tema, administrator dapat melakukan
perubahan dan penghapusan pada data tema. Potongan programnya
yaitu:
165
§ Proses ubah data tema
$query = "UPDATE tema ". "SET nama_tema='$nama_tema',". "katakunci_tema='$katakunci_tema' ". "WHERE id_tema=$id_tema";
Pada implementasinya program ubah data tema ini, disimpan
dalam file kirim_edit_tema.php
§ Proses hapus data tema
$sql=mysql_query("delete from tema where id_tema='$id_tema'");
Pada implementasinya program hapus data tema disimpan di
dalam file hapus_tema.php
ü Proses Tampil Data Narasumber
Proses ini, digunakan untuk menampilkan data narasumber yang
telah di inputkan oleh administrator. Pada implementasinya proses
ini disimpan dalam file daftar_narasumber.php. Potongan
programnya sebagai berikut:
$hasil=mysql_query("select * from narasumber order by id_narasumber asc");
166
Pada proses tampil data narasumber, administrator dapat
melakukan perubahan dan penghapusan pada data narasumber.
Potongan programnya yaitu:
§ Proses ubah data narasumber
$query = "UPDATE narasumber ". "SET nama_narasumber='$nama_narasumber', ". "alamat_narasumber='$alamat_narasumber',". "sex_narasumber='$sex_narasumber', ". "tlp_narasumber='$tlp_narasumber', ". "email_narasumber='$email_narasumber' ". "WHERE id_narasumber=$id_narasumber";
Pada implementasinya program ubah data narasumber ini,
disimpan dalam file kirim_edit_narasumber.php
§ Proses hapus data narasumber
$sql=mysql_query("delete from narsumber where id_narasumber='$id_narasumber'");
Pada implementasinya program hapus data narasumber
disimpan di dalam file hapus_narasumber.php
ü Proses Tampil Data Renungan
Proses ini, digunakan untuk menampilkan data renungan yang
telah di inputkan oleh administrator. Pada implementasinya proses
ini disimpan dalam file daftar_renungan.php. Potongan
programnya sebagai berikut:
167
$hasil=mysql_query("select * from renungan order by id_renungan asc");
Pada proses tampil data renungan, administrator dapat melakukan
perubahan dan penghapusan pada data renungan. Potongan
programnya yaitu:
§ Proses ubah data renungan
$query = "UPDATE renungan ". "SET judul_renungan='$judul_renungan', ". "des_renungan='$des_renungan', ". "isi_renungan='$isi_renungan' ". "WHERE id_renungan=$id_renungan";
Pada implementasinya program ubah data renungan ini,
disimpan dalam file kirim_edit_renungan.php
§ Proses hapus data renungan
$sql=mysql_query("delete from renungan where id_renungan='$id_renungan'");
Pada implementasinya program hapus data renungan disimpan
di dalam file hapus_renungan.php
ü Proses Tampil Data Cerita Bermakna
Proses ini, digunakan untuk menampilkan data cerita bermakna
yang telah di inputkan oleh administrator. Pada implementasinya
168
proses ini disimpan dalam file daftar_cerita.php. Potongan
programnya sebagai berikut:
$hasil=mysql_query("select * from cerita order by id_cerita asc");
Pada proses tampil data cerita bermakna ini, administrator dapat
melakukan perubahan dan penghapusan pada data cerita bermakna.
Potongan programnya yaitu:
§ Proses ubah data cerita bermakna
$query = "UPDATE cerita ". "SET judul_cerita='$judul_cerita', ". "isi_cerita='$isi_cerita',". "visualisasi_cerita='$visualisasi_cerita' ". "WHERE id_cerita=$id_cerita";
Pada implementasinya program ubah data cerita bermakna ini,
disimpan dalam file kirim_edit_cerita.php
§ Proses hapus data cerita bermakna
$sql=mysql_query("delete from cerita where id_cerita='$id_cerita'");
Pada implementasinya program hapus data cerita bermakna
disimpan di dalam file hapus_cerita bermakna.php
169
ü Proses Tampil Data Anggota
Proses ini, digunakan untuk menampilkan data anggota. Pada
implementasinya program disimpan dalam file daftar_anggota.php
dan potongan programnya sebagai berikut:
$hasil=mysql_query("select * from anggota order by id_anggota");
Pada proses ini, administrator dapat melakukan perubahan dan
penghapusan data anggota. Potongan programnya sebagai berikut:
§ Proses ubah data anggota
$query = "UPDATE anggota ". "SET nama_anggota='$nama_anggota', ". "alamat_anggota='$alamat_anggota',". "sex_anggota='$sex_anggota', ". "tlp_anggota='$tlp_anggota', ". "email_anggota='$email_anggota', ". "username_anggota='$username_anggota', ". "password_anggota='$password_anggota' ". "WHERE id_anggota=$id_anggota";
Pada implementasinya program ubah data anggota ini,
disimpan dalam file kirim_edit_anggota.php
§ Proses hapus data anggota
$sql=mysql_query("delete from anggota where username_anggota='$username_anggota'");
Pada implementasinya program hapus data anggota disimpan
di dalam file hapus_anggota.php
170
ü Proses Tampil Data Administrator
Proses ini, digunakan untuk menampilkan data pribadi
administrator. Pada implementasinya proses ini disimpan dalam
file daftar_administrator.php. Potongan programnya sebagai
berikut:
$hasil=mysql_query("select * from admin order by id_admin");
Pada proses ini, administartor dapat melakukan perubahan dan
penghapusan pada data pribadi administartor. Potongan
programnya sebagai berikut:
§ Proses ubah data administrator
$query = "UPDATE admin ". "SET nama_admin='$nama_admin', ". "alamat_admin='$alamat_admin', ". "sex_admin='$sex_admin', ". "tlp_admin='$tlp_admin', ". "email_admin='$email_admin', ". "username_admin='$username_admin', ". "password_admin='$password_admin' ". "WHERE id_admin=$id_admin ";
Pada implementasinya program ubah data administartor ini,
disimpan dalam file kirim_edit_admin.php
§ Proses hapus data administrator
$sql=mysql_query("delete from admin where username_admin='$username_admin'");
171
IV.3. Implementasi Antarmuka
1. Implementasi antarmuka dari sisi pengunjung situs
Gambar 4.1 Halaman Utama Pengunjung Situs
Pada halaman utama ini, merupakan halaman menu seputar web yang di
dalamnya terdapat ucapan selamat datang untuk pengunjung situs dan
172
menumenu yang dapat digunakan oleh pengunjung situs. Menumenu yang
terdapat di halaman utama pengunjung situs antara lain:
a. Menu Pencarian
Pada menu pencarian ini, pengunjung situs dapat melakukan pencarian
berdasarkan kata kunci dengan kategori perikop dan kata kunci dengan
kategori tema.
§ Hasil pencarian dengan kategori perikop:
Gambar 4.2 Hasil Pencarian Data berdasarkan kata kunci perikop
untuk Pengunjung Situs
Untuk melihat keseluruhan isi tiap judul, pengunjung situs dapat meng
klik detail.
173
§ Hasil pencarian dengan kategori tema:
Gambar 4.3 Hasil Pencarian Data berdasarkan kata kunci tema
untuk Pengunjung Situs
Untuk melihat keseluruhan isi tiap judul, pengunjung situs dapat meng
klik detail.
b. Menu Login Anggota
Gambar 4.4 Menu Login Anggota
Menu Login Anggota ini, digunakan pengunjung situs untuk masuk ke
forum anggota dengan memasukkaan username dan password yang
174
dimiliki kemudian klik LOGIN. Bagi pengunjung situs yang belum
mendaftar sebagai anggota, klik DAFTAR untuk mendaftar sebagai
anggota.
c. Menu Daftar Anggota
Gambar 4.5 Menu Daftar Anggota untuk pengunjung situs
Menu daftar anggota ini digunakan untuk mendaftar sebagai anggota.
Untuk mendaftar, pengunjung situs dapat memasukkan identitas pribadi
yang berupa nama, alamat, jenis kelamin, email, username, dan
password, kemudian klik KIRIM untuk mendaftar. Apabila pengunjung
ingin membatalkan klik BATAL.
175
d. Menu Sekilas St.Lukas
Menu sekilas St. Lukas ini terdiri dari menu Siapa St.Lukas itu? dan
menu Jejak Pelayanan St.Lukas
§ Menu Siapa St.Lukas itu?
Gambar 4.6 Halaman menu Siapa St.Lukas itu ?
untuk Pengunjung Situs
176
Pada menu Siapa St.Lukas itu?. pengunjung situs dapat mengenal
pribadi Santo Lukas.
§ Menu Jejak Pelayanan St.Lukas
Gambar 4.7 Halaman menu Jejak Pelayanan St.Lukas
untuk Pengunjung Situs
Pada menu Jejak Pelayanan St.Lukas ini, pengunjung situs dapat
mengetahui awal perjalanan Santo Lukas melakukan pelayanan.
177
e. Menu Tentang Injil Lukas
Menu ini di dalamnya terdapat menu Kapan dan Dimana Injil dibuat?,
menu Tujuan Injil Lukas, menu Struktur Injil Lukas, dan menu Teologi
Injil Lukas.
§ Menu Kapan dan Dimana Injil dibuat?
Gambar 4.8 Halaman menu Kapan dan Dimana Injil Lukas dibuat ?
untuk Pengunjung Situs
Pada menu ini, pengunjung situs dapat mengetahui waktu dan
tempat dimana injil Lukas dibuat.
178
§ Menu Tujuan Injil Lukas
Gambar 4.9 Halaman menu Tujuan Injil Lukas
untuk Pengunjung Situs
Pada menu ini, pengunjung situs dapat mengetahui tujuan dari injiil
Lukas dibuat.
179
§ Menu Struktur Injil Lukas
Gambar 4.10 Halaman menu Struktur Injil Lukas
untuk Pengunjung Situs
Pada menu struktur injil Lukas ini, pengunjung dapat mengetahui
asal mula susunan bacaan dalam injil Lukas.
180
§ Menu Teologi
Gambar 4.11 Halaman menu Teologi Injil Lukas
untuk Pengunjung Situs
Pada menu teologi ini, pengunjung situs dapat mengetahui gaya
bahasa yang digunakan oleh Santo Lukas sebagai seorang teolog.
181
f. Menu Tafsir Injil Lukas
Gambar 4.12 Halaman menu Tafsir IInjil Lukas untuk Pengunjung Situs
Pada menu tafsir ini, pengunjung situs dapat mencari tafsiran ayat
berdasarkan perikop yang ada dalam injil Lukas dengan cara memilih
perikop yang telah disediakan oleh sistem kemudian klik OK dan sistem
akan menampilkan judul perikop yang telah dipilih oleh pengunjung
situs. Untuk melihat secara detail isi dari judul perikop tersebut,
pengunjung situs dapat klik pada judul perikop yang telah ditampilkan
182
oleh sistem. Selain dengan cara ini, pengunjung situs dapat juga
mencari tafsir injil Lukas dengan cara memilih judul perikop yang telah
ditampilkan oleh sistem dan klik DETAIL untuk melihat secara lengkap
isi tafsir injil Lukas.
g. Menu Ayat Kunci
Gambar 4.13 Halaman menu Ayat Kunci untuk Pengunjung Situs
Pada menu ayat kunci ini, pengunjung situs dapat mencari ayat
berdasarkan tema yang ada dalam injil Lukas dengan cara memilih tema
yang telah disediakan oleh sistem kemudian klik OK dan sistem akan
183
menampilkan nama tema yang telah dipilih oleh pengunjung situs.
Untuk melihat secara detail isi dari tema tersebut, pengunjung situs
dapat klik pada nama tema yang telah ditampilkan oleh sistem. Selain
dengan cara ini, pengunjung situs dapat juga mencari ayat dengan cara
memilih nama tema yang telah ditampilkan oleh sistem dan klik
DETAIL untuk melihat secara lengkap isi ayat injil Lukas.
h. Menu Renungan
Gambar 4.14 Halaman menu Renungan untuk Pengunjung Situs
184
Pada menu renungan ini, pengunjung situs dapat membaca renungan
mingguan dengan cara klik judul renungan yang ditampilkan oleh
sistem.
i. Menu Cerita Bermakna
Gambar 4.15 Halaman menu Cerita Bermakna untuk Pengunjung Situs
Pada menu cerita bermakna ini, pengunjung situs dapat melihat isi
cerita dan visualisasi cerita yang telah disediakan oleh sistem dengan
cara klik LIHAT ISI CERITA untuk melihat cerita yang ditampilkan
secara tertulis, dan klik LIHAT VISUALISASI CERITA untuk melihat
isi cerita dalam bentuk visualisasi.
185
j. Menu Sharing
Pada menu sharing ini, di dalamnya terdapat menu Sharing berdasarkan
Tema, dan menu Lihat Daftar Sharing.
§ Menu Sharing berdasarkan Tema
Gambar 4.16 Halaman menu Sharing untuk Pengunjung Situs
Pada menu ini, pengunjung situs tidak dapat melakukan sharing.
Untuk dapat melakukan sharing pengunjung situs harus terlebih
dahulu melakukan login anggota bagi pengunjung situs yang
telah mendaftar sebagai anggota dengan memasukkan username
dan passsword yang dimiliki dan klik LOGIN. Bagi pengunjung
186
situs yang belum mendaftar dapat klik DAFTAR untuk
mendaftar sebagai anggota.
§ Menu Lihat Daftar Sharing
Pada menu ini, pengunjung situs dapat melihat daftar sharing
Gambar 4.17 Halaman menu Lihat Daftar Sharing
untuk Pengunjung Situs
187
k. Menu Konsultasi
Gambar 4.18 Halaman menu Konsultasi untuk Pengunjung Situs
Pada menu ini, pengunjung situs dapat berkonsultasi secara pribadi
dengan narasumber yang telah disediakan oleh sistem. Untuk
melakukan konsultasi pribadi ini pengunjung situs dapat terlebih dahulu
memilih narasumber yang diinginkan kemudian klik OK untuk
memunculkan nama dan alamat email narasumber, dan klik pada
alamat email tersebut untuk menuliskan konsultasi.
188
l. Menu Buku Tamu.
Gambar 4.19 Halaman menu Pengisian Buku Tamu untuk Pengunjung Situs
Pada menu buku tamu ini, pengunjung situs dapat mengisikan data
buku tamu yang telah disediakan sistem berupa nama, jenis kelamin, e
mail, tanggapan mengenai sistem dan memberikan komentar.
Kemudian klik KIRIM untuk mengirim buku tamu tersebut. Dan klik
BATAL jika pengunjung situs tidak ingin mengirimkan buku tamu
tersebut. Untuk melihat daftar buku tamu pengunjung situs dapat klik
pada LIHAT BUKU TAMU.
189
2. Inplementasi antarmuka dari Anggota
Gambar 4.20 Halaman Utama untuk Anggota
Halaman utama anggota ini hampir sama dengan halaman utama pada
pengunjung situs. Pada halaman anggota ini dilengkapi dengan menu
sharing berdasarkan tema dan menu biodata.
190
a. Menu Sharing berdasarkan tema
Gambar 4.21 Halaman menu Sharing untuk Anggota
Pada menu ini, pengunjung situs dapat melakukan sharing dengan cara
terlebih dahulu memilih nama tema yang akan disharingkan dan
menuliskan isi sharing. Kemudian klik KIRIM untuk mengirim
sharing tersebut dan klik BATAL jika anggota ingin membatalkannya.
b. Menu Biodata
pada menu ini terdapat menu lihat data pribadi dan menu ubah data
pribadi.
191
§ Menu Lihat Data pribadi
Gambar 4.22 Halaman menu Lihat Data Pribadi untuk Anggota
Pada menu ini, pengunjung situs dapat melihat secara lengkap
data pribadinya dan dapat melakukan perubahan pada data
pribadinya dengan cara mengklik UBAH dan akan tampil menu
Ubah Data Pribadi.
192
§ Menu Ubah Data Pribadi
Gambar 4.23 Halaman menu Ubah Data Pribadi untuk Anggota
Pada menu ini, pengunjung dapat mengubah data pribadinya.
Setelah perubahan selesai dilakukan, anggota dapat mengklik
SIMPAN. Namun jika anggota ingin membatalkan perubahan
tersebut anggota dapat mengklik BATAL.
193
3. Inplementasi antarmuka dari Administrator
Gambar 4.24 Halaman menu Login untuk Administrator
Menu ini merupakan hal pertama yang dilakukan oleh administrator
sebelum masuk pada menu utama administrator dengan memasukkan
username dan password yang dimiliki. Setelah username dan password
dimasukkan, adminjistrator dapat mengklik LOGIN untuk dapat masuk ke
dalam sistem. Selanjutnya sistem akan menampilkan perintah seperti pada
gambar 4.25. Namun jika administrator ingin membatalkan login dan
mengklik BATAL.
194
Gambar 4.25 Halaman Konfirmsi Login Administrator
Pada menu ini, administrator dapat mengklik LANJUT untuk masuk ke
menu utama administrator.
Gambar 4.26 Halaman Utama untuk Administrator
195
Pada halaman utama administrator terdapat beberapa menu yang dapat
dilakukan oleh administrator yaitu:
a. Menu Input Ayat
Gambar 4.27 Halaman menu Input Ayat untuk Administrator
Pada menu ini, administrator dapat melakukan penambahan data ayat
dengan memasukkan data berupa ID perikop, ID tema, nomer bab,
nomer ayat, dan isi ayat. Kemudian klik SIMPAN untuk menyimpan
data ayat yang telah dimasukkan dan klik BATAL jika administrator
ingin membatalkannya. Selain dapat menambah data ayat, pada menu
ini administrator dapat juga menambah data perikop dan data tema
dengan mengklik TAMBAH PERIKOP jika administrator ingin
196
menambah data perikop dan klik TAMBAH TEMA jika
administrator ingin menambah data tema. Pada menu ini
administrator dapat juga melihat daftar ayat dengan mengklik Lihat
Ke Menu Daftar Ayat.
b. Menu Input Perikop
Gambar 4.28 Halaman menu Input Perikop untuk Administrator
Pada menu ini, administrator dapat melakukan penambahan data
perikop dengan memasukkan data berupa judul, deskripsi singkat,
tafsiran, dan kata kunci. Kemudian klik SIMPAN untuk menyimpan
data perikop yang telah dimasukkan dan klik BATAL jika
administrator ingin membatalkannya. Selain dapat menambah data
197
perikop, pada menu ini administrator dapat melihat daftar perikop
dengan mengklik Lihat Ke Menu Daftar Perikop dan klik Kembali
Ke Menu Input Ayat jika administrator ingin kembali ke menu input
ayat
c. Menu Input Tema
Gambar 4.29 Halaman menu Input Tema untuk Administrator
Pada menu ini, administrator dapat melakukan penambahan data
tema dengan memasukkan data berupa nama tema, dan kata kunci.
Kemudian klik SIMPAN untuk menyimpan data tema yang telah
dimasukkan dan klik BATAL jika administrator ingin
membatalkannya. Selain dapat menambah data tema, pada menu ini
administrator dapat melihat daftar tema dengan mengklik Lihat Ke
198
Menu Daftar Tema dan klik Kembali Ke Menu Input Ayat jika
administrator ingin kembali ke menu input ayat.
d. Menu Input Sharing
Gambar 4.30 Halaman menu Input Sharing untuk Administrator
Pada menu ini, administrator dapat melakukan penambahan data
sharing dengan memasukkan data berupa ID tema, username dan isi
sharing. Kemudian klik SIMPAN untuk menyimpan data sharing
yang telah dimasukkan dan klik BATAL jika administrator ingin
membatalkannya. Selain itu administrator dapat melihat daftar
sharing dengan mengklik Lihat Ke Menu Daftar Sharing.
199
e. Menu Input Cerita Bermakna
Gambar 4.31 Halaman menu Input Cerita Bermakna untuk Administrator
Pada menu ini, administrator dapat melakukan penambahan data
cerita bermakna dengan memasukkan data berupa judul, isi cerita dan
visualisasi. Kemudian klik SIMPAN untuk menyimpan data cerita
bermakna yang telah dimasukkan dan klik BATAL jika administrator
ingin membatalkannya. Selain itu administrator dapat melihat daftar
cerita bermakna dengan mengklik Lihat Ke Menu Daftar Cerita
Bermakna.
200
f. Menu Input Narasumber
Gambar 4.32 Halaman menu Input Narasumber untuk Administrator
Pada menu ini, administrator dapat melakukan penambahan data
narasumber dengan memasukkan data berupa nama narasumber,
alamat narasumber, jenis kelamin, telepon, dan email. Kemudian
klik SIMPAN untuk menyimpan data narasumber yang telah
dimasukkan dan klik BATAL jika administrator ingin
membatalkannya. Selain itu administrator dapat melihat daftar
narasumber dengan mengklik Lihat Ke Menu Daftar Narasumber.
201
g. Menu Input Renungan
Gambar 4.33 Halaman menu Input Renungan untuk Administrator
Pada menu ini, administrator dapat melakukan penambahan data
renungan dengan memasukkan data berupa judul, deskripsi, dan isi
renungan. Kemudian klik SIMPAN untuk menyimpan data renungan
yang telah dimasukkan dan klik BATAL jika administrator ingin
membatalkannya. Selain itu administrator dapat melihat daftar
renungan dengan mengklik Lihat Ke Menu Daftar Renungan.
202
h. Menu Daftar Ayat
Gambar 4.34 Halaman menu Daftar Ayat untuk Administrator
Menu ini, berisi daftar ayat yang telah dimasukkan oleh administrator.
Untuk melihat secara lengkap isi dari setiap data ayat, administrator
dapat mengklik DETAIL, seperti tampilan gambar 4.35. Pada menu
ini, administrator juga dapat melakukan perubahan pada data ayat
dengan mengklik EDIT dan akan muncul form ubah data ayat seperti
pada gambar 4.36. Selain itu administrator dapat melakukan
penghapusan data ayat dengan mengklik HAPUS dan akan mendapat
keluaran berupa pesan konfirmasi sebagai berikut:
203
jika administrator ingin menghapus data ayat tersebut klik OK dan
secara otomatis data ayat yang tersimpan dalam database akan
terhapus, namun jika administrator ingin membatalkan penghapusan
data ayat klik CANCEL.
Gambar 4.35 Halaman menu Detail Daftar Ayat
Gambar 4.36 Halaman menu Edit Daftar Ayat
204
i. Menu Daftar Perikop
Gambar 4.37 Halaman menu Daftar Perikop untuk Administrator
Menu ini, berisi daftar perikop yang telah dimasukkan oleh
administrator. Untuk melihat secara lengkap isi dari setiap data
perikop, administrator dapat mengklik DETAIL, seperti tampilan
gambar 4.38. Pada menu ini, administrator juga dapat melakukan
perubahan pada data perikop dengan mengklik EDIT dan akan
muncul form ubah data perikop seperti pada gambar 4.39. Selain itu
administrator dapat melakukan penghapusan data perikop dengan
mengklik HAPUS dan akan mendapat keluaran berupa pesan
konfirmasi sebagai berikut:
205
jika administrator ingin menghapus data perikop tersebut klik OK dan
secara otomatis data perikop yang tersimpan dalam database akan
terhapus, namun jika administrator ingin membatalkan klik CANCEL.
Gambar 4.38 Halaman menu Detail Daftar Perikop
Gambar 4.39 Halaman menu Edit Daftar Perikop
206
j. Menu Daftar Tema
Gambar 4.40 Halaman menu Daftar Tema untuk Administrator
Menu ini, berisi daftar tema yang telah dimasukkan oleh administrator.
Pada menu ini, administrator dapat melakukan perubahan pada data
tema dengan mengklik EDIT dan akan muncul form ubah data
perikop seperti pada gambar 4.41. Selain itu administrator dapat
melakukan penghapusan data tema dengan mengklik HAPUS dan
akan mendapat keluaran berupa pesan konfirmasi sebagai berikut:
207
jika administrator ingin menghapus data tema tersebut klik OK dan
secara otomatis data tema yang tersimpan dalam database akan
terhapus, namun jika administrator ingin membatalkan klik CANCEL
Gambar 4.41 Halaman menu Edit Daftar Tema
208
k. Menu Daftar Sharing
Gambar 4.42 Halaman menu Daftar Sharing untuk Administrator
Menu ini, berisi daftar sharing yang telah dimasukkan oleh
administrator. Untuk melihat secara lengkap isi dari setiap data
sharing, administrator dapat mengklik DETAIL, seperti tampilan
gambar 4.43. Pada menu ini, administrator juga dapat melakukan
perubahan pada data sharing dengan mengklik EDIT dan akan
muncul form ubah data sharing seperti pada gambar 4.44. Selain itu
administrator dapat melakukan penghapusan data sharing dengan
mengklik HAPUS dan akan mendapat keluaran berupa pesan
konfirmasi sebagai berikut:
209
jika administrator ingin menghapus data sharing tersebut klik OK dan
secara otomatis data sharing yang tersimpan dalam database akan
terhapus, namun jika administrator ingin membatalkan klik CANCEL.
Gambar 4.43 Halaman menu Detail Daftar Sharing
Gambar 4.44 Halaman menu Edit Daftar Sharing
210
l. Menu Daftar Cerita Bermakna
Gambar 4.45 Halaman menu Daftar Cerita Bermakna untuk Administrator
Menu ini, berisi daftar cerita bermakna yang telah dimasukkan oleh
administrator. Untuk melihat secara lengkap isi dari setiap data cerita
bermakna, administrator dapat mengklik DETAIL, seperti tampilan
gambar 4.46. Pada menu ini, administrator juga dapat melakukan
perubahan pada data cerita bermakna dengan mengklik EDIT dan
akan muncul form ubah data cerita bermakna seperti pada gambar
4.47. Selain itu administrator dapat melakukan penghapusan data
cerita bermakna dengan mengklik HAPUS dan akan mendapat
keluaran berupa pesan konfirmasi sebagai berikut:
211
jika administrator ingin menghapus data cerita bermakna tersebut klik
OK dan secara otomatis data cerita bermakna yang tersimpan dalam
database akan terhapus, namun jika administrator ingin membatalkan
klik CANCEL
Gambar 4.46 Halaman menu Detail Daftar Cerita Bermakna
Gambar 4.47 Halaman menu Edit Daftar Cerita Bermakna
212
m. Menu Daftar Renungan
Gambar 4.48 Halaman menu Daftar Renungan untuk Administrator
Menu ini, berisi daftar renungan yang telah dimasukkan oleh
administrator. Untuk melihat secara lengkap isi dari setiap data
renungan, administrator dapat mengklik DETAIL, seperti tampilan
gambar 4.49. Pada menu ini, administrator juga dapat melakukan
perubahan pada data renungan dengan mengklik EDIT dan akan
muncul form ubah data renungan seperti pada gambar 4.50. Selain itu
administrator dapat melakukan penghapusan data renungan dengan
mengklik HAPUS dan akan mendapat keluaran berupa pesan
konfirmasi sebagai berikut:
jika administrator ingin menghapus data renungan tersebut klik OK
dan secara otomatis data renungan yang tersimpan dalam database
213
akan terhapus, namun jika administrator ingin membatalkan klik
CANCEL
Gambar 4.49 Halaman menu Detail Daftar Renungan
Gambar 4.50 Halaman menu Edit Daftar Renungan
214
n. Menu Daftar Narasumber
Gambar 4.51 Halaman menu Daftar Narasumber untuk Administrator
Menu ini, berisi daftar narasumber yang telah dimasukkan oleh
administrator. Untuk melihat secara lengkap isi dari setiap data
narasumber, administrator dapat mengklik DETAIL, seperti tampilan
gambar 4.52. Pada menu ini, administrator juga dapat melakukan
perubahan pada data narasumber dengan mengklik EDIT dan akan
muncul form ubah data narasumber seperti pada gambar 4.53. Selain
itu administrator dapat melakukan penghapusan data narasumber
dengan mengklik HAPUS dan akan mendapat keluaran berupa pesan
konfirmasi sebagai berikut:
215
jika administrator ingin menghapus data narasumber tersebut klik OK
dan secara otomatis data narasumber yang tersimpan dalam database
akan terhapus, namun jika administrator ingin membatalkan klik
CANCEL
Gambar 4.52 Halaman menu Detail Daftar Narasumber
Gambar 4.53 Halaman menu Edit Daftar Narasumber
216
o. Menu Daftar Anggota
Gambar 4.54 Halaman menu Daftar Anggota
Menu ini, berisi daftar anggota yang telah dimasukkan oleh anggota
atau administrator. Untuk melihat secara lengkap isi dari setiap
dataanggota, administrator dapat mengklik DETAIL, seperti tampilan
gambar 4.55. Pada menu ini, administrator juga dapat melakukan
perubahan pada data anggota dengan mengklik EDIT dan akan
muncul form ubah data anggota seperti pada gambar 4.56. Selain itu
administrator dapat melakukan penghapusan data anggota dengan
mengklik HAPUS dan akan mendapat keluaran berupa pesan
konfirmasi sebagai berikut:
217
jika administrator ingin menghapus data anggota tersebut klik OK dan
secara otomatis data anggota yang tersimpan dalam database akan
terhapus, namun jika administrator ingin membatalkan klik CANCEL
Gambar 4.55 Halaman menu Detail Daftar Anggota
Gambar 4.56 Halaman menu Edit Daftar Anggota
218
p. Menu Daftar Administrator
Gambar 4.57 Halaman menu Daftar Administrator
Menu ini, berisi daftar pribadi administrator narasumber yang telah
dimasukkan oleh administrator. Untuk melihat secara lengkap isi data
pribadi, administrator dapat mengklik DETAIL, seperti tampilan
gambar 4.58. Pada menu ini, administrator juga dapat melakukan
perubahan pada data pribadinya dengan mengklik EDIT dan akan
muncul form ubah data administrator seperti pada gambar 4.59. Selain
itu administrator dapat melakukan penghapusan data pribadi dengan
mengklik HAPUS dan akan mendapat keluaran berupa pesan
konfirmasi sebagai berikut:
219
jika administrator ingin menghapus data pribadinya tersebut klik OK
dan secara otomatis data pribadinya yang tersimpan dalam database
akan terhapus, namun jika administrator ingin membatalkan klik
CANCEL
Gambar 4.58 Halaman menu Detail Daftar Administrator
Gambar 4.59 Halaman menu Edit Daftar Administrator
120
BAB V
PENUTUP
V.1. KESIMPULAN
Dengan dibangunnya sistem Pembelajaran Kitab Suci Injil Lukas Berbasis Web
tersebut dapat ditarik kesimpulan yaitu:
a. Pembelajaran Kitab Suci Injil Lukas Berbasis Web ini merupakan suatu
sistem yang menyediakan berbagai macam informasi tentang Injil Lukas.
b. Sistem ini dibangun untuk memberikan solusi dan kemudahan bagi
pengunjung situs untuk belajar kitab suci injil Lukas.
c. Pembelajaran Kitab Suci Injil Lukas Berbasis Web ini, berhasil dibangun
dengan menggunakan bahasa pemrograman PHP (Personal Home Pages
Hypertext Prepocessor) dan menggunakan MySQL (My Structure Query
Language) sebagai pengelola databasenya.
d. Pengguna sistem ini terdiri dari Pengunjung Situs, Anggota, dan
Administartor. Pengunjung Situs adalah semua orang yang membuka atau
mengunjungi sitem ini, Anggota adalah pengunjung situs yang mendaftar
sebagai anggota melalui menu Daftar Anggota. Fasilatas khusus yang
disediakan sistem untuk Anggota yaitu menu Sharing. Sedangkan
Administrator adalah pengelola sistem, yang sekaligus menangani semua
proses yang terjadi dalam sistem.
121
e. Hasil survei di gereja Kumetiran mengatakan bahwa Pembelajaran Kitab
Suci Injil Lukas ini, memudahkan umat untuk mencari informasi tentang
injil Lukas, tampilannya menarik, mudah dipelajari dan dipahami isinya.
V.2. SARAN
Adapun saran yang penulis sampaikan untuk pengembangan sistem
lebih lanjut adalah :
1. Dapat dikembangkan fasiltas pencarian arti untuk katakata sulit yang ada
dalam Injil Lukas.
2. Dapat dikembangkan fasilitas cerita bermakna berbentuk file video, sehingga
pengunjung situs dapat lebih leluasa melihat.
3. Dapat dikembangkan fasilitas jejak pelayanan Santo Lukas yang dilengkapi
dengan peta bergerak, sehingga pengunjung situs dapat mudah
memahaminya.
4. Dapat dikembangkan fasilitas tafsir dalam bahasa anakanak. Sehingga
Pembina Sekolah Minggu di gereja dapat terbantu dalam mendampingi iman
anak.
122
DAFTAR PUSTAKA
Bergant, Dianne, CSA & Karris, Robert J, OFM. Tafsir Alkitab Perjanjian Baru. (2002).Yogyakata: Kanisius
Groenen, C, OFM. (1984). Pengantar Ke Dalam Perjanjian Baru. Yogyakarta: Kanisius.
Hadiwiyata, A. (1983). Sejenak Bersama Lukas. Jakarta: Obor.
Jacobs, Tom. (1966). Lukas Pelukis Hidup Yesus. Jakarta: Cipta Loka Caraka.
Kadir, Abdul. (2003). Pemrograman Web Mencakup: HTML, CSS, JAVASCRIPT dan PHP. Yogyakarta: Andi Offset.
Kadir, Abdul. (2002). Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: Andi Offset.
Nugroho, Bunafit. (2002). PHP dan MySQL dengan Editor Dreamweaver MX. Yogyakarta: Andi Offset
Sutedjo, Budi Dharma Oetomo. (2004). Handout: Perkembangan Aplikasi Berbasis Web. Yogyakarta.
Suyanto, M. (2003). Multimedia Alat Untuk Meningkatkan Keunggulan Bersaing. Yogyakarta: Andi Offset.
Sakur, Stendy B. (2003). Aplikasi Web Database Dengan Dreamweaver MX. Yogyakarta: Andi Offset.
Suharyo I, Pr. (1991). Membaca Kitab Suci Mengenal Tulisan Perjanjian Baru. Yogyakarta: Kanisius.
Suharyo I, Pr. (1989). Pengantar Injil Sinoptik. Yogyakarta: Kanisius.
Windu, I Marsana. (1995). Awal Persahabatan dengan Kitab Suci. Yogyakarta: Kanisius.