universitas bina nusantara pada yayasan st. fr. asisi … · 2013-07-14 · atau internet dan...

21
v UNIVERSITAS BINA NUSANTARA _________________________________________________________________ Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Genap tahun 2004/2005 Analisis dan Perancangan Sistem Informasi Bursa Kerja Pada Yayasan St. Fr. Asisi Antonio Liwardi 0500568592 Hedwig Yan Aristha 0500571675 Yanzen Bachtiar 0500569140 Kelas/Kelompok : 08 PHT/Kelompok 5 Abstrak TUJUAN PENELITIAN yang kami lakukan adalah untuk memanfaatkan salah satu teknologi dalam bidang komputer, yaitu internet. Kami berusaha untuk memberikan kepada Yayasan St. Fr. Asisi suatu website yang berguna sebagai salah satu alternatif sarana promosi, pelayanan jasa, dan administrasi. METODE PENELITIAN yang kami gunakan adalah metode analisa, yaitu dengan melakukan survey lapangan, metode kepustakaan dengan mencari sumber dari buku atau internet dan metode perancangan, yaitu dengan melakukan perancangan flowchart, DFD, perancangan tampilan layar, pemilihan database yang akan digunakan serta pemilihan bahasa pemrograman. HASIL YANG DICAPAI dengan menggunakan website ini, diharapkan informasi mengenai para siswa dapat dilihat secara detil, dan pelayanan seperti kritik dan saran, ataupun pertanyaan dapat dengan mudah disampaikan melalui fasilitas website ini. KESIMPULAN yang didapat adalah dengan menggunakan sistem baru yang berbasis web ini, diharapkan Yayasan St. Fr. Asisi dapat memberikan pelayanan yang lebih baik dari sebelumnya dan juga dengan adanya informasi yang up-to-date dapat memudahkan para klien dalam mencari informasi serta mencari tenaga kerja. Kata Kunci : Asisi, website, internet, sistem informasi.

Upload: truongthuy

Post on 19-Mar-2019

215 views

Category:

Documents


0 download

TRANSCRIPT

v

UNIVERSITAS BINA NUSANTARA _________________________________________________________________

Jurusan Teknik Informatika Skripsi Sarjana Komputer

Semester Genap tahun 2004/2005

Analisis dan Perancangan Sistem Informasi Bursa Kerja Pada Yayasan St. Fr. Asisi

Antonio Liwardi 0500568592

Hedwig Yan Aristha 0500571675 Yanzen Bachtiar 0500569140

Kelas/Kelompok : 08 PHT/Kelompok 5

Abstrak TUJUAN PENELITIAN yang kami lakukan adalah untuk memanfaatkan salah satu teknologi dalam bidang komputer, yaitu internet. Kami berusaha untuk memberikan kepada Yayasan St. Fr. Asisi suatu website yang berguna sebagai salah satu alternatif sarana promosi, pelayanan jasa, dan administrasi. METODE PENELITIAN yang kami gunakan adalah metode analisa, yaitu dengan melakukan survey lapangan, metode kepustakaan dengan mencari sumber dari buku atau internet dan metode perancangan, yaitu dengan melakukan perancangan flowchart, DFD, perancangan tampilan layar, pemilihan database yang akan digunakan serta pemilihan bahasa pemrograman. HASIL YANG DICAPAI dengan menggunakan website ini, diharapkan informasi mengenai para siswa dapat dilihat secara detil, dan pelayanan seperti kritik dan saran, ataupun pertanyaan dapat dengan mudah disampaikan melalui fasilitas website ini. KESIMPULAN yang didapat adalah dengan menggunakan sistem baru yang berbasis web ini, diharapkan Yayasan St. Fr. Asisi dapat memberikan pelayanan yang lebih baik dari sebelumnya dan juga dengan adanya informasi yang up-to-date dapat memudahkan para klien dalam mencari informasi serta mencari tenaga kerja. Kata Kunci : Asisi, website, internet, sistem informasi.

