BAB V IMPLEMENTASI DAN HASIL 5.1 IMPLEMENTASI SISTEM INFORMASI PENDAFTARAN SANTRI BARU

Transkripsi

1 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

2 STRUKTUR PROGRAM APLIKASI Pada aplikasinya sistem informasi penerimaan santri baru ini dibuat berbasis web dengan submenu yang akan ditampilkan 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 : RINCIAN MENU 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.

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

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

5 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

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

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

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

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

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

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

12 83 e. Profil Gambar 5.13 Halaman Profil Member. Menu ini menampilkan profil data pendaftaran yang telah di inputkan oleh

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

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

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

16 87 d. Register Gambar 5.17 Halaman Register sistem. Pada menu ini guest melakukan register pada form yang telah disediakan oleh

17 88 e. Login Gambar 5.18 Halaman Login Setelah guest melakukan login, guest akan di arahkan pada sistem selanjutnya 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 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. File *.php untuk Modul Admin No File/Modul Data Keterangan admin File ini menampilkan Data Admin aksi_admin File untuk menambah user Admin aksi_admin_edit File untuk mengedit user Admin aksi_balas_komentar File untuk membalas Komentar aksi_content File ini menampilkan Form Content aksi_content_edit File untuk mengedit content aksi_edit_komen File untuk mengedit Komentar aksi_edit_santri File untuk mengedit data santri aksi_news File untuk menambah News

18 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 *.php untuk Modul Member 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 No File/Modul Data Keterangan 1 download.php File untuk proses download 2 errorakses.php File untuk memberikan peringatan kepada user apabila username dan password tidak valid. 3 errorlog.php File untuk peringatan bagi user yang belum terdaftar 4 index.php File yang menghubungkan 5 komentar.php File untuk proses komentar 6 logout.php File untuk proses keluar dari member 7 main.php File menu utama 8 news.php File ini menampilkan news

19 90 9 panduan.php File ini menampilkan data panduan 10 pendaftaran.php File untuk mengisi data santri, orang tua dan wali santri 11 profil.php File ini menampilkan profil santri 12 readmore.php File untuk menampilkan berita seraca keseluruhan 13 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 : Perangkat Lunak Sistem Operasi Microsoft 7 Ultimate Web Server XAMPP Apache MySQL PHP phpmyadmin FileZilla FTP Server Tomcat (with mod_proxy_ajp as connector) Notepad EditPlus 3.11 Browser Mozilla Firefox Perangkat Keras Processor Intel CoreTM 2 Duo Processor T6400 RAM 4 GB Mouse Keyboard

20 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 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 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 semua fungsionalitas yang ditentukan pada tahap pengumpulan kebutuhan.

21 92 HASIL UJI FUNGSIONALITAS No 1 2 Deskripsi Modul untuk login Modul untuk Admin Prosedur Pengujian Buka aplikasi dan isi username dan password Klik Dashboard pada menu Klik Content pada menu Klik News pada menu 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 Add id_home yang Klik edit id_home yang Klik delete id_home yang bersesuian Add id_berita yang Klik edit id_berita yang Output Form halaman utama untuk tiap user username-nya akan ditampilkan. pesan untuk mengulangi pengisian data login pesan untuk mengulangi pengisian data login pesan untuk mengulangi pengisian data login semua data yang berada pada aplikasi data-data content yang ada form untuk input data content baru form untuk edit data content yang dipilih window untuk konfirmasi penghapusan data data-data news yang ada form untuk input data news baru form untuk edit data news yang dipilih

22 93 No Deskripsi Prosedur Pengujian Klik Member pada menu Klik Santri pada menu Klik Panduan pada menu Input Klik delete id_berita yang bersesuian Add id_user yang Klik edit id_user yang Klik delete id_user yang bersesuian Add no_urut yang Klik edit no_urut yang Klik delete no_urut yang bersesuian Add id_panduan yang Klik delete id_panduan yang bersesuian Output window untuk konfirmasi penghapusan data data-data member yang ada form untuk input data member baru form untuk edit data member yang dipilih window untuk konfirmasi penghapusan data data-data santri, orang tua dan wali santri yang ada form untuk input data santri, orang tua dan wali santri baru form untuk edit data santri, orang tua dan wali santri yang dipilih window untuk konfirmasi penghapusan data data-data panduan yang ada form untuk input data panduan baru window untuk konfirmasi penghapusan data

23 94 No 3 Deskripsi Modul untuk Member Prosedur Pengujian Klik Komentar pada menu Klik Admin pada menu Klik Home Klik News Klik Panduan Klik Pendaftaran Santri Input view id_komen yang Klik edit id_komen yang Klik delete id_komen yang bersesuian Add username yang Klik edit username yang Klik delete username yang bersesuian Form dengan tanda (*) di isi semua Output data-data komentar yang ada form view dan balasa komentar form untuk edit komentar yang dipilih window untuk konfirmasi penghapusan data data-data admin yang ada form untuk input data admin baru form untuk edit data admin yang dipilih window untuk konfirmasi penghapusan data informasi tentang sejarah Pondok Pesantren Turus informasi tentang jadwal kegiatan calon santri panduan penerimaan santri baru, lengkap dengan persyaratan dan foumilir bagi yang mendaftar manual Proses pendaftaran selesai

24 95 Klik Profil Salah satu form dengan tanda (*) tidak di isi Tabel 5.3 Hasil Uji Fungsionalitas pesan untuk mengulangi pengisian data data profil setelah member melakukan pendaftaran