BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Website ini diharapkan dapat menjadi sistem pemasaran yang tepat untuk ADH Creative House dan juga sebagai tempat untuk memberikan informasi yang jelas dan lengkap tentang perusahaan kepada pengunjung website. Website ini hanya dapat diubah oleh pegawai perusahaan yang berwenang yang disebut sebagai administrator yang mempunyai kuasa untuk merubah, menambah, maupun menghapus berita, informasi, dan/atau gambar yang ada didalam website. Administrator juga menerima pesan berupa e-mail dari pengunjung website dan dapat memberikan balasan e-mail kepada pengirim e-mail tentang pesan, saran, kritik dan pertanyaan yang diberikan. 4.1.1 Kebutuhan Perangkat Keras Dalam membangun website ini membutuhkan perangkat pendukung yang berupa perangkat keras dan perangkat lunak. Adapun spesifikasi perangkat keras yang disarankan untuk mengoperasikan website ini adalah: Prosesor Intel Pentium 4 2,2 GHz. Monitor 15 inci. VGA 64 MB dengan resolusi 1024x768. Soundcard onboard/external dan speaker. Memory 512 MB. 77
78 Mouse dan keyboard. 4.1.2 Kebutuhan Perangkat Lunak Adapun perangkat lunak yang digunakan penulis dalam pengembangan website ini adalah: 1. Sistem operasi Windows 7 Ultimate Edition dengan resolusi 1280x1024 2. Adobe Flash CS4 3. Adobe Dreamweaver CS4 4. Adobe Fireworks CS4 5. Internet Browser (contoh: Internet Explorer, Opera, Mozilla Firefox, Google Chrome, dan lain-lain). 6. XAMPP for Windows Sedangkan piranti lunak yang digunakan agar dapat menjalankan website ini adalah: 1. Server a. Web Server Apache. b. XAMPP for Windows. c. MySQL. d. Internet Browser. 2. Client a. Internet Browser. b. Shockwave Flash Plugin 10.0.r42.
79 4.2 Prosedur Operasional 4.2.1 Prosedur Operasional Front End Prosedur penggunaan website akan dijelaskan di bawah ini: 1. Tulis http://adhkreatif.com pada address box internet browser. 2. Akan muncul layar awal beranimasi seperti gambar dibawah ini. Gambar 4.1 Tampilan Layar intro Pada bagian tengah layar terdapat link Enter Site yang berfungsi untuk mengakhiri intro agar langsung dapat memasuki layar selanjutnya. 3. Setelah intro selesai, maka akan muncul layar Home.
80 Gambar 4.2 Tampilan Layar Home Pada layar ini terdapat enam tombol menu yang terletak pada bagian atas website. Posisi bar tombol tersebut fixed, dengan maksud jika user meng-scroll kebawah atau keatas, posisi bar tombol tersebut tetap diatas. Tombol menu dari kiri ke kanan; Home, News, Company Profile, Services, Contact Us, Showcase. Bar tombol ini akan selalu ada di setiap halaman tersebut. Pada halaman ini juga terdapat animasii dari portfolio perusahaan. 4. Jika user memilih menu News, maka akan muncul layar News.
81 Gambar 4.3 Tampilan Layar News Layar perusahaan. ini berisi tentang berita pekerjaan, klien, dan lainnyaa dari 5. Jika user memilih Company Profile, akan muncul layar Company Profile.
82 Gambar 4.4 Tampilan Layar Company Profile Layar perusahaan. ini berisi tentang sejarah berdirinya perusahaan dan profil 6. Jika user memilih menu Services,, maka akan muncul layar Services.
83 Gambar 4.5 Tampilan Layar Services Pada bagian Services ini klien/pengunjung dapat melihat informasi tentang bidang apa saja yang ditawarkan oleh perusahaan beserta deskripsinya dan klien mana saja yang sudah bekerja sama dengan perusahaan beserta tipe pekerjaan yang diterima dari klien. Pada halaman ini juga terdapat Order Tracking yang berguna bagi klien yang sedang bekerja sama dengan perusahaan pada bidang website. Isi dari Order Tracking tersebut bertujuan untuk memberitahukan klien tentang perkembangan website yang sedang dibuat.
84 7. Jika user memilih menu Contact Us, maka akan muncul layar Contact Us. Gambar 4.6 Tampilan Layar Contact Us Pada layar ini terdapat form pengisian nama, e-mail, dan pesan untuk disampaikan ke perusahaan yang langsung masuk ke e-mail perusahaan, pesan yang disampaikan dapat berupa apapun yang diinginkan oleh klien, calon klien, maupun pengunjung website. Pada layar ini juga terdapat fasillitas Yahoo! Messenger untuk langsung berbicara kepada Web Admin. 8. Jika user memilih menu Showcase, maka akan muncul layar Showcase.
85 Gambar 4.7 Tampilan Layar Showcase Didalam menu Showcase ini terdapat 3 submenu yang mengantar klien/pengun njung kedalam salah satu galeri gambar yang dipilih. Menu yang tersedia adalah Art Design Gallery, Art Making Gallery, dan Multimedia & IT Gallery yang dilengkapi dengan deskripsi lengkap yang berada disebelah kanan menu-menu tersebut. 9. Jika user memilih submenu Multimedia & IT dalam menu Showcase, maka akan muncul layar Showcase - Multimedia & IT.
86 Gambar 4.8 Tampilan Layar Showcase Multimedia & IT Gallery Didalam submenuu Showcase - Multimedia & IT ini klien/ pengunjung dapat melihat hasil pekerjaan dari bidang yang dipilih yang ada didalam perusahaan dalam bentuk flash image gallery. Didalam submenu ini tetap terdapat 3 submenu yang mengantar klien/pengunjung kedalam salah satu galeri gambar yang dipilih. Menu yang tersedia adalah Art Design Gallery, Art Making Gallery, dan Multimedia & IT Gallery.
87 4.2.2 Prosedur Operasional Back End Prosedur penggunaan website akan dijelaskan di bawah ini: 1. Tulis http://adhkreatif.com/administrator pada internet browser address box. 2. Akan muncul layar login seperti gambar dibawah ini. Gambar 4.9 Tampilan Layar Login 3. Setelah sukses mengisi usernamee dan password, halaman akan langsung menuju ke admin home. Gambar 4.10 Tampilan Layar Admin Home Pada layar ini, admin bisa memilih button Edit Page atau Edit Showcase.
88 4. Jika admin memilih button Edit Page, akan muncul layar Edit Page. Gambar 4.11 Tampilan Layar Edit Page Pada layar Edit Page ini terdapat 4 submenu, yaitu Home, News, Company Profile, dan Services. 5. Jika admin memilih button Home, maka akan muncul layar Edit Page - Home Editor. Gambar 4.12 Tampilan Layar Edit Page - Home Editor Jika admin sudah merubah animasi dari halaman home tersebut, admin bisa upload file SWF yang sudah dicompile. 6. Jika admin memilih button News, maka akan muncul layar Edit Page - News Editor.
89 Gambar 4.13 Tampilan Layar Edit Page - News Editor Pada layar ini terdapat beberapa kolom untuk menambah, merubah, maupun menghapus berita yang sudah ada. 7. Jika admin memilih button Company Profile, maka akan muncul layar Edit Page - Company Profile Editor.
90 Gambar 4.14 Tampilan Layar Edit Page - Company Profile Editor Pada layar ini terdapat editor untuk merubah isi dari halaman Company Profile. 8. Jika admin memilih button Services, maka akan muncul layar Edit Page - Services Editor IT Editor.
91 Gambar 4.15 Tampilan Layar Edit Page - Services Editor IT Editor Tampilan layar ini adalah tampilan satu dari tiga submenu (Art & Design, Networking, dan IT). Tampilan layar 3 submenu tersebut sama yang berfungsi untuk merubah deskripsi dari divisi IT, penambahan, perubahan, maupun penghapusan klien dari divisi IT. 9. Jika admin memilih button Tracking pada submenu Services, maka akan muncul layar Edit Page - Services Editor Tracking Editor.
92 Gambar 4.16 Tampilan Layar Edit Page - Services Editor Tracking Editor Tampilan layar diatas adalah submenu terakhir dari menu Services yang berguna untuk merubah isi dari perkembangan website yang sedang dibuat oleh perusahaan (ongoing progress) dan disediakan juga Upload File untuk menaruh slide dikembangk kan tersebut. maupun animasi dari websitee yang sedang 10. Jika admin memilih button Edit Showcase, maka akan muncul layar Edit Showcase. Gambar 4.17 Tampilan Layar Edit Showcase
93 11. Terdapat 3 submenuu yang ada pada menu Edit Showcase dan isii dari setiap submenu tersebut sama, baik pada Upload, Edit,, maupun Delete, hanya target perubahannya saja yang berbeda (Art Making hanya merubah isi gallery Art Making, begitu juga dengan Art Design dan Multimedia & IT). Padaa tampilan layar selanjutnya, penulis akan menampilkan hanya submenu Art Making. Dibawah ini adalah layar Edit Showcase Art Making. Gambar 4.18 Tampilan Layar Edit Showcase Art Making 12. Jika admin memilih button Upload pada submenu Edit Showcase Art Making, maka akan muncul layar Edit Showcase - Art Making Upload Image.
94 Gambar 4.19 Tampilan Layar Edit Showcase Art Making Upload Image 13. Jika admin memilih button Edit pada submenu Edit Showcase Art Making, maka akan muncul layar Edit Showcase - Art Making Edit Image Description. Gambar 4.20 Tampilan Layar Edit Showcase Art Making Edit Image Description
95 14. Jika admin memilih button Delete pada submenu Edit Showcase Art Making, maka akan muncul layar Edit Showcase - Art Making Delete Image. Gambar 4.21 Tampilan Layar Edit Showcase Art Making Delete Image 4.3 Evaluasi 4.3.1 Evaluasi Hasil Wawancara Setelah melakukan implementasi, penulis melakukan wawancara kepada Salman Nuriman K. J. selaku founder sekaligus IT Executive ADH Creative House. Dari hasil wawancara tersebut, dapat disimpulkan bahwa website ini dapat mengganti posisi sistem pemasaran perusahaan yang lama, terutama CD Interaktif, karena didalam website ini terdapatt semua informasi tentang perusahaan, baik ruang lingkup pekerjaan, hasil pekerjaan maupun berita tentang perusahaan. Websitee ini dinilai lengkap dari sisi informasi
96 perusahaan, cukup menarik secara visual, dan juga interaktif bagi pengunjung website. Fitur yang disediakan pada halaman Services, yaitu Order Tracking, dinilai sangat penting, karena klien yang sedang dibuatkan website oleh perusahaan dapat terus memantau perkembangan dalam pembuatan websitenya tanpa harus sering menghubungi pihak perusahaan. Selain itu, fitur ini juga memotivasi pihak perusahaan untuk menyelesaikan pekerjaannya tepat waktu tanpa melupakan hasil sesuai dengan yang diinginkan oleh klien. Implementasi Content Management System kedalam website mempermudah pihak perusahaan untuk mengubah, menambah, maupun menghapus informasi yang ada didalam website, tampilannya pun dibuat senyaman dan sesederhana mungkin supaya tidak mempersulit administrator dalam tugasnya. 4.3.2 Evaluasi Hasil Kuesioner Selain mewawancarai founder dari ADH Creative House, penulis juga menyebarkan kuesioner kepada klien perusahaan yang sudah pernah bekerja sama dengan perusahaan. Alasan penyebaran kuesioner kepada klien perusahaan ini karena mereka sudah mengetahui informasi tentang perusahaan. Tujuannya adalah untuk membandingkan lengkapnya informasi yang mereka dapat sebelumnya dengan website ini. Pembagian kuesioner dibagikan pada tanggal 5 Januari 2010 kepada 20 responden.
97 1. Apakah website ini lengkap dari segi informasi tentang perusahaan? a. Sangat lengkap b. Cukup lengkap c. Tidak lengkap Pertanyaan Kuesioner 1 0% 10% 90% Sangat Lengkap Cukup Lengkap Tidak Lengkap Gambar 4.22 Pie Chart Pertanyaan Kuesioner 1 Kesimpulan : informasi yang disampaikan pada website sudah lengkap Pertanyaan ini bertujuan untuk mengetahui kelengkapan informasi yang disampaikan didalam website.
98 2. Apakah website ini menarik secara visual? a. Sangat menarik b. Cukup menarik c. Tidak menarik Pertanyaan Kuesioner 2 15% 5% 80% Sangat Menarik Cukup Menarik Tidak Menarik Gambar 4.23 Pie Chart Pertanyaan Kuesioner 2 Kesimpulan : website inii sudah menarik secara visual Pertanyaan ini bertujuan untuk mengetahui tingkat ketertarikan user terhadap website ini dari segi visual.
99 3. Apakah anda merasa pengoperasian website ini termasuk mudah? a. Sangat Mudah b. Cukup Mudah c. Tidak Mudah/Sulit Pertanyaan Kuesioner 3 15% 0% 85% Sangat Mudah Cukup Mudah Tidak Mudah/ /Sulit Gambar 4.244 Pie Chart Pertanyaan Kuesioner 3 Kesimpulan : pengoperasian website ini termasuk mudah bagi pengguna Pertanyaan ini bertujuan untuk mengetahui tingkat kemudahan pengoperasia an website.
100 4. Menurut anda, sisi bagian mana yg paling menonjol dalam website ini? a. Animasi b. Grafik c. Suaraa d. Video Pertanyaan Kuesioner 4 15% 15% 10% 60% Animasi Grafik Suara Video Gambar 4.25 Pie Chart Pertanyaan Kuesioner 4 Kesimpulan : sisi yang paling menonjol dalam website ini adalah animasi Pertanyaan ini bertujuan untuk mengetahui sisi mana yang menonjol dan menarik perhatian pengguna.
101 4.3.3 Evaluasi Terhadap Sisi Interaksi Manusia dan Komputer 1. Berusaha untuk konsisten Website ADH Creative House ini dibuat dengan mencoba mempertahankan bentuk yang sekonsisten mungkin. Mulai dari tampilan layar, teknik pewarnaan, jenis font yang digunakan, dan posisi button. 2. Memungkinkan pemakai menggunakan shortcuts Dalam website ini shortcuts sudah disediakan baik pada client side maupun admin side. 3. Memberikan umpan balik yang informatif Dalam website ini, diberikan umpan balik yang informatif kepada pengguna. Contohnya pada saat pengguna masuk ke salah satu halaman, pada halaman tersebut terdapat nama halaman di bagian atas halaman. 4. Merancang dialog yang memberikan penutupan (keadaan akhir) Pada website ini terdapat status yang tampil jika pengguna klik tombol submit. 5. Memberikan penanganan kesalahan yang sederhana Pada bagian administrator, setiap kesalahan pada saat pengisian form, perubahan, penambahan, maupun penghapusan data, akan muncul status yang memberitahukan administrator bahwa proses tersebut tidak valid. 6. Mengijinkan pembalikan aksi (undo) yang mudah Website ini terdapat pembalikan aksi, karena sebagian besar website selalu terdapat pembalikan aksi.
102 7. Mendukung pusak kendali internal Kontrol terhadap website berada di tangan pengguna, website merespon sesuai dengan perintah yang diberikan oleh pemakai. 8. Mengurangi beban ingatan jangka pendek Pengguna tidak perlu menghafalkan menu-menu yang ada, karena dalam mengakses informasi yang terdapat dalam menelusuri isi dari website ini pengguna hanya menemukan satu submenu saja, yaitu pada halaman Showcase, selain itu hanya terdapat menu-menu utama saja. 4.3.4 Evaluasi Terhadap Sisi Manfaat a. Sisi manfaat klien/calon klien Dengan adanya website ini, diharapkan dapat memberikan informasi yang lengkap sehingga memuaskan mereka dan tidak perlu membuang waktu mereka untuk bertanya tentang bidang, hasil pekerjaan, maupun pekerjaan yang sedang dikerjakan oleh perusahaan. b. Sisi manfaat administrator Dengan adanya Content Management System, diharapkan dapat mempermudah administrator dalam merubah, menambah, maupun menghapus data atau informasi yang ada didalam website.