BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Spesifikasi sistem. 4.1.1 Kebutuhan Sumber Daya. 4.1.1.1 Kebutuhan Sumber Daya Perangkat Keras. Kebutuhan perangkat keras. Perangkat keras yang disarankan dalam menjalankan aplikasi website ini adalah : 1. Spesifikasi perangkat keras admin yang disarankan : a) Prosessor Pentium 4. b) Memory 1GB. c) Harddisk. d) Graphic Card. e) Mouse dan keyboard. f) Monitor. 2. Spesifikasi perangkat keras client yang disarankan : a) Prosessor Pentium 4. b) Memory 1GB. c) Harddisk. d) Graphic Card. e) Mouse dan keyboard. f) Monitor. g) Modem.
158
159
4.1.1.2 Kebutuhan Sumber Daya Perangkat Lunak. Kebutuhan
perangkat
lunak
meliputi
kebutuhan
perangkat lunak untuk server dan kebutuhan perangkat lunak untuk client. Dibawah ini disebutkan spesifikasi perangkat lunak untuk server dan client. 1. Perangkat
lunak
yang
dibutuhkan
dalam
implementasi sistem untuk server : a. Sistem Operasi : Windows XP / Windows 7 / Windows 8. b. Database : MySQL. c. Browser : Mozila Firefox, Google Chrome. d. Jaringan internet. 2. Perangkat lunak yang dibutuhkan dalam implementasi untuk client : a. Sistem Operasi : Windows XP / Windows 7 / Windows 8. b. Browser : Mozila Firefox, Google Chrome. c. Jaringan internet.
4.1.1.3 Kebutuhan Sumber Daya Jaringan. Kebutuhan jaringan yang diperlukan oleh PT. Avatar Kargo Indonesia adalah koneksi internet Telkom speedy. Sedangkan kebutuhan untuk jaringan adalah web hosting.
160
4.1.1.4 Kebutuhan Sumber Daya Manusia. Dalam menjalankan sistem ini juga dibutuhkan sumber daya manusia. Sumber daya manusia yang dibutuhkan oleh PT. Avatar Kargo Indonesia untuk menjalankan sistem aplikasi berbasis website ini yaitu admin dan Customer Service yang memiliki pengetahuan seputar : a) Mengoperasikan komputer. Dapat
mengetahui,
menggunakan,
dan
memahami perangkat komputer dengan baik. b) Penggunaan website. Memahami penggunaan fitur-fitrur umum yang digunakan di website dan sejenisnya.
4.2 Konfigurasi Hosting yang digunakan untuk aplikasi ini adalah masterweb.net dengan webserver yang digunakan adala sPanel, Sejarah sPanel : Sejarah Spanel berkaitan erat dengan MWN, sebab di perusahaan hosting inilah Spanel pertama kali dikembangkan hingga sampai saat ini. Sekitar Feb-Mar 2001 MWN mulai beroperasi. Pada saat itu, MWN tidak memiliki control panel berbasis sama sekali. Server hosting diinstal OS RedHat 6.2, dan Spanel bermula sebagai beberapa skrip Perl command line untuk membuat user (adduser.pl). Setelah itu, skrip deluser.pl ditambahkan. Dan setelah itu menyusul skrip demi skrip lain seperti upgradeuser.pl (dan
161
symlinknya downgradeuser.pl), managedomain.pl, dan belakangan juga migrateuser.pl, dll. Skrip ini digunakan oleh Steven, juga Alex dan Dhiar lewat SSH untuk membuat akun secara manual. Ketika dijalankan, skrip menanyakan beberapa pertanyaan seperti nama domain, nama user, nama/alamat/email klien, dsb. Setelah itu membuat user Unix, direktoridirektori akun, menambahkan virtualhost ke Apache, dll. Di luar skrip-skrip ini, tidak ada nama khusus untuk control panel (karena memang belum ada/berbentuk). Kala itu memang control panel seperti cPanel/Plesk belum terlalu mendominasi. Banyak perusahaan webhosting mengembangkan control panelnya masing-masing (zaman ini adalah zaman di mana CMS seperti WordPress baru mulai diperkenalkan, banyak perusahaan juga masih membangun CMS-nya sendiri, dan popularitas PHP di Web baru naik daun untuk menyusul Perl). Salah satu perusahaan hosting di luar negeri (US) yang cukup terkenal control panelnya adalah Communitech, yang menjadi contoh banyak perusahaan lain. Antarmuka web control panelnya cukup lengkap, juga memiliki fasilitas autosuspend klien yang pemakaian resourcenya berlebihan (seperti fitur policed di Spanel saat ini). Beberapa perusahaan webhosting di Indonesia yang memiliki programer/tim programer pun, seperti IndoGlobal (didirikan Widya Latief dan Priyadi Iman Nurcahyo), CakraWeb, BisnisWeb dan CDL2000 (didirikan MDAMT),
membuat
control
panelnya
masing-masing.
Sementara
162
webhosting lain yang tidak memiliki programer, memakai/"meminjam" control-control panel tersebut dari perusahaan hosting lain. Saat Steven mengakses beberapa server di luar negeri sehubungan pekerjaannya sebagai freelancer skrip CGI, ia pun menemukan berbagai sistem in-house masing-masing untuk membuat akun, rata-rata ditulis dalam Perl. Semua control panel in-house ini memiliki antarmuka berbasis web. Terkecuali milik MWN. (Masterweb.net)
Gambar 4.1 Halaman Utama S.Panel Gambar diatas merupakan tampilan utama saat mengakses sPanel melalui
URL http://domain
website/sPanel.
maka
selanjutnya
akan
ditampilkan halaman diatas. untuk melakukan login ke halaman sPanel, maka user bisa mengklik link sPanel berwarna biru disebelah kanan, setelah itu
163
maka akan tampil halaman seperti gambar 4.2 (Gambar Halaman login sPanel).
Gambar 4.2 Halaman Login kedalam sPanel. Gambar diatas merupakan halaman login untuk masuk dan mengelola website avatarkargo.com, setup email, setup database, dan lain-lain. Untuk mengelola website avatarkargo.com, maka admin harus memberikan input kepada sistem berupa username/domain yang telah diberikan oleh pihak penyedia jasa hosting dan juga kata sandi yang juga telah diberikan dari pihak penyedia jasa hosting. Jika sudah selesai maka sistem akan menampilkan halaman utama dari sPanel seperti gambar 4.3 (halaman utama sPanel).
164
Gambar 4.3 Halaman Utama sPanel. Gambar diatas merupakan tampilan utama dari webserver sPanel setelah admin berhasil melakukan login sebelum nya, dari halaman ini admin bisa mengakses berbagai fitur-fitur yang disediakan oleh sPanel seperti, setup database dan lain-lain.
Gambar 4.4 Halaman Setup koneksi dengan database. Gambar diatas merupakan tampilan utama untuk men-setup akun untuk keperluan login kedalam PHPMyAdmin yang akan digunakan oleh website avatarkargo.com hal-hal yang diperlukan untuk men-setup akun
165
adalah nama database, username, password, dan juga ada fitur blok IP, yang digunakan untuk membatasi hak akses berdasarkan class dari IP address, namun tidak semua paket hosting menyediakan fitur blok IP tsb. Untuk mengupload file-file website avatarkargo.com, digunakan software FTP filezilla tahapan nya adalah sebagai berikut : 1.
Silahkan buka Filezilla
Gambar 4.5 Tampilan fileZilla FTP. 2.
Isi kolom Host dengan "sftp://mysites.com" (hilangkan tanda ").
3.
Isi kolom Username (Masukkan unixuser hosting).
4.
Isi kolom Password (Masukkan password hosting).
5.
Clik Quickconnect, Setelah itu maka account anda akan terbuka seperti di bawah ini.
166
Gambar 4.6 koneksi dengan FTP berhasil. 6.
Bagian kiri adalah Local Site, yaitu letak file sebelum diupload (berada di PC anda), di kanan adalah Remote Site, yaitu letak folder tempat file akan anda upload. Anda bisa drag and drop file yang mau diupload dari Local Site ke folder yang tepat di remote Site.
7.
Untuk kontrol panel Spanel maka default login SFTP akan diarahkan ke direktori /home/sloki/user/userunix/home, anda dapat mengarahkan ke direktori Document root spanel menjadi /home/sloki/user/userunix/sites/mysites.com/www/.
167
4.3 Prosedur Operasional. 4.3.1 Tampilan User
Gambar 4.7 Home Pada gambar 4.7 ini adalah halaman home atau halaman utama yang berisikan moto perusahaan, tariff, dan tracking. Halaman home ini tersedia tariff dan track. Tariff digunakan oleh user untuk melihat tariff yang tersedia. Track digunakan oleh user untuk melihat status barang yang sedang dikirim.
Gambar 4.8 Service
168
Pada gambar 4.8 ini adalah halaman service yang berisikan informasi berat minimal pengiriman barang yang telah di tentukan oleh PT. Avatar Kargo Indonesia, seperti jalur udara, laut, dan darat. Halaman service ini tersedia ini tersedia tariff dan track. Tariff digunakan oleh user untuk melihat tariff yang tersedia. Track digunakan oleh user untuk melihat status barang yang sedang dikirim.
Gambar 4.9 About Pada gambar 4.9 ini adalah halaman about yang berisikan informasi tentang PT. Avatar Kargo Indonesia dan struktur organisasi. Halaman about ini tersedia tariff dan track. Tariff digunakan oleh user untuk melihat tariff yang tersedia. Track digunakan oleh user untuk melihat status barang yang sedang dikirim.
169
Gambar 4.10 Contact Pada gambar 4.10 ini adalah halaman contact yang berisikan informasi alamat, nomor telepon, email, dan fax milik PT. Avatar Kargo Indonesia. Halaman service ini juga tersedia tariff dan track.Tariff digunakan oleh user untuk melihat tariff yang tersedia. Track digunakan oleh user untuk melihat status barang yang sedang dikirim.
Gambar 4.11 cek tariff
170
Pada gambar 4.11 ini adalah halaman tariff setelah melakukan cek tariff, dengan mengisi destination, lines, dan weight pada halaman home, service, about, dan contact. Dan sistem akan menampilkan detail tariff secara lengkap meliputi, destination, shipping lines, weight, price, total.
Gambar 4.12 Cek tariff hanya destination yang di isi.
171
Pada gambar 4.12 ini adalah halaman cek tariff. Sistem akan memberikan peringatan / pesan error, apabila kolom destination saja yang di isi. Untuk mengisi semua kolom yang tersedia.
Gambar 4.13 cek tariff hanya lines yang di isi.
172
Pada gambar 4.13 ini adalah halaman cek tariff. Sistem akan memberikan peringatan / pesan error, apabila kolom lines saja yang di isi. Untuk mengisi semua kolom yang tersedia.
Gambar 4.14 cek tariff hanya Category yang di isi. Pada gambar 4.14 ini adalah halaman cek tariff. Sistem akan memberikan peringatan / pesan error, apabila kolom Category saja yang di isi. Untuk mengisi semua kolom yang tersedia
173
Gambar 4.15 cek tariff hanya weight yang di isi Pada gambar 4.15 ini adalah halaman cek tariff. Sistem akan memberikan peringatan / pesan error, apabila kolom weight saja yang di isi. Untuk mengisi semua kolom yang tersedia
174
Gambar 4.16 cek tariff semua tidak di isi Pada gambar 4.16 ini adalah halaman cek tariff. Sistem akan memberikan peringatan / pesan error, apabila semua kolom tidak di isi. Untuk mengisi semua kolom yang tersedia.
175
Gambar 4.17 Cek Tracking Transaction Code status barang Pada gambar 4.17 ini adalah halaman Cek Tracking Transaction Code. Data detail transaksi akan mucul setelah transaction code di isi dengan benar.
176
Gambar 4.18 cek Tracking Transaction Code Tidak di isi Pada gambar 4.18 ini adalah halaman tracking untuk melakukan pengecekan status barang yang dikirim. Sistem akan memberikan peringatan / pesan error, apabila kolom transaction code tidak di isi.
177
4.3.2 Tampilan admin
Gambar 4.19 Login admin Pada gambar 4.19 ini adalah halaman login dimana admin dapat mengakses semua data secara keseluruhan.
Gambar 4.20 Penanganan kesalahan login Pada gambar 4.20 ini adalah proses penanganan kesalahan pada user apabila salah memasukkan username dan password.
178
Gambar 4.21 Home Pada gambar 4.21 ini adalah halaman home pada admin yang berisikan detail transaksi perusahaan secara keseluruhan. Meliputi transaction, destination, shipping line, approved by, consignor, consignee, weight, status, dan action. Terdapat beberapa fitur yang disediakan pada halaman ini yaitu, add record, export, print, search, edit, dan delete. Add record digunakan untuk menambahkan transaksi baru. Export berfungsi untuk menjadikan data transaksi dalam bentuk excel. Print digunakan untuk mencetak data transaksi menjadi sebuah laporan pada lembar kertas. Search berfungsi sebagai solusi ingatan jangka pendek. Edit berfungsi untuk melakukan perubahan pada data transaksi. Delete berfungsi untuk menghapus data yang telah tidak terpakai.
179
Gambar 4.22 Add record data home Admin Pada gambar 4.22 ini adalah proses add record, untuk menambahkan transaksi.
Gambar 4.23 Edit record data home Admin Pada gambar 4.23 ini adalah proses perubahan status pengiriman barang apakah masih dalam on process atau delivered.
180
Gambar 4.24 Delete record data home Admin Pada gambar 4.24 adalah proses delete record pada data transaksi yang tidak digunakan lagi.
Gambar 4.25 Halaman City List Admin Pada gambar 4.25 adalah halaman city list pada admin yang berisikan city code dan city name yang tersedia. Serta didukung dengan action. Fitur yang tersedia pada halaman city list yaitu, edit, delete dan search. Edit berfungsi untuk melakukan perubahan pada data transaksi. Delete berfungsi untuk menghapus data yang telah tidak terpakai. Search berfungsi sebagai solusi ingatan jangka pendek.
181
Gambar 4.26 Edit Record City List Admin Pada gambar 4.26 ini adalah proses edit data kota yang meliputi city code dan city name.
Gambar 4.27 Delete Record City List Admin Pada gambar 4.27 ini adalah proses delete record city list yang tidak di pergunakan lagi.
182
Gambar 4.28 Price List Admin Pada gambar 4.28 ini adalah halaman price list pada admin yang berisikan destination, shipping lines, price, dan action. Berfungsi untuk update data secara berkala sesuai dengan pasaran yang berlaku. Fitur yang tersedia pada halaman price list yaitu, edit, delete dan search. Edit berfungsi untuk melakukan perubahan pada data transaksi. Delete berfungsi untuk menghapus data yang telah tidak terpakai. Search berfungsi sebagai solusi ingatan jangka pendek.
Gambar 4.29 Edit Record Price List Admin Pada gambar 4.29 ini adalah halaman edit record price list pada admin.
183
Gambar 4.30 Print data Admin Pada gambar 4.30 ini adalah Print data. Fungsi dari fitur print untuk mencetak data dari halaman admin ke dalam bentuk laporan kertas.
184
4.4 Rencana implementasi. Dalam mengimplementasikan suatu perangkat lunak yang dibangun sebagai solusi pada PT. Avatar Kargo Indonesia, maka diperlukan beberapa kebutuhan yang harus dipersiapkan. Kebutuhan-kebutuhan yang diperlukan meliputi kebutuhan perangkat keras, kebutuhan perangkat lunak, kebutuhan jaringan, kebutuhan manusia.
4.5 Evaluasi/Analisis Hasil Percobaan. 4.4.1 Kemudahan Pengguna Evaluasi terhadap IMK dengan delapan aturan emas : 1. Berusaha untuk konsisten. Telah dilakukan konsistensi pada setiap halaman website dengan penerapan header, layout, dan background yang sama pada setiap halamannya.
185
Gambar 4.31 Contoh Konsisten Web 2. Menyediakan usability universal. Dikarenakan aplikasi ini berjalan pada web browser maka fitur-fitur shortcut telah tersedia di web browser. Fitur scroll bar merupakan fitur universal yang sudah banyak orang tau mulai dari yang pemula maupun yang sudah sering membuka web browser.
Gambar 4.32 Contoh usability universal
186
3. Memberikan umpan balik informative. Sistem dirancang untuk memberikan umpan balik yang informative pada pengguna. Pesan error akan mucul apabila terjadi kesalahan saat input data, seperti pada form track.
Gambar 4.33 Contoh Umpan Balik 4. Merancang dialog yang memberikan keadan akhir.
187
Gambar 4.34 Contoh Dialog keadaan akhir 5. Penanganan kesalahan. Ketika pengguna melakukan kesalahan maka sistem akan secara otomatis menginformasikan kesalahan kepada pengguna.
Gambar 4.35 Contoh Penanganan Kesalahan 6. Memungkinkan pengembalian aksi yang mudah. Pengguna dapat kembali ke halaman sebelumnnya jika pengguna salah memilih halaman web yang diinginkan, tanpa harus kembali ke tahap awal yang panjang.
188
Gambar 4.36 Contoh Pengembalian Aksi
7. Mendukung pusat kendali internal. Dengan pilihan menu yang dirancang sedemikian rupa membuat pengguna menjadi lebih leluasa mengendalikan aplikasi ini.
Gambar 4.37 Contoh Pusat Kendali
189
8. Mengurangi beban ingatan jangka pendek. Penggunaan kata-kata sederhana seperti cari (search) membuat pengguna tidak perlu memakai ingatan jangka pendek untuk mmpelajari kata-kata baru yang masih asing.
Gambar 4.38 Contoh Mengurangi Beban Ingatan Jangka Pendek
4.4.2 Evaluasi dari Pengguna Penulis sudah melakukan wawancara kepada pimpinan dari PT. Avatar Kargo Indonesia untuk mendapatkan Evaluasi dari dari sistem aplikasi website ini. Tabel 4.4.2.1 Tabel evaluasi Wawancara Nama Jabatan Tanggal Wawancara Jam Wawancara Tempat
Agung Dirut 5 juni 2013 13.00 WIB PT. Avatar Kargo Indonesia
1.Bagaimana penilaian Anda dengan sistem aplikasi berbasis website
190
ini? Jawab : Sistem ini dapat membantu konsumen untuk lebih mengetahui informasi tentang PT. Avatar Kargo Indonesia dan layanan yang di sediakan oleh perusahaan. Dengan adanya sistem ini, pelanggan dapat mengaksesnya dari mana saja. Sistem ini juga akan dapat membantu perkembangan perusahaan kami karena dapat dijadikan sebagai media promosi. 2.Apakah sistem aplikasi ini layak untuk dijadikan sebagai media transaksi dan promosi dengan konsumen? Jawab : Sistem ini layak untuk dijadikan sebagai media informasi dan informasi dengan konsumen. 3.Bagaimana penilaian anda dengan fungsi dan menu yang ada sistem website ini? Jawab : Fungsi dan menu yang ada sampai saat ini sudah cukup baik. Tetapi akan lebih baik jika ditambahkan manu kritik dan saran. Agar konsumen dapat memberikan kritik dan sarannya kepada perusahaan kami, itu akan membantu memajukan website ini akan jauh lebih baik ke depannya. 4.Bagaimana rancangan antarmuka tampilan website ini ? Jawab : Rancangan antarmuka web ini sudah cukup menarik, dengan
191
penyusuaian warna yang diberikan sesuai dengan perusahaan kami. Hanya saja, rancangan antarmuka tampilan web ini masih sedikit kaku, andai saja dibuat menjadi lebih elegan, konsumen akan semakin tertarik.
Setelah penulis melakukan wawancara, kemudian penulis melakukan survei evaluasi dari konsumen terhadap aplikasi web layanan menu, maka telah dibuat sebuah kuisioner kepada 50 orang pada tanggal 19-26 Juli 2013 secara acak dengan hasil sebagai berikut : 1. Apakah anda memahami informasi yang diberikan oleh website ini?
Gambar 4.39 Hasil Kuesioner No.1
Iya
30
60%
Tidak
5
10%
Kurang
15
30%
192
Berdasarkan data yang ditampilkan diatas dapat dilihat bahwa sebagian besar responden sudah memahami informasi yang ada pada website. 2. Apakah anda mudah beradaptasi dengan tampilan website ini?
Gambar 4.40 Hasil Kuesioner No.2
Iya
50
100%
Tidak
0
0%
Berdasarkan data yang ditampilkan diatas dapat dilihat bahwa semua responden dapat beradaptasi dengan tampilan website dengan mudah. 3. Bagaimana desain antar muka website ini?
193
Gambar 4.41 Hasil Kuesioner No.3
Baik
33
66%
Kurang Baik
7
14%
Tidak Baik
10
20%
Berdasarkan data yang ditampilkan diatas dapat dilihat mayoritas responden berpendapat bahwa desain antar muka website ini dikatakan baik, tetapi tidak sedikit responden yang berpendapat kurang baik, dan minoritas kecil berpendapat tidak baik. 4. Apakah website ini dapat membantu anda dalam melakukan pengecekan status barang dan cek tariff ?
Gambar 4.42 Hasil Kuesioner No.4
194
Berdasarkan data yang ditampilkan diatas dapat dilihat bahwa semua responden berpendapat bahwa website ini dapat membantu dalam melakukan pengecekan status barang dan cek tariff. 5. Menurut
anda,
bagaimana
navigasi
di
website
avatarkargo.com?
Gambar 4.43 Hasil Wawancara No.5 Baik
30
60%
Cukup Baik.
10
20%
Kurang Baik
10
20%
Berdasarkan data yang ditampilkan diatas dapat dilihat bahwa sebagian responden berpendapat bahwa navigasi website ini baik, dan selebihnya cukup baik dan kurang baik.
195
6. Menurut
anda,
bagaimana
performa
website
avatarkargo.com?
Gambar 4.44 Hasil Wawancara No.6 Baik
25
50%
Cukup Baik
15
30%
Kurang Baik
10
20%
Berdasarkan data yang ditampilkan diatas dapat dilihat sebagian responden berpendapat bahwa perform ini baik, dan selebihnya cukup baik dan kurang baik.
7. Menurut anda, sudah lengkapkah informasi yang diberikan website avatarkargo.com
196
Gambar 4.45 Hasil Wawancara No.7 Lengkap.
20
40%
Cukup Lengkap.
15
30%
Kurang Lengkap
15
30%
Berdasarkan data yang ditampilkan diatas dapat dilihat bahwa sebagian responden berpendapat bahwa informasi website ini baik, dan selebihnya cukup lengkap dan kurang lengkap.
4.4.3 Kelebihan dan Kekurangan Kelebihan : A. Aplikasi ini dapat membantu konsumen dan calon konsumen untuk melakukan pengecekan tariff tanpa harus datang ke Avatar, karena dapat langsung di akses secara online. B. Aplikasi ini dapat membantu konsumen untuk melakukan cek status barang secara online. C. Aplikasi website ini dapat membantu perusahaan sebagai media promosi yang baik dan lebih luas lagi jangkauannya.
197
Kekurangan : A. Tampilan warna website masih terlihat kaku. B. Belum tersedianya fitur testimonial. C. Tidak bisa melakukan Tracking lebih dari 1 Transaction code.
