BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Aplikasi 4.1.1 Kebutuhan Sumber Daya Perangkat Keras Server : 1. Processor Intel Pentium Core 2 Duo 1,8 Ghz atau lebih 2. Memory 2 GB DDR2 atau lebih 3. Harddisk 320 GB atau lebih 4. Kartu Grafis 512 atau lebih 5. Koneksi Internet Client : 1. Processor Intel Pentium 4 atau lebih 2. Memory 1 GB DDR1 atau lebih 3. Harddisk 120 GB atau lebih 4. Kartu Grafis 512 atau lebih 5. Koneksi Internet 4.1.2 Kebutuhan sumber daya perangkat lunak Server : 1. Sistem operasi (windows server 2003 atau diatasnya) 2. Xampp 3. Apache tomcat 4. Browser (mozila, google chrome atau yang lainnya) 184
185 Client : 1. Sistem operasi (windows Xp atau diatasnya) 2. Browser (mozila, google chrome atau yang lainnya) 4.1.3 Kebutuhan sumber daya manusia Admin : 1. Mengerti cara menggunakan komputer 2. Mengerti maintenance web server 3. Mengerti maintenance database server Client : 1. Mengerti cara menggunakan komputer 2. Mengerti cara menggunakan browser.
186 4.2 Prosedur operasi program Berikut ini adalah rancangan layar beserta prosedur operasi program : Gambar 4.1 Halaman Home / Login Pada halaman ini terdapat 2 buah field untuk memasukan id login dan password. Kami menyediakan 5 user diataranya admin, siswa, guru, orangtua, dan pegawai perpus.
187 Gambar 4.2 Halaman kontak sekolah Pada halaman ini, berisi informasi sekolah, alamat dan nomer telepon sekolah yang dapat di hubungi.
188 Gambar 4.3 Halaman Galery foto sekolah Pada halaman terdapat foto-foto yang di upload oleh sekolah, kita dapat melihat detail foto dengan mengklik foto tersebut.
189 Gambar 4.4 Halaman profile guru-guru SMK Pada halaman ini, terdapat informasi mengenai guru yang mengajar di SMK 04 Muhammadiyah, disediakan juga fungsi search untuk mempermudah pencarian informasi.
190 Gambar 4.5 Halaman profile login guru Pada halaman ini, terdapat informasi data diri dan foto, guru juga dapat meng-edit data dirinya dengan mengklik edit profile.
191 Gambar 4.6 Halaman edit profile guru Pada halaman ini, guru dapat mengedit data dirinya (TTL, Alamat, bidangstudi, foto dan No.telepon).
192 Gambar 4.7 Halaman profile login siswa Pada halaman ini, terdapat informasi data diri dan foto, siswa juga dapat meng-edit data dirinya dengan mengklik edit profile.
193 No.telepon). Gambar 4.8 Halaman edit profile siswa Pada halaman ini, siswa dapat mengedit data dirinya (TTL, Alamat, dan
194 Gambar 4.9 Halaman profile login orangtua Pada halaman ini, terdapat informasi data diri, orangtua juga dapat mengedit data dirinya dengan mengklik edit profile.
195 Gambar 4.10 Halaman edit profile orangtua Pada halaman ini, orangtua dapat mengedit data dirinya (TTL, Alamat, pekerjaan dan No.telepon).
196 Gambar 4.11 Halaman forum siswa Pada halaman ini user siswa dapat melihat topik-topik forum yang tersedia, dan juga dapat membuat topik baru.
197 Gambar 4.12 Halaman forum guru Pada halaman ini user guru dapat melihat topik-topik forum yang tersedia, dan juga dapat membuat topik baru.
198 Gambar 4.13 Halaman forum admin Pada halaman ini user admin dapat melihat topik-topik forum yang tersedia, dan juga dapat menghapus dan membalas topik yang ada.
199 Gambar 4.14 Halaman detail topik forum yang dipilih (siswa) Pada halaman ini, berisi detail dari topik yang dipilih serta dapat melihat jawaban-jawaban dari user lain, user siswa juga dapat ikut membalas topik yang dipilih tersebut.
200 Gambar 4.15 Halaman detail topik forum yang dipilih (guru) Pada halaman ini, berisi detail dari topik yang dipilih serta dapat melihat jawaban-jawaban dari user lain, user guru juga dapat ikut membalas topik yang dipilih tersebut.
201 Gambar 4.16 Halaman detail topik forum yang dipilih (admin) Pada halaman ini, berisi detail dari topik yang dipilih serta dapat melihat jawaban-jawaban dari user lain, user admin juga dapat ikut membalas topik yang dipilih tersebut.
202 diinginkan. Gambar 4.17 Halaman buat topik forum baru (siswa) Pada halaman ini, user siswa dapat membuat topik forum baru yang
203 diinginkan. Gambar 4.18 Halaman buat topik forum baru (guru) Pada halaman ini, user guru dapat membuat topik forum baru yang
204 dari user lain. Gambar 4.19 Halaman pesan masuk (siswa) Pada halaman ini, user siswa dapat melihat pesan yang dituju kepadanya
205 Gambar 4.20 Halaman detail pesan masuk (siswa) Pada halaman ini, user siswa dapat melihat isi pesan yang dipilih. Isi pesan dapat berupa tulisan dan lampiran file gambar/foto.
206 dari user lain. Gambar 4.21 Halaman pesan masuk (guru) Pada halaman ini, user guru dapat melihat pesan yang dituju kepadanya
207 Gambar 4.22 Halaman detail pesan masuk (guru) Pada halaman ini, user guru dapat melihat isi pesan yang dipilih. Isi pesan dapat berupa tulisan dan lampiran file gambar/foto.
208 Gambar 4.23 Halaman pesan masuk (orangtua) Pada halaman ini, user orangtua dapat melihat pesan yang dituju kepadanya dari user lain.
209 Gambar 4.24 Halaman detail pesan masuk (orangtua) Pada halaman ini, user orangtua dapat melihat isi pesan yang dipilih. Isi pesan dapat berupa tulisan dan lampiran file gambar/foto.
210 (user guru) Gambar 4.25 Halaman form kirim pesan (orangtua) Pada halaman ini, user orangtua dapat mengirim pesan kepada user lain
211 Gambar 4.26 Halaman form kirim pesan (guru) Pada halaman ini, user guru dapat mengirim pesan kepada user lain (user siswa dan orangtua).
212 Gambar 4.27 Halaman lihat nilai (orangtua) Pada halaman ini, orangtua dapat melihat nilai anaknya, disediakan form pilih nis anak, jika orangtua tersebut memiliki anak lebih dari 1 yang bersekolah di smk 4 tersebut.
213 Gambar 4.28 Halaman lihat nilai (siswa) Pada halaman ini, siswa dapat melihat informasi nilai ujian yang berkaitan dengan dirinya.
214 Gambar 4.29 Halaman lihat absensi (orangtua) Pada halaman ini, orangtua dapat melihat absensi anaknya, disediakan form pilih nis anak, jika orangtua tersebut memiliki anak lebih dari 1 yang bersekolah di smk 4 tersebut.
215 Gambar 4.30 Halaman lihat absensi (siswa) Pada halaman ini, siswa dapat melihat informasi absensi dirinya.
216 Gambar 4.31 Halaman lihat Status pembayaran (orangtua) Pada halaman ini, orangtua dapat melihat status pembayaran anaknya, disediakan form pilih nis anak, jika orangtua tersebut memiliki anak lebih dari 1 yang bersekolah di smk 4 tersebut.
217 dilakukan. Gambar 4.32 Halaman lihat status pembayaran (siswa) Pada halaman ini, siswa dapat melihat informasi pembayaran yang telah
218 Gambar 4.33 Halaman Status peminjaman Buku (siswa) siswa. Pada halaman ini, terdapat status buku perpustakaan yang dipinjam oleh
219 Gambar 4.34 Halaman Status peminjaman Buku (guru) guru. Pada halaman ini, terdapat status buku perpustakaan yang dipinjam oleh
220 Gambar 4.35 Halaman profile admin Ini merupakan halaman profile user sebagai admin
221 Gambar 4.36 Halaman admin update absensi Pada halaman ini, admin dapat mengupdate status absensi siswa sesuai dengan nis, tanggal absen, keterangan dan tahun ajaran sudah di set agar mengikuti tahun ajaran yang sedang berjalan.
222 Gambar 4.37 Halaman admin lihat data absensi siswa Pada halaman ini, admin dapat melihat data-data absensi siswa.
223 Gambar 4.38 Halaman admin update pembayaran Pada halaman ini, admin dapat mengupdate status pembayaran siswa sesuai dengan nis, tanggal bayar, biaya, bulan, keterangan dan tahun ajaran sudah di set agar mengikuti tahun ajaran yang sedang berjalan.
224 Gambar 4.39 Halaman admin lihat data pembayaran siswa Pada halaman ini, admin dapat melihat data-data pembayaran siswa.
225 Gambar 4.40 Halaman admin update nilai Pada halaman ini, admin dapat mengupdate nilai siswa sesuai dengan nis, matapelajaran, nilai TM, UTS, dan UAS serta tahun ajaran sudah di set agar mengikuti tahun ajaran yang sedang berjalan.
226 Gambar 4.41 Halaman admin lihat data nilai siswa Pada halaman ini, admin dapat melihat data-data nilai siswa.
227 Gambar 4.42 Halaman guru update nilai Pada halaman ini, guru dapat mengupdate nilai siswa sesuai dengan nis, matapelajaran, nilai TM, UTS, dan UAS serta tahun ajaran sudah di set agar mengikuti tahun ajaran yang sedang berjalan.
228 Gambar 4.43 Halaman guru lihat data nilai siswa Pada halaman ini, guru dapat melihat data-data nilai siswa.
229 Gambar 4.44 Halaman admin update tahun ajaran Pada halaman ini admin dapat mengubah status tahun ajaran yang sedang aktif, jika status 0, maka tahun ajaran tersebut berstatus off, sebaliknya jika status 1, maka tahun ajaran tersebut berstatus on.
230 Gambar 4.45 Halaman admin update kelas Pada halaman ini, admin dapat mengupdate kelas siswa, input kelas, dan melihat id kelas siswa.
231 Gambar 4.46 Halaman admin registrasi siswa dan orangtua Pada halaman ini admin dapat menginput data siswa dan orangtua baru, jika siswa baru tersebut memiliki kakak, maka form pengisian data orangtua tidak perlu diisi.
232 Gambar 4.47 Halaman admin registrasi guru Pada halaman ini admin dapat menginput data guru baru.
233 Gambar 4.48 Halaman admin lihat data siswa Pada halaman ini, admin dapat melihat data siswa yang ada di SMK muhammadiyah 4.
234 Gambar 4.49 Halaman admin lihat data guru Pada halaman ini, admin dapat melihat data guru yang mengajar di SMK muhammadiyah 4.
235 Gambar 4.50 Halaman admin lihat data orangtua Pada halaman ini, admin dapat melihat data orangtua siswa SMK muhammadiyah 4.
236 Gambar 4.51 Halaman admin kirim pesan Pada halaman ini, admin dapat mengirim pesan kepada user SMK muhammadiyah 4.
237 Gambar 4.52 Halaman admin edit galery foto Pada halaman ini, admin dapat mengedit foto-foto yang ingin diinput di halaman galery foto sekolah
238 Gambar 4.53 Halaman admin insert galery foto Pada halaman ini admin dapat menambah foto-foto yang ingin ditampilkan di halaman galery foto sekolah
239 Gambar 4.54 Halaman admin update galery foto Pada halaman ini admin dapat mengupdate foto yang sudah ada atau sudah ditampikan di halaman galery foto sekolah
240 Gambar 4.55 halaman admin update berita Pada halaman ini admin dapat menambah, menghapus, ataupun mengupdate berita.
241 Gambar 4.56 Tampilan form insert berita Ini merupakan tampilan form insert berita admin
242 Gambar 4.57 Tampilan admin update berita Ini merupakan tampilan form admin untuk mengupdate berita sekolah
243 Gambar 4.58 Tampilan profile pegawai perpus Ini merupakan tampilan awal pegawai perpus. Terlihat id pegawai dan nama pegawai perpus. Terdapat menu pesan, status peminjaman dan buku untuk update buku.
244 Gambar 4.59 Tampilan kirim pesan pegawai perpus Ini merupakan tampilan form pengiriman pesan pegawai perpus apabila ingin mengirim pesan kepada user yang mempunyai masalah dengan peminjaman buku.
245 Gambar 4.60 Tampilan list status user yang meminjam buku Ini merupakan tampilan list data peminjam buku, pegawai perpus dapat melihat data peminjam dan apabila sudah di kembalikan pegawai perpus dapat menghapus data peminjam dari menu ini. Jika sudah di hapus, maka status peminjaman pada user yang bersangkutan juga akan hilang.
246 Gambar 4.61 Tampilan form input data peminjam Ini merupakan tampilan from yang di isi untuk menginput data peminjam buku perpustakaan. Harus id valid, jika tidak valid, maka sistem akan menolaknya.
247 Gambar 4.62 Tampilan list buku perpustakaan Ini merupakan tampilan daftar buku yang ada di perpustakaan.jika sudah tidak ada, dapat di delete oleh pegawai perpus.
248 Gambar 4.63 Tampilan berita sekolah (tanpa login) Ini merupakan tampilan berita-berita yang ada disekolah.
249 4.3 Pengujian sistem Pada bagian ini, akan dibahas tentang pengujian sistem yang dilakukan terhadap kinerja aplikasi yang telah diusulkan. Pengujian dilakukan agar dapat mengetahui sejauh mana aplikasi yang telah diusulkan bermanfaat bagi pengguna aplikasi. Kemudian pengujian juga dilakukan dari sudut IMK (Interaksi Manusia dan Komputer). 4.3.1 Hasil pengujian dari User Berikut adalah evaluasi terhadap aplikasi yang diimplementasikan kepada beberapa user seperti siswa, guru dan kepala sekolah serta staff tata usaha. Adapun teknik evaluasi yang digunakan adalah teknik wawancara. Hasil Wawancara dengan Kepala Sekolah : Responden : Bapak Agussalim SE. 1. Apakah aplikasi ini sudah sesuai dengan yang bapak harapkan? Sebelumnya saya sangat apresiasi sekali dengan aplikasi yang temen-temen dari Binus buat untuk sekolah kami. Kami ucapkan terima kasih banyak atas segala kontribusi yang telah diberikan kepada sekolah untuk mewujudkan pemembuatan aplikasi ini. Menurut saya aplikasi ini sudah sesuai dengan yang saya harapkan. Mulai dari informasi sekolah hingga informasi siswa/i untuk orangtua.
250 2. Apakah fitur-fitur yang ada sudah mencukupi? Ya, fitur-fitur yang ada sudah mencukupi. 3. Apakah aplikasi ini mempermudah anda dalam mencari informasi data siswa/i anda? Ya, saya menjadi lebih mudah untuk mencari informasi data siswa/i, dan saya lihat juga aplikasi ini dapat mempermudah orangtua untuk mengetahui informasi anaknya karena ada hak akses sendiri disetiap orangtua siswa. 4. Apakah aplikasi ini mudah untuk digunakan? Ya, menurut saya aplikasi ini mudah untuk digunakan. Hasil Wawancara dengan guru komputer : Responden : Bapak toni 1. Apakah aplikasi ini mudah untuk digunakan? Ya, mudah untuk digunakan 2. Apakah aplikasi ini sesuai dengan yang bapak inginkan? Ya, malah jauh lebih luas dari yang saya perkirakan 3. Apakah fitur-fitur yang ada sudah mencukupi? Ya, sudah cukup.
251 Hasil Wawancara dengan staf Tata Usaha : Responden : Ibu Dra Rochiyatun 1. Apakah aplikasi ini mudah untuk digunakan? Ya, menurut saya aplikasi yang kalian buat ini mudah untuk digunakan 2. Apakah aplikasi ini sesuai dengan yang ibu inginkan? Ya 3. Apakah aplikasi ini dapat mempermudah anda dalam penginputan dan pencarian data administrasi siswa? Ya, saya menjadi lebih mudah jika ingin menginput atau mencari data siswa/i 4. Apakah fitur-fitur nya sudah mencukupi? Sudah Hasil Wawancara dengan beberapa siswa : 1. Apakah aplikasi ini mudah untuk digunakan? Ya, aplikasi ini mudah digunakan 2. Apakah aplikasi dapat mempermudah anda dalam memperoleh informasi administrasi? Ya 3. Apakah anda setuju dengan diberlakukannya aplikasi ini di sekolah?
252 Ya 4. Apakah fitur-fitur yang ada sudah mencukupi? Sudah cukup 4.3.2 Hasil pengujian berdasarkan IMK (Interaksi Manusia dan Komputer) Dalam Interaksi Manusia dan Komputer (IMK) dikenal dengan delapan aturan emas perancangan user interface. Pedoman ini digunakan untuk menguji user interface dari aplikasi yang telah dibuat. Berikut ini adalah hasil pengujian web informasi pada SMK Muhammadiyah 4 slipi Jakarta barat berdasarkan 8 aturan emas perancangan user interface, yaitu : 1. Berusaha untuk konsisten Adanya konsistensi terhadap beberapa hal yang menjadi konten dari aplikasi seperti warna, format tulisan dan juga menggunakan bahasa yang sama dalam satu aplikasi. 2. Memberikan umpan balik yang informatif Pesan yang diberikan kepada user setelah melakukan suatu aksi di aplikasi yang dibuat makan akan diberikan feedback yang informatif yang memudahkan user untuk memahami aplikasi yang dibuat. 3. Merancang dialog untuk menghasilkan keadaan akhir (penutup) Adanya interface atau dialog ketika user berhasil melakukan perubahan data ataupun ketika user melakukan pembatalan aksi terakhirnya.
253 4. Pencegah Kesalahan Bila user melakukan kesalahan pengisian atau lainnya, maka akan muncul pesan kesalahan sehingga user bisa membetulkan kesalahan yang dibuatnya. 5. Mengizinkan pembalikan aksi ( undo ) dengan mudah Ketika user menggunakan aplikasi yang dibuat dan dia masuk ke dalam suatu menu, akan ada tombol untuk balik ke halaman sebelumnya. 6. Memungkinkan frequent users menggunakan shortcuts Ketika user menggunakan aplikasi yang di buat maka akan terdapat jalan pintas menuju konten yang serig digunakan oleh user untuk mempecepat penggunaan 7. Pusat kendali internal Ketika admin ingin memanage web terdapat berbagai tools yang membantu penggunaan admin yang ditempatkan pada satu lokasi 8. Beban ingatan jangka pendek Ketika user ingin mengakses suatu konten maka user dapat menemukannya dengan mudah tanpa harus mengingat kembali letaknya
254 4.4 Evaluasi Sistem Pada bagian ini, akan dibahas tentang evaluasi yang dilakukan terhadap sistem aplikasi yang diusulkan. Evaluasi dilakukan dengan 4 kriteria yang telah diujicobakan yaitu Domain Integrity, Entity Integrity, Reference Integrity, dan Security. 1. Domain Integrity Hasil dari evaluasi Domain Integrity ini menunjukan bahwa semua tabel yang telah dilakukan uji coba, semuanya telah dapat dilakukan dengan tepat karena setiap atributnya harus diisi dengan batasan yang telah ditentukan sebelumnya. Contoh : - NIPM dan NIS hanya bisa diisi dengan format value 0-9 dengan panjang 10 karakter. 2. Entity Integrity Hasil dari evaluasi Entity Integrity menunjukan bahwa semua primary key pada setiap tabel tidak diperbolehkan untuk diisi dengan NULL. 3. References Integrity Hasil dari evaluasi References Integrity menunjukan bahwa semua table telah memiliki referensi yang benar dan telah dilakukan dengan tepat. 4. Security Hasil dari evaluasi Security menunjukkan bahwa semua table telah berjalan sesuai dengan mekanisme yang ada.
255 4.5 Backup dan Recovery Data 4.5.1 Backup Data Backup data merupakan salah satu kegiatan yang harus dilakukan oleh pengelola database untuk melakukan penyalinan sistem, data dan aplikasi. Backup data harus dilakukan untuk menjaga jangan sampai terjadi kerusakan sistem dari luar ataupun dari dalam sistem, yang disengaja atau pun tidak disengaja. 4.5.2 Recovery Data Recovery / Restore data adalah proses mengembalikan backup ke dalam sistem. Restore dilakukan untuk mengembalikan keadaan sistem kembali pada keadaan semula, keadaan terakhir pada saat operasional, sebelum terjadi kerusakan sistem. Pada proses ini akan dilakukan pengembalian data baik struktur maupun isi dari database, secara teori proses ini adalah proses minimum pengembalian system tergantung dari waktu scheduling yang menjadi dasar proses backup, jika waktu scheduling terlalu lama maka akan banyak data yang hilang.