pembelajaran kitab suci injil lukas berbasis...

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

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


proses 2.Pengelolaan Data Kitab Suci......... 56


proses 3.Data Non Kitab Suci…………….. 58


proses 2.1.Pengelolaan Data Ayat..……….. 61


proses 2.2.Pengelolaan Data Perikop……... 63


proses 2.3.Pengelolaan Data Tema………. 65

xiii


proses 3.1.Pengelolaan Data Anggota…… 67


proses 3.2.Pengelolaan Data Sharing……. 68


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


Data Perikop………..………………………………………………. 63


Data Tema………… ………………………………………………. 65


Data Anggota……….………………………………………………. 67

xvi


Data Sharing………..……………………………………………….

68


Data Cerita Bermakna……………………………............................ 70


Data Narasumber…...………………………………………………. 72


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


tentang ayat yang berhubungan dengan tema injil Lukas.

8. Menu Renungan


tentang renungan mingguan.

31

9. Menu Cerita Bermakna


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


perikop baru.

3. Menu Input Tema


tema baru.

4. Menu Input Sharing


sharing baru.

5. Menu Input Cerita Bermakna


acerita bermakna baru.

6. Menu Input Narasumber


narasumber baru.

7. Menu Input Renungan


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


perubahan dan penghapusan pada data perikop.

10. Menu Daftar Tema

Pada menu ini, administrator dapat melihat detail dari data tema


perubahan dan penghapusan pada data tema.

11. Menu Daftar Sharing

Pada menu ini, administrator dapat melihat detail dari data sharing


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


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,


logout

§ data perbaikan profil anggota § pesan:


perbaikan profil anggota

§ data penulisan sharing § halaman sharing terupdate

§ pesan:


penulisan sharing

§ data penulisan buku tamu § pesan:


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



perbaikan profil administrator.

§ data ayat baru § pesan informasi keberhasilan:


penambahan data ayat

§ pesan kesalahan:

pesan kesalahan penambahan data

ayat

§ data perikop baru § pesan informasi keberhasilan:


penambahan data perikop

§ pesan kesalahan:


perikop

§ data tema baru § pesan informasi keberhasilan:


penambahan data tema

§ pesan kesalahan:


tema

§ data sharing baru § pesan informasi keberhasilan:


penambahan data sharing

§ pesan kesalahan:


sharing

42

§ data cerita bermakna baru § pesan informasi keberhasilan:


penambahan data cerita bermakna

§ pesan kesalahan:


cerita bermakna

§ data renungan baru § pesan informasi keberhasilan:


penambahan data renungan

§ pesan kesalahan:


renungan

§ data narasumber baru § pesan informasi keberhasilan:


penambahan data narasumber

§ pesan kesalahan:


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.



perbaikan data ayat, pesan informasi

keberhasilan perbaikan data perikop,


perbaikan data tema, pesan informasi

keberhasilan perbaikan data anggota,


perbaikan data sharing, pesan

informasi keberhasilan perbaikan data

cerita bermakna, pesan informasi

keberhasilan perbaikan data renungan,

43


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.



penghapusan data ayat, pesan

informasi keberhasilan penghapusan

data perikop, pesan informasi

keberhasilan penghapusan data tema,


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


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


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


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




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



masukan berupa penambahan data perikop, perbaikan data perikop, dan

penghapusan data perikop. Masingmasing dari masukan akan mendapat


data perikop, pesan informasi perbaikan data perikop, pesan kesalahan

penghapusan data perikop, dan pesan informasi keberhasilan

penghapusan data perikop.

3. Proses Pengelolaan Data Tema



masukan berupa penambahan data tema, perbaikan data tema, dan

penghapusan data tema. Masingmasing dari masukan akan mendapat


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


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



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



masukan berupa penambahan data sharing, perbaikan data sharing, dan

penghapusan data sharing. Masingmasing dari masukan akan mendapat


data sharing, pesan informasi keberhasilan perbaikan data sharing, dan

pesan informasi keberhasilan penghapusan data sharing.

3. Proses Pengelolaan Data Cerita Bermakna



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



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



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


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


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



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



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



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


untuk proses 2.2. Pengelolaan Data Perikop


Data Perikop, dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:

1. Proses Penambahan Data Perikop



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



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



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


untuk proses 2.3. Pengelolaan Data Tema


Data Tema, dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:

1. Proses Penambahan Data Tema



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



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



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


Pengelolaan Data Anggota


untuk proses 3.1. Pengelolaan Data Anggota


