163 BAB 4 IMPLEMENTASI DAN EVALUASI
4.1 Implementasi Kios informasi ini akan diimplementasikan menggunakan jaringan komputer yang akan didistribusikan kedalam jaringan client-server. Pada bagian client terdapat aplikasi front-end untuk menampilkan informasi pada pengguna, dimana informasi yang akan ditampilkan ini akan diakses dari database yang terdapat pada bagian server. Sedangkan pada bagian server terdapat database dan aplikasi back-end, yang memungkinkan staff atau petugas untuk menambah dan mengubah informasi serta menghapus informasi. Untuk memungkinkan komputer client mengakses database atau data-data pada bagian server, maka akan digunakan LAN (Local Area Network). Komputer-komputer ini akan dihubungkan satu sama lain pada tempat yang terpisah dan biasanya tidak terlalu jauh. LAN memungkinkan pengolahan data yang terdistribusi pada komputer-komputer, dimana tiap komputer dapat saling akses. Topologi yang akan digunakan untuk membangun LAN ini yaitu tipe star. Dimana setiap komputer terhubung kepusat atau server melalui switch. Kios informasi ini diharapkan akan membantu tamu dan karyawan Kejaksaan agung dalam memperoleh informasi yang dibutuhkan. Untuk itu, kios informasi ini akan diletakkan di beberapa tempat yang mudah dilihat oleh pengunjung.
164
Gambar 4.1 Topologi Jaringan
4.1.1 Spesifikasi Hardware Dan Software 4.1.1.1 Perangkat Keras dan Perangkat Lunak Pengembangan Sistem Perangkat keras yang digunakan untuk mengembangkan sistem ini yaitu : •
Prosesor Intel Pentium 4 2,8 GHz
•
Monitor LCD-15 inch
•
Hardisk 80 GB
•
Memory 512 MB
•
VGA card 128bit
•
Sound card
•
Keyboard, mouse dan speaker
165 Perangkat lunak yang digunakan untuk mengembangkan sistem ini yaitu : •
Sistem operasi Windows XP Profesional
•
Visual Basic 6.0, untuk perancangan aplikasi dan pengintegrasian elemen-elemen yang terdapat pada aplikasi.
•
Macromedia Flash MX 2004, Corel Draw X3, ULeadCool 3D, Adobe Photoshop CS 2, ACD See, Adobe Audition 2.0, Nero WaveEditor, Cool Edit Pro 2.0, Camtasia Studio 3, Microsoft Visio 2003, Transtool, Video Cutter, Windows Movie Maker untuk desain, suara, dan pembuatan elemen-elemen lainnya pada aplikasi.
•
SQL Server 2000 Developer edition untuk database.
4.1.1.2 Perangkat Keras dan Perangkat Lunak Operasional Sistem Perangkat keras yang dibutuhkan untuk menjalankan sistem ini pada bagian client yaitu : •
2GHz central procesor
•
256 MB RAM
•
Monitor TFT-15 inch dengan Capacitive touchscreen
•
64MB Graphic Card
•
4 GB Hard disk
•
Modem atau Network Interface Card
166 Perangkat keras yang dibutuhkan untuk menjalankan sistem ini pada bagian server yaitu : •
3GHz central processor
•
256 MB RAM
•
15-inch color display monitor
•
Mouse dan keyboard
•
40GB Hard disk
Perangkat lunak yang dibutuhkan untuk menjalankan sistem pada bagian client dan server yaitu : •
Sistem operasi Windows XP
•
Flash Player Versi 7
4.1.2 Petunjuk Instalasi Aplikasi Program Aplikasi kios informasi ini akan diserahkan melalui media Compact Disc (CD) dengan kapasitas 700 MB. Aplikasi Katalog Produk ini dapat berjalan pada sistem operasi Windows 98 SE. Untuk menggunakan aplikasi ini, maka pengguna harus melakukan langkahlangkah sebagai berikut : 1. Masukkan CD ini ke dalam CD-ROM drive. 2. Klik dua kali pada kejagung.exe untuk menjalankan aplikasi ini pada drive CD-ROM tersebut.
167 4.1.3 Prosedur Pemakaian Aplikasi 4.1.3.1
Prosedur Pemakaian Aplikasi Front-End
4.1.3.1.1 Tampilan Layar Halaman Intro
Gambar 4.2 Tampilan Layar Halaman Intro Pada layar ‘Intro’, pengguna dapat mengetikkan namanya sebelum masuk ke layar ‘Halaman Utama’ atau ‘Home’.
4.1.3.1.2 Tampilan Layar Halaman Utama
Gambar 4.3 Tampilan Layar Halaman Utama
168 Pada layar ‘Halaman Utama’ atau ‘Home’, pengguna dapat memilih menu yang terletak di bagian kiri layar, yang apabila ditekan akan link ke halamannya masing-masing.
4.1.3.1.3 Tampilan Layar Menu Karyawan
Gambar 4.4 Tampilan Layar Menu Daftar Karyawan
Gambar 4.5 Tampilan Layar Cari Daftar Karyawan
169 Pada halaman ‘Menu Karyawan’ akan menampilkan informasi karyawan yang ada di Kejaksaan Agung Republik Indonesia. Untuk mencari informasi data seorang karyawan, pada halaman menu ini akan tampil daftar nama karyawan yang ada di Kejaksaan Agung, pada setiap halaman daftar karyawan ditampilkan tujuh nama karyawan. Apabila pengguna tidak menemukan karyawan yang dicari pada halaman pertama, pengguna dapat menggunakan tombol ‘dua’, ‘tiga’, ‘empat’. Selain itu pengguna juga dapat mencari karyawan dengan cara yang lebih cepat, yaitu dengan menggunakan tombol ‘Cari Karyawan’ yang terletak di bawah daftar nama karyawan, pengguna dapat memasukkan nama sebagai kata kunci dan kemudian menekan tombol ‘Cari’ untuk mendapatkan informasi yang lebih cepat, apabila pengguna memasukkan kata kunci nama dan ternyata setelah proses pencarian, ada lebih dari satu nama yang sama, maka akan ditampilkan daftar nama karyawan yang sesuai dengan kata kunci, setelah itu pengguna dapat memilih karyawan mana yang dicari, dan seterusnya. Apabila nama karyawan yang dicari sudah ditemukan dalam daftar nama karyawan yang terdiri dari Nik, Nama, dan Jabatan, maka pengguna dapat menekan pada Nama karyawan yang dicari dan akan tampil profil karyawan tersebut. Pada halaman ini juga terdapat tombol ‘Halaman Utama’ yang terletak di bagian kiri layar, yang jika ditekan akan ke Halaman Utama. Selain itu, juga terdapat tombol ‘Bantuan’, yang jika ditekan akan ke Bantuan.
170
Gambar 4.6 Tampilan Layar Menu Profil Karyawan Profil karyawan berisi informasi Nik, Nama, Jabatan, dan Gedung, dan lantai. Untuk mengetahui letak gedung tempat karyawan tersebut bekerja, maka pengguna dapat menekan tombol ‘Lihat Peta’ yang terdapat di bawah profil karyawan tersebut. Sedangkan untuk kembali ke halaman sebelumnya, pengguna dapan menekan tombol ‘Kembali’.
171
Gambar 4.7 Tampilan Layar Menu Deskripsi Gedung Pada halaman ini akan muncul peta yang menunjukkan lokasi gedung tempat karyawan yang dicari bekerja, peta tersebut juga menunjukkan arah menuju ke gedung tersebut. Di bagian kanan dari peta juga terdapat photo dari gedung yang dimaksud dan juga terdapat informasi mengenai nama bagian dan lantai yang menunjukkan tempat karyawan tersebut bekerja.
172 4.1.3.1.4 Tampilan Layar Menu Berita dan Acara
Gambar 4.8 Tampilan Layar Menu daftar Berita dan Acara Pada halaman ‘Menu Berita dan Acara’ akan ditampilkan berita dan acara yang berhubungan atau ada kaitannya dengan Kejaksaan Agung Republik Indonesia. Ada dua sub menu pada menu ini, yaitu sub menu ‘Umum’ dan ‘Karyawan’. Sub menu ‘Umum’ dapat diakses oleh siapa saja baik itu tamu maupun karyawan, sedangkan menu ‘Karyawan’ hanya dapat diakses oleh pengguna yang adalah karyawan Kejaksaan Agung dengan cara memasukkan Nama Karyawan dan password yang dimiliki oleh masing-masing karyawan Kejaksaan Agung. Pada halaman pertama menu ini akan tampil daftar judul berita dan acara umum, berita dan acara yang tampil diurutkan berdasarkan berita dan acara yang terbaru. Untuk menampilkan keseluruhan isi dari suatu berita dan acara pengguna dapat menekan tombol judul berita yang diinginkan.
173
Gambar 4.9 Tampilan Layar Menu Isi Berita Pada halaman ini akan ditampilkan keseluruhan dari isi berita atau acara yang diinginkan. Apabila pengguna ingin melihat kembali daftar judul berita atau acara, pengguna dapat menekan tombol ‘Halaman Sebelumnya’ yang ada disebelah kiri bawah tabel daftar judul berita dan acara.
174
Gambar 4.10 Tampilan Layar Menu Login Berita dan Acara Karyawan Untuk sub menu ‘Berita dan Acara Karyawan’, pengguna yang ingin mengakses informasi mengenai berita dan acara diharuskan melakukan login terlebih dahulu dengan memasukkan nama karyawan dan password, kemudian menekan tombol ‘Login’ untuk melanjutkan proses.
Pengguna
mengosongkan.
juga
bisa
menekan
tombol
‘Reset’
untuk
175
Gambar 4.11 Tampilan Layar Menu Berita dan Acara Karyawan Apabila login telah berhasil dilakukan maka akan ditampilkan daftar judul berita dan acara yang diurutkan berdasarkan berita dan acara yang terbaru. Proses selanjutnya tidak berbeda dengan sub menu ‘Berita dan Acara Umum’.
176 4.1.3.1.5 Tampilan Layar Menu Seputar Kejaksaan
Gambar 4.12 Tampilan Layar Menu Fasilitas Kejaksaan
Gambar 4.13 Tampilan Layar Menu Cari Fasilitas Kejaksaan Pada halaman ‘Menu Seputar Kejaksaan’ akan terdapat 3 sub menu salah satunya yaitu fasilitas-fasilitas yang ada di Kejaksaan Agung Republik Indonesia, seperti Kafetaria, lapangan tenis, kantin, dan lain-
177 lain. Pada halaman pertama akan tampil gambar fasilitas-fasilitas tersebut, di dalam satu halaman terdapat empat gambar fasilitas. Selain itu terdapat juga fasilitas pencarian atau searching yang memungkinkan pengguna untuk dapat mencari dengan mudah fasilitas yang mereka inginkan.
Gambar 4.14 Tampilan Layar Menu Deskripsi Fasilitas Kejaksaan
178
Gambar 4.15 Perancangan Layar Menu Perbesar Peta Setelah gambar fasilitas tersebut ditekan maka akan tampil peta yang menunjukkan letak fasilitas tersebut berada, peta tersebut juga menampilkan jalan menuju fasilitas tersebut dari tempat pengguna tersebut berada saat itu. Apabila pengguna ingin mengetahui letak fasilitas yang lain, maka pengguna dapat menekan tombol ‘Kembali’ yang terdapat yang ada di sebelah kiri bawah peta tersebut. Selain itu juga terdapat informasi singkat mengenai fasilitas yang dimaksud. Dan jika pengguna kurang jelas dalam melihat peta yang ada terdapat juga tombol ‘Perbesar Peta’ yang akan memperbesar peta secara penuh atau full screen.
179
Gambar 4.16 Tampilan Layar Menu Sejarah Kejaksaan Sub menu lain yang ada di dalam ‘Menu Seputar Kejaksaan’ adalah Sejarah Kejaksaan. Disini pengguna dapat mengetahui sejarah singkat mengenai Kejaksaan selain itu terdapat juga tombol ‘Struktur Organisasi’ dan juga ‘Fasilitas Kejaksaan’ yang merupakan 2 sub menu lain dari menu Seputar Kejaksaan.
180
Gambar 4.17 Tampilan Layar Menu Struktur Organisasi Pada menu ini terdapat bagan organisasi dari Kejaksaan. Selain itu ada tombol untuk masuk ke 2 sub menu lain yang berada di menu Seputar Kejaksaan , yaitu sub menu ‘Sejarah Kejaksaan’ dan ‘Fasilitas Kejaksaan’.
181 4.1.3.1.6 Tampilan Layar Menu Informasi Umum
Gambar 4.18 Tampilan Layar Menu Fasilitas Umum Pada halaman ‘Fasilitas Umum’ akan ditampilkan fasilitas-fasilitas umum yang terdapat di sekitar Kejaksaan Agung Republik Indonesia, seperti mall, kafe, dan lain-lain. Pada halaman pertama akan tampil gambar fasilitas-fasilitas tersebut, di dalam satu halaman terdapat empat gambar fasilitas.
182
Gambar 4.19 Tampilan Layar Menu Deskripsi Fasilitas Umum
Gambar 4.20 Tampilan Layar Menu Perbesar Peta Untuk mengetahui letak sebuah fasilitas, pengguna dapat menekan gambar fasilitas tersebut. Setelah menekan tombol tersebut, maka akan tampil peta yang menunjukkan letak fasilitas tersebut berada. Apabila pengguna ingin mengetahui letak fasilitas yang lain, maka pengguna
183 dapat menekan tombol ‘Kembali’ yang terdapat yang ada di sebelah kiri bawah peta tersebut. Selain itu, terdapat juga tombol ‘Perbesar Peta‘ yang mana jika tombol ini ditekan maka akan muncul peta dalam ukuran layar penuh atau full screen.
Gambar 4.21 Tampilan Layar Menu Sarana Transportasi Pada halaman Sarana Transportasi, akan ditampilkan rute sarana transportasi dari arah terminal Blok M. Pengguna cukup menekan nama rute yang diinginkan kemudian akan muncul layar yang akan menjelaskan rute tersebut. Pada bagian bawah layar, terdapat animasi berbentuk kereta api yang terdiri dari beberapa tombol pilihan untuk waktu dan cuaca. Jika pengguna menekan tombol tersebut maka akan tampil animasi di layar sesuai dengan yang diinginkan pengguna.
184 4.1.3.1.7 Tampilan Layar Menu Bantuan
Gambar 4.22 Tampilan Layar Menu Bantuan ‘Menu Bantuan’ akan membantu pengguna dalam menggunakan aplikasi kios informasi ini. Pada menu ini tersedia bantuan untuk semua menu. Apabila pengguna ingin mengetahui cara menggunakan aplikasi maka cukup hanya menekan tombol pada jenis bantuan.
185
Gambar 4.23 Tampilan Layar Screen Saver Layar Screen Saver akan muncul jika kios informasi tidak ada pergerakan kursor selama 30 detik. Untuk mengaktifkan dan kembali ke halaman intro, tekan atau sentuh layar kios informasi.
4.1.3.2
Prosedur Pemakaian Aplikasi Back-End
4.1.3.2.1 Tampilan Layar Menu Login Admin
Gambar 4.24 Tampilan Layar Menu Login Admin
186 Halaman ini merupakan halaman login untuk admin yang akan mengakses ke halaman utama admin. Untuk melakukan login pengguna harus mengisi admin ID dan password yang valid. Jika pengguna tidak mengisi admin ID dan password maka akan muncul pesan kesalahan
4.1.3.2.2 Tampilan Layar Menu Home Admin
Gambar 4.25 Tampilan Layar Menu Home Admin Pada halaman ini pengguna melakukan pemilihan untuk ke layar yang diinginkan. pengguna dapat memilih bagian mana yang ingin diubah atau di-update.
187 4.1.3.2.3 Tampilan layar Menu Admin’s Data
Gambar 4.26 Tampilan Layar Menu Admin’s Data Pada halaman ini dapat menambah data admin terbaru dengan menekan tombol ‘Insert’, mengubah data dengan menekan tombol ‘Update’ serta menghapus data dengan menekan tombol ‘Delete’. Jika pengguna ingin kembali ke menu ‘Utama’ yaitu menu ‘Home Admin’ tersedia tombol ’Main Menu’ dan juga tersedia tombol ‘Logout’ jika ingin kembali ke menu Login Admin. Terdapat juga tombol ’First’ untuk melihat data pertama, tombol ‘Last’ untuk melihat data terakhir, tombol ’Prev’ untuk melihat data sebelumnya dan juga tombol ‘Next’ untuk melihat data setelahnya.
188
Gambar 4.27 Tampilan Layar Insert Admin’s Data Pada halaman ini pengguna dapat memasukan data admin yang ingin ditambah atau dirubah, setelah memasukkan data admin pengguna dapat menggunakan tombol ‘Save’ untuk memasukkan data sedangkan untuk menghapus data yang ingin dimasukkan terdapat tombol ‘Reset’ dan juga terdapat
tombol ‘Cancel’ untuk membatalkan data yang
dimasukkan dan akan kembali ke menu ‘Admin’s Data’.
Gambar 4.28 Tampilan Layar Update Admin’s Data
189 Pada halaman pengguna dapat mengubah data admin. Terdapat tombol ‘Save’ untuk untuk menyimpan data yang telah diubah dan juga terdapat tombol ‘Reset’ untuk menghapus data yang ingin diubah. Sedangkan untuk membatalkan pengubahan data pengguna dapat menekan tombol ‘Cancel’ dan akan kembali ke menu Admin’s Data.
Gambar 4.29 Tampilan Layar Delete Admin’s Data Pada halaman pengguna dapat menghapus data admin. Sebelum melakukan proses penghapusan, akan muncul kotak dialog untuk melakukan konfirmasi sebelum melakukan proses penghapusan. Tekan tombol ‘Yes’ untuk melakukan proses penghapusan dan tekan tombol ‘No’ untuk membatalkan proses penghapusan data.
190 4.1.3.2.4 Tampilan Layar Menu News and Events Staff
Gambar 4.30 Tampilan Layar Menu News and Events Staff Pada menu ini pengguna dapat memasukan berita acara baru untuk karyawan dengan menekan tombol ’Insert’, selain itu pengguna dapat mengubah data dengan menekan tombol ‘Update’, selain itu terdapat juga tombol ‘Delete’ untuk menghapus data berita dan acara karyawan. Untuk kembali ke menu ‘Home Admin’ pengguna dapat memilih tombol ‘Main Menu’ selain itu terdapat tombol ‘English Version’ untuk mengubah data berita dan acara berbahasa inggris dan terdapat tombol ‘Logout’ untuk kembali ke menu Login Admin. Terdapat juga tombol ’First’ untuk melihat data pertama, tombol ‘Last’ untuk melihat data terakhir, tombol ’Prev’ untuk melihat data sebelumnya dan juga tombol ‘Next’ untuk melihat data setelahnya.
191
Gambar 4.31 Tampilan Layar Insert News and Events Staff Pada halaman ini pengguna dapat memasukkan data berita dan acara karyawan yang ingin ditambah, setelah memasukkan data berita dan acara karyawan, pengguna dapat menggunakan tombol ‘Save’ untuk memasukkan data sedangkan untuk menghapus data yang ingin dimasukkan terdapat tombol ‘Reset’ dan juga terdapat tombol ‘Cancel’ untuk membatalkan data yang dimasukkan dan akan kembali ke menu ‘News and Events Staff’.
Gambar 4.32 Tampilan Layar Update News and Events Staff
192 Pada halaman ini pengguna dapat mengubah data berita dan acara karyawan. Terdapat tombol ‘Save’ untuk menyimpan data yang telah diubah dan juga terdapat tombol ‘Reset’ untuk menghapus data yang ingin diubah. Sedangkan untuk membatalkan pengubahan data pengguna dapat menekan tombol ‘Cancel’ dan akan kembali ke menu News And Events Staff .
Gambar 4.33 Tampilan Layar Delete News and Events Staff Pada halaman pengguna dapat menghapus data Berita dan Acara untuk Karyawan. Sebelum melakukan proses penghapusan, akan muncul kotak dialog untuk melakukan konfirmasi sebelum melakukan proses penghapusan.
Tekan
tombol
‘Yes’
untuk
melakukan
proses
penghapusan dan tekan tombol ‘No’ untuk membatalkan proses penghapusan data.
193 4.1.3.2.5 Tampilan Layar Menu Public News and Events Data
Gambar 4.34 Tampilan Layar Menu Public News and Events Data Pada menu ini pengguna dapat memasukkan berita acara baru untuk umum dengan menekan tombol ’Insert’, selain itu pengguna dapat mengubah data dengan menekan tombol ‘Update’ selain itu terdapat juga tombol ‘Delete’ untuk menghapus data berita dan acara umum. Untuk kembali ke menu Home Admin pengguna dapat memilih tombol ‘Main Menu’ selain itu terdapat tombol ‘English Version’ untuk mengubah data berita dan acara berbahasa inggris dan terdapat tombol ‘Logout’ untuk kembali ke menu Login Admin. Terdapat juga tombol ’First’ untuk melihat data pertama, tombol ‘Last’ untuk melihat data terakhir, tombol ’Prev’ untuk melihat data sebelumnya dan juga tombol ‘Next’ untuk melihat data setelahnya.
194
Gambar 4.35 Tampilan Layar Insert Public News and Events Pada halaman ini pengguna dapat memasukkan data berita dan acara umum yang ingin ditambah, setelah memasukkan data berita dan acara umum,
pengguna
dapat
menggunakan
tombol
‘Save’
untuk
memasukkan data sedangkan untuk menghapus data yang ingin dimasukkan terdapat tombol ‘Reset’ dan juga terdapat tombol ‘Cancel’ untuk membatalkan data yang dimasukkan dan akan kembali ke menu Public News and Events Data.
Gambar 4.36 Tampilan Layar Update Public News and Events
195 Pada halaman ini pengguna dapat mengubah data berita dan acara umum. Terdapat tombol ‘Save’ untuk menyimpan data yang telah diubah dan juga terdapat tombol ‘Reset’ untuk menghapus data yang ingin diubah. Sedangkan untuk membatalkan pengubahan data pengguna dapat menekan tombol ‘Cancel’ dan akan kembali ke menu Public News and Events
Gambar 4.37 Tampilan Layar Delete Public News And Events Pada halaman pengguna dapat menghapus data Berita dan Acara. Sebelum melakukan proses penghapusan, akan muncul kotak dialog untuk melakukan konfirmasi sebelum melakukan proses penghapusan. Tekan tombol ‘Yes’ untuk melakukan proses penghapusan dan tekan tombol ‘No’ untuk membatalkan proses penghapusan data.
196 4.1.3.2.6 Tampilan Layar Menu Data Public Facilities
Gambar 4.38 Tampilan Layar Menu Public Facilities Pada menu ini pengguna dapat memasukkan data fasilitas umum dengan menekan tombol ’Insert’, selain itu pengguna dapat mengubah data dengan menekan tombol ‘Update’ selain itu terdapat juga tombol ‘Delete’ untuk menghapus data fasilitas umum. Untuk kembali ke menu ‘Home Admin’ pengguna dapat memilih tombol ‘Main Menu’ selain itu terdapat tombol ‘English Version’ untuk mengubah data fasilitas umum yang berbahasa inggris dan terdapat tombol ‘Logout’ untuk kembali ke menu Login Admin. Terdapat juga tombol ’First’ untuk melihat data pertama, tombol ‘Last’ untuk melihat data terakhir, tombol ’Prev’ untuk melihat data sebelumnya dan juga tombol ‘Next’ untuk melihat data setelahnya.
197
Gambar 4.39 Tampilan Layar Insert Public Facilities Pada halaman ini pengguna dapat memasukkan data fasilitas umum yang ingin ditambah, setelah memasukkan data fasilitas umum, pengguna dapat menggunakan tombol ‘Save’ untuk memasukkan data sedangkan untuk menghapus data yang ingin dimasukkan terdapat tombol ‘Reset’ dan juga terdapat tombol ‘Cancel’ untuk membatalkan data yang dimasukkan dan akan kembali ke menu Public Facilities.
. Gambar 4.40 Tampilan Layar Update Public Facilities