BAB 4 IMPLEMENTASI DAN EVALUASI
4.1 Implementasi Katalog Produk Dalam perancangan dan pembuatan katalog produk ini membutuhkan perangkat pendukung yang berupa piranti lunak dan perangkat keras. Adapun perangkat pendukung yang digunakan adalah : 1. Kebutuhan Perangkat Keras • Pentium III 450 MHz • Monitor 15" • Hardisk 30 GB • Memory 256 MB • Mouse dan keyboard • Sound card Creative Vibra 128 • Mikrofon dan speaker 2. Kebutuhan Perangkat Lunak • Microsoft Windows XP sebagai sistem operasi • Microsoft Visual Basic 6.0 sebagai bahasa pemrograman • Adobe Photoshop CS sebagai alat bantu perancangan tampilan layar • Macromedia Flash MX sebagai alat bantu perancangan simulasi produk • Microsoft Word 2000 sebagai pengolah kata • SwishMax sebagai alat bantu pembuatan animasi • Crystal 3D Impact! Pro sebagai alat Bantu pembuatan 3D
77
78 • File-file seperti JPEG, SWF, GIF, MPG, WAV dan AVI
Untuk menjalankan aplikasi yang dibuat dibutuhkan spesifikasi minimum untuk sistem sebagai berikut : 1. Kebutuhan Perangkat Keras • Pentium III 450 MHz • Monitor dengan resolusi 800 x 600 • Graphic Card 2 MB • Memory 32 MB • CD-ROM 8x • Harddisk dengan kapasitas 600 MB • Speaker dan Sound Card • Keyboard dan Mouse 2. Kebutuhan piranti lunak • Microsoft Windows dengan Internet Explorer 5.0 • Plugin Macromedia Flash 5.0 untuk Internet Explorer
4.2 Rencana Pendistribusian Katalog produk berbasis multimedia ini direncanakan untuk didistribusikan kepada konsumen di lokasi-lokasi yang diperlukan, misalnya pada pameran dan expo otomotif serta pada showroom-showroom. Selain itu, katalog produk ini juga dapat dipergunakan sebagai media presentasi untuk menampilkan produk dan profil dari PT Central Sole Agency dengan cara ditampilkan pada proyektor.
79 4.3 Cara Pengoperasian Sistem Untuk dapat menjalankan katalog produk Kendaraan Bermotor Beroda Empat ini, pemakai terlebih dahulu harus menginstalasikan program Katalog.exe. Adapun cara pengoperasian piranti lunak katalog produk Kendaraan Bermotor Beroda Empat adalah sebagai berikut : 1. Layar Pembuka
Gambar 4.1 Tampilan Layar Pembuka Pada Layar Tampilan Layar Pembuka menggunakan komponen Shockwave Flash yang jika diklik pada tombol lanjut, maka akan animasi dan video akan di-skip dan berpindah langsung ke halaman Layar Menu Utama.
80 2. Layar Menu Utama
Gambar 4.2 Tampilan Layar Menu Utama Pada Layar Menu Utama menggunakan komponen Shockwave Flash yang jika diklik pada tombol x atau exit, maka program akan ditutup. Jika mengklik pada bagian Pemeliharaan maka akan diminta input nama dan password supaya dapat memasuki Layar Menu Pemeliharaan. Jika mengklik pada bagian produk, maka akan berpindah ke Layar Menu Produk. Jika mengklik pada bagian perusahaan, maka akan berpindah ke Layar Menu Perusahaan. Jika mengklik tombol intro maka kita akan memasuki bagian Layar Pembuka kembali. Terdapat shortcut untuk dapat mengakses modul-modul pada halaman layar menu utama; n=untuk kembali ke intro, x=shortcut untuk exit, e=shortcut layar pemeliharaan, r=shortcut layar produk, s=shortcut layar perusahaan.
81 3. Layar Produk
Gambar 4.3 Tampilan Layar Produk Pada Layar Produk menggunakan komponen Shockwave Flash. Jika combobox Jenis dipilih maka combobox Nama akan diisi dengan semua nama mobil dengan jenis yang sesuai dengan pilihan combobox Jenis. Jika combobox Nama dipilih maka ditampilkan data mobil yang sesuai dengan pilihan combobox Nama. Jika tombol Kembali diklik maka ditampilan data mobil sebelumnya. Jika tombol Lanjut diklik maka ditampilkan data mobil selanjutnya. Jika tombol Warna diklik maka akan muncul layar Warna. Jika tombol Interior diklik maka akan muncul layar Interior. Jika tombol Perbandingan diklik maka akan ditampilkan layar Perbandingan. Jika tombol Menu Utama diklik maka
82 akan ditampilkan layar Menu Utama. Jika tombol X atau exit diklik maka keluar dari program. Terdapat shortcut untuk dapat mengakses modul-modul pada halaman layar Produk; o=shortcut ke layar interior, a=shortcut ke layar warna, p=shortcut ke layar perbandingan
4. Layar Warna
Gambar 4.4 Tampilan Layar Warna Pada layar Warna menggunakan komponen Shockwave Flash. Jika kita mengklik nama warna diatas gambar mobil pada layar Warna maka secara otomatis warna mobil yang ditampilkan akan berubah sesuai warna tombol tersebut. Jika tombol Menu Produk disamping kiri bawah diklik maka menuju ke layar Produk. Jika tombol Exit diklik maka program akan ditutup.
83 5. Layar Interior
Gambar 4.5 Tampilan Layar Interior Pada layar Interior menggunakan komponen Shockwave Flash. Pada layar Interior berisi gambar-gambar interior mobil yang ditampilkan sesuai dengan mobil yang dipilih pada layar produk. Jika tombol Menu Produk disamping kiri bawah diklik maka menuju ke layar Produk. Jika tombol Exit diklik maka program akan ditutup.
84 6. Layar Spesifikasi
Gambar 4.6 Tampilan Layar Spesifikasi Pada layar Interior menggunakan komponen Shockwave Flash. Pada layar Spesifikasi berisi tampilan spesifikasi mobil yang ditampilkan sesuai dengan mobil yang dipilih pada layar produk. Setiap Nama mobil berubah maka layar Spesifikasi juga akan ikut berubah. Jika tombol Menu Produk disamping kiri bawah diklik maka menuju ke layar Produk. Jika tombol Exit diklik maka program akan ditutup.
85 7. Layar Perbandingan
Gambar 4.7 Tampilan Layar Perbandingan Pada Layar Perbandingan menggunakan komponen Shockwave Flash. Jika combobox Jenis1 dipilih maka combobox Nama1 akan diisi dengan semua nama mobil dengan jenis yang sesuai dengan pilihan combobox Jenis1. Jika combobox Nama1 dipilih maka ditampilkan data mobil yang sesuai dengan pilihan combobox Nama1 pada sisi kiri. Jika combobox Jenis2 dipilih maka combobox Nama2 akan diisi dengan semua nama mobil dengan jenis yang sesuai dengan pilihan combobox Jenis2. Jika combobox Nama2 dipilih maka ditampilkan data mobil yang sesuai dengan pilihan combobox Nama2 pada sisi kanan. Jika tombol Menu Produk diklik maka menuju ke layar Produk. Jika tombol Exit diklik maka program akan ditutup.
86 8. Layar Video
Gambar 4.8 Tampilan Layar Video Pada layar Video ditampilkan video yang sesuai dengan pilihan mobil pada layar produk. Jika Jika tombol Menu Produk disamping kiri bawah jika diklik maka menuju ke layar Produk. Jika tombol Exit diklik maka program akan ditutup.
87 9. Layar Perusahaan
Gambar 4.9 Tampilan Layar Perusahaan Pada layar perusahaan ditampilkan berbagai informasi tentang Volvo. Jika tombol Berita diklik maka akan ditampilkan berita tentang Volvo. Jika tombol Profil diklik maka akan ditampilkan profil PT Central Sole Agency. Jika tombol Sejarah diklik maka akan ditampilkan sejarah Volvo. Jika tombol Kontak diklik maka akan ditampilkan informasi tentang cara menghubungi PT Central Sole Agency. Jika tombol menu utama diklik maka akan ditampilkan layar Menu Utama. Jika tombol X atau exit ditekan maka keluar dari program.
88 10. Layar Login Pemeliharaan
Gambar 4.10 Tampilan Login untuk memasuki Layar Menu Pemeliharaan Pada Layar Menu Pemeliharan menggunakan komponen Shockwave Flash. Sebelum memasuki Layar Menu Pemeliharaan maka akan diminta input nama dan password supaya dapat memasuki Layar Menu Pemeliharaan. Jika gagal maka akan keluar message box yang berisi “Nama atau Password tidak sesuai”. Jika login yang dilakukan berhasil maka layar akan berpindah ke Layar Pemeliharaan. Klik x untuk mengakhiri proses login dan kembali ke Layar Menu Utama.
89 11. Layar Pemeliharaan
Gambar 4.11 Tampilan Layar Pemeliharaan Dalam layar Pemeliharaan terdapat empat pilihan. Jika radiobutton Kendaraan dipilih, tampilkan layar Pemeliharaan Kendaraan. Jika radiobutton Jenis Kendaraan dipilih, tampilkan layar Pemeliharaan Jenis Kendaraan. Jika radiobutton Tampilan dipilih, tampilkan layar Pemeliharaan Tampilan. Jika radiobutton Nama Dan Password dipilih, tampilkan layar Pemeliharaan Nama dan Password. Jika tombol X diklik maka kembali ke layar Menu Utama. Jika tombol x disamping kanan atas diklik maka akan menuju Layar Menu Utama.
90 12. Layar Pemeliharaan Kendaraan
Gambar 4.12 Tampilan Layar Pemeliharaan Kendaraan Pada layar Pemeliharaan Kendaraan ditampilkan record data kendaraan yang dapat diisi dan diubah secara langsung. Jika tombol Tambah Data Baru diklik, tampilkan record data kendaraan baru yang masih kosong dan siap diisi. Jika tombol Simpan Data diklik maka record yang ditampilkan akan disimpan. Jika tombol Batal diklik maka perubahan yang dilakukan terhadap record data atau penambahan record data baru akan dibatalkan selama record tersebut belum disimpan. Tombol Update berfungsi untuk melakukan perubahan terhadap data yang sudah ada. Jika tombol Hapus diklik maka record yang sedang ditampilkan akan dihapus setelah sebelumnya ditampilkan pesan untuk konfirmasi. Jika tombol x disamping kanan atas diklik maka akan menuju Layar Menu Utama.
91 13. Layar Pemeliharaan Jenis Kendaraan
Gambar 4.13 Tampilan Layar Pemeliharaan Jenis Kendaraan Pada layar Pemeliharaan Jenis Kendaraan ditampilkan record data jenis kendaraan yang dapat diisi dan diubah secara langsung. Combobox Pilihan Jenis memuat semua jenis mobil yang terdaftar dan jika dipilih akan menampilkan record data jenis kendaraan dengan nama jenis sesuai pilihan pada combobox tersebut. Jika tombol Tambah Data Baru diklik, tampilkan record data jenis kendaraan baru yang masih kosong dan siap diisi. Jika tombol Simpan Data diklik maka record yang ditampilkan akan disimpan. Jika tombol Batal diklik maka perubahan yang dilakukan terhadap record data atau penambahan record data baru akan dibatalkan selama record tersebut belum disimpan. Tombol Update berfungsi untuk melakukan perubahan terhadap data yang sudah ada. Jika tombol Hapus diklik maka record yang sedang ditampilkan akan dihapus setelah
92 sebelumnya ditampilkan pesan untuk konfirmasi. Jika tombol x disamping kanan atas diklik maka akan menuju Layar Menu Utama.
14. Layar Pemeliharaan Tampilan
Gambar 4.14 Tampilan Layar Pemeliharaan Tampilan Pada
layar
Pemeliharaan
Tampilan
ditampilkan
data-data
yang
berhubungan dengan tampilan dan antarmuka dari piranti lunak katalog produk. Data yang ditampilkan dapat langsung diubah. Jika tombol Update diklik maka data akan disimpan. Untuk membatalkan perubahan data, klik pilihan data yang lain atau tombol X di layar kanan atas (perubahan dapat dibatalkan apabila data belum disimpan). Jika tombol x disamping kanan atas diklik maka akan menuju Layar Menu Utama.
93 15. Layar Pemeliharaan Nama dan Password
Gambar 4.15 Tampilan Layar Pemeliharaan Nama dan Password Pada layar Pemeliharaan Nama dan Password, dapat dilakukan perubahan terhadap nama dan password yang diperlukan untuk mengakses layar Pemeliharaan. Disini kita dapat melakukan penambahan data admin yang baru dengan melakukan klik tombol Tambah Data Baru. Tombol Update dilakukan untuk melakukan perubahan terhadap password / Username, dan untuk melakukan perubahan, akan diminta konfirmasi ulang terhadap password tersebut. Jika tombol Simpan Data diklik maka nama dan password akan disimpan. Jika tombol Batal diklik maka perubahan terhadap nama dan password akan dibatalkan selama data–data tersebut belum disimpan. Jika tombol Hapus diklik maka record yang sedang ditampilkan akan dihapus setelah sebelumnya ditampilkan pesan untuk konfirmasi. Jika tombol x disamping kanan atas diklik maka akan menuju Layar Menu Utama.
94 16. Layar Penutup
Gambar 4.16 Tampilan Layar Penutup Pada layar Penutup ditampilkan animasi Shockwave Flash berisi pesan terima kasih kepada pengguna atas kesediaannya menggunakan piranti lunak katalog produk. Jika tombol X diklik maka program akan langsung ditutup.
95 4.4 Evaluasi Perancangan Katalog Mobil Volvo 4.4.1 Evaluasi Kuesioner Demo program Katalog produk Kendaraan Bermotor Beroda Empat ini dibuat berdasarkan rancangan layar yang telah dibahas pada Bab 3. Proses evaluasi dilakukan dengan menyebarkan kuesioner kepada 50 orang responden. Adapun tujuan penyebaran kuesioner ini adalah agar dapat mengetahui sejauh mana kegunaan fasilitas yang disediakan dalam sistem. Berdasarkan hasil dari penyebaran kuesioner yang diperoleh, maka dapat disimpulkan : 1. Tingkat Ketertarikan Terhadap Katalog Produk Tabel 4.1 Tingkat Ketertarikan Terhadap Katalog Produk Bagaimana pendapat Anda tentang Katalog Produk Kendaraan Bermotor Beroda Empat ini? Sangat menarik Menarik Kurang Menarik Tidak Menarik Total
Kurang m enarik 8.0%
Jumlah
Persentase
20 25 4 1 50
40,0 % 50,0 % 8,0 % 2,0 % 100 %
Tidak m enarik Sangat 2.0% m enarik 40.0%
Menarik 50.0%
Diagram 4.1 Tingkat Ketertarikan Terhadap Katalog Produk
96 Dari hasil kuesioner tersebut di atas, dapat diketahui bahwa sebanyak 40% responden menyatakan bahwa katalog produk yang dirancang sangat menarik. Sebanyak 50% responden juga mengatakan katalog produk yang dirancang menarik dan 8% responden menyatakan kurang menarik serta sebesar 2% responden menyatakan tidak menarik.
2. Kemudahan Pengoperasian Sistem Tabel 4.2 Kemudahan Pengoperasian Sistem Apakah Anda dapat mengoperasikan Katalog Produk Kendaraan Bermotor Beroda Empat ini dengan mudah? Sangat mudah Mudah Sulit Sangat sulit Total
Sulit 20.0%
Jumlah
Persentase
16 24 10 0 50
32,0 % 48,0 % 20,0 % 0,0 % 100 %
Sangat sulit 0.0%
Sangat m udah 32.0%
Mudah 48.0%
Diagram 4.2 Kemudahan Pengoperasian Sistem
Pengoperasian katalog produk dapat dikategorikan mudah, karena sebanyak 48% responden menyatakan katalog produk tersebut mudah digunakan. Sebanyak 32% menyatakan katalog produk sangat mudah digunakan dan sebanyak 20% menyatakan sulit.
97 3. Katalog Produk Membantu Dalam Mencari Informasi Tabel 4.3 Katalog Produk Membantu Dalam Mencari Informasi Apakah Katalog Produk tersebut dapat membantu dalam mencari informasi tentang Kendaraan Bermotor Beroda Empat? Sangat membantu Membantu Kurang membantu Tidak membantu Total
Kurang m em bantu 16.0%
Tidak m em bantu 0.0%
Jumlah
Persentase
14 28 8 0 50
28,0 % 56,0 % 16,0 % 0,0 % 100 %
Sangat m em bantu 28.0%
Mem bantu 56.0%
Diagram 4.3 Katalog Produk Membantu Dalam Mencari Informasi
Katalog produk yang dirancang dinyatakan membantu dalam mencari informasi tentang kendaraan bermotor beroda empat (56%). Sebanyak 28% responden menyatakan katalog produk tersebut sangat membantu dan 16% menyatakan kurang membantu.
98 4. Kelengkapan Informasi Tabel 4.4 Kelengkapan Informasi Apakah informasi yang diberikan dalam Katalog Produk ini sudah lengkap? Sangat lengkap Lengkap Kurang lengkap Tidak lengkap Total
Kurang lengkap 12.0%
Tidak lengkap 4.0%
Jumlah
Persentase
10 32 6 2 50
20,0 % 64,0 % 12,0 % 4,0 % 100 %
Sangat lengkap 20.0%
Lengkap 64.0%
Diagram 4.4 Kelengkapan Informasi
Dari hasil kuesioner dapat diketahui bahwa sebanyak 20% menyatakan bahwa informasi yang diberikan dalam katalog produk sangat lengkap, sebanyak 64% menyatakan informasinya lengkap, sebanyak 12% menyatakan informasinya kurang lengkap dan sebanyak 4% menyatakan tidak lengkap. Dengan demikian kebutuhan akan informasi yang lengkap (sesuai hasil kuesioner pertama) terpenuhi.
99 5. Gambaran Produk Tabel 4.5 Gambaran Produk Apakah Katalog Produk ini dapat memberikan gambaran (visualisasi) tentang produk yang ada dengan jelas? Sangat jelas Jelas Kurang jelas Tidak jelas Total
Kurang jelas 20.0%
Tidak jelas 4.0%
Jumlah
Persentase
14 24 10 2 50
28,0 % 48,0 % 20,0 % 4,0 % 100 %
Sangat jelas 28.0%
Jelas 48.0%
Diagram 4.5 Gambaran Produk
Berdasarkan hasil kuesioner dapat diketahui bahwa visualisasi atau gambaran produk yang ada dalam katalog produk jelas (48%). Sebanyak 28% menyatakan sangat jelas, 20% menyatakan kurang jelas dan sebanyak 4% menyatakan tidak jelas.
100 6. Peranan Fasilitas Layar Perbandingan Tabel 4.6 Peranan Fasilitas Layar Perbandingan Menurut Anda, apakah fasilitas untuk membandingkan antara dua produk yang disediakan membantu dalam melakukan perbandingan? Sangat membantu Membantu Kurang membantu Tidak membantu Total
Tidak Kurang m em bantu m em bantu 4.0% 8.0%
Jumlah
Persentase
20 24 4 2 50
40,0 % 48,0 % 8,0 % 4,0 % 100 %
Sangat m em bantu 40.0%
Mem bantu 48.0%
Diagram 4.6 Peranan Fasilitas Layar Perbandingan
Hasil kuesioner menunjukkan sebanyak 40% responden menyatakan fasilitas perbandingan yang disediakan sangat membantu. Sekitar 48% menyatakan fasilitas tersebut membantu dan sekitar 8% menyatakan kurang membantu. Sedangkan yang menyatakan tidak membantu sekitar 4%. Dengan demikian kebutuhan akan adanya fasilitas perbandingan terpenuhi.
101 7. Kelebihan Sistem Tabel 4.7 Kelebihan Sistem Menurut Anda, apa yang paling menarik Nilai Persentase dari Katalog Produk ini? Berikan prioritas! Animasi dan video 5 10,0 % Kemudahan penggunaan 19 38,0 % Kelengkapan informasi 10 20,0 % Visualisasi 15 30,0 % Lainnya 1 2,0 % Total 50 100 % Catatan : responden dapat memilih lebih dari satu jawaban Lainnya 2.0%
Visualisasi 30.0%
Kelengkapan inform asi 20.0%
Anim asi dan video 10.0%
Kem udahan penggunaan 38.0%
Diagram 4.7 Kelebihan Sistem
Dari hasil kuesioner dapat diperoleh bahwa yang menarik dari katalog produk ini adalah kemudahan penggunaan (38,0%), visualisasi (30,0%), kelengkapan informasi (20,0%), animasi dan video (10,0%) dan lainnya sebesar (2,0%).
102 8. Fasilitas yang Perlu Ditambah / Diperbaiki Tabel 4.8 Fasilitas yang Perlu Ditambah / Diperbaiki Menurut Anda, apa yang perlu Jumlah Persentase ditambah/diperbaiki dari Katalog Produk ini? Informasi 7 14,0 % Gambar 12 24,0 % Animasi dan video 10 20,0 % Suara 21 42,0 % Lainnya 0 0,0 % Total 50 100 % Catatan : responden dapat memilih lebih dari satu jawaban Lainnya 0%
Inform asi 14%
Suara 42% Gam bar 24% Anim asi & video 20%
Diagram 4.8 Fasilitas yang Perlu Ditambah / Diperbaiki
Hasil kuesioner menunjukkan sebanyak 42% menyarankan untuk menambah/memperbaiki suara pendukung yang ada pada program katalog produk ini. Lalu sebanyak 24% menyarankan hal yang sama untuk gambargambar pendukung, serta sebanyak 20% menyarankan untuk menambah jumlah animasi dan video. Responden juga menyarankan untuk menambah informasi yang ada (14%) dan lainnya (0%).
103 4.4.2 Evaluasi Interaksi Manusia dan Komputer Dalam perancangan sistem komputer yang interaktif diperlukan teori Interaksi Manusia dan Komputer sebagai pedoman, maka dalam mengevaluasi sistem yang telah dirancang ini, juga diperlukan teori tersebut. Evaluasi faktor-faktor manusia terukur yang telah terpenuhi oleh sistem yang dirancang adalah : 1. Waktu untuk belajar Waktu yang dibutuhkan untuk mempelajari pemakaian sistem relatif singkat karena pengoperasian sistem yang sederhana dan mudah dipahami. 2. Kecepatan kinerja Kecepatan kinerja sistem dalam melakukan suatu tugas relatif cepat (tergantung perangkat keras). 3. Tingkat kesalahan pengguna Tingkat kesalahan pengguna rendah. Kesalahan bisa terjadi pada penggunaan shortcut oleh pengguna, namun kesalahan ini tidak menyebabkan kerusakan pada sistem. 4. Retensi pengguna setelah jangka waktu tertentu Karena sistem yang tidak rumit, maka pengguna dapat dengan mudah mengingat cara pengoperasian sistem. 5. Kepuasan subyektif pemakai Berdasarkan hasil evaluasi kuesioner, dapat diketahui bahwa responden merasa puas dengan sistem yang dirancang karena tertarik dengan tampilan katalog, kemudahan dalam penggunaan, serta kelengkapan informasi yang ditampilkan.
104 Adapun aturan-aturan emas untuk merancang suatu sistem interaksi manusia dan komputer yang baik, yang terpenuhi oleh sistem ini antara lain : 1. Berusaha untuk konsisten Dalam sistem yang dirancang ini digunakan rancangan layar dan tampilan yang seragam untuk semua layar. 2. Penggunaan shortcut untuk pemakai rutin Sistem yang dirancang menyediakan fasilitas shortcut untuk menggantikan penekanan tombol. 3. Umpan balik yang informatif Setiap tombol pada menu utama, jika diklik akan menyebabkan tampilan berpindah ke layar yang sesuai dengan tombol tersebut. 4. Merancang dialog untuk menghasilkan keadaan akhir Pada layar pemeliharaan, jika pengguna menyimpan data maka akan ditampilkan pesan bahwa data sudah tersimpan. 5. Pencegahan dan penanganan kesalahan sederhana Dalam layar pemeliharaan, pada field data numerik tidak dapat diisi dengan karakter alfabet. 6. Memperbolehkan pemakai untuk membatalkan suatu aksi Bila pemakai secara tidak sengaja masuk ke sebuah layar, maka pemakai dapat menggunakan tombol Batal atau Kembali untuk kembali ke layar sebelumnya. Dalam layar pemeliharaan, pengguna dapat membatalkan perubahan yang dilakukan terhadap data asalkan belum disimpan.
105 7. Mendukung internal locust of control Dalam hal ini pemakailah yang mengoperasikan dan menguasai sistem dan sistem akan memberi respon atas aksi yang diberikan pemakai. 8. Mengurangi beban ingatan jangka pendek Karena rancangan sistem yang sederhana dan tidak memerlukan penghafalan materi, maka beban ingatan jangka pendeknya pun ringan.
