Sistem pemesanan diklat online berbasis web : studi kasus Padepokan Shanti Dharma tahun ajaran 2007/2008 - USD Repository
SISTEM PEMESANAN DIKLAT SECARA ONLINE BERBASIS WEB (Studi Kasus pada Padepokan Shanti Dharma) SKRIPSI Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Sains (S.Si.)
Program Studi Ilmu Komputer oleh: Ameliana Tri Prihatini Novianti NIM : 043124018
WEB-BASED ONLINE EDUCATION AND TRAINING ORDERING SYSTEM (Case Study at Padepokan Shanti Dharma) A FINAL THESIS Presented as Partial Fulfillment of the Requirements to obtain Sarjana Sains (S.Si) Degree
Computer Science Study Program By : Ameliana Tri Prihatini Novianti
Student ID : 043124018
SISTEM PEMESANAN DIKLAT ONLINE BERBASIS WEB
(Studi Kasus pada Padepokan Shanti Dharma)
SKRIPSI
Diajukan untuk Memenuhi Salah Satu Syarat
Memperoleh Gelar Sarjana Sains (S.Si)
Program Studi Ilmu Komputer
oleh:
Ameliana Tri Prihatini Novianti
NIM : 043124018
PROGRAM STUDI ILMU KOMPUTER
JURUSAN MATEMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS SANATA DHARMA
2008
Seorang laki-laki telah berkata pada nabi berilah wasiat kepadaku Sabda nabi
Janganlah engkau mudah marah maka diulangi beberapa kali sabdanya Janganlah
engkau mudah marah. (HR. Bukhari)Membaca HAMDALLAH akan memperberat timbangan, Membaca SUBHANALLAH dan ALHAMDULILLAH akan memenuhi ruangan yang ada di antara langit dan bumi. Shalat itu adalah Nur, Sedekah adalah Dalil, Sabar adalah
Cahaya, dan Qur’an itu adalah Hujjah (Bukti, Alasan, Argumen) yang akan membela atau menentangmu. Setiap manusia bekerja, kemudian menjual dirinya, guna menyelamatkan atau mencelakakannya. (HR. Muslim)
Segenap puji d an syukur Penulis panjatkan kepada Tuhan Yang Maha Kasih atas limpahan karuniaNya sehingga Penulis dapat menyelesaikan skripsi dengan judul istem Pemesanan Diklat Online Berb asis Web Studi Kasus Padepokan Shanti Dharma sebagai salah satu syarat untuk menyelesaikan studi strata satu di Program Studi Ilmu
Komputer Univeristas Sanata Dharma Yogyakarta.
Bersama ucapan syukur ini Penulis mengucapkan terimakasih yang sebesar- besarnya k epada semua pihak yang telah mengulurkan tangan hin gga terselesaikannya skripsi ini, terutama kepada :
1. Ir. Gregoriur Heliarko, S.J., S.S., B.S.T., M.A., M.Sc. selaku dekan Fakultas Sains dan Teknologi.
2. Ibu A. Rita Widiarti, S.Si., M.Kom. selaku dosen pembimbing skripsi dan dosen penguji yang telah memberikan waktu dan pengarahan dalam proses penyusunan skripsi ini hingga selesai.
3. Bapak Y. Joko Nugroho, S.Si. selaku dosen penguji yang telah memberikan banyak masukan dan saran kep ada penulis.
4. Ibu Sri Hartati Wijono, S.Si., M.Kom. selaku dosen penguji yang telah memberikan banyak masukkan dan saran kepad a penulis.
5. Bapak Eko Hari Permadi, M.Kom atas pemberian diri sebagai dosen pembimbing akademik dan dengan ketulusan hati memberikan masukkan, pengarahan, dan motivasi bagi penulis.
6. Romo Ageng selaku pimpinan Padepokan Shanti Dharma yang telah memberikan izin penelitian.
7. Suster magda selaku pengelola Padepokan Snati Dharma yang telah banyak memberikan informasi dan memberikan masukan yang berarti dalam menyelesaikan skripsi ini.
9. Sekertariat Prodi Ilmu Komputer Bapak Tukija dan staff sekertariat lainnya yang telah membantu dan memberikan kemudahan bagi penulis sehingga terselesaikannya skripsi ini.
10. Perpustakaan Universitas Sanata Dharma atas fasilitas dalam pencarian pustaka.
11. Papa dan mamaku tercinta atas doa, cinta, kesabaran, dan pengorbanannya untuk menghantarkan dek titin berjalan sejauh ini.
12. Mbak Ulan, mbakku tercinta yang telah memberikan banyak semangat, banyak pengorbanan, banyak kesabaran, dan ban yak cinta kepada dek titin dalam penyelesaian sk ripsi ini.
13. Mbak Yenni dan dek bambang, mbak dan adekk u tersayang yang telah memberikan dukungan dan kasih sayang persaudaraan.
14. Kekasihku yang telah menemani hari-h ariku, terima kasih atas bantuan, motivasi, dan waktu yang telah diberikan untukku, terima kasih banyak atas cinta yang tulus dan indah ini.
15. Sahabatku Via d an monik, terima kasih atas semua pemikirannya, motivasi, bantuan, dan telinga yang tidak pernah letih mendengarkan semua curahan hatiku. vi, makasih atas pinjaman printernya. Persahabatan tidak di ukur dari materi yang diberikan tapi persahab atan lebih bernilai apabila kita salin g tulus memberi dan menerima.
16. Temanku Gita, terima kasih atas pinjaman laptopnya d an sujad, terima kasih atas bantuan yang tulus dan selalu siap sedia ketika aku mebutuhkan bantuanmu.
17. Teman-teman Ikom’04 yang keren abiz, esp. b’li, willy, debby, yo (terima kasih atas ojeknya), dewi, madya, fitria, eka, ipung, dan lain-lain terima kasih atas segala bantuan, suka duka, kerjasama, dan semangatnya. Terima kasih juga untuk keceriaan kita selama ini.
18. Teman-teman KKN Angkatan XXIV, Sronggot, wilis, anung, diah, dll. terima kasih atas hari-hari yang ceria selama KKN dan bersama kalian aku banyak belajar kehidupan.
19. Teman-teman kosku ee Coz tercinta, mb weni, mb asih, mb sinta, sinta, mb ari, dll. Terima kasih atas bantuan, semangat dan keceriaan yang kita rasakan bersama.
20. Semua pihak yan g telah membantu dalam proses penyusunan skripsi ini dan tidak bisa disebutkan satu persatu.
Dengan segala kerendahan hati Penulis menyadari bahwa skripsi ini masih jauh
dari sempurna. Kritik dan Saran yang membangun dari pembaca sekalian sangat
diharapkan. Akhirnya Penulis berharap semoga skripsi ini dapat bermanfaat bagi semua
pihak.
ABSTRAK
Padepokan Shanti Dharma merupakan suatu badan usaha yang bergerak di bidang penjualan jasa dengan cara mengadakan pendidikan dan latihan (diklat) untuk suatu organisasi atau masyarakat umum. Namun sayangn ya pemesanan diklat di Padepokan Shanti Dharma masih dilakukan secara manual.
Salah satu usaha yang dapat dilakukan adalah dengan memban gun sistem pemesanan diklat online berbasis web. Dengan adanya sistem ini diharapkan dapat memudahkan pemesan diklat dalam melakukan pemesanan diklat.
Sistem ini di bangun dengan menggunakan metode pendekatan terstruktur sesuai dengan metode waterfall atau Classic Life Cycle, meliputi : analisis, desain, implementasi, dan pengujian. Bahasa pemrograman yang digunakan ad alah PHP (PHP Hypertext Preprocessor) tools dan MySQL sebagai pengelola database. Dengan menggunakan PHP dan MySQL sud ah dapat mengh asilkan suatu aplikasi pemesanan online yang memadai.
Kata Kunci: Website, Padepokan Shanti Dharma, PHP, MySQL, dan HTML.
ABSTRACT
Padepokan Shanti Dhar ma is a corporation specializing in selling service by means of organizing education and training for an organization or public. The weakness is that the education and training program is still manually ordered.
One alternative to improve it is the establishment of web-b ased education and training online ordering system. The system is expected to make it easier in ordering education and training program.
This website is established using structural approaching method that appropriate waterfall method, consist of : Analysis, Design, Implementation, and testing. Programming language that used are PHP (PHP Hypertext Preprocessor) and MySQL as database operator. By using PHP and MySQL can produce well online order application.
Keywords: Website, Padepokan Shanti Dharma, PHP, MySQL, dan HTML.
DAFTAR ISI Halaman
HALAMAN JUDUL ................................................................................. i HALAMAN PERSETUJUAN PEMBIMBING ....................................... ii HALAMAN PENGESAHAN ................................................................. iii HALAMAN PERSEMBAHAN .............................................................. iv PERNYATAAN KEASLIAN KARYA ................................................... v PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH ...... vi KATA PENGANTAR ............................................................................ vii
INTISARI ................................................................................................. x
ABSTRACT ............................................................................................... xi
DAFTAR ISI ............................................................................................ xii DAFTAR TABEL .................................................................................. xviii DAFTAR GAMBAR .............................................................................. xx DAFTAR LISTING PROGRAM ......................................................... xxviii
BAB I PENDAHULUAN ......................................................................... 1 A. Latar Belakang Masalah ...................................................................... 1 B. Rumusan Masalah ............................................................................... 2 C. Tujuan .................................................................................................. 2 D. Manfaat ................................................................................................ 3 E. Batasan Masalah .................................................................................. 3 F. Metodologi .......................................................................................... 5
G. Sistematika Penulisan .......................................................................... 7
BAB II LANDASAN TEORI .................................................................. 9
A. Pengertian-pengertian .. 9 B. WWW (World Wide Web) ... 91. Web Sever ... 10
2. Proses Pengembangan Web . 11
3. Perencanaan Web . 15
4. Pemasaran Web ... 16
5. Evaluasi Web ... 16
C. HTML (Hyper Text Markup Language)
17
1. Bagian-bagian HTML . 17
2. Struktur Umum Dokumen HTML ... 17
D. PHP (PHP Hypertext Preprocessor) . 18
1. Bentuk Skrip PHP ... 18
2. Tipe Data dalam Program PHP ................... 22
E. MySQL .. 28
1. Perintah-perintah pada MySQL .. 28
2. Koneksi PHP ke MySQL
29
3. Membuat Database . 31
4. Membuat Tabel ... 32
5. Tipe Data pada MySQL .. 34
F. Kuesioner .. 38
1. Kuesioner Tipe Isian ... 38
2. Kuesioner Tipe Pilihan
38 BAB III ANALISIS DAN DESAIN ...................................................... 40
A. Analisis Kebutuhan dan Analisis Sistem ... 40
1. Spesifikasi Sistem ... 41
2. Spesifikasi Hardware .. 42
3. Spesifikasi Software
42 B. Desain .... 43
1. Desain Proses .. 43
2. Desain Basis Data ....................................................................... 62
3. Desain Menu ............................................................................... 69
4. Desain Antarmuka ....................................................................... 77
BAB IV IMPLEMENTASI SISTE M ................................................... 97
A. Implementasi Database dan Tabel .................................................... 971. Database Santidarma .................................................................. 97
2. Koneksi dengan Database ......................................................... 103
B. Implementasi Sisi Administrator . 105
1. Implementasi Halaman Index Administrator ............................ 105
2. Implementasi Menu Ubah Password Admin ............................. 106
3. Implementasi Menu Kelola Operator/Kepala Padepokan ......... 107
4. Menu Kelola Galeri Foto ........................................................... 111
5. Menu Kelola Profil .................................................................... 117
6. Menu Kelola Kritik/Saran ......................................................... 118
7. Menu Kelola Testimonial .......................................................... 119
8. Proses Logout Admin ................................................................ 121
C. Implementasi Sisi Operator ............................................................. 121
1. Implementasi Halaman Index Operator .................................... 121
2. Menu Ubah Password Operator ................................................ 123
3. Menu Kelola Diklat ................................................................... 123
4. Menu Kelola Pemberitahuan ..................................................... 124
5. Menu Kelola Bantuan ................................................................ 124
6. Menu Kelola Tanggal Jatuh Tempo .......................................... 125
7. Menu Kelola Pembayaran Diklat .. 126
D. Implementasi Sisi Kepala Padepokan . 127
1. Implementasi Halaman Index Kepala Padepokan 127
2. Implementasi Menu Ubah Password Kepala Padepokan .. 128
3. Implementasi Menu Laporan Semua Diklat yang ada .. 128
4. Implementasi Menu Laporan Pemesanan Diklat .. 129
5. Implementasi Menu Laporan Kritik/Saran 130
6. Implementasi Menu Laporan Testimonial .... 131
E. Implementasi Sisi Pemesan Diklat .. 132
1. Implementasi Halaman Index Pemesan Diklat . 132
2. Implementasi Menu Ubah Password Pemesan Diklat .. 133
3. Implementasi Menu Status Pesanan Diklat yang dipesan . 133
4. Implementasi Menu Isi Testimonial . 135
5. Implementasi Menu Pesan Diklat . 136
6. Implementasi Menu Pembayaran Diklat ... 141
7. Implementasi Menu Bantuan 142
F. Implementasi Sisi Pengunjung Website ... 143
1. Implementasi Halaman Index Pengunjung Website . 143
2. Implementasi Login Pemesan Diklat 145
3. Implementasi Menu Pendaftaran Pemesan Diklat 147
4. Implementasi Menu Profil 149
5. Implementasi Menu Galeri Foto ... 149
6. Implementasi Menu Diklat 152
7. Implementasi Menu Isi Kritik/Saran . 153
8. Implementasi Menu Lihat Kritik/Saran . 154
BAB V HASIL DAN PEMBAHASAN KUESIONER ...................... 156
A. Pengumpulan Data .. . 1561. Pembuatan Kuesioner ................................................................ 156
2. Penyebaran kuesioner kepada Responden ................................. 156
3. Penarikan Kuesioner ................................................................. 156
B. Sasaran Pen yebaran Kuesioner ........................................................ 157
1. Kepala padepokan dan Pengelola Padepokan Shanti Dharma .. 157
2. Pengunjung Website .................................................................. 157
C. Form Kuesioner ............. .................................................................. 158
D. Hasil dan Pembahasan ..................................................................... 159
BAB VI PENUTUP ............................................................................... 168 A. Kesimpulan ...................................................................................... 168 B. Saran ................................................................................................ 169 DAFTAR PUSTAKA ............................................................................ 170
DAFTAR TABEL Halaman
Tabel II.1 Deklarasi tand a dalam PHP .............................................. 24 Tabel II.2 Array multi dimensi ......................................................... 26 Tabel II.3 Kisaran nilai tipe data nu merik ........................................ 35 Tabel II.4 Kebutuhan memori penyimpanan tipe data numerik ...... 35 Tabel II.5 Kisaran nilai tipe data string ............................................ 36 Tabel II.6 Kebutuhan memori penyimpanan tipe data string ........... 36 Tabel II.7 Kebutuhan memori penyimpanan tipe data char() dan varchar() .......................................................................... 37 Tabel II.8 Kisaran nilai tipe data tanggal .......................................... 37 Tabel II.9 Kebutuhan memori penyimpanan tipe data tanggal ......... 37 Tabel V.1 Hasil Kuesioner Untuk Tampilan Website ..................... 159 Tabel V.2 Hasil Kuesioner Untuk Informasi tentan g Padepokan
Shanti Dharma dan Diklat-Diklatnya ............................. 160 Tabel V.3 Hasil kuesioner Untuk Pengetahuan Tentang
Padepokan Shanti Dharma dan Diklat-Diklatnya ... ....... 161 Tabel V.4 Hasil Kuesioner Untuk Menu-Menu yang
Disajikan di Website ....................................................... 162 Tabel V.5 Hasil Kuesioner Untuk Tampilan Pesan Kesalahan ....... 163 Tabel V.6 Hasil Kuesioner Kemudahan Penggun aan Website ....... 163
Tabel V.7 Hasil Kuesioner Keinteraktifan Penggunaan Website ... 164 Tabel V.8 Hasil Kuesioner Untuk Terbantunya Pengelola
Padepokan Shanti Dharma ............................................. 165 Tabel V.9 Hasil Kuesioner Untuk Syarat-Syarat dan Langkah-
Lan gk ah Melakuk an Pemesanan Diklat ......................... 166 Tabel V.10 Hasil Kuesioner Untuk Pengaruh Jumlah Pemesan
Diklat .. 166
DAFTAR GAMBAR Halaman
Gambar II. 1 Tampilan kode PHP pada browser .............................. 20 Gambar II. 2 Tampilan string dengan petik ganda dan tunggal . ....... 24 Gambar II. 3 Mencetak array pada browser....................................... 25 Gambar II. 4 Hasil array multi dimensi ............................................. 27 Gambar II. 5 Hasil koneksi den gan MySQL ..................................... 30 Gambar II. 6 Hasil koneksi dan memb uat database .................... ...... 32 Gambar II. 7 Tampilan tabel dengan menggunakan phpmyadmin ... 34 Gambar III. 1 Struktur Organisasi Padepokan Shanti Dharma .. 40 Gambar III. 2 DFD Level 0 atau diagram konteks . 44 Gambar III. 3 DFD Level 1 untuk sisi admin . 47 Gambar III. 4 DFD Level 1 untuk sisi operator ................................. 50 Gambar III. 5 DFD Level 1 untuk sisi kepala padepokan ............. ..... 53 Gambar III. 6 DFD Level 1 untuk sisi pemesan diklat . .. 54 Gambar III. 7 DFD Level 1 untuk sisi pengunjung web ... . 56 Gambar III. 8 DFD Level 2 untuk sisi admin . 58 Gambar III. 9 DFD Level 2 untuk sisi operator ............................ 60 Gambar III. 10 Diagram r elasi entitas pada sistem pemesanan diklat online berbasis web ........................................... 63 Gambar III. 11 Diagram r elasi entitas tambahan pada sistem
pemesanan diklat online berbasis web ......................... 64 Gambar III. 12 Struktur menu pengunjung web ................................... 71 Gambar III. 13 Struktur menu pemesan diklat ..................................... 73 Gambar III. 14 Struktur menu kepala padepokan ................................. 74 Gambar III. 15 Struktur menu operator .. .............................................. 75 Gambar III. 16 Struktur menu admin ................................................... 76 Gambar III. 17 Tampilan Login Admin . .............................................. 77 Gambar III. 18 Tampilan Menu Admin ................................................ 78 Gambar III. 19 Ubah password admin .................................................. 78 Gambar III. 20 Tampilan kelola operator ............................................. 79 Gambar III. 21 Tampilan tambah operator ........................................... 79 Gambar III. 22 Tampilan kelola kepala padepokan ............................. 80 Gambar III. 23 Tampilan tambah kepala padepokan ........................... 80 Gambar III. 24 Tampilan kelola galeri ................................................. 81 Gambar III. 25 Tampilan tambah foto .................................................. 82 Gambar III. 26 Tampilan kelola profil ... .............................................. 82 Gambar III. 27 Tampilan kelola buku tamu ......................................... 83 Gambar III. 28 Tampilan kelola testimonial ........................................ 83 Gambar III. 29 Tampilan login operator ... ... 84 Gambar III. 30 Tampilan menu oper ator .. 84 Gambar III. 31 Ubah password operator ... ... 85 Gambar III. 32 Tampilan kelola info diklat .......................................... 85 Gambar III. 33 Tambah info diklat ......... .............................................. 86
Gambar III. 34 Tampilan kelola berita ................................................. 86 Gambar III. 35 Tampilan tambah berita ............................................... 87 Gambar III. 36 Tampilan kelola pesan diklat ....................................... 87 Gambar III. 37 Tampilan pembayaran diklat ....................................... 88 Gambar III. 38 Tampilan kelola bantuan .............................................. 88 Gambar III. 39 Tampilan tambah bantuan ............................................ 89 Gambar III. 40 Tampilan Login kepala p adepokan ..
89 Gambar III. 41 Tampilan Menu Kep ala Padepokan ............................. 90 Gambar III. 42 Tampilan ubah password kepala padepokan ... 90 Gambar III. 43 Tampilan awal untuk membuat laporan buku tamu .... 91 Gambar III. 44 Tampilan laporan buku tamu ....................................... 91 Gambar III. 45 Tampilan awal untuk membuat laporan testimonial .... 92 Gambar III. 46 Tampilan laporan testimonial ...................................... 92 Gambar III. 47 Tampilan awal untuk membuat laporan pemesanan diklat ............................................................................ 93 Gambar III. 48 Tampilan laporan p emesanan diklat ............................ 93 Gambar III. 49 Tampilan laporan semua diklat yang ada ............... ..... 94 Gambar III. 50 Tampilan rancan gan antarmuka untuk pengunjung web ................................. .............................................. 95 Gambar III. 51 Tampilan rancan gan antarmuka untuk pemesan diklat ............................................................................ 96 Gambar IV.1 Database santidarma pada PHPMyAdmin .................. 97 Gambar IV.2 Tabel bantuan ............................................................... 98
Gambar IV.3 Tabel berita .................................................................. 98 Gambar IV.4 Tabel buku_tamu ......................................................... 99 Gambar IV.5 Tabel diklat .................................................................. 99 Gambar IV.6 Tabel galeri ................................................................ 100 Gambar IV.7 Tabel pembayaran_diklat ........................................... 101 Gambar IV.8 Tabel pemesan_diklat ................................................ 101 Gambar IV.9 Tabel pesan_diklat ......... ............................................ 102 Gambar IV.10 Tabel profil .................... ............................................ 102 Gambar IV.11 Tabel testi ................................................................... 103 Gambar IV.12 Tabel validasi ............................................................. 103 Gambar IV.13 Tampilan pesan kesalahan ketika login ..................... 105 Gambar IV.14 Tampilan halaman ubah password admin ................. 106 Gambar IV.15 Tampilan halaman kelola operator/kepala padepokan ...................... ............................................ 107 Gambar IV.16 Tampilan pesan hapus data operator berhasil dilakukan .................................................................... 108 Gambar IV.17 Tampilan pesan hapus data kepala padepokan berhasil dilakukan ...................................................... 108 Gambar IV.18 Tampilan pesan hapus data operator gagal dilakukan .................................................................... 108 Gambar IV.19 Tampilan pesan hapus data kepala padepokan gagal dilakukan .................................................................... 109
Gambar 4.20 Tampilan input data oper ator baru ............................. 110Gambar 4.21 Tampilan input data kepala padepokan baru ............. 110Gambar IV.22 Tampilan contoh pesan apabila belum memasukkan id, nama, atau password sewaktu memasukkan data operator atau kepala padepokan ......................... 110
Gambar IV.23 Tampilan pesan input data kepala padepok an berhasil dilakukan ...................................................... 111 Gambar IV.24 Tampilan pesan input data operato r berhasil dilakukan .................................................................... 111 Gambar IV.25 Tampilan kelola galeri foto ........................................ 112 Gambar IV.26 Tampilan pesan foto ber hasil diubah ......................... 113 Gambar IV.27 Tampilan pesan foto gagal diubah ............................. 113 Gambar IV.28 Tampilan pesan input data operato r berhasil dilakukan .................................................................... 114 Gambar IV.29 Tampilan pesan input data operato r gagal dilakukan .................................................................... 114 Gambar IV.30 Tampilan form tambah f oto ....................................... 114
Gambar IV.31 Tampilan contoh pesan b elum memasukkan gamb ar, nama foto, kategori atau deskripsi sewaktu memasukkan data foto di galeri foto ......................... 115 Gambar IV.32 Tampilan pesan bahwa data foto berhasil dimasukkan dalam galeri foto .................................... 116
Gambar IV.33 Tampilan pesan bahwa data foto gagal dimasukkan dalam galeri foto ............ ............................................ 116
Gambar IV.34 Tampilan kelola profil ... ............................................ 117 Gambar IV.35 Tampilan form ubah prof il ......................................... 118 Gambar IV.36 Tampilan kelola kritik/saran .................................. .... 118 Gambar IV.37 Tampilan kelola testimonial ...................................... 120
Gambar IV.38 Tampilan logout admin .............................................. 121 Gambar IV.39 Tampilan pesan harus login dahulu sebelum masuk ke menu operator ....................................................... 122
Gambar IV.40 Tampilan kelola pemberitahuan ................................ 124 Gambar IV.41 Tampilan kelola bantuan ............................................ 125 Gambar IV.42 Tampilan kelola tan ggal jatuh tempo ........................ 125 Gambar IV.43 Tampilan kelola pembayaran diklat ........................... 126 Gambar IV.44 Tampilan order pemesanan diklat .............................. 127 Gambar IV.45 Tampilan laporan semua diklat yang ada ............... ... 128 Gambar IV.46 Tampilan awal menu laporan pemesanan diklat ........ 129 Gambar IV.47 Tampilan laporan p emesanan diklat .......................... 130 Gambar IV.48 Tampilan awal menu laporan kritik/saran ................. 130 Gambar IV.49 Tampilan laporan kritik/saran .................................... 131 Gambar IV.50 Tampilan awal menu laporan testimonial .................. 131 Gambar IV.51 Tampilan laporan d ata testimonial tidak ada ............. 132 Gambar IV.52 Tampilan menu status pesanan .................................. 134 Gambar IV.53 Tampilan isi testimonial ............................................ 136 Gambar IV.54 Tampilan form pesanan diklat ................................... 137
Gambar IV.55 Tampilan form pembayaran diklat ............................. 141
Gambar IV.56 Tampilan menu bantuan ............................................ 143 Gambar IV.57 Tampilan index pengunjung Website ......................... 144 Gambar IV.58 Tampilan login pemesan diklat .................................. 145 Gambar IV.59 Tampilan pesan kesalahan sewaktu login pemesan diklat .......................................................................... 146 Gambar IV.60 Tampilan form pendaftar an pemesan diklat .............. 147 Gambar IV.61 Tampilan pesan belum mengisikan data pad a form ... 147 Gambar IV.62 Tampilan pesan password dan konfirmasi password harus sama ................................................. 148 Gambar IV.63 Tampilan pesan untuk mengisikan nomor telepon dengan ben ar .............................................................. 148 Gambar IV.64 Tampilan pesan untuk memasukkan email yan g valid ........................................................................... 148 Gambar IV.65 Tampilan pesan account pemesan diklat berh asil dibuat ......................................................................... 149 Gambar IV.66 Tampilan galeri foto .................................................. 150 Gambar IV.67 Tampilan informasi diklat .......................................... 152 Gambar IV.68 Tampilan form isi kritik/saran ................................... 153 Gambar IV.69 Tampilan halaman daftar kritik/saran ........................ 154 Gambar V.1 Form kuesioner untuk pengelola Padepokan Shanti Dharma dan pengunjung umum ................................. 158 Gambar V.2 Grafik hasil kuesioner untuk tampilan ....................... 159
Gambar V.3 Grafik hasil kuesioner untuk informasi tentang
Padepokan Shanti Dharma dan diklat-diklatn ya ........ 160 Gambar V.4 Grafik hasil kuesioner untuk pengetahuan tentang Padepokan Shanti Dharma dan diklat- diklatnya .................................................................... 161
Gambar V.5 Grafik hasil kuesioner untuk menu-menu yang disajikan di website ................................................... 162 Gambar V.6 Grafik hasil kuesioner untuk tampilan pesan kesalahan .................................................................... 163
Gambar V.7 Grafik hasil kuesioner untuk kemudahan penggunaan
website ....................................................................... 164
Gambar V.8 Grafik hasil kuesioner untuk keinteraktifan pen ggunaan website ....................................................................... 164 Gambar V.9 Grafik hasil kuesioner untuk terbantunya pen gelola
Padepokan Shanti Dharma ......................................... 165 Gambar V.10 Grafik hasil kuesioner untuk syar at-syarat dan langkah-langkah melakukan pemesanan diklat ......... 166
Gambar V.11 Grafik hasil kuesioner untuk pengaruh jumlah pemesan diklat ........................................................... 167
DAFTAR LISTING PROGRAM Halaman Listing IV.1 koneksi dengan database santidarma ...................... ... 104 Listing IV.2 listing program untuk mengecek lo gin admin ........... 106 Listing IV.3 listing program untuk mengubah p assword admin .... 106 Listing IV.4 listing program untuk menghapus operator/ kepala padepokan ....................................................... 107 Listing IV.5 Listing program untuk menambah operator/kepala padepokan ...................... ............................................ 109 Listing IV.6 Listing program untuk mengubah data foto ............... 112
Listing IV.7 Listing program untuk menghapus data foto ............. 113
Listing IV.8 Listing program untuk menambah data foto .............. 115
Listing IV.9 Listing program untuk mengubah data foto ............... 117 Listing IV.10 Listing program untuk menghapus kritik/saran ......... 119 Listing IV.11 Listing program untuk menghapus testimonial .......... 120 Listing IV.12 Listing program untuk logout admin ..................... .... 121 Listing IV.13 Listing program untuk mengecek login operator ....... 122 Listing IV.14 Listing program untuk mengubah password
operator .......................... ............................................ 123
Listing IV.15 Listing program untuk mengubah data diklat ............ 123 Listing IV.16 Listing program untuk membuat laporan semua
diklat .......................................................................... 129
Listing IV.17 Listing program untuk mengubah password
pemesan diklat ........................................................... 133
Listing IV.18 Listing program untuk melihat status pesanan
diklat .......................................................................... 135
Listing IV.19 Listing program untuk isi testimonial ........................ 136
Listing IV.20 Listing program untuk pemesanan diklat ............... .... 138
Listing IV.21 Listing program untuk pembayaran diklat ................. 142
Listing IV.22 Listing program untuk login pemesan_diklat ............ 146
Listing IV.23 Listing program untuk menampilkan galeri foto ....... 151
Listing IV.24 Listing program untuk pengisian kritik/saran ......... ... 153
Listing IV.25 Listing program untuk lihat daftar kritik/saran .......... 154
jasa dilakukan dengan cara mengadakan pendidikan dan latihan atau diklat (Dokumen Padepokan Shanti Dharma, Ijajati, 2007). Diklat-diklat yang diselenggarakan Padepokan Shanti Dharma adalah:
1. Diklat tentang teknologi pangan (food technology) yaitu diklat mengenai teknologi Legum, Serealia dan Umbi, diklat mengenai teknologi pengolahan susu, diklat mengenai teknologi daging dan ikan, diklat mengenai teknologi kue dan roti, diklat mengenai teknologi permen, diklat mengenai teknologi buah dan sayur.
2. Diklat tentang ekologi lingkungan.
3. Diklat tentang budidaya tanaman hias.
4. Diklat tentang budidaya rosella dan praktek pengolahannya.
5. Diklat tentang budidaya tanaman obat dan pengenalan apotek hidup.
6. Diklat tentang teknik budidaya jamur pangan dan pembentukan industri berbasis jamur pangan (Jamur Tiram, Jamur Shiitake, Jamur Kuping, dan Jamur Ling-zhi).
7. Diklat tentang teknik budidaya tanaman jarak dan cara pengolahannya.
8. Diklat tentang pengenalan metode perbanyakan tanaman.
2 9. Diklat tentang organik farming.
10. Dan diklat-diklat lainnya.
Padepokan Shanti Dharma berlokasi di pedalaman kota Yogyakarta yaitu di daerah Godean. Promosi dan publikasi diklat-diklat di Padepokan Shanti Dharma masih menggunakan cara yang sederhana. Salah satu caranya adalah dengan menggunakan cara mulut ke mulut sehingga seringkali masyarakat umum tidak mengetahui diklat- diklat yang ada di Padepokan Shanti Dharma.
Salah satu teknologi yang sekarang berkembang pesat adalah internet. Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Didalamnya kita menemukan berbagai macam informasi yang diinginkan secara cepat. Oleh karena itu, penulis berkeinginan membuat website untuk Padepokan Shanti Dharma yang mengakomodasi permasalahan diatas. Website Padepokan Shanti Dharma ini nantinya akan berisi pemesanan diklat secara online.
B. Rumusan Masalah
Bagaimana membangun sistem informasi berbasis web untuk pemesanan diklat secara online dan menampilkan informasi Padepokan Shanti Dharma?
C. Tujuan
Tujuan dari penulisan skripsi ini adalah membangun sebuah sistem informasi berbasis web yang dapat membantu dalam proses pemesanan diklat secara online dan menampilkan informasi tentang Padepokan Shanti Dharma.
3 D. Manfaat Penulisan skripsi ini dilakukan dengan harapan mampu memberikan manfaat kepada semua pihak yang terkait. Pihak-pihak yang memperoleh manfaat dari penelitian ini adalah sebagai berikut.
1. Bagi Padepokan Shanti Dharma Penulisan skripsi ini diharapkan mampu membantu Padepokan Shanti
Dharma dalam mempromosikan dan mempublikasikan diklat-diklat yang akan diselenggarakan serta dapat memberikan layanan pemesanan diklat yang fleksibel yaitu dapat melakukan pemesanan diklat secara online.
2. Bagi Pengunjung Web Dengan penulisan skripsi ini, pengunjung web dapat melakukan pemesanan suatu diklat dari mana saja dan kapan saja. Selain itu, pengunjung web mendapatkan informasi dan pengetahuan mengenai Padepokan Shanti Dharma.
Pembuatan website ini hanya sampai pada tahap testing saja, tidak membahas masalah keamanan, tidak membahas masalah biaya keseluruhan diklat dan sistem ini tidak berfokus pada informasi tentang Padepokan Shanti Dharma. Penulis akan mengembangkan website untuk Padepokan Shanti Dharma dimana pengunjung web dapat melakukan pemesanan diklat secara online.
Dalam tugas akhir ini, penulis hanya akan membahas tentang bagaimana membuat website yang akan menyediakan fasilitas bagi pengunjung web untuk:
4
1. Melihat profil padepokan, dan informasi-informasi mengenai Padepokan Shanti Dharma.
2. Melihat foto-foto dokumentasi diklat dan foto-foto kegiatan di padepokan.
3. Memesan diklat secara online.
4. Melihat detail diklat-diklat yang ada.
5. Mencari diklat dan dokumentasi foto-foto melalui fasilitas search engine.
6. Memberi kritik/saran di buku tamu.
7. Memberi komentar tentang pengalamannya memesan diklat lewat website dan pengalamannya mengikuti diklat di Padepokan Shanti Dharma di testimonial.
Administrator dapat mengelola data-data dan informasi-informasi yang ada di web yaitu dengan mengedit, menambah dan menghapus data-data dan informasi-informasi tersebut. Admin juga dapat mencari data-data yang dikelola melalui fasilitas search engine.
Software yang digunakan untuk pengembangan dan pengujian aplikasi ini adalah:
1. Macromedia Dreamwaver MX 2004 sebagai editor untuk menuliskan file html.
2. MySQL untuk membangun database.
3. Bahasa pemrograman yang digunakan adalah PHP.
4. Web Server yang digunakan adalah Apache.
5. Adobe Photoshop untuk membuat desain antar muka.
6. Semuanya akan dibangun dan dicoba pada sistem operasi Windows XP.
5 Sistem pembayaran uang muka untuk pendaftaran diklat dan pelunasan pembayaran diklat dilakukan secara offline yaitu via transfer bank.
Metodologi yang digunakan penulis selama penelitian untuk membuat sistem ini adalah:
1. Studi Lapangan, bertujuan untuk mencari informasi langsung di Padepokan Shanti Dharma dengan melakukan wawancara dengan Kepala Padepokan (Romo Ageng) dan Kepala Pengelolaan Diklat (Magdala Titik Ijajati), melakukan pencarian data seperti pengambilan foto-foto dari pelaksanaan diklat, mengumpulkan data-data yang berhubungan dengan sistem yang ada di Padepokan Shanti Dharma seperti bagaimana cara melakukan pendaftaran diklat, bagaimana sistem pembayaran diklat, dan lain-lain.
2. Studi Pustaka, dengan mencari referensi dan dasar teori dari buku-buku atau jurnal-jurnal ilmiah yang berhubungan dengan judul skripsi ini.
3. Pengembangan perangkat lunak yang dipakai adalah metode Classic Life
Cycle atau Waterfall (Pressman, 1992) meliputi:
a. Rekayasa Sistem dan Analisis Pekerjaan dimulai dari pembentukan kebutuhan dari semua elemen sistem. Kemudian menentukan subset-subset kebutuhan ke dalam pembentukan Perangkat Lunak. Cakupan langkah ini adalah pengumpulan kebutuhan pada level sistem dengan sedikit melibatkan analisis dan perancangan (top level).
6
b. Analisis Kebutuhan Perangkat Lunak Hasil pengumpulan kebutuhan diintensifkan dan diarahkan secara khas ke dalam Perangkat Lunak. Pembuat software harus paham benar domain informasi, fungsi dan prosedur yang dibutuhkan, unjuk kerja perangkat lunak, dan antar muka. Hasil Analisis (baik tentang sistem dan Perangkat Lunak nya) harus didokumentasikan dan diberitahukan kepada pemesannya.
c. Rancangan atau Desain Rancangan adalah langkah multiproses yang memusatkan kerja pada struktur data, arsitektur perangkat lunak, detail prosedur dan karakteristik antar muka. Proses ini akan mengubah kebutuhan di atas menjadi sebuah gambaran perangkat lunak yang dapat dimengerti sebelum penulisan program. Hasil rancangan harus didokumentasikan dan menjadi bagian konfigurasi perangkat lunak.
d. Penulisan Program atau Coding Hasil rancangan diterjemahkan ke dalam bentuk yang dapat dibaca mesin.
e. Pengujian atau Testing Pengujian ini memusatkan pada logika internal perangkat lunak, fungsi eksternal, dan mencari segala kemungkinan kesalahan. Memeriksa apakah hasil sudah sesuai dengan yang diharapkan.
7 G. Sistematika Penulisan
Bab I: Pendahuluan Bab ini mencakup tentang Latar Belakang, Rumusan Masalah, Batasan Masalah, Tujuan, Manfaat, Tinjauan Pustaka, Metodologi Penelitian dan Sistematika Penulisan. Bab II: Landasan Teori Bab ini menjabarkan tentang teori-teori yang berhubungan dengan pembuatan sistem ini antara lain definisi sistem, sistem berbasis komputer, sistem informasi, WWW (World wide web), HTTP (Hyper Text Transfer Protocol), URL (Uniform Resource Locator), web server, proses pengembangan web, penjelasan tentang HTML, PHP, MySQL.
Bab III: Analisis dan desain Bab ini berisi tentang Struktur organisasi Padepokan Shanti Dharma, Pembagian tugas dan wewenang, tata pelaksanaan sistem yang sedang berjalan, mengevaluasi sistem yang sekarang ada dan menganalisa kebutuhan sistem serta melihat peluang perbaikan untuk menentukan alternatif pemecahan masalah. Bab ini juga mencakup pemodelan sistem dalam bentuk ER Diagram, Diagram Arus Data (DAD), Perancangan tabel-tabel basis data, desain input output, desain antar muka sistem yang dibuat.
8 Bab IV: Implementasi Sistem
Bab ini berisi tentang pengimplementasian sistem yang dibuat, analisa program dan pembahasan program. Bab V: Hasil dan Pembahasan Kuesioner Bab ini berisi tentang hasil dan pembahasan kuesioner. Kuesioner yang disebarkan bertujuan untuk menguji kinerja sistem yang telah dibuat. Bab VI: Kesimpulan dan Saran Bab ini berisi tentang kesimpulan yang diperoleh dari keseluruhan proses pembuatan sistem serta beberapa saran yang dapat dilakukan untuk mengembangkan sistem.
9 BAB II
A. Pengertian – Pengertian
Sistem adalah kumpulan fakta-fakta, prinsip-prinsip, aturan-aturan, terklasifikasikan dan tersusun sehingga nampak hubungan logis antar bagiannya.
Sistem berbasis komputer merupakan kumpulan atau susunan elemen-elemen yang terorganisir untuk melakukan beberapa metode, prosedur, atau kontrol melalui pemrosesan informasi (Pressman, 1992). Sistem informasi adalah kumpulan orang, data, proses, dan teknologi informasi yang berinteraksi untuk mengumpulkan, memproses, menyimpan, dan menyediakan informasi yang dibutuhkan untuk mendukung suatu organisasi (Whitten dan Jeffrey, 2004).
B. WWW (World Wide Web)
WWW atau web adalah kumpulan informasi (homepage) dalam format tertentu (html) pada beberapa server komputer yang terhubung ke internet.
Bekerja pada web memerlukan dua jenis software yaitu: software web server dan software web browser. Web browser bertindak sebagai client yang memungkinkan untuk menginterpretasikan dan melihat informasi, sedangkan software web server yang bertindak sebagai server memungkinkan untuk menerima informasi.
10
1. Web Server Pada dasarnya web server hanya menunggu adanya permintaan
(request) yang dikirim client melalui browser (Mozilla, Netscape, Opera, Internet Explorer, dan lain-lain). Setelah ada suatu permintaan dari klien, maka langkah selanjutnya web server akan memproses permintaan tersebut dan kemudian mengirimkan data-data yang diinginkan klien. Agar web server dapat berkomunikasi dengan web client (browser), maka dibutuhkan suatu protokol yang mengatur komunikasi antara keduanya. Protokol tersebut adalah Hyper Text Transfer Protocol (HTTP).
HTTP adalah suatu protokol yang menentukan aturan yang harus diikuti oleh web browser dalam meminta atau mengambil suatu dokumen, dan oleh web server dalam menyediakan dokumen yang diminta oleh browser.
Apache adalah salah satu web server yang mempunyai beberapa keunggulan, yaitu : a. Bersifat open source.