Data Anggota, dapat diketahui bahwa terdapat 2 (dua) proses yaitu:

1. Proses Perbaikan Data Anggota


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



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.


Pengelolaan Data Sharing


untuk proses 3.2 Pengelolaan Data Sharing

69


Data Sharing, dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:

1. Proses Penambahan Data Sharing



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



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



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


Pengelolaan Data Cerita Bermakna

Administrator

Penambahan Data Cerita Bermakna

Perbaikan Data Cerita Bermakna

Penghapusan Data Cerita Bermakna

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





untuk proses 3.3. Pengelolaan Data Cerita Bermakna


Data Cerita Bermakna, dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:

1. Proses Penambahan Data Cerita Bermakna



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



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



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


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



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



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



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


untuk proses 3.5. Pengelolaan Data Renungan


Data Renungan, dapat diketahui bahwa terdapat 3 (tiga) proses yaitu:

75

1. Proses Penambahan Data Renungan



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



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



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)


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


id_tema nama_tema katakunci_tema


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



katakunci_perikop)



waktu_sharing, tanggal_sharing


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.



katakunci_perikop)



waktu_sharing, tanggal_sharing)


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


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


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


92



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


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


pada tabel dan form akan kosong, tetapi jika administrator ingin


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


pada tabel dan form akan kosong, tetapi jika administrator ingin


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 àyat`(ìd_ayatÌNT(5)UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, ìd_perikopÌNT(5),ìd_temaÌNT(5),`no_babÌNT(3)NOT NULL,`no_ayatÌNT(3)NOT NULL,ìsi_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` (ìd_sharing` INT(5) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, ìd_tema` INT(5), ìd_anggotaÌNT(5) NOT NULL, ìsi_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.


CREATE TABLE `cerita` (ìd_cerita` INT(5) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, `judul_cerita` VARCHAR(200), ìsi_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.


CREATE TABLE `narasumber` (ìd_narasumber` INT(5) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, `nama_narasumber` VARCHAR(30), àlamat_narasumber` VARCHAR(50), `sex_narasumber` CHAR(1), `tlp_narasumber` INT(15), èmail_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


CREATE TABLE `renungan` (ìd_renungan` INT(5) UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY, `judul_renungan` VARCHAR(200), `des_renungan` LONGTEXT ìsi_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.


CREATE TABLE ànggota`(ìd_anggota` INT(5) NOT NULL, `nama_anggota`VARCHAR(30),àlamat_anggota`TEXT,`sex_anggot a`CHAR(1),`tlp_anggotaÌNT(15),èmail_anggota`VARCHAR(200) ,ùsername`VARCHAR(32) NOT NULL `password_anggota` CHAR(32) NOT NULL,PRIMARY KEY (ìs_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.


CREATE TABLE àdmin` (ìd_admin` INT(5) NOT NULL, `nama_admin` VARCHAR(30), àlamat_admin` TEXT, `sex_admin` CHAR(1),`tlp_admin` VARCHAR(15), èmail_admin` VARCHAR(200), ùsername_admin` VARCHAR(32) NOT NULL,`password` VARCHAR(32) NOT NULL,PRIMARY KEY (ìd_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.


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


§ Program hasil penulisan sharing

Program ini, digunakan untuk menyimpan data sharing yang

dituliskan oleh anggota ke dalam tabel sharing. Pada


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


§ 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


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


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>


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


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.


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


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.


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>


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


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.


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>



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


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>


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


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


$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


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>


<td width="27"> </td> <td width="89"> </td> <td width="5" class="style4"> </td> <td width="192"> </td>

</tr>


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>



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


$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


$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


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


$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


§ 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 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 ?


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


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 ?


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


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


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


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


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


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


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


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


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


narasumber dengan mengklik Lihat Ke Menu Daftar Narasumber.

201

g. Menu Input Renungan

Gambar 4.33 Halaman menu Input Renungan untuk Administrator


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


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


sharing, administrator dapat mengklik DETAIL, seperti tampilan


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



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


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


renungan, administrator dapat mengklik DETAIL, seperti tampilan


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



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


narasumber, administrator dapat mengklik DETAIL, seperti tampilan


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


215

jika administrator ingin menghapus data narasumber tersebut klik OK

dan secara otomatis data narasumber yang tersimpan dalam database


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


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



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


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



219

jika administrator ingin menghapus data pribadinya tersebut klik OK

dan secara otomatis data pribadinya yang tersimpan dalam database


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.

pembelajaran kitab suci injil lukas berbasis...

Documents