BAB 4 IMPLEMENTASI DAN EVALUASI Perangkat keras yang di butuhkan. optimal pada server dan client sebagai berikut.

Transkripsi

1 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Perangkat keras yang di butuhkan Perangkat keras yang dibutuhkan untuk menjalankan sistem ini secara optimal pada server dan client sebagai berikut. 1. Server, dengan spesifikasi sebagai berikut : - Processor : Intel Core 2 Quad Q Memory : 2 GB DDR2 - Harddisk : 500 GB 2. Client, dengan spesifikasi sebagai berikut : - Processor : Intel Pentium Dual Core E Memory : 2 GB DDR3 - Harddisk : 500 GB - VGA Card : 228 Mb (Shared) 3. Jaringan, dengan spesifikasi sebagai berikut : - Koneksi Internet Speedy (2 Mbps) Perangkat lunak yang di butuhkan Perangkat lunak yang dibutuhkan dalam implementasi aplikasi ini adalah sebagai berikut : 1. Operating Sistem : Microsoft Windows XP 2. Web Server : XAMPP

2 86 3. Development Tools : - Microsoft Office Visio Professional Adobe Photoshop CS3 - Adobe Dreamweaver CS3 4. Database : MySQL Client Version Browser : Google Chrome 6. Koneksi Internet : Speedy Kebutuhan Sumber Daya Manusia Sumber daya manusia yang dibutuhkan dalam pengimplementasian dan pengoperasian aplikasi ini adalah sebagai berikut : 1. Web Administrator SDM yang berfungsi menjalankan web dalam pengolahan kontennya, dalam aplikasi web ini, terdapat 2 administrator yang bertugas untuk menambah, menghapus, dan mengubah data pada web yaitu administrator registrasi dan administrator keuangan. 2. Web Developer SDM yang bertugas untuk mengembangkan web dan manambahkan fitur-fitur baru pada web. 3. Database Administrator SDM yang bertugas merancang, mengembangkan, serta memelihara tabel master data. Database administrator bekerja sama dengan web developer dalam pengembangan sistem.

3 Hasil Tampilan Layar Pada bagian ini kami menjelaskan cara menggunakan fitur-fitur yang terdapat dalam sistem informasi akademik ini, serta pada bagian ini kami menjelaskan halaman yang berfungsi untuk mengolah data/content pada sistem informasi ini. Bagian halaman yang merupakan hasil tampilan dari pengolahan data tersebut akan dilampirkan pada halaman lampiran skripsi kami. 1. Halaman Menu Login Gambar 4.1 Halaman Menu Login Halaman awal untuk memasuki sistem informasi. User harus memasukan ID number dan passwordnya dengan benar sesuai dengan status penggunanya.

4 88 2. Halaman Home Admin Registrasi Gambar 4.2 Halaman Home Admin Registrasi Halaman ini adalah halaman awal setiap user. Informasi yang diberikan pada halaman ini adalah berita-berita yang berkaitan dengan SMAN 60 Jakarta. 3. Halaman Registrasi Kelas Gambar 4.3 Halaman Registrasi Kelas Halaman ini merupakan halaman untuk mendaftarkan kelas pada SMAN 60 Jakarta.

5 89 4. Halaman Registrasi Detail Kelas Gambar 4.4 Halaman Registrasi Detail Kelas Halaman ini adalah halaman untuk mendaftarkan detail kelas dari kelas yang ada di SMAN 60. Detail kelas pada SMAN 60 berupa angka. Karena itu jika admin registrasi salah dalam memasukan data detail kelas maka akan tampil peringatan di bawah tombol submit, seperti pada gambar di bawah ini. Gambar 4.5 Peringatan pada Halaman Detail Kelas

6 90 5. Halaman Registrasi Ruangan Gambar 4.6 Halaman Registrasi Ruangan Halaman ini adalah halaman pada menu admin registrasi untuk menambah data kelas pada SMAN Halaman Registrasi Pelajaran Gambar 4.7 Halaman Registrasi Pelajaran Halaman ini adalah halaman untuk mendaftarkan mata pelajaran yang ada di SMAN 60.

