Embed Size (px)
Citation preview
184
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)
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
Gambar 4.8 Halaman edit profile siswa
Pada halaman ini, siswa dapat mengedit data dirinya (TTL, Alamat, dan
No.telepon).
194
Gambar 4.9 Halaman profile login orangtua
Pada halaman ini, terdapat informasi data diri, orangtua juga dapat meng-
edit 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
Gambar 4.17 Halaman buat topik forum baru (siswa)
Pada halaman ini, user siswa dapat membuat topik forum baru yang
diinginkan.
203
Gambar 4.18 Halaman buat topik forum baru (guru)
Pada halaman ini, user guru dapat membuat topik forum baru yang
diinginkan.
204
Gambar 4.19 Halaman pesan masuk (siswa)
Pada halaman ini, user siswa dapat melihat pesan yang dituju kepadanya
dari user lain.
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
Gambar 4.21 Halaman pesan masuk (guru)
Pada halaman ini, user guru dapat melihat pesan yang dituju kepadanya
dari user lain.
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
Gambar 4.25 Halaman form kirim pesan (orangtua)
Pada halaman ini, user orangtua dapat mengirim pesan kepada user lain
(user guru)
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
Gambar 4.32 Halaman lihat status pembayaran (siswa)
Pada halaman ini, siswa dapat melihat informasi pembayaran yang telah
dilakukan.
218
Gambar 4.33 Halaman Status peminjaman Buku (siswa)
Pada halaman ini, terdapat status buku perpustakaan yang dipinjam oleh
siswa.
219
Gambar 4.34 Halaman Status peminjaman Buku (guru)
Pada halaman ini, terdapat status buku perpustakaan yang dipinjam oleh
guru.
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.