vi

Prakata

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa atas berkat dan

rahmat-Nya, serta bimbingan-Nya sehingga penulis dapat menyelesaikan penulisan

skripsi ini tepat pada waktunya.

Skripsi penulis yang berjudul “ANALISIS DAN PERANCANGAN SISTEM

INFORMASI BURSA KERJA PADA YAYASAN ST. FR. ASISI UNIT PPK”

merupakan karya ilmiah yang penulis susun sebagai salah satu syarat kelulusan dalam

jenjang pendidikan S1 (strata-1) pada Universitas Bina Nusantara.

Dalam penyusunan skripsi ini banyak halangan dan hambatan yang penulis

hadapi, namun semuanya dapat teratasi dengan baik berkat adanya dukungan, bantuan

serta nasehat dari berbagai sumber, mulai dari awal hingga akhir penyusunan skripsi ini.

Oleh karena itu, maka pada kesempatan ini penulis ingin menyampaikan rasa terima

kasih dan penghargaan yang tak terhingga kepada :

1. Rektor Universitas Bina Nusantara yang telah memberikan kepercayaan dan

kesempatan untuk menyelesaikan skripsi ini.

2. Bapak Ir. Sablin Yusuf, M.Sc., M.Comp.Sc selaku dekan Universitas Bina Nusantara

yang telah memberikan kepercayaan dan kesempatan untuk menyelesaikan skripsi ini.

3. Bapak H. Mohammad Subekti, BE, M.Sc. selaku ketua jurusan Teknik Informatika

Universitas Bina Nusantara yang telah memberikan kepercayaan dan kesempatan

untuk menyelesaikan skripsi ini.

4. Bapak Fredy Purnomo, S.Kom, M.Kom. selaku sekretaris jurusan Teknik Informatika

Universitas Bina Nusantara yang telah memberikan kepercayaan dan kesempatan

untuk menyelesaikan skripsi ini.

vii

5. Bapak Romli, Drs., M.App.Comp selaku dosen pembimbing yang telah memberikan

waktu dan tenaga tanpa lelah untuk mengarahkan, memberi petunjuk dan saran serta

kritikan selama penulisan skripsi ini.

6. Ibu M. Bandoeng selaku ketua dari Yayasan St. Fr. Asisi Unit PPK yang telah

memberikan informasi yang mendukung skripsi penulis.

7. Ibu M.E. Kumalasari selaku bendahara Yayasan St. Fr. Asisi yang telah membantu

memberikan ide-idenya serta informasi yang mendukung skripsi penulis.

8. Ibu Sarimalem Tgn. S.Pd selaku staff bagian pendidikan ibu asrama Yayasan St. Fr.

Asisi Unit PPK, yang telah memberikan informasi yang mendukung skripsi penulis.

9. Ibu Stefanie Widyastuti selaku asisten bendahara Yayasan St. Fr. Asisi yang telah

membantu memberikan informasi yang memperlengkap skripsi penulis.

10. Segenap keluarga, orang tua, sahabat, teman dan handai taulan dari penulis yang telah

memberikan dorongan dan dukungan, baik moril maupun materiil dalam penulisan

skripsi ini.

Adapun penulisan skripsi ini ditujukan agar dapat membantu, memajukan serta

memudahkan Yayasan yang bersangkutan dalam masalah promosi serta penyaluran

tenaga kerja. Penulisan skripsi ini juga dapat dijadikan dasar dan bahan penelitian lebih

lanjut, mengingat sistem dasar yang dibangun dapat dijadikan landasan dalam

mengembangkan aplikasi penunjang lebih lanjut. Akhir kata, penulis berharap agar

penulisan skripsi ini dapat bermanfaat bagi pembaca dan khalayak ramai pada umumnya.

Jakarta, 21 Juni 2005

Penulis

viii