7 91 7. Halaman Registrasi Jadwal Gambar 4.8 Halaman Registrasi Jadwal Halaman ini adalah halaman untuk mengolah data jadwal pembelajaran di SMAN 60, pengolahan jadwal pada halaman ini akan menghasilkan data jadwal belajar setiap kelas dan jadwal mengajar guru bidang studi. 8. Halaman Registrasi Guru Gambar 4.9 Halaman Registrasi Guru

8 92 Halaman ini adalah halaman untuk memasukan data guru. Pada halaman ini terdapat validasi untuk mencegah terjadinya kesalahan yang dibuat oleh admin registrasi dalam memasukan data. 9. Halaman Registrasi Siswa dan Wali Gambar 4.10 Halaman Registrasi Siswa dan Wali Halaman ini adalah halaman untuk memasukan data siswa besert orang tuanya.

9 Halaman Import Data Guru dan Siswa Gambar 4.11 Halaman Import Data Guru dan Siswa Halaman ini adalah halaman import data siswa dan guru dari microsoft excel. Sehingga jika sebelumnya admin registrasi telah mendata siswa menggunakan microsoft excel, admin registrasi cukup mengimportnya menggunakan fasilitas pada halaman ini. 11. Halaman Registrasi Siswa Kelas Gambar 4.12 Registrasi Siswa Kelas

10 94 Halaman ini adalah halaman untuk memasukan data siswa yang telah dimasukan pada halaman registrasi siswa, untuk dimasukan ke dalam kelas-kelas yang telah dibuat pada registrasi detail kelas. 12. Update Siswa Kelas Gambar 4.13 Update Siswa Kelas Halaman ini adalah halaman untuk mengupdate siswa pada tahun ajaran baru. Siswa yang naik kelas akan diperbaharui data kelasnya. Sedangkan untuk siswa yang tidak naik kelas data tetap diperbarui namun tetap pada kelas yang sama.

11 Halaman Insert Berita Gambar 4.14 Halaman Insert Berita Halaman ini adalah halaman untuk memasukan berita terbaru yang berkaitan dengan SMAN Halaman Upload Materi Gambar 4.15 Halaman Upload Materi Halaman ini adalah halaman untuk mengupload data materi. Data materi yang diupload sesuai dengan kelas dan mata pelajaran yang ada.

12 Halaman Delete Materi Gambar 4.16 Halaman Delete Materi Halaman ini adalah halaman untuk menghapus materi yang ada. Halaman ini digunakan jika sekolah ingin memperbarui materi mata pelajaran yang ada. 16. Halaman Set IRB Admin Keuangan Gambar 4.17 Halaman Set IRB Insert Halaman ini adalah halaman untuk mensetting besar biaya iuran bulanan yang harus di bayar oleh siswa. Gambar di atas adalah kondisi halaman sebelum data biaya iuran belum di buat. Ketika data biaya belum di masukan tombol di bawah masih bertuliskan insert, sedangkan jika data telah di masukan tombol di bawah berubah

13 97 menjadi tombol update, seperti yang di tunjukan pada gambar di bawah ini. 17. Halaman Set Biaya SPDB Gambar 4.18 Halaman Set IRB Update Gambar 4.19 Halaman Set SPDB Halaman ini adalah halaman untuk mensetting besar biaya sumbangan pendidikan yang harus dibayar oleh siswa. Besar biaya yang harus dibayar oleh setiap siswa digolongkan berdasarkan tahun masuk/ angkatan siswa tersebut.

14 Halaman Transaksi IRB Gambar 4.20 Halaman Transaksi IRB Halaman ini adalah halaman untuk mendata transaksi iuran bulanan siswa. Untuk memasukan data transaksi admin keuangan harus menetahui ID siswa yang akan melakukan transaksi. Jika siswa tersebut mendapatkan keringanan biaya, maka admin keuangan dapat memperbarui jumlah biaya yang harus di bayar pada tabel kolom perbarui rincian keuangan yang terdapat di bagian bawah halaman transaksi IRB.

