BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi dan Spesifikasi Sistem 4.1.1 Kebutuhan Perangkat Keras Berikut adalah spesifikasi perangkat keras yang di pakai dan di anjurkan : 1. Perangkat keras yang dipakai admin website PT. Deandra Prima Sejahtera - Processor : Intel Core i3 2330M/2310M - Memori (RAM) : 4 DDR3 1333 MHz SDRAM, 2 GB - Hard Disk : 500 GB 5400 RPM - VGA Card : NVIDIA GeForce GT 520M - Modem : Motorola - Monitor : 14.0 HD LED 2. Perangkat keras yang dianjurkan untuk pengguna website PT. Deandra Prima Sejahtera : - Processor : di rekomedasikan minimal pentium 4 ke atas. - Memori (RAM) : minimal 128MB 178
179 - VGA Card : minimal 512 MB - Modem : Digital Cable Support - Monitor : 14.0 CRT 4.1.2 Kebutuhan Perangkat Lunak Berikut adalah spesifikasi perangkat lunak yang di pakai dan di anjurkan : 1. Perangkat lunak yang dipakai admin website PT. Deandra Prima Sejahtera - Operating Sistem : windows 7 - Browser : Firefox 2. Perangkat lunak yang dianjurkan untuk pengguna website PT. Deandra Prima Sejahtera - Operating Sistem : Windows 98, Windows 2000, Windows 2003, Windows XP, Windows Vista, Windows 7 - Browser : Firefox 4.1.3 Kebutuhan Personil Penunjukan personil tambahan yang dibutuhkan adalah admin yang bertanggung jawab atas segala proses dan update data yang berhubungan dengan website PT. Deandra Prima Sejahtera.
180 4.1.4 Jadwal Implementasi Hari 1 2 3 Aktifitas Pengadaan Hardware x Pengadaan Software x Instalasi Hardware & Software x Pelatihan x x x Dokumentasi x x x Tabel 4.1 Jadwal Implementasi
181 4.2 Tampilan Layar 4.2.1 Tampilan Layar Client-Side a. Customer Homepage Gambar 4.1 Tampilan Layar Customer Homepage
182 b. Customer Tour Packages - Customer Tour Packages Gambar 4.2 Tampilan Layar Customer Tour Packages - Customer Tour Packages - Tour List Gambar 4.3 Tampilan Layar Customer Tour Packages - Tour List
183 - Customer Tour Packages - Tour List Detail Gambar 4.4 Tampilan Layar Customer Tour Packages - Tour List Detail
184 - Customer Tour Packages - Tour Request Form Gambar 4.5 Tampilan Layar Customer Tour Packages - Tour Request Form c. Customer Flexible Tour Packages Form Gambar 4.6 Tampilan Layar Customer Flexible Tour Packages Form
185 d. Customer FAQ Gambar 4.7 Tampilan Layar Customer FAQ e. Customer Gallery Gambar 4.8 Tampilan Layar Customer Gallery
186 f. Customer About Us Gambar 4.9 Tampilan Layar Customer About Us g. Customer Contact Us + Inquiry Form Gambar 4.10 Tampilan Layar Customer Contact Us + Inquiry Form
187 h. Customer Air Ticket Form Gambar 4.11 Tampilan Layar Customer Air Ticket Form i. Customer Hotel Booking Form Gambar 4.12 Tampilan Layar Customer Hotel Booking Form
188 j. Customer Land Arrangement Form Gambar 4.13 Tampilan Layar Customer Land Arrangement Form K. Customer Transport Charter Form Gambar 4.14 Tampilan Layar Customer Transport Charter Form
189 l. Customer Travel Document Gambar 4.15 Tampilan Layar Customer Travel Document m. Customer Travel Document detail Gambar 4.16 Tampilan Layar Customer Travel Document detail
190 4.2.2 Tampilan Layar Admin a. Login Admin Gambar 4.17 Tampilan Layar Login Admin b. Home Admin Gambar 4.18 Tampilan Layar Home Admin
191 - Admin - Insert Gambar 4.19 Tampilan Layar Admin Insert - Admin - Edit Gambar 4.20 Tampilan Layar Admin - Edit
192 c. Admin Tour Packages Gambar 4.21 Tampilan Layar Admin Tour Packages - Admin Tour Packages - Tour List Gambar 4.22 Tampilan Layar Admin Tour Packages - Tour List
193 - Admin Tour Packages - Tour List - Insert Gambar 4.23 Tampilan Layar Admin Tour Packages - Tour List Insert
194 - Admin Tour Packages - Tour List - Edit Gambar 4.24 Tampilan Layar Admin Tour Packages - Tour List - Edit
195 - Admin Tour Packages - Tour Request Gambar 4.25 Tampilan Layar Admin Tour Packages - Tour Request - Admin Tour Packages - Tour Request - Detail Gambar 4.26 Tampilan Layar Admin Tour Packages - Tour Request - Detail
196 - Admin Tour Packages - Region Gambar 4.27 Tampilan Layar Admin Tour Packages - Region - Admin Tour Packages - Region - Insert Gambar 4.28 Tampilan Layar Admin Tour Packages - Region - Insert
197 - Admin Tour Packages - Region - Edit Gambar 4.29 Tampilan Layar Admin Tour Packages - Region - Edit - Admin Tour Packages - Category Gambar 4.30 Tampilan Layar Admin Tour Packages - Category
198 - Admin Tour Packages - Category - Insert Gambar 4.31 Tampilan Layar Admin Tour Packages - Category - Insert - Admin Tour Packages - Category - Edit Gambar 4.32 Tampilan Layar Admin Tour Packages - Category - Edit
199 - Admin Tour Packages - Type Gambar 4.33 Tampilan Layar Admin Tour Packages - Type - Admin Tour Packages - Type - Insert Gambar 4.34 Tampilan Layar Admin Tour Packages - Type - Insert
200 - Admin Tour Packages - Type - Edit Gambar 4.35 Tampilan Layar Admin Tour Packages - Type - Edit d. Admin Flexible Tour Packages Gambar 4.36 Tampilan Layar Admin Flexible Tour Packages
201 - Admin Flexible Tour Packages - Detail Gambar 4.37 Tampilan Layar Admin Flexible Tour Packages Detail e. Admin FAQ Gambar 4.38 Tampilan Layar Admin FAQ
202 f. Admin Gallery Gambar 4.39 Tampilan Layar Admin Gallery g. Admin About Us Gambar 4.40 Tampilan Layar Admin About Us
203 h. Admin Contact Us Gambar 4.41 Tampilan Layar Admin Contact Us i. Admin Contact Us - Inquiry Form Gambar 4.42 Tampilan Layar Admin Contact Us - Inquiry Form
204 - Admin Contact Us - Inquiry Form - Detail Gambar 4.43 Tampilan Layar Admin Contact Us - Inquiry Form - Detail - Admin Air Ticket Gambar 4.44 Tampilan Layar Admin Air Ticket
205 - Admin Air Ticket Detail Gambar 4.45 Tampilan Layar Admin Air Ticket Detail - Admin Hotel Booking Gambar 4.46 Tampilan Layar Admin Hotel Booking
206 - Admin Hotel Booking - Detail Gambar 4.47 Tampilan Layar Admin Hotel Booking - Detail - Admin Land Arrangement Gambar 4.48 Tampilan Layar Admin Land Arrangement
207 - Admin Land Arrangement Detail Gambar 4.49 Tampilan Layar Admin Land Arrangement - Detail - Admin Transport Charter Gambar 4.50 Tampilan Layar Admin Transport Charter
208 - Admin Transport Charter Detail Gambar 4.51 Tampilan Layar Admin Transport Charter Detail - Admin Travel Document Gambar 4.52 Tampilan Layar Admin Travel Document
209 - Admin Travel Document Insert Gambar 4.53 Tampilan Layar Admin Travel Document - Insert
210 - Admin Travel Document Edit Gambar 4.54 Tampilan Layar Admin Travel Document - Edit
211 j. Admin Newsletter Gambar 4.55 Tampilan Layar Admin Newsletter - Admin Newsletter Insert Gambar 4.56 Tampilan Layar Admin Newsletter - Insert
212 - Admin Send Newsletter Gambar 4.57 Tampilan Layar Admin Send Newsletter 4.3 Evaluasi 4.3.1 Evaluasi Wawancara Evaluasi di lakukan dengan mewawancarai direktur PT. Deandra Prima Sejahtera bapak Sahatua Napitupulu dan admin website PT. Deandra Prima Sejahtera. 1. Direktur PT. Deandra Prima Sejahtera Nama : Jabatan : Bapak Sahatua Napitupulu Direktur PT Deandra Prima Sejahtera Tanggal wawancara : 31 Mei 2012
213 Jam wawancara : 13:00 Tempat wawancara : Kantor PT Deandra Prima Sejahtera Jl. Cihampelas 282, Bandung 1. Apakah Produk, jasa, dan service yang di tawarkan melalui website sesuai dengan keinginan PT Deandra Prima Sejahtera? Ya website menampilkan produk-produk, jasa, dan service yang kami tawarkan secara tepat 2. Bagaimana pendapat anda dengan proses dan sistem pemesanan yang ada pada website? Bagus, Proses pemesanan yang ada sangat sesuai dengan permintaan dan memenuhi keinginan saya. 3. Bagaimana dengan tampilan website? Cukup bagus. Sederhana namun menjual. Saya berterima kasih atas adanya website ini. 4. Apakah website membantu proses promosi perusahaan? Ya, saya yakin dengan adanya website perusahaan dapat meraih consumen dengan lebih luas, ekonomis, dan fleksibel. 5. Saran untuk website ini? Saran saya kalau ada kekurangan agar selalu di perbaiki ke depannya. Tabel 4.2 Tabel Wawancara Evaluasi dengan Direktur PT. Deandra Prima
214 Sejahtera 2. Admin Website PT. Deandra Prima Sejahtera Nama : Jabatan : Bapak Sahatua Napitupulu Admin website PT. Deandra Prima Sejahtera Tanggal wawancara : 31 Mei 2012 Jam wawancara : 13:00 Tempat wawancara : Kantor PT Deandra Prima Sejahtera Jl. Cihampelas 282, Bandung 1. Apakah Produk, jasa, dan service yang di tawarkan melalui website sesuai dengan keinginan PT Deandra Prima Sejahtera? Ya website menampilkan produk-produk, jasa, dan service yang kami tawarkan secara tepat 2. Bagaimana pendapat anda dengan proses dan sistem pemesanan yang ada pada website? Bagus, Proses pemesanan yang ada sangat sesuai dengan permintaan dan memenuhi keinginan saya. 3. Bagaimana dengan tampilan website? Cukup bagus. Sederhana namun menjual. Saya berterima kasih atas adanya website ini.
215 4. Apakah website membantu proses promosi perusahaan? Ya, saya yakin dengan adanya website perusahaan dapat meraih consumen dengan lebih luas, ekonomis, dan fleksibel. 5. Saran untuk website ini? Saran saya kalau ada kekurangan agar selalu di perbaiki ke depannya. Tabel 4.3 Tabel Wawancara Evaluasi dengan Admin Website PT. Deandra Prima Sejahtera 4.3.2 Evaluasi Berdasarkan Interaksi Manusia dan Komputer Delapan aturan emas perancangan layar (Shneiderman & Plaisant, 2010, p88-89) digunakan sebagai acuan perancangan layar website PT. Deandra Prima Sejahtera. Berikut ini adalah hasil evaluasi website PT. Deandra Prima Sejahtera berdasarkan depalan aturan emas perancangan layar tersebut: 1. Konsistensi Konsistensi website PT. Deandra Prima Sejahtera terlihat dari background, template antar menu dan font yang seragam.
216 Gambar 4.58 Tampilan Layar Website PT. Deandra Prima Sejahtera 2. Dapat digunakan secara universal Dengan tampilan website yang sederhana, konsisten, dan tersedianya shortcut maka website PT. Deandra Prima Sejahtera dapat mudah diakses oleh berbagai macam pengguna website.
217 Gambar 4.59 Shortcut Website PT. Deandra Prima Sejahtera 3. Umpan balik yang informatif Apabila pengguna website PT. Deandra Prima Sejahtera melakukan kesalahan dalam input data maka akan keluar notifikasi yang akan membantu dan menuntun pengguna website. Gambar 4.60 Contoh Umpan Balik pada Website PT. Deandra Prima Sejahtera
218 4. Dialog untuk keadaan akhir Setiap pengguna website PT. Deandra Prima Sejahtera selesai melakukan pemesanan maka akan muncul dialog sebagai penanda keadaan akhir. Gambar 4.61 Dialog untuk keadaan akhir pada website PT. Deandra Prima Sejahtera 5. Penanganan kesalahan yang sederhana Apabila pengguna website PT. Deandra Prima Sejahtera melakukan kesalahan input data maka pengguna akan kembali kepada halaman sebelumnya, selain itu akan terdapat notifikasi mengenai kesalahan yang dilakukan dan penanganannya. Gambar 4.62 Penanganan kesalahan yang sederhana pada website PT. Deandra Prima Sejahtera
219 6. Mudah kembali ketindakan sebelumnya Dengan menampilkan seluruh menu, pelanggan dapat segera mengakses dan kembali pada menu yang diinginkan. Gambar 4.63 Website PT. Deandra Prima Sejahtera 7. Pengendalian internal Dengan pengendalian internal ini user dapat dengan leluasa sebagai inisiator untuk mengakses web, pelanggan dapat mengirimkan form pada fitur fitur tertentu.
220 Gambar 4.64 Form Pemesanan pada Website PT. Deandra Prima Sejahtera 8. Mengurangi beban ingatan jangka pendek Tampilan sederhana namun informatif website PT. Deandra Prima Sejahtera membantu dan mengurangi beban ingatan jangka pendek pengguna website. Pemberian kategori seperti holyland tours juga salah satu untuk mengurangi beban ingatan jangka pendek.
Gambar 4.65 Kategori holyland pada Website PT. Deandra Prima Sejahtera 221