DAFTAR ISI

Halaman Judul Luar………………………………………………………………………i

Halaman Judul Dalam…………………………………………………………………….ii

Halaman Persetujuan Hardcover………………………………………...…….…………iii

Halaman Pernyataan Dewan Penguji…………………………………………………….iv

Abstrak…………………………………………………………………………………....v

Prakata…………………………………………………………………………………....vi

Daftar Isi………………………………………………………………………………...viii

Daftar Tabel………………………………………………………………...…………...xvi

Daftar Gambar……………………………………………………………………..…...xvii

Daftar Lampiran………………………………………………………...…………...….xxv

BAB 1 PENDAHULUAN

1.1 Latar Belakang……………………………………………………………….1

1.2 Ruang Lingkup……………………………………………………………….2

1.3 Tujuan dan Manfaat………………………………………………………….3

1.4 Metodologi…………………………………………………………………...4

1.5 Sistematika Penulisan………………………………………………………..5

BAB 2 LANDASAN TEORI

2.1 E-business.……………………………………………………………………7

2.1.1 Definisi…………………………………………………………...7

ix

2.1.2 E-commerce……………………………………………………...7

2.1.3 Internet……………………………………………………….…..8

2.1.3.1 Sejarah Internet…………………………………….…....8

2.1.3.2 Protokol-Protokol Internet……………………………..11

2.1.4 WWW (World Wide Web)………………………………….….15

2.1.4.1 Sejarah WWW...……………………………………….16

2.2 Rekayasa Piranti Lunak (RPL)……………………………………...………17

2.2.1 Definisi………….……………………………………………...17

2.2.2 System Development Life Cycle (SDLC)…………………..….17

2.3 Interaksi Manusia dan Komputer (IMK)……………………….…………...20

2.3.1 Definisi………………………………….…………….………..20

2.3.2 Delapan Aturan Emas………………….……………………….20

2.3.3 Top Ten Mistakes………………………………………………21

2.4 Database…………………….……………………………………….………21

2.4.1 Definisi…………………………………………..…..………….21

2.4.2 Model dan Struktur Data Relasional……………..…….……….23

2.4.3 Objek-Objek Database Relasional……………………….……..24

2.4.4 Relational Keys…………………………………………………27

2.4.5 DBMS (Database Management System)……………………….27

2.4.5.1 Definisi…………………………………………………27

2.4.5.2 Komponen DBMS……………………………………..28

2.5 Alat Perancangan………………………………………………..…………..29

2.5.1 State Transition Diagram (STD)…………..……………………29

x

2.5.1.1 Definisi…………………...…………………………….29

2.5.1.2 Notasi…………………………………………………..30

2.5.2 Flowchart…………………………….....………………………30

2.5.2.1 Definisi………………………………..……………….30

2.5.2.2 Komponen Flowchart…………………………………..30

2.5.2.3 Notasi…………………………………………………..31

2.5.3 Data Flow Diagram (DFD)……………..………………………31

2.5.3.1 Definisi…………………………………………………31

2.5.3.2 Komponen DFD………………………………………..32

2.5.3.3 Notasi…………………………………………………..32

2.6 Alat Pengembangan……………………………………………...………….32

2.6.1 MySQL……………………..………………….……………….32

2.6.2 PHP………………………………………….………………….33

2.6.3 Macromedia Dreamweaver MX…………….………………….33

2.6.4 Macromedia Flash MX…………………………………………33

2.6.5 Adobe Photoshop CS…………………………...………………34

BAB 3 ANALISIS SISTEM YANG BERJALAN

3.1 Analisis Sistem Berjalan………………………………………………...….35

3.1.1 Sejarah Yayasan St. Fransiskus Asisi……………..……...…….35

3.1.2 Visi dan Misi Yayasan Unit PPK……………………………….36

3.1.2.1 Visi Yayasan Unit PPK……………...…………………36