15 Halaman Transaksi SPDB Gambar 4.21 Halaman Transaksi SPDB Halaman ini adalah halaman untuk mendata transaksi iuran biaya masuk siswa. Untuk melakukan transaksi admin keuangan harus mengetahui ID siswa yang akan melakukan transaksi. 20. Halaman Laporan Belum Transaksi IRB Gambar 4.22 Halaman Laporan Belum Transaksi IRB

16 100 Halaman ini adalah halaman untuk melihat data-data siswa yang belum melakukan transaksi keuangan iuran bulanan. Untuk melihat siswa yang belum melakukan transaksi admin keuangan hanya perlu memasukan bulan, tahun, dan kelas siswa yang di cari. 21. Halaman Laporan Transaksi IRB Gambar 4.23 Halaman Laporan Transaksi IRB Halaman ini adalah halaman untuk melihat data banyaknya transaksi yang terjadi serta jumlah pemasukan sekolah dari iuran bulanan siswa berdasarkan harian, tahunan, dan bulanan. Data yang dihasilkan pada halaman ini dapat di cetak untuk di laporkan kepada kepala sekolah. Gambar di bawah ini adalah tampilan halaman layar cetak laporan berdasarkan harian, bulanan, dan tahunan.

17 101 Gambar 4.24 Cetak Laporan IRB Berdasarkan Hari Gambar 4.25 Cetak Laporan IRB Berdasarkan Bulan Gambar 4.26 Cetak Laporan IRB Berdasarkan Tahun

18 Halaman Laporan Transaksi SPDB Gambar 4.27 Halaman Laporan Transaksi SPDB Halaman ini adalah halaman untuk melihat data banyaknya transaksi SPDB yang terjadi serta jumlah pemasukan sekolah dari SPDB siswa berdasarkan harian, tahunan, dan bulanan. Data yang dihasilkan pada halaman ini dapat di cetak untuk di laporkan kepada kepala sekolah. Gambar di bawah ini adalah tampilan halaman layar cetak laporan SPDB berdasarkan harian, bulanan, dan tahunan.

19 103 Gambar 4.28 Laporan SPDB Berdasarkan Hari Gambar 4.29 Laporan SPDB Berdasarkan Bulan Gambar 4.30 Laporan SPDB Berdasarkan Tahun

20 Halaman Memasukan Nilai Gambar 4.31 Halaman Memasukan Nilai Halaman ini adalah halaman yang di gunakan oleh guru untuk memasukan nilai siswa nya. Guru hanya dapat melihat dan memasukan data nilai siswa kelas yang di ajarnya.

21 Halaman Forum Diskusi Gambar 4.32 Halaman Forum Diskusi Halaman ini adalaha halaman forum diskusi yang dapat di akses oleh guru dan orang tua siswa. Untuk membuat thread baru, guru dan orang tua dapat membuka link new thread, tampilan nutuk membuat thread baru di tampilkan seperti pada gambar di bawah ini. Gambar 4.33 Halaman New Thread

22 106 Jika orang tua mengklik nama thread yang di tampilkan pada halaman awal forum diskusi, maka orang tua dan guru dapat melihat detail forum berupa comment-comment dari beberapa orang tua atau guru, seperti di tampilkan pada gambar di bawah ini. Gambar 4.34 Halaman Forum Detail

23 Evaluasi Berdasarkan IMK 1. Konsistensi Dalam perancangan desain, sistem informasi akademik berbasis web pada SMAN 60 Jakarta cukup memenuhi kriteria konsistensi. Dapat dilihat pada beberapa sampel gambar berikut : Gambar 4.35 Evaluasi Konsistensi 1 Gambar 4.36 Evaluasi Konsistensi 2 Pada setiap halaman, bentuk serta posisi header selalu konsisten, tidak berubah-rubah posisi maupun ukuran (1). Begitu juga dengan Menu pada sebelah kiri (2), ukuran dan jenis font pada tulisan (3) serta footer (5). Pada bagian nomor (4), selalu berisi konten pada halaman.

