BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Spesifikasi Sistem Dalam melakukan implementasi suatu sistem perlu diperhatikan spesifikasi sistem. Dimana spesifikasi tersebut mencakup spesifikasi perangkat keras dan spesifikasi perangkat lunak. Tujuan dari spesifikasi sistem ini adalah agar kinerja sistem berjalan dengan optimal. 4.1.1 Spesifikasi Perangkat Lunak Untuk Menjalankan Sistem/Aplikasi Dalam melakukan implementasi program, digunakan perangkat lunak sebagai berikut: Kebutuhan Server Sistem operasi: Windows XP/Vista/7 Xmapp 1.6.2 Kebutuhan Client atau User Sistem operasi: Windows XP/Vista/7 Browser: Mozilla Firefox 3.6.1 atau lebih dengan fasilitas JavaScript 4.1.2 Spesifikasi Perangkat Keras Untuk Menjalankan Sistem/Aplikasi Dalam melakukan implementasi program, digunakan perangkat keras dengan konfigurasi berikut: 230
231 Kebutuhan Server Intel Pentium IV 2,4GHz Modem 56kbps Lan card Memory 512 MB Harddisk 150GB Monitor SVGA Kebutuhan Client atau User minimal Intel Pentium IV 1,9 MHz Memory 512 MB Harddisk 160 GB Modem 56kbps Lan card Monitor SVGA 4.2 Evaluasi Program Untuk menguji kelayakan program maka dilakukan dua buah evaluasi, yaitu evaluasi user interface untuk mengetahui apakah aplikasi layak untuk dikategorikan user-friendly dan evaluasi penggunaan aplikasi untuk mengetahui kelebihan dan kekurangan aplikasi dari sisi pengguna.
232 4.2.1 Tampilan Program Sebelum Login 1. Halaman Index Gambar 4.1 Halaman Index Layar Index adalah tampilan awal dari aplikasi Virtual Gallery, layar ini menampilkan skripsi yang paling popular dan skripsi yang baru di-upload oleh mahasiswa. Skripsi skripsi tersebut ditampilkan dalam bentuk cover, apabila diklik maka akan beralih ke layar thesis detail. Selain itu adapula pengenalan tentang virtual gallery ini pada kolom introduction serta link ke halaman sign up dan link ke halaman Forget Password.
233 2. Halaman Register Gambar 4.2 Halaman Register Registrasi dibagi menjadi 3, yaitu Student yaitu mahasiswa BINUS UNIVERSITY, Non Binusian yaitu Mahasiswa umum dan Company untuk perusahaan.
234 3. Halaman Register as Binusian - 1 Gambar 4.3 Halaman Register as Binusian -1 Tampilan awal registrasi binusian dimana binusian diminta untuk memasukan NIM dan password mereka sesuai dengan yang terdaftar pada binusmaya.
235 4. Halaman Register as Binusian 2 Gambar 4.4 Halaman Register as Binusian -2 Pada form registrasi Binusian kedua, Binusian diwajibkan mengisi semua kolom yg disediakan yg ditandai dengan *. Setelah selesai mengisi semua data, binusian menekan tombol register untuk melakukan proses data Binusian.
236 5. Halaman Register as NonBinusian Gambar 4.5 Halaman Register as Non Binusian Pada form registrasi Non Binusian, user diwajibkan mengisi semua kolom yg disediakan yg ditandai dengan *. Setelah selesai mengisi semua data, user menekan tombol register untuk melakukan proses data user.
237 6. Halaman Register as Company Gambar 4.6 Halaman Register as company Pada form registrasi Company, user diwajibkan mengisi semua kolom yg disediakan yg ditandai dengan *. Setelah selesai mengisi semua data, user menekan tombol Registrasi untuk melakukan proses data user.
238 7. Halaman Forgot Password Gambar 4.7 Halaman Forgot Password Pada layar Forgot Password, user diminta memasukkan username account nya yang telah terdaftar. Dan jika di submit, maka akan otomatis mengirim password ke alamat email sesuai dengan account username dan email yang terdaftar.
239 8. Halaman Search Thesis Gambar 4.8 Halaman Search Thesis
240 Gambar 4.9 Halaman Search Menu search bagi semua user sama. User dapat melakukan pencarian berdasarkan title, author, year, tag, supervisors, department, topic, grade, most interesting dan most usefull. Pada menu search juga menampilkan Thesis yang ada dengan paging. Pada Thesis yang ditampilkan,dan hasil search yang ditampilkan terdapat button detail. Jika di klik maka akan menampilkan thesis detail, yaitu keseluruhan thesis secara lengkap.
241 Gambar 4.10 Halaman Hasil Search Pada saat user melakukan pencarian berdasarkan tahun, maka hasil pencarian akan menampilkan thesis-thesis dengan tahun yang sama dengan tahun pencarian.
242 Gambar 4.11 Halaman Detail Thesis Hasil Search Ketika user membuka detail dari thesis yang dicari, maka akan ditampilkan juga related search dari thesis yang dilihat berdasarkan kategori pencarian
sebelumnya. Misalnya pada gambar, menampilkan related search berdasarkan tahun pembuatan thesis. 243 9. Halaman Thesis Detail Layar Thesis Detail menampilkan detail dari pencarian thesis. Popular Thesis dan new Thesis dihalaman home juga jika diklik akan terhubung ke halaman ini. Thesis Detail tiap user berbeda. Contoh Thesis Detail di atas adalah Thesis Detail untuk pengunjung, yaitu pengunjung hanya bisa melihat Thesis, gallery, video dan comment. Pengunjung tidak dapat memberikan comment, rating, bookmark, dan report.
Gambar 4.12 Halaman Thesis Detail 244
245 10. Halaman Gallery Gambar 4.13 Halaman Gallery Gallery berfungsi untuk melihat beberapa contoh gambar yang sesuai dengan thesis yang dibuat, berisi tanggal upload, nama gambar dan deskripsi dari gambar. User dapat member komentar pada foto yang terdapat di gallery.
246 11. Halaman Video Gambar 4.14 Halaman Video Video berfungsi untuk menampilkan beberapa contoh video yang sesuai dengan thesis yang dibuat, berisi tanggal uploadnya, nama video dan deskripsi dari video. User dapat member komentar pada video.
247 12. Halaman Contact Us Gambar 4.15 Halaman Contact Us Contact us berisi data pembuat website, yaitu penulis sendiri. Contact us setiap user sama. Pada halaman ini, jika gambar penulis diklik maka akan terdapat tampilan overlay berisi keterangan nama, email dan dapat melakukan contact via yahoo messenger.
248 13. Halaman Sitemap Gambar 4.16 Halaman Sitemap Sitemap setiap user berbeda, sitemap pada website ini berisi link untuk memudahkan user ke halaman-halaman yang di inginkan. Pada sitemap pengunjung, berisi home, login, register, forgot password, search, dan contact us.
249 4.2.2 Tampilan Program Setelah Login 1. Halaman Home NonBinusian Gambar 4.17 Halaman Home Non Binusian Home Non Binusian adalah tampilan awal setelah user login sebagai Non Binusian. Pada layar ini menampilkan skripsi yang paling popular dan skripsi yang baru di-upload oleh mahasiswa. Skripsi skripsi tersebut ditampilkan dalam bentuk cover, apabila diklik maka akan beralih ke layar thesis detail. Menu utama dari halaman ini adalah home, search, favorite, profile, contact us dan sitemap. Selain itu adapula pengenalan tentang virtual gallery ini pada kolom introduction.
250 2. Halaman Thesis Detail Non Binusian Gambar 4.18 Halaman Thesis Detail Non Binusian
251 Gambar 4.19 Halaman Thesis Report Non Binusian Layar Thesis Detail NonBinusian menampilkan detail dari pencarian thesis. Popular Thesis dan new Thesis dihalaman home Non Binusian juga jika diklik akan terhubung ke halaman ini. Non Binusian dapat melihat Thesis, gallery, video dan comment. Berbeda dengan Pengunjung yang tidak dapat memberikan comment, rating, bookmark, dan report. Jika Non Binusian, dapat memberikan rating, comment, dan bookmark. Non Binusian dapat memberikan report terhadap suatu thesis yang dianggap tidak sesuai.
252 3. Halaman Favorite Non Binusian Gambar 4.20 Halaman Favorite Non Binusian Menu Favorite terdapat pada user yang dapat melakukan bookmark, seperti Non Binusian, Binusian, Company, dan Department. Dan Tampilan Menu favorite setiap user sama. User dapat melakukan cancel, untuk mengapus Thesis yang di bookmark dan pada judul thesis, terdapat link untuk langsung terhubung ke
thesis detail. Fungsi dari menu favorite sendiri adalah untuk mempermudah user membuka Thesis yang telah dibookmark. 253 4. Halaman Profile Non Binusian Gambar 4.21 Halaman Profile Non Binusian Menu Profile berfungsi untuk melihat profile, mengubah profile dan mengubah password. Di menu profile juga terdapat submenu update profile dan change Password. Setiap user yang terdaftar, memiliki menu profile, Seperti Non Binusian, Binusian, dan Company, memiliki menu profile dengan fungsi yang sama.
254 5. Halaman Update Profile Non Binusian Gambar 4.22 Halaman Update Profile Non Binusian Menu Update Profile berfungsi untuk melihat mengubah data pribadi. Setiap user yang terdaftar, memiliki menu update profile, Seperti Non Binusian, Binusian dan Company, memiliki menu update profile dengan fungsi yang sama.
255 6. Halaman Change Password Non Binusian Gambar 4.23 Halaman Change Password Non Binusian Menu change password berfungsi untuk mengubah password. Setiap user yang terdaftar, memiliki submenu change password, seperti Non Binusian, Binusian dan Company, memiliki submenu change password dengan fungsi yang sama. 7. Halaman Sitemap Non Binusian Gambar 4.24 Halaman Sitemap Non Binusian
256 Sitemap setiap user berbeda, sitemap pada website ini berisi link untuk memudahkan user ke halaman-halaman yang di inginkan. Pada sitemap pengunjung, berisi home, login, register, forgot password, search dan contact us. 8. Halaman Home Binusian Gambar 4.25 Halaman Home Binusian Home Binusian adalah halaman awal setelah user dengan status Binusian melakukan Login. Pada halaman ini, berisi List of Bookmark my thesis yang berisi daftar siapa saja yang telah melakukan bookmark pada thesis user yang login. Nama dari user yang melakukan bookmark juga dapat di-klik untuk melihat profile user tersebut.
257 Terdapat pula List of Project that have been accepted by me, yaitu daftar tentang keterangan project apa saja yang telah saya terima, terdapat keterangan status, yaitu untuk melihat apakah project tersebut sudah di terima oleh company atau belum. Status Project berguna untuk melihat project itu telah ditutup atau belum, jika sudah di tutup, Binusian yang menerima request tetapi belum di terima oleh Company otomatis gagal karena project telah ditutup. Terdapat pula Accept date, yaitu sebagai keterangan kapan Binusian menerima project tersebut. Terdapat pula button cancel, yang berfungsi untuk melakukan cancel terhadap project yang diterima.
258 9. Halaman Thesis Detail Binusian Gambar 4.26 Halaman Thesis Detail Binusian
259 Gambar 4.27 Halaman Report Thesis Binusian Pada search Binusian, sama seperti search pada pengunjung dan Non Binusian. Yang membedakannya adalah Layar Thesis Detail nya. Layar Thesis Detail Binusian menampilkan detail dari pencarian thesis oleh Binusian yang terdaftar. Pada user yang terdaftar sebagai Binusian, dapat melakukan aksi, yaitu report, rating most interesting, rating most usefull, bookmark dan post comment. Tampilan Gallery dan Video nya sama dengan Non Binusian. Report Thesis berfungsi untuk mengirimkan laporan kepada admin tentang thesis yang dianggap bermasalah.
260 10. Halaman Upload Thesis Binusian Gambar 4.28 Halaman Thesis Upload Binusian Upload Thesis hanya ada di menu Thesis Binusian yang belum pernah mengupload thesisnya. Jika sudah pernah meng-upload thesis, otomatis layar akan langsung ke halaman my thesis Binusian. Pada tampilan ini, user dapat mengisi form yang telah ditentukan.
261 11. Halaman My Thesis Binusian Gambar 4.29 Halaman My Thesis Binusian My thesis adalah tampilan pada saat klik menu Thesis. My thesis akan tampil apabila user sudah melakukan upload Thesis. Di my thesis, user dapat menambahkan foto di Gallery, menambahkan Video di gallery dan melakukan Update Thesis.
262 12. Halaman Add Gallery Binusian Gambar 4.30 Halaman Add Gallery Binusian Layar Add gallery hanya ada di Binusian yang telah meng-upload Thesis. User dapat menambahkan gallery foto yang sesuai dengan thesisnya. Foto yang sudah di upload di gallery juga bisa dihapus oleh user itu sendiri.
263 13. Halaman Add Video Binusian Gambar 4.31 Halaman Add Video Binusian Layar Add video hanya ada di Binusian yang telah meng-upload Thesis. User dapat menambahkan video foto yang sesuai dengan thesisnya. Video yang sudah di upload juga bisa dihapus oleh user itu sendiri.
264 14. Halaman Update Thesis Binusian Gambar 4.32 Halaman Update Thesis Binusian Layar Update Thesis berfungsi untuk mengubah thesis yang sebelumnya pernah kita upload. Untuk mengubah Thesis, user harus memasukkan key thesis terlebih dahulu. Key thesis berfungsi sebagai alat akses dan keamanan tambahan dalam mengubah thesis yang bisa dilakukan oleh semua anggota kelompok thesis tersebut.
265 15. Halaman Forget KeyThesis Binusian Gambar 4.33 Halaman Forget KeyThesis Binusian Forgot key thesis akan mengirimkan key thesisnya ke email yang terdaftar.
266 16. Halaman Company List Binusian Gambar 4.34 Halaman Company List -1 Binusian Gambar 4.36 Halaman Company List -2 Binusian
Pada Layar company list berisi list company yang terdaftar. Dan dapat melakukan pencarian berdasarkan company name, interested topic dan workarea. 267 17. Halaman Offered Project from Company Binusian Gambar 4.38 Halaman Offered Project from Company Binusian
268 Layar diatas berfungsi untuk melihat, menerima dan memberi report kepada project yang diberikan oleh company. User juga bisa melakukan pencarian project berdasarkan project name dan company name. 18. Halaman Sitemap Binusian Gambar 4.39 Halaman Sitemap Binusian Pada sitemap Binusian, berisi home, search, search by category, favorite, profile, edit profile, change password, thesis, upload/my thesis, company, search company, search project, contact us, sitemap dan logout.
269 19. Halaman Home Department Gambar 4.40 Halaman Home Department -1 Gambar 4.41 Halaman Home Department -2 Pada layar Home Department, terdapat list dari user Binusian yang departmentnya sesuai dengan department user yang melakukan login. Guna dari halaman ini adalah, Department dapat memantau dan mengubah status user yang sesuai
dengan departmentnya saja. Terdapat pula pencarian berdasarkan status, semua status, status enabled, dan status disabled. 270 20. Halaman Search Department Gambar 4.42 Halaman Search Department Menu search Department dapat melakukan pencarian berdasarkan title, author, year, tag, supervisors, department, topic, grade, most interesting, most useful dan thesis status.
271 21. Halaman Topic Department Gambar 4.43 Halaman Topic Department Topic Department berfungsi untuk menambahkan topic sesuai dengan department user yang Login, Department juga dapat mengubah status topic menjadi enabled atau disabled, dapat juga melakukan pencarian topic sesuai dengan status semua topic, topic yang enabled dan topic yang disabled. Pada halaman ini juga terdapat Current Status yang merupakan penjelasan status aktif atau nonaktif dari topic yang ada. Current Status berupa enabled menjelaskan bahwa topic tersebut memiliki status aktif dan dapat diakses oleh binusian saat akan melakukan upload thesis dan memilih Topic yang sesuai dengan thesis yang akan diupload.
272 Gambar 4.44 Halaman Penjelasan Kategori Topik Pada halaman search, jika dilakukan pencarian dengan kategori topik, maka akan ditampilkan kategori yang dibuat oleh department. Yang membedakan topik di aplikasi ini dengan aplikasi sebelumnya, topik di virtual gallery dibuat lebih spesifik. Misalnya, topik yang biasanya adalah jaringan, di aplikasi ini dipecah lagi menjadi wireless. 22. Halaman Thesis Department Gambar 4.45 Halaman Thesis Department
273 Berbeda dengan Layar Thesis Binusian, Layar Thesis Department berisi thesis thesis binusian yang departmentnya sama dengan Department user yang Login dimana thesisnya masih berstatus pending. Department dapat melakukan accepted dan melakukan reject pada thesis yang ada di list ini. 23. Halaman Sitemap Department Gambar 4.46 Halaman Sitemap Department Sitemap Department berisi Home, Search, search by category, topic, thesis, company, contact us, dan sitemap.
274 24. Halaman Home Admin Gambar 4.47 Halaman Home Admin Pada layar Home Department, terdapat list dari semua user yang terdaftar di BThesis. Terdapat pencarian dan pengelompokan berdasarkan status, yaitu: Binusian, Non Binusian, Company dan Department. Adapula pencarian berdasarkan semua status, status enabled atau status disabled. Pada halaman ini, Admin juga dapat mengubah status user menjadi disabled atau enabled.
275 25. Halaman Thesis Detail Admin Gambar 4.48 Halaman Thesis Detail Admin
276 Gambar 4.49 Halaman Update Thesis Admin Layar Thesis Detail Admin menampilkan detail dari pencarian thesis. Admin dapat melakukan set status thesis dan melakukan update thesis tersebut, namun hanya dapat melakukan update author thesis tersebut, bukan update data thesis secara keseluruhan. 26. Halaman Report Thesis Admin Gambar 4.50 Halaman Report Thesis Admin
277 Report Thesis hanya ada di menu Admin, berfungsi sebagai list dari report thesis yang bermasalah. Report thesis diberikan oleh user Binusian dan Department. Admin dapat mengubah status thesis dari enabled menjadi disabled dengan meng-klik thesis titlenya dan mengubah status di thesis detailnya. 27. Halaman Report Project Admin Gambar 4.51 Halaman Report Project Admin Report Project hanya ada di menu Admin, berfungsi sebagai list dari report project yang bermasalah. Report project diberikan oleh user Binusian dan Department. Admin dapat mengubah status project dari enabled menjadi disabled dengan meng-klik project titlenya dan mengubah status di project detailnya.
278 28. Halaman Department Admin Gambar 4.52 Halaman Department Admin Menu Department pada Admin berfungsi untuk menambahkan department yang ada di Fakultas Ilmu Komputer. Admin juga dapat mengubah status department menjadi enabled atau disabled, dapat juga melakukan pencarian department sesuai dengan status semua Department, Department yang enabled dan Department yang disabled.
279 29. Halaman Topic Admin Gambar 4.53 Halaman Topic Admin status topic. Pada layar Submenu Topic Admin, Admin hanya dapat melihat dan mengubah
280 30. Halaman Offered Project from Company Admin Gambar 4.54 Halaman Offered Project from Company Admin Layar diatas berfungsi untuk melihat dan mengganti status project yang diberikan oleh company menjadi disable ataupun enable. Admin juga bisa melakukan pencarian project berdasarkan project name dan company name. 31. Halaman New Company Admin Gambar 4.55 Halaman New Company Admin Yang membedakan dari menu company Admin dan Binusian adalah di Admin terdapat submenu new company, yaitu berfungsi untuk menerima Company yang baru mendaftar. Admin dapat menerima dan menolak Company yang baru mendaftar.
281 32. Halaman Sitemap Admin Gambar 4.56 Halaman Sitemap Admin Layar sitemap pada Admin berisi link ke Home, search, search by category, report, thesis report, project report, department, topic, company, contact us dan sitemap. 33. Halaman Home Company Gambar 4.57 Halaman Home Company
282 Pada layar Home Company, terdapat list thesis yang sesuai dengan interested topic yang dipilih oleh Company saat melakukan registrasi. Tujuannya adalah untuk membantu perusahaan mendapatkan link and match dengan skripsi yang ada. 34. Halaman Offering Project to Student Company Gambar 4.56 Halaman Offering Project to Student Company Pada layar Offering Project to Student Company, terdapat form pengisian data project yang harus diisi apabila Company ingin memberikan project kepada Binusian yang telah terdaftar.
283 35. Halaman Active Offered Project Company Gambar 4.57 Halaman Active Offered Project Company Pada layar Active Offered Project Company, terdapat list project yang pernah diberikan Company kepada Binusian dan project tersebut masih berstatus aktif. Selain itu terdapat juga list dari Binusian yang telah menerima tawaran project dari Company dan Company dapat melakukan penutupan project yang masih aktif dengan menekan tombol close. Cara Company melakukan seleksi terhadap para mahasiswa yang menerima project yang ditawarkan adalah dengan melihat profile detail dari mahasiswa tersebut dengan cara mengklik nama dari tiap mahasiswa maka Company dapat melihat data diri lengkap dari mahasiswa tersebut disertai IPK, thesis yang pernah diupload, dan project portfolionya.
284 Terdapat pula Show Related Thesis yang berguna untuk menampilkan thesis apa saja yang berhubungan dengan project yang ditawarkan sehingga terjadi link and match antara thesis dan project Gambar 4.58 Halaman Project portfolio Perusahaan dapat melihat profile binusian yang menerima project yang ditawarkan. Pada halaman profile binusian sendiri terdapat keterangan thesis apa yang dibuat dan keterangan project-project yang pernah diterima oleh binusian sebagai tambahan portfolio dari binusian.
285 36. Halaman Closed Offered Project Company Gambar 4.59 Halaman Closed Offered Project Company Pada layar Closed Offered Project Company, terdapat list project yang pernah diberikan Company kepada Binusian dan project tersebut telah berstatus tidak aktif. Selain itu terdapat juga list dari Binusian yang telah menerima tawaran project dari Company.
286 37. Halaman Sitemap Company Gambar 4.60 Halaman Sitemap Company Layar sitemap pada Company berisi link ke Home, search, search by category, favorite, profile, project, contact us dan sitemap. 4.2.3 Evaluasi aplikasi dari sisi interface 1. Konsisten Dalam memenuhi konsistensi dari aplikasi ini, menggunakan jenis, warna font yang seragam, dan kekonsistenan bahasa.
287 2. Memperbolehkan user menggunakan shortcut Pada halaman index terdapat beberapa thesis yang dapat langsung diklik untuk menampilkan detailnya tanpa harus melakukan search terlebih dahulu. 3. Umpan balik yang informatif Setiap melakukan upload thesis ditampilkan pesan apabila operasi tersebut telah berhasil dilakukan. 4. Merancang dialog untuk memberikan penutupan Untuk proses registrasi, setelah selesai dilakukan maka ditampilkan pesan bahwa registrasi telah berhasil. 5. Memberikan pencegahan kesalahan dan penanganan kesalahan yang sederhana Untuk operasi cancel bookmark ditampilkan pesan konfirmasi untuk memastikan bahwa operasi tersebut ingin dilakukan. 6. Memperbolehkan pembalikan aksi secara mudah Setelah menekan tombol bookmark thesis, apabila ingin membatalkan maka cukup menekan tombol cancel bookmark.
288 7. Mendukung pusat kendali internal Pada halaman upload thesis user boleh melakukan penambahan gambar dan video sendiri untuk melengkapi gallery thesis user. 8. Mengurangi beban ingatan jangka pendek Untuk melakukan bookmark thesis, cancel bookmark, user cukup menekan tombol dan tidak perlu memasukkan data-data thesis atau company yang bersangkutan. 4.2.4 Evaluasi aplikasi dari sisi user Evaluasi ini dilakukan dengan cara demo program dan wawancara kepada Jurusan, mahasiswa, dan perusahaan. Tujuan dari evaluasi ini adalah untuk mengetahui kelebihan dan kekurangan dari aplikasi ini apabila dilihat dari sisi user. Berikut adalah hasil wawancara terhadap evaluasi : Pencarian pada aplikasi ini dapat berdasarkan topik yang membantu pencarian agar berkaitan dengan judul skripsi. Aplikasi dapat memberikan saran berupa related search dari hasil pencarian yang dilakukan oleh user. Melalui aplikasi ini dapat mendeteksi plagiat skrispi mahasiswa. Membantu menghubungkan hasil karya mahasiswa dengan pihak industri.