3.1.2.2 Misi Yayasan Unit PPK………………………………..36

xi

3.1.3 Struktur Organisasi…………………………...…..…………….36

3.1.4 Tugas dan Tanggung Jawab…………………………………….38

3.1.5 Sistem yang Sedang Berjalan…………………………………..39

3.1.5.1 Sistem Pendaftaran Siswa Baru…………...………...…39

3.1.5.2 Sistem Sewaktu Pelatihan……………………………...42

3.1.5.3 Sistem Perekrutan Siswa……………………………….43

3.1.5.4 Sistem Ketika Siswa Bekerja…………………………..46

3.1.6 Permasalahan yang Dihadapi…………………..…………….…47

3.1.7 Analisis Kuisioner………………………………………………48

3.1.8 Hasil Wawancara……………………………………………….64

3.1.9 Usulan Pemecahan Masalah……………………………………66

BAB 4 RANCANGAN SISTEM YANG DIUSULKAN

4.1 Perancangan Sistem yang Diusulkan...……………………………….…...67

4.1.1 Status Pengguna………………………………………………….68

4.1.2 Perancangan Proses……………………………………………...69

4.1.2.1 Rancangan Data Flow Diagram………………………….69

4.1.3 Diagram Struktur Menu………………………………………….77

4.1.4 Perancangan Menu (Front End) Umum…………….……………78

4.1.4.1 Menu Home…………………………………………..….80

4.1.4.2 Menu Services……………………………………………80

4.1.4.3 Menu Courses……………………………………………81

4.1.4.4 Menu About Us…………………………………………. 81

xii

4.1.4.5 Menu Contact Us………………………………………...81

4.1.4.6 Menu Testimonial………………………………………..81

4.1.4.7 Menu FAQ (Frequently Ask Question)………………….82

4.1.5 Perancangan Menu (Front End) Klien…………………………...82

4.1.5.1 Menu Home……………………………………………...84

4.1.5.2 Menu Services……………………………………………84

4.1.5.3 Menu Courses……………………………………………85

4.1.5.4 Menu About Us ………………………………………….85

4.1.5.5 Menu Contact Us………………………………………...85

4.1.5.6 Menu Testimonial…………………………………….….86

4.1.5.7 Menu FAQ (Frequently Ask Question)…………….....…86

4.1.6 Perancangan Menu (Back End) Administrator……………….….86

4.1.6.1 Menu Home…………………………………………..….88

4.1.6.2 Menu Student Management…………………………..….88

4.1.6.3 Menu User Management……………………………...….89

4.1.6.4 Menu Testimonial Management……………………..…..89

4.1.6.5 Menu Transaction…………………………………….….90

4.1.6.6 Menu Messages……………………………………….….90

4.1.7 Perancangan Basis Data…………………………………….……90

4.1.7.1 Entity dan Atributnya………………………………….…91

4.1.7.2 Primary Key dari Entity………………………………….93

4.1.7.3 Kamus Data………………………………………………94

4.1.7.4 Entity Relationship Diagram……………………………..94

xiii

4.1.7.5 Spesifikasi Tabel…………………………………………95

4.1.8 Perancangan Layar (Front End) Umum………………………….97

4.1.8.1 Halaman Home…………………………………………..97

4.1.8.2 Halaman Services………………………………………...98

4.1.8.3 Halaman Courses………………………………………...99

4.1.8.4 Halaman Testimonial……………………………..…….100

4.1.8.5 Halaman FAQ ……………………………………..…...101

4.1.8.6 Halaman Contact Us …………………………………...102

4.1.8.7 Halaman About Us ……………………………………..103

4.1.8.8 Halaman Register……………………………………… 104

4.1.8.9 Halaman Login …………………………………………105

4.1.9 Perancangan Layar (Front End) Klien………………………….106

4.1.9.1 Halaman Home…………………………………………106

4.1.9.2 Halaman Services……………………………………….107

4.1.9.3 Halaman Courses……………………………………….108

4.1.9.4 Halaman Testimonial……………………………...……109

4.1.9.5 Halaman FAQ ………………………………………….110

4.1.9.6 Halaman Contact Us…………………………………... 111

4.1.9.7 Halaman About Us ……………………………………..112

4.1.9.8 Halaman Update Profile ………………………………..113

4.1.9.9 Halaman Booking ……………………………………...114

4.1.9.10 Halaman Messages ……………………………………115

4.1.10 Perancangan Layar (Back End) Administrator ………………...116

xiv

4.1.10.1 Halaman Home………………………………………..116

4.1.10.2 Halaman Student Management ……………………….117

4.1.10.3 Halaman User Management …………………………..118

4.1.10.4 Halaman Transaction …………………………………119

4.1.10.5 Halaman Testimonial Management …………………..120

4.1.10.6 Halaman Messages ……………………………………121

4.1.11 Spesifikasi Proses ………………………………………………121

4.1.11.1 Proses Front End………………………………………121

4.1.11.2 Proses Back End ……………………………………...133

4.2 Kebutuhan Implementasi…………...…………….….…………….…….154

4.2.1 Kebutuhan Perangkat Keras………………………………..…….154

4.2.2 Kebutuhan Perangkat Lunak…………………………………......155

4.3 Instalasi……………………………………..……………...…….……...156

4.4 Tampilan Layar……………………………..……………...…….……...157

4.5 Evaluasi Implementasi……………………………….………………….245

BAB 5 KESIMPULAN DAN SARAN

5.1 Kesimpulan…………………………………………………………….258

5.2 Saran………………………………………………………………...…259

Daftar Pustaka…………………………………………………………………………..260

Daftar Riwayat Hidup…………………………………………………………………..263

Lampiran-Lampiran...…………………………………………………………………..266

xv

Fotocopy Surat Survei…………………………………………………………………..274

xvi

DAFTAR TABEL Tabel 2.1 Struktur Tabel……………………………………………………………….24

Tabel 4.1 Tabel Perancangan Database………………………………………………..95

Tabel 4.2 Hasil Wawancara………………………………………………….………246

xvi

DAFTAR GAMBAR Gambar 2.1 Waterfall……………………………………………………………..……18

Gambar 2.2 Relasi Antar Tabel………………………………………………….…….25

Gambar 2.3 Notasi STD………………………………………………………….…….30

Gambar 2.4 Notasi Flowchart………………………………………………….……....31

Gambar 2.5 Notasi DFD……………………………………………………………….32

Gambar 3.1 Struktur Organisasi……………………………………….………………37

Gambar 3.2 Diagram Sistem Pendaftaran Siswa………………………………………41

Gambar 3.3 Diagram Sistem Pelatihan Siswa……………….………………………...43

Gambar 3.4 Diagram Sistem Penyaluran Kerja Siswa…………………….……….….45

Gambar 3.5 Diagram Sistem Pemeliharaan Data Kelulusan………..…………………47

Gambar 3.6 Hasil Kuisioner Kelengkapan Informasi Media Cetak…………………...49

Gambar 3.7 Hasil Kuisioner Kemenarikan Informasi Media Cetak…………………..50

Gambar 3.8 Hasil Kuisioner Kemudahan Pemahaman Informasi Media Cetak………50

Gambar 3.9 Hasil Kuisioner Kelengkapan Informasi Media Elektronik………………51

Gambar 3.10 Hasil Kuisioner Kemenarikan Informasi Media Elektronik……………..52

Gambar 3.11 Hasil Kuisioner Kemudahan Pemahaman Informasi Media Elektronik…52

Gambar 3.12 Hasil Kuisioner Kelengkapan Informasi Internet………………………..53

Gambar 3.13 Hasil Kuisioner Kemenarikan Penyampaian Informasi di Internet……...54

Gambar 3.14 Hasil Kuisioner Kemudahan Pemahaman Informasi di Internet………...54

Gambar 3.15 Hasil Kuisioner Waktu Penggunaan Internet…………………….………57

Gambar 3.16 Hasil Kuisioner Kegunaan Internet……………………………..………..58

Gambar 3.17 Hasil Kuisioner Informasi yang Ingin Dilihat………………..…………..59

xvi

Gambar 3.18 Hasil Kuisioner Tempat Mengakses Internet…………………….………60

Gambar 3.19 Hasil Kuisioner Kecepatan Koneksi Internet…………………………….61

Gambar 3.20 Hasil Kuisioner Kebutuhan Bantuan……………………………………..62

Gambar 3.21 Hasil Kuisioner Tertarik Untuk Merekrut………………………………..63

Gambar 4.1 Diagram Konteks Rancangan Sistem……………………………………..70

Gambar 4.2 Diagram Nol Rancangan Sistem………………………………………….71

Gambar 4.3 Diagram Rinci Front End…………………………………………………72

Gambar 4.4 Diagram Rinci Back End…………………………………………………73

Gambar 4.5 Diagram Rinci Register…………………………………………….……..74

Gambar 4.6 Diagram Rinci Log Sistem………………………………………………..74

Gambar 4.7 Diagram Rinci Update Profile…………………………………………….75

Gambar 4.8 Diagram Rinci Booking…………………………………………………..75

Gambar 4.9 Diagram Rinci Transaction……………………………………………….76

Gambar 4.10 Diagram Rinci Search…………………………………………………….76

Gambar 4.11 Struktur Menu Umum……………………………………………………77

Gambar 4.12 Struktur Menu Klien……………………………………………………..77

Gambar 4.13 Struktur Menu Admin……………………………………………………78

Gambar 4.14 STD Menu Umum……………………………………………….……….79

Gambar 4.15 STD Menu Klien…………………………………………………………83

Gambar 4.16 STD Menu Admin…………………………………………….………….87

Gambar 4.17 Diagram ERD…………………………………………………………….95

Gambar 4.18 Tampilan Home Umum………………………………………………….97

Gambar 4.19 Tampilan Services Umum……………………………………………….98

xvi

Gambar 4.20 Tampilan Courses Umum………………………………………………..99

Gambar 4.21 Tampilan Testimonial Umum………………………………………..…100

Gambar 4.22 Tampilan FAQ Umum…………………………………………..……...101

Gambar 4.23 Tampilan Contact Us Umum…………………………………………...102

Gambar 4.24 Tampilan About Us Umum……………………………………………..103

Gambar 4.25 Tampilan Register Umum………………………………………………104

Gambar 4.26 Tampilan Login Umum…………………………………………………105

Gambar 4.27 Tampilan Home Klien…………………………………………………..106

Gambar 4.28 Tampilan Services Klien………………………………………………..107

Gambar 4.29 Tampilan Courses Klien………………………………………………...108

Gambar 4.30 Tampilan Testimonial Klien……………………………………………109

Gambar 4.31 Tampilan FAQ Klien……………………………………….…………..110

Gambar 4.32 Tampilan Contact Us Klien……………………………………………..111

Gambar 4.33 Tampilan About Us Klien………………………………………………112

Gambar 4.34 Tampilan Update Profile Klien…………………………………………113

Gambar 4.35 Tampilan Booking Klien……………………………………………….114

Gambar 4.36 Tampilan Messages Klien………………………………………………115

Gambar 4.37 Tampilan Home Administrator…………………………………………116

Gambar 4.38 Tampilan Student Management Administrator…………………………117

Gambar 4.39 Tampilan User Management Administrator……………………………118

Gambar 4.40 Tampilan Transaction Administrator…………………………………...119

Gambar 4.41 Tampilan Testimonial Management Administrator…………………….120

Gambar 4.42 Tampilan Messages Administrator……………………………………..121

xvi

Gambar 4.43 Tampilan Home Umum………………………………………………...157

Gambar 4.44 Tampilan Services Babysitter…………………………………………..158

Gambar 4.45 Tampilan Services Juru Masak…………………………………………159

Gambar 4.46 Tampilan Services Tata Rias……………………………………………160

Gambar 4.47 Tampilan Services Menjahit……………………………………………161

Gambar 4.48 Tampilan Course Information………………………………………….162

Gambar 4.49 Tampilan Course Registration Information………………….…………163

Gambar 4.50 Tampilan Testimonial………………………………………….……….164

Gambar 4.51 Tampilan FAQ…………………………………………….……………165

Gambar 4.52 Tampilan Contact Us…………………………………….……………..166

Gambar 4.53 Tampilan Contact Us Confirmation…………………………….………167

Gambar 4.54 Tampilan Profile Yayasan St. Fr. Asisi…………………………………168

Gambar 4.55 Tampilan Location Map………………………………………………...169

Gambar 4.56 Tampilan Site Map……………………………………………………...170

Gambar 4.57 Tampilan Search Result………………………………………………...171

Gambar 4.58 Tampilan Register………………………………………………………172

Gambar 4.59 Tampilan Register Confirmation……………………………………….173

Gambar 4.60 Tampilan Login Member……………………………………………….174

Gambar 4.61 Tampilan Home Member……………………………………………….175

Gambar 4.62 Tampilan Services Babysitter Klien……………………………………176

Gambar 4.63 Tampilan Services Juru Masak Klien…………………………………..177

Gambar 4.64 Tampilan Services Tata Rias Klien………………………………….....178

Gambar 4.65 Tampilan Services Menjahit Klien……………………………………..179

xvi

Gambar 4.66 Tampilan Course Information Klien……………………………………180

Gambar 4.67 Tampilan Course Registration Information Klien……………………...181

Gambar 4.68 Tampilan View Testimonial Klien……………………………………...182

Gambar 4.69 Tampilan Add Your Testimonial Klien………………………………...183

Gambar 4.70 Tampilan Add Testimonial Confirmation Klien………………………..184

Gambar 4.71 Tampilan FAQ Klien…………………………………………………...185

Gambar 4.72 Tampilan Contact Us Klien……………………………………………..186

Gambar 4.73 Tampilan Contact Us Confirmation Klien……………………………...187

Gambar 4.74 Tampilan Profile Yayasan St. Fr. Asisi Klien…………………………..188

Gambar 4.75 Tampilan Location Map Klien………………………………………….189

Gambar 4.76 Tampilan Site Map Klien……………………………………………….190

Gambar 4.77 Tampilan Search Result Klien………………………………………….191

Gambar 4.78 Tampilan Update Profile………………………………………………..192

Gambar 4.79 Tampilan Update Profile Confirmation………………………………...193

Gambar 4.80 Tampilan Booking………………………………………………………194

Gambar 4.81 Tampilan Book Confirmation…………………………………………..195

Gambar 4.82 Tampilan Inbox…………………………………………………………196

Gambar 4.83 Tampilan View Message……………………………………………….197

Gambar 4.84 Tampilan Send Message…………………………………………….…..198

Gambar 4.85 Tampilan Send Message Confirmation…………………………………199

Gambar 4.86 Tampilan Change Password…………………………………………….200

Gambar 4.87 Tampilan Change Password Confirmation……………………………..201

Gambar 4.88 Tampilan Log Out………………………………………………………202

xvi

Gambar 4.89 Tampilan Home Admin………………………………………………...203

Gambar 4.90 Tampilan Add New Student…………………………………………….204

Gambar 4.91 Tampilan Add New Student Confirmation………………..……………205

Gambar 4.92 Tampilan Manage Existing Students Babysitter……………..…………206

Gambar 4.93 Tampilan Manage Existing Students Juru Masak ………….…………..207

Gambar 4.94 Tampilan Manage Existing Students Tata Rias…………….…………..209

Gambar 4.95 Tampilan Manage Existing Students Menjahit…………………………210

Gambar 4.96 Tampilan Edit Student………………………………………………….211

Gambar 4.97 Tampilan Edit Student Confirmation…………………………………...212

Gambar 4.98 Tampilan Delete Student………………………………………………..213

Gambar 4.99 Tampilan Delete Student Confirmation………………………………...214

Gambar 4.100 Tampilan Client For Approval………………………………………….215

Gambar 4.101 Tampilan Manage All User……………………………………………216

Gambar 4.102 Tampilan Edit User……………………………………………………217

Gambar 4.103 Tampilan Edit User Confirmation…………….……………………….218

Gambar 4.104 Tampilan Delete Client……………………….……………………….219

Gambar 4.105 Tampilan Delete Client Confirmation…………………………………220

Gambar 4.106 Tampilan Search Client………………………………………………..221

Gambar 4.107 Tampilan Search Client Result………………………………………..222

Gambar 4.108 Tampilan New Testimonial……………………………………………223

Gambar 4.109 Tampilan All Testimonial……………………………………………..224

Gambar 4.110 Tampilan Edit Testimonial……………………………………………225

Gambar 4.111 Tampilan Edit Testimonial Confirmation……………………………..226

xvi

Gambar 4.112 Tampilan Delete Testimonial………………………………………….227

Gambar 4.113 Tampilan Delete Testimonial Confirmation…………………………..228

Gambar 4.114 Tampilan New Transaction……………………………………………229

Gambar 4.115 Tampilan All Transaction……………………………………………..230

Gambar 4.116 Tampilan Transaction Detail………………………………………….231

Gambar 4.117 Tampilan Delete Transaction………………………………………….232

Gambar 4.118 Tampilan Delete Transaction Confirmation…………………………..233

Gambar 4.119 Tampilan Search Transaction………………………………………….234

Gambar 4.120 Tampilan Search Transaction Result………………………………….235

Gambar 4.121 Tampilan Confirmation Messages…………………………………….236

Gambar 4.122 Tampilan View Confirmation Message……………………………….237

Gambar 4.123 Tampilan General Messages…………………………………………...238

Gambar 4.124 Tampilan View General Messages…………………………………....239

Gambar 4.125 Tampilan Send Message………………………………………………240

Gambar 4.126 Tampilan Send Message Confirmation……………………………….241

Gambar 4.127 Tampilan Change Password…………………………………………..242

Gambar 4.128 Tampilan Change Password Confirmation……………………………243

Gambar 4.129 Tampilan Search Message…………………………………………….244

Gambar 4.130 Tampilan Search Message Result……………………………………..245

Gambar 4.131 Hasil Kuisioner Sarana Promosi………………………………………250

Gambar 4.132 Hasil Kuisioner Pencarian Tenaga Kerja……………………………...251

Gambar 4.133 Hasil Kuisioner Antar Muka…….…………………………………….251

Gambar 4.134 Hasil Kuisioner User Friendly………………………………………...252

xvi

Gambar 4.135 Hasil Kuisioner Kelengkapan Informasi………………………………253

Gambar 4.136 Hasil Kuisioner Kemudahan Pembookingan………………………….254

Gambar 4.137 Hasil Kuisioner Pencarian Tenaga Kerja di Internet………………….255

Gambar 4.138 Hasil Kuisioner Fitur-fitur…………………………………………….255

Gambar 4.139 Hasil Kuisioner Kemudahan Informasi……………………………….256

Gambar 4.140 Hasil Kuisioner Pengembangan Lebih Lanjut………………………...257

xvi

DAFTAR LAMPIRAN

Kuisioner………………………………………………………………………………...L1