24 Memungkinkan pengguna mengunakan short cut Pada Setiap halaman, pengguna akan dimudahkan dalam menafigasikan halaman dengan disediakannya menu disebelah kanan halaman sebagai shortcut atau jalan pintas ke halaman yang diinginkan. Gambar 4.37 Evaluasi Short Cut 3. Memberikan umpan balik yang informatif Beberapa umpan balik yang informatif yang terdapat pada sistem informasi akademik berbasis antara lain : - terdapat pemberitahuan pesan kesalahan pada proses transaksi (sebagai contoh pada proses membentuk mata pelajaran, terdapat pesan apabila user pengguna melakukan kesalahan).

25 109 Gambar 4.38 Evaluasi Umpan Balik 1 - terdapat kotak dialog mengenai apa yang akan dilakukan selanjutnya oleh pengguna (sebagai contoh pada saat admin ingin mencetak laporan keuangan IRB harian, admin disuguhi kotak dialog untuk menentukan pengaturan printer). Gambar 4.39 Evaluasi Umpan Balik 2

26 Merancang dialog untuk menghasilkan suatu penutupan Dialog untuk menghasilkan suatu penutupan dapat dilihat pada saat pengguna (Admin) ingin mengupload materi pembelajaran. Pada mulanya pengguna memilih menu materi, lalu memilh menu upload materi. Setelah mengisikan semua field yang ada akan muncul dialog memilih materi yang akan diupload ketika pengguna menekan tombol Browse. Proses upload file pun akan berakhir ketika pengguna menekan tombol Submit dengan pesan bahwa proses upload dokumen berhasil. Gambar 4.40 Evaluasi Rancang Dialog 1 Gambar 4.41 Evaluasi Rancang Dialog 2

27 111 Gambar 4.42 Evaluasi Rancang Dialog 3 5. Memberikan penanganan kesalahan yang sederhana Penanganan kesalahan yang sederhana juga diterapkan pada perancangan desain. Salah satu contohnya dapat dilihat pada halaman bentuk ruangan. Gambar 4.43 Evaluasi Penanganan Kesalahan 1 Terdapat dialog sederhana (1) untuk mencegah kesalahan pengguna (Admin) dalam membentuk data ruangan. Apabila pengguna tetap melakukan

28 112 kesalahan akan muncul pesan kesalahan untuk memberi tahu pengguna akan kesalahannya. Gambar 4.44 Evaluasi Penanganan Kesalahan 2 6. Mudah kembali ke tindakan sebelumnya Pada beberapa halaman terdapat link back yang dapat digunakan oleh pengguna untuk menafigaskan halaman ke halaman sebelumnya. Gambar 4.45 Evaluasi Kembali ke Tindakan Sebelumnya 1

29 113 Gambar 4.46 Evaluasi Kembali ke Tindakan Sebelumnya 2 7. Mendukung tempat pengendali internal Pengguna dapat menjadi pengontrol penuh dalam sistem informasi akademik ini. Dapat dilihat dengan adanya menu untuk menafigasikan halaman. Pengguna tidak dikontrol oleh sistem, tetapi pengguna yang mengatur sistem. Gambar 4.47 Evaluasi Mendukung Tempat Pengendali Internal

30 Mengurangi beban ingatan jangka pendek Gambar 4.48 Evaluasi Mengurangi Beban Ingatan Jangka Pendek Dalam pembuatan desain, sistem informasi akademik ini dirancang sederhana dan konsisten. Tujuannya adalah mengurangi tingkat pemikiran pengguna pada saat menggunakan sistem informasi akademik ini. 4.3 Evaluasi Keamanan Web 1. Evaluasi SQL Injection Gambar 4.49 Evaluasi SQL Injection

31 115 Pengamanan pada menu login kami lakukan untuk mencegah serangan SQL Injection, jika ada seseorang yang berniat ingin memasuki halaman user mengunakan teknik SQL injection seperti memasukan simbol or = user tidak dapat membobol password tersebut karena password setiap user telah di enkripsi sehingga simbol pun ikut terenkripsi. 2. Evaluasi XSS Atack Penanganan untuk menanggulangi XSS attack kami lakukan pada menu forum, sehingga pengguna tidak dapat menyisipkan script apapun pada halaman forum. Sebagai contoh dapat dilihat pada gambar di bawah ini. Gambar 4.50 Evaluasi XSS Attack

32 Evaluasi Fungsi Sumber Daya Manusia Bagian ini menggambarkan evaluasi fungsi sumber daya manusia yang di butuhkan baik pada system yang sedang berjalan maupun yang di usulkan, evaluasi tersebut dapat dilihat pada table di bawah ini. Tabel 4.1 Evaluasi Sumber Daya Manusia No Sistem yang sedang berjalan Sistem yang di usulkan 1 Petugas Tata Usaha harus mencetak jadwal belajar dan mengajar untuk di informasikan kepada siswa dan Informasi mengenai jadwal belajar dan mengajar telah di tampilkan pada web. guru. 2 Petugas Tata Usaha harus merekap Data siswa dapat di rekap data siswa, dalam format excel dan menuliskan kembali dalam buku jurnal keuangan. 3 Petugas Tata Usaha mendata transaksi IRB dan SPDB siswa ke dalam 2 buku jurnal keuangan, berdasarkan harian dan berdasarkan kelas dan membuat kwitansi transaksi secara manual. dengan mengimport file dalam format excel ke dalam system informasi akademik ini. Petugas Tata Usaha hanya memasukan data transaksi satu kali, secara automatis data transaksi dapat di lihat berdasarkan tanggal, bulan, dan tahun transaksi, kwitansi dapat langsung di cetak. 4 Petugas Tata Usaha, mengirimkan berita mengenai kegiatan / hal-hal Informasi mengenai kegiatan / hal-hal yang berkaitan dengan

33 117 yang berkaitan dengan sekolah sekolah dapat di tambahkan melalui SMS Gateway kepada dalam system informasi orang tua yang berlangganan akademik ini. system berbayar tersebut. Berdasarkan evaluasi fungsi sumber daya manusia di atas system yang di usulkan lebih mudah dan sedikit daripada system yang sedang berjalan. 4.5 Evaluasi Biaya Bagian ini menggambarkan evaluasi biaya yang di keluarkan dalam membangun system informasi akademik yang di usulkan. Perhitungan dilakukan dengan mengukur biaya yang di keluarkan untuk pengadaan hardware dan software yang di butuhkan dalam pengembangan system ini. Evaluasi ini dapat di lihat pada table di bawah ini. Tabel 4.2 Evaluasi Biaya Hardware / Software Server - CPU Server - Windows Server MySQL - Apache Client - CPU Client - Windows XP SP2 - Web Browser Perkiraan Harga Rp ,- Rp ,- - - Rp ,- Rp ,- - Kebutuhan Jaringan - Paket Speedy Familia Rp ,- / bulan

34 Evaluasi User Bagian ini menjelaskan evaluasi terhadap user dan calon pemilik system informasi akademik ini. Berikut adalah hasil wawancara dengan Bapak Budi Marwoto selaku Wakil Kepala Sekolah Bidang Sarana dan Pra Sarana. SMAN 60 Jakarta 1. Bagaimana dengan tampilan system informasi akademik SMAN 60? Tampilan baik, sesuai dengan apa yang di butuhkan akan lebih baik jika di tambah menu laporan yang bisa di cetak setiap menu yang ada agar sekolah dapat memback up data tersebut. 2. Bagaimana dengan informasi akademik yang di berikan? Informasi yang di berikan mudah di pahami dan bermanfaat bagi seluruh masyarakat sekolah. 3. Apakah aplikasi ini sangat membantu dalam menghasilkan informasi akademik sekolah? Ya, sangat membantu sehingga nanti nya murid dan orang tua siswa tidak akan kesulitan dalam mengakses informasi akademik sekolah karena informasi itu telah di hadir kan secara lengkap melalui aplikasi ini 4. Apakah fitur login system membantu anda dalam menjaga kerahasiaan data masing-masing pengguna? Ya, membantu dalam menjaga kerahasiaan transaksi bagi siswa, dan keamanan data bagi sekolah.

35 119 Berikut adalah hasil wawancara dengan Bapak Hamzah Fansyuri, S.Kom selaku Guru TIK SMAN 60 Jakarta. 1. Bagaimana dengan tampilan system informasi akademik SMAN 60? Tampilan sudah cukup bagus, mungkin perlu beberapa perbaikan pada format tampilan output dan kalau bisa di buat dalam format cetak pada beberapa halaman, seperti data nilai siswa jadi setiap siswa atau wali dapat mencetaknya di rumah masing masing. 2. Bagaimana dengan informasi akademik yang di berikan? Informasi akademik yang menurut saya cukup lengkap, mungkin pada daftar materi bisa di modifikasi seperti menampilkan animasi yang interaktif tidak hanya dalam bentuk Ms Word atau Ms Power Point dan menambahkan fasilitas lain seperti upload tugas ke dalam system. 3. Apakah aplikasi ini sangat membantu dalam menghasilkan informasi akademik sekolah? Ya, sangat membantu. 4. Apakah fitur login system membantu anda dalam menjaga kerahasiaan data masing-masing pengguna? Ya, membantu tetapi perlu di perhatikan juga masalah keamanan lain seperti XSS Atack atau SQL Injection.

36 120 Berikut adalah hasil wawancara dengan Bapak Mulyadi,S.E selaku Kepala Tata Usaha SMAN 60 Jakarta. 1. Bagaimana dengan tampilan system informasi akademik SMAN 60? Tampilan sistem informasi akademik ini sudah bagus 2. Bagaimana dengan informasi akademik yang di berikan? Informasi akademik yang di berikan sudah lengkap 3. Apakah aplikasi ini sangat membantu dalam menghasilkan informasi akademik sekolah? Ya, sangat membantu 4. Apakah bapak merasa mudah dalam mengolah data administrasi registrasi dengan menggunakan aplikasi ini? Ya, dengan ada nya fitur upload data siswa melalui aplikasi ini, saya merasa terbantu dalam memindahkan data siswa 5. Apakah bapak setuju bila aplikasi ini di implementasikan secara nyata untuk membantu pengolahan data administrasi keuangan SMAN 60? Ya, saya setuju bila aplikasi ini di terapkan secara nyata

37 121 Berikut adalah hasil wawancara dengan Ibu Ida Rosyida,S.Pd selaku Administrasi Perlengkapan Tata Usaha SMAN 60 Jakarta. 1. Bagaimana dengan tampilan system informasi akademik SMAN 60? Tampilan sistem informasi akademik ini sudah bagus 2. Bagaimana dengan informasi akademik yang di berikan? Informasi akademik yang di berikan lengkap 3. Apakah aplikasi ini sangat membantu dalam menghasilkan informasi akademik sekolah? Ya, sangat membantu 4. Apakah ibu merasa mudah dalam mengolah data keuangan dengan menggunakan aplikasi ini? Ya, ibu merasa lebih mudah dalam mengolah data keuangan dan membuat laporan keuangan dengan menggunakan aplikasi ini 5. Apakah ibu setuju bila aplikasi ini di implementasikan secara nyata untuk membantu pengolahan data administrasi keuangan SMAN 60? Ya, sangat setuju.