BAB V IMPLEMENTASI DAN HASIL
5.1
IMPLEMENTASI SISTEM INFORMASI PENDAFTARAN SANTRI BARU (PSB) ONLINE PSB Online ini diimplementasikan dengan menggunakan bahasa pemrograman
PHP. PHP adalah sebuah bahasa pemrograman berbasis server, untuk dapat menjalankan script PHP dibutuhkan sebuah web server. Web server adalah sebuah aplikasi atau perangkat yang dapat menterjemahkan script pemrograman berbasis server menjadi tag-tag HTML biasa. Pada aplikasi ini web server yang digunakan adalah web server yang mendukung baik PHP yaitu XAMPP. Sedangkan untuk perancangan tampilan web menggunakan Tamplate dan Photoshop, dan implementasi basis data menggunakan MySQL. Konfigurasi yang dilakukan untuk membangun PSB Online adalah sebagai berikut : 1.
Web server File konfigurasi web server terdapat pada file httpd.conf, konfigurasi yang dilakukan seperti : - Document Root :’ C:\xampp\htdocs\kp’
2.
PHP File konfigurasi PHP terdapat pada file php.ini, konfigurasi yang dilakukan seperti: session.auto_start=1
72
73
5.2
STRUKTUR PROGRAM APLIKASI Pada aplikasinya sistem informasi penerimaan santri baru ini dibuat berbasis web
dengan submenu yang akan ditampilkan berdasarkan user yang mengakses. User yang telah didefinisikan terdiri atas 3 user, yaitu : Admin, Member, Guest di mana menu-menu yang disediakan antara lain adalah sebagai berikut :
5.2.1
RINCIAN MENU
5.2.1.1 Halaman Akses Admin Halaman ini merupakan halaman pertama yang ditampilkan apabila user login mempunyai akses sebagai administrator. Halaman ini terdiri dari delapan menu.
Gambar 5.1 Halaman Akses Admin Untuk admin terdapat 7 menu yang dapat di akses, antara lain : a.
Dashboard Menu ini memberikan semua informasi yang ada dalam aplikasi.
74
b.
Content
Gambar 5.2 Halaman Content
Menu ini menyediakan fasilitas menambah, menghapus dan mengedit isi content. Content ini nantinya di tampilkan pada halaman utama ketika user membuka aplikasi.
75
c.
News
Gambar 5.3 Halaman News
Menu ini menyediakan fasilitas menambah, menghapus dan mengedit isi News. News ini nantinya di tampilkan pada halaman utama ketika user membuka aplikasi.
76
d.
User
Gambar 5.4 Halaman User
Menu ini menyediakan fasilitas menambah, menghapus dan mengedit data Member. e.
Santri
Gambar 5.5 Halaman Santri
77
Menu
ini menyediakan
fasilitas
menambah,
menampilkan,
menghapus dan
mengedit data Santri. f.
Panduan
Gambar 5.6 Halaman Panduan
Menu ini menyediakan fasilitas menambah dan menghapus Panduan ini nantinya di tampilkan pada halaman utama ketika user membuka aplikasi dan ketika user login sebagai member, maka member dapat mendowload Formulir PSB.
78
g.
Komentar
Gambar 5.7 Halaman Komentar
Menu ini menyediakan fasilitas view, menghapus dan menghapus. Komentar ini nantinya di tampilkan pada halaman utama. h.
Admin
Gambar 5.8 Halaman Admin
Menu ini menyediakan fasilitas menambah, menghapus dan mengedit data Admin.
79
5.2.1.2 Halaman Akses Member Halaman ini merupakan halaman pertama yang ditampilkan apabila user login mempunyai akses sebagai member. Halaman ini terdiri dari empat menu utama. Untuk member terdapat empat menu yang dapat di akses antara lain : a.
Home
Gambar 5.9 Halaman Akses Member
Menu ini memberikan informasi tentang sejarah, kegiatan dan sarana dan prasana yang terdapat di lingkungan Pondok Pesantren Turus.
80
b.
News
Gambar 5.10 Halaman News Member
Menu ini memberikan berbagai informasi tentang rangkaian agenda penerimaan santri baru seperti jadwal kegiatan calon santri, jadwal test, dan informasi-informasi lain yang berkenaan dengan penerimaan santri baru.
81
c.
Panduan
Gambar 5.11 Halaman Panduan Member
Menu
ini
memberikan
informasi
tentang
pendaftaran
calon
santri
yang
didalamnya terdapat persyaratan umum dan persyaratan administrasi bagi calon santri yang akan mengenyam pendidkan di Pondok Pesantren Turus. Pada menu ini juga user dapat men-download formulir apabila user ingin melakukan pendaftaran manual dan langsung mendatangi kantor sekretariat Pondok Pesantren Turus.
82
d.
Pendaftaran Santri
Gambar 5.12 Halaman Pendaftaran Santri
Pada form ini apabila di tandai oleh (*) maka wajib diisi, apabila salah satunya tidak terisi maka user harus mengulangi kembali mengisi form dari awal, tetapi apabila sudah terisi semua maka user akan diarahkan pada form orang tua dengan mengklik tombol SUBMIT.
83
e.
Profil
Gambar 5.13 Halaman Profil
Menu ini menampilkan profil data pendaftaran yang telah di inputkan oleh Member.
84
5.2.1.3 Halaman Akses Guest Halaman ini merupakan halaman pertama yang ditampilkan saat membuka alamat situs Sistem Informasi Pendaftaran Santri Baru Online. Halaman ini dapat diakses oleh siapapun. Pada halaman ini user terdapat home, news, panduan, registrasi dan login. a.
Home
Gambar 5.14 Halaman Home Guets
Menu ini memberikan informasi tentang sejarah, kegiatan dan sarana dan prasana yang terdapat di lingkungan Pondok Pesantren Turus.
85
b.
News
Gambar 5.15 Halaman News Guest
Menu ini memberikan informasi tentang jadwal kegiatan calon santri, jadwal test dan jadwal-jadwal lainnya yang berkenaan dengan aktivitas calon santri.
86
c.
Panduan
Gambar 5.16 Halaman Panduan Guest
Menu
ini
memberikan
informasi
tentang
pendaftaran
calon
santri
yang
didalamnya terdapat persyaratan umum dan persyaratan administrasi bagi calon santri yang akan mengenyam pendidkan di Pondok Pesantren Turus.
87
d.
Register
Gambar 5.17 Halaman Register
Pada menu ini guest melakukan register pada form yang telah disediakan oleh sistem.
88
e.
Login
Gambar 5.18 Halaman Login Setelah guest melakukan login, guest akan di arahkan pada sistem selanjutnya.
5.2.2
DESKRIPSI FILE Deskripsi file-file hasil pengkodean pada aplikasi Sistem Informasi Pendaftaran
Santri baru yang diimplementasikan dalam bentuk web online akan dijelaskan secara garis besar berdasarkan user yang terlibat sebagai di bawah ini. Untuk file login yang digunakan diberi nama index.php. Semua file yang digunakan di include di file index.php. No
File *.php untuk Modul Admin File/Modul Data admin aksi_admin aksi_admin_edit aksi_balas_komentar aksi_content aksi_content_edit aksi_edit_komen aksi_edit_santri aksi_news
File File File File File File File File File
Keterangan ini menampilkan Data Admin untuk menambah user Admin untuk mengedit user Admin untuk membalas Komentar ini menampilkan Form Content untuk mengedit content untuk mengedit Komentar untuk mengedit data santri untuk menambah News
89
aksi_news_edit aksi_panduan aksi_tambahsantri aksi_user aksi_user_edit balaskomentar content detailkomen detailsantri editadmin edithome editkomen editnews editsantri edituser errorakses errorlog home index komentar koneksi login loginauth logout news panduan santri session tambahsantri user
File untuk mengedit News File untuk proses upload Panduan File untuk menambah data santri File untuk menampilkan Form User File untuk mengedit data user File untuk menampilkan detail dan balas Komentar File ini menampilkan Data Content File ini menampilkan detail Komentar File ini menampilkan detail Data Santri File ini menampilkan Form Edit Admin File ini menampilkan Form Edit Home File ini menampilkan Form Edit Komentar File ini menampilkan Form Edit News File ini menampilkan Form Edit Data Santri File ini menampilkan Form Edit User File untuk memberikan peringatan kepada user apabila username dan password tidak valid. File untuk peringatan bagi user yang belum terdaftar File menu utama File untuk masuk ke halaman Admin File ini menampilkan data Komentar File pengaturan database konfigurasi File untuk login Admin File untuk peringatan bagi user apabila username dan password tidak valid. File untuk logout Admin File ini menampilkan Data News File ini menampilkan Data Panduan File ini menampilkan Data Santri File untuk menentukan level user File ini menampilkan Form Tambah Data Santri File ini menampilkan Data User Tabel 5.1 File PHP untuk Modul Admin
File *.php untuk Modul Member
No
File/Modul Data
1
download.php
2
errorakses.php
3 4 5 6 7 8
errorlog.php index.php komentar.php logout.php main.php news.php
Keterangan File untuk proses download File untuk memberikan peringatan kepada user apabila username dan password tidak valid. File untuk peringatan bagi user yang belum terdaftar File yang menghubungkan File untuk proses komentar File untuk proses keluar dari member File menu utama File ini menampilkan news
90
9 10 11 12 13
5.2.3
panduan.php File ini menampilkan data panduan pendaftaran.php File untuk mengisi data santri, orang tua dan wali santri profil.php File ini menampilkan profil santri readmore.php File untuk menampilkan berita seraca keseluruhan session.php File untuk menentukan level user Tabel 5.2 File PHP untuk Modul Member LINGKUNGAN SISTEM Lingkungan sistem dalam pengembangan perangkat lunak Sistem Informasi
Penerimaan Santri Baru Online ini meliputi : 5.2.3.1 Perangkat Lunak
Sistem Operasi Microsoft 7 Ultimate
Web Server XAMPP 1.7.7
Apache 2.2.21
MySQL 5.5.16
PHP 5.3.8
phpMyAdmin 3.4.5
FileZilla FTP Server 0.9.39
Tomcat 7.0.21 (with mod_proxy_ajp as connector)
Notepad++ 5.9.6.2
EditPlus 3.11
Browser Mozilla Firefox 7.0.1
5.2.3.2 Perangkat Keras
Processor Intel CoreTM 2 Duo Processor T6400
RAM 4 GB
Mouse
Keyboard
91
5.3
PENGUJIAN PROGRAM Proses pengujian dilakukan sebagai bagian dari tahap pengembangan program
aplikasi yang telah dibuat untuk menemukan kesalahan-kesalahan yang mungkin terjadi pada tahap perancangan ataupun pada tahap pembuatan kode-kode program.
5.3.1
UJI FUNGSIONALITAS Teknik pengujian yang dilakukan pada aplikasi Sistem Informasi Penerimaan
Santri Baru Online ini adalah Black Box, yaitu metode pengujian yang memfokuskan pada fungsionalitas dari perangkat lunak. Strategi pengujian yang dilakukan adalah pengujian integrasi atau secara menyeluruh yaitu dengan menguji perancangan perangkat lunak yang telah diimplementasikan.
5.3.2
HASIL PENGUJIAN Dari hasil pengujian yang dilakukan, diperoleh hasil Sistem Informasi Penerimaan
Santri Baru Online yang dibangun telah memenuhi sebagian besar kebutuhan sistem sesuai dengan yang telah ditetapkan pada tahap analisis dan perancangan sistem. Sistem juga telah
menyediakan
kebutuhan.
semua fungsionalitas yang ditentukan pada tahap
pengumpulan
92
HASIL UJI FUNGSIONALITAS No
1
Deskripsi
Modul untuk login
Prosedur Pengujian Buka aplikasi dan isi username dan password
Input Teks username benar, dan password benar Teks username salah dan password benar Teks username salah dan password salah Teks username benar dan password salah
2
Modul untuk Admin
Klik Dashboard pada menu Klik Content pada menu Add berdasarkan id_home yang bersesuaian Klik edit berdasarkan id_home yang bersesuaian Klik delete berdasarkan id_home yang bersesuian Klik News pada menu Add berdasarkan id_berita yang bersesuaian Klik edit berdasarkan id_berita yang bersesuaian
Output Form halaman utama untuk tiap user berdasarkan username-nya akan ditampilkan. Akan ditampilkan pesan untuk mengulangi pengisian data login Akan ditampilkan pesan untuk mengulangi pengisian data login Akan ditampilkan pesan untuk mengulangi pengisian data login Akan ditampilkan semua data yang berada pada aplikasi Akan ditampilkan data-data content yang ada Akan ditampilkan form untuk input data content baru Akan ditampilkan form untuk edit data content yang dipilih Akan ditampilkan window untuk konfirmasi penghapusan data Akan ditampilkan data-data news yang ada Akan ditampilkan form untuk input data news baru Akan ditampilkan form untuk edit data news yang dipilih
93
No
Deskripsi
Prosedur Pengujian
Input Klik delete berdasarkan id_berita yang bersesuian
Klik Member pada menu Add berdasarkan id_user yang bersesuaian Klik edit berdasarkan id_user yang bersesuaian Klik delete berdasarkan id_user yang bersesuian Klik Santri pada menu Add berdasarkan no_urut yang bersesuaian Klik edit berdasarkan no_urut yang bersesuaian Klik delete berdasarkan no_urut yang bersesuian Klik Panduan pada menu Add berdasarkan id_panduan yang bersesuaian Klik delete berdasarkan id_panduan yang bersesuian
Output Akan ditampilkan window untuk konfirmasi penghapusan data Akan ditampilkan data-data member yang ada Akan ditampilkan form untuk input data member baru Akan ditampilkan form untuk edit data member yang dipilih Akan ditampilkan window untuk konfirmasi penghapusan data Akan ditampilkan data-data santri, orang tua dan wali santri yang ada Akan ditampilkan form untuk input data santri, orang tua dan wali santri baru Akan ditampilkan form untuk edit data santri, orang tua dan wali santri yang dipilih Akan ditampilkan window untuk konfirmasi penghapusan data Akan ditampilkan data-data panduan yang ada Akan ditampilkan form untuk input data panduan baru Akan ditampilkan window untuk konfirmasi penghapusan data
94
No
Deskripsi
Prosedur Pengujian
Input
Klik Komentar pada menu view berdasarkan id_komen yang bersesuaian Klik edit berdasarkan id_komen yang bersesuaian Klik delete berdasarkan id_komen yang bersesuian Klik Admin pada menu Add berdasarkan username yang bersesuaian Klik edit berdasarkan username yang bersesuaian Klik delete berdasarkan username yang bersesuian 3
Modul untuk Member
Klik Home
Klik News
Klik Panduan
Klik Pendaftaran Santri
Form dengan tanda (*) di isi semua
Output Akan ditampilkan data-data komentar yang ada Akan ditampilkan form view dan balasa komentar Akan ditampilkan form untuk edit komentar yang dipilih Akan ditampilkan window untuk konfirmasi penghapusan data Akan ditampilkan data-data admin yang ada Akan ditampilkan form untuk input data admin baru Akan ditampilkan form untuk edit data admin yang dipilih Akan ditampilkan window untuk konfirmasi penghapusan data Akan ditampilkan informasi tentang sejarah Pondok Pesantren Turus Akan ditampilkan informasi tentang jadwal kegiatan calon santri Akan ditampilkan panduan penerimaan santri baru, lengkap dengan persyaratan dan foumilir bagi yang mendaftar manual Proses pendaftaran selesai
95
Salah satu form dengan tanda (*) tidak di isi
Klik Profil Tabel 5.3 Hasil Uji Fungsionalitas
Akan ditampilkan pesan untuk mengulangi pengisian data Akan ditampilkan data profil setelah member melakukan pendaftaran