BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Rencana Implementasi Sistem yang telah dianalisis dan dirancang akan digunakan sebagai alat bantu penyebaran informasi tentang bagaimana cara menggunakan website IDI online. CD interaktif akan dibagikan secara langsung kepada para dokter dan stafnya yang akan menggunakan website IDI pada saat seminar para dokter, dan sisanya akan dikirimkan melalui pos. CD interaktif ini juga dapat menjadi alat presentasi kepada para dokter agar dapat menggunakan website IDI dengan baik. 4.2 Sarana Yang Dibutuhkan 4.2.1 Sarana Untuk Mengembangkan Sistem a. HARDWARE (Perangkat Keras) Perangkat komputer dengan spesifikasi : Processor Dual Core 2,2 GHz DDRAM2 2Giga Sound Card Monitor LCD 19 VGA 512MB DVD-CD-RW-DRIVE 12x10x32x Mouse & Keyboard Loud Speaker Microphone 83
84 b. SOFTWARE (Perangkat Lunak) Sistem Operasi Windows XP SP3 Adobe Photoshop CS3, yang digunakan dalam pembuatan gambar dan modifikasi gambar-gambar yang digunakan. Adobe Flash CS3, Piranti lunak utama yang digunakan dalam pembuatan interface dan animasi dalam CD ini. Xilisoft Video Converter untuk mengubah format file. Camtasia Studio 6 untuk membuat tutorial dan mengedit video tutorial. Action script 3, untuk menyertakan logika kedalam animasi. MDM Zinc, untuk membuat koneksi dari flash ke database dari sisi klien. Ms.Access, untuk database. Visual Basic 2005, untuk membuat fitur kamus. c. BRAINWARE Satu orang animation desainer untuk membuat animasi, dan logika animasi dalam program flash. Satu orang tutorial desainer untuk membuat tutorial. Satu orang grafis desainer yang bertugas membuat gambar dan foto yang diperlukan pada program. 4.2.2 Sarana Untuk Menjalankan Sistem a. HARDWARE (Perangkat keras), spesifikasi minimal untuk menjalankan program ini. Processor Intel Pentium IV
85 512 MB RAM 128 MB Graphic Card Sound Card dan speaker untuk suara Monitor dengan resolusi 1024 x 768 dengan colors high color (32 bit) untuk tampilan yang nyaman CD-ROM Drive 40x Mouse atau track ball untuk navigasi Keyboard b. SOFTWARE (Perangkat Lunak) Sistem Operasi Windows XP / Vista 4.3 Cara Pengoperasian Program Didalam program ini terdapat 2 program terpisah, yaitu : 1. Aplikasi CD Interaktif Tampilan awal pada CD interaktif ini adalah layar halaman pembukaan (Intro) yang menampilkan animasi sederhana. Setelah itu didalamnya terdapat fitur-fitur untuk pembelajaran dengan memilih salah satu icon pada layar seperti fitur simulasi, kuis, dan tutorial, yang dimana fitur tersebut dapat membantu user untuk mempelajari penggunaan website IDI. Berbeda dengan fitur lainnya karena pada menu kuis user harus melakukan login terlebih dahulu agar dapat menyimpan hasil dari kuis.
86 2. Program Admin Dimana program ini hanya bisa digunakan oleh admin, yaitu tim IT website IDI. Dengan tampilan awal berupa menu login. Disini admin bisa mengupdate soal dan jawaban yang ingin diubah, dan juga dapat mengupdate isi kamus 4.3.1 Layar Program CD Interaktif 4.3.1.1 Halaman Intro Gambar 4.1 Layar Intro Ini adalah layar pembuka dari CD interaktif ini. Setelah layar pembuka selesai, maka akan ditampilkan layar utama CD interaktif tutorial website IDI. Tetapi pengguna juga dapat menskip agar dapat langsung masuk ke layar utama dengan cara meng klik Menu Utama.
87 4.3.1.2 Halaman Menu Utama Gambar 4.2 Layar Menu Utama Layar ini untuk memasuki pilihan menu-menu yang tersedia pada CD interaktif ini. Pada layar ini warna layar dapat berubah-ubah, dan juga terdapat isi berupa keterangan tentang fungsi dalam aplikasi tersebut, jika mouse diarahkan ke button menu, maka akan ditampilkan pop up menu Tombol yang akan dipilih adalah: 1. Tombol Profil, untuk menampilkan Sejarah, Struktur Organisasi, dan Foto 2. Tombol Sambutan, untuk menampilkan sambutan dari pengurus IDI 3. Tombol Tutorial, untuk menampilkan menu-menu yang berisikan tutorial-tutorial seperti Akses Awal, Registrasi, User ID & Pass, Log Book 4. Tombol Keluar, untuk keluar dari aplikasi
88 4.3.1.3 Halaman Menu Profil Gambar 4.3 Layar Menu Profil Pada layar Profil ini akan ditampilkan informasi mengenai sejarah singkat, struktur organisasi, dan galeri foto seputar IDI. Untuk melihat informasi kebawah dapat menggunakan tombol navigasi scroll ke bawah yang juga dapat digunakan untuk kembali keatas.
89 4.3.1.4 Halaman Menu Sambutan Gambar 4.4 Layar Menu Sambutan Pada layar ini akan ditampilkan video sambutan dari pengurus IDI
90 4.3.1.5 Halaman Menu Tutorial Gambar 4.5 Layar Menu Tutorial Pada layar ini akan terdapat menu-menu yang terdiri dari : 1. Menu Akses Awal, yang terdapat pop down untuk pemilihan tutorial Layanan Primer, dan Spesialis 2. Menu Registrasi, yang digunakan untuk menampilkan tutorial Registrasi 3. Menu User ID&Pass, digunakan untuk menampilkan tutorial User ID&Pass 4. Menu Log Book yang terdapat pop down untuk pemilihan tutorial Log In, Merubah Account,Perolehan SKP, Mengirim Pesan
91 4.3.1.6 Halaman Log In Gambar 4.6 Layar Log In Pada layar ini terdapat form untuk melakukan Log In untuk pengisian ID dan Password, dan juga terdapat tombol untuk keluar dari aplikasi dan juga terdapat tombol untuk melakukan Log In, dan juga tersedia tombol daftar jika belum pernah mendaftar sebelumnya.
92 4.3.1.7 Halaman Setelah User Login Gambar 4.7 Layar Setelah User Login Halaman setelah user melakukan login dimana user dapat memilih memulai kuis baru atau melanjutkan kuis yang telah disimpan sebelumnya
93 4.3.1.8 Halaman Daftar Gambar 4.8 Layar Daftar Pada layar ini terdapat form untuk melakukan pendaftaran, yang nantinya data yang didaftarkan dapat digunakan untuk melakukan Log In.
94 4.3.1.9 Halaman Lupa Pass Gambar 4.9 Layar Lupa Pass Halaman dimana pengguna dapat menemukan password yang anda lupa dengan mengisi ID anda setelah itu menjawab pertanyaan yang ada.
95 4.3.1.10 Halaman Admin Gambar 4.10 Layar Admin Pada layar Admin ini admin dapat mengubah segala sesuatu tentang soal yang nantinya akan dijawab oleh End User dan juga terdapat menu-menu yang terdiri dari: 1. Tambah soal 2. Hapus soal 3. Ubah soal 4. Keluar
96 4.3.1.11 Halaman Admin Tambah Soal Gambar 4.11 Layar Admin Tambah Soal Pada layar ini terdapat field-field yang dapat digunakan untuk melakukan penambahan soal, yang dapat dilakukan oleh admin setelah melakukan Log In. Dan juga terdapat tombol Tambah yang dapat digunakan untuk menambah soal
97 4.3.1.12 Halaman Admin Hapus Soal Gambar 4.12 Layar Admin Hapus Soal Pada layar ini admin dapat melakukan penghapusan soal yang ada pada database, dengan cara memasukan ID soal, dan setelah itu mengklik tombol hapus untuk melakukan penghapusan soal
98 4.3.1.13 Halaman Admin Ubah Soal Gambar 4.13 Layar Admin Ubah Soal Pada layar ini admin dapat melakukan pengeditan soal yang ada pada database, dengan cara memasukan ID soal, dan setelah itu meng klik tombol hapus untuk melakukan pengeditan.
99 4.3.1.14 Halaman Kuis Gambar 4.14 Layar Kuis Pada layar ini terdapat soal yang harus diisi oleh user, dengan cara mengklik radio button yang terdapat pada kiri soal. Setelah itu pengguna dapat masuk ke soal selanjutnya dengan melakukan klik tombol Selanjutnya
100 4.3.1.15 Layar Hasil Kuis Gambar 4.15 Layar Hasil Kuis Pada layar ini terdapat hasil dari kuis dan ada tombol keluar yang berguna untuk keluar dari aplikasi dan tombol hapus yang berguna untuk menghapus hasil dari kuis
101 4.3.1.16 Halaman Awal Simulasi Gambar 4.16 Layar Awal Simulasi Pada layar ini pengguna dapat mengklik mulai untuk memulai simulasi
102 4.3.1.17 Halaman Simulasi Gambar 4.17 Layar Simulasi Pada layar pertama terdapat soal pada layar, dan pada layar kedua jika pengguna salah langkah dalam menjawab soal maka akan muncul pesan kesalahan
103 4.3.1.18 Halaman Pilih Menu Simulasi Gambar 4.18 Layar Pilih Menu Simulasi Halaman dimana pengguna dapat memilih salah satu menu dan di dalam menu tersebut terdapat simulasi yang dapat dipilih
104 4.3.1.19 Halaman Pilih Simulasi Gambar 4.19 Layar Pilih Simulasi Pada halaman ini pengguna dapat memilih salah satu simulasi untuk dikerjakan
105 4.3.1.20 Halaman Kamus Gambar 4.20 Layar Kamus Pada layar ini terdapat aplikasi kamus dimana pengguna dapat mencari istilah yang tidak dimengerti, dan admin dapat masuk ke halaman pengeditan
106 4.3.1.21 Halaman Login Admin Kamus Gambar 4.21 Layar Login Admin Kamus Pada halaman ini admin harus login terlebih dahulu untuk masuk ke halaman edit kamus.
107 4.3.1.22 Halaman Edit Kamus Gambar 4.22 Layar Edit Kamus Pada layar ini terdapat aplikasi kamus dimana admin dapat mengedit kamus
108 4.4 Evaluasi Sistem 4.4.1 Evaluasi Hasil Kuesioner Untuk mengetahui sejauh mana manfaat CD interaktif ini, maka dilakukan evaluasi dengan menggunakan kuesioner. Proses evaluasi terhadap CD interaktif dilakukan dengan penyebaran angket kepada 100 responden. Untuk hasil evaluasi dapat dilihat sebagai berikut : 1. Bagaimana menurut anda tentang tampilan dari CD interaktif ini? 70 60 50 40 30 20 10 0 Jumlah Orang Menarik Kurang Menarik Tidak Menarik Gambar 4.23 Diagram Pertanyaan no.1 Dengan pertanyaan ini dapat dilihat bahwa sebagian responden dijelaskan bahwa 64% dari responden tertarik pada tampilan dari CD interaktif ini, 27% kurang tertarik pada tampilan CD interaktif ini dan sisanya 9% tidak menyukai tampilan CD interaktif ini sehingga disimpulkan bahwa tampilan pada perancangan CD interaktif ini sudah cukup baik.
109 2. Bagaimana menurut anda tentang penggunaan CD interaktif ini? 80 70 60 50 40 30 20 10 0 Jumlah Orang Mudah Cukup Mudah Tidak Mudah Gambar 4.24 Diagram Pertanyaan no. 2 Dalam pertanyaan ini dapat dijelaskan bahwa 71% dari responden mengatakan mudah dalam mengoperasikannya, 23% mengatakan cukup mudah dalam mengoperasikannya, dan sisanya 6% mengatakan tidak mudah dalam pengoperasian aplikasi, kesimpulannya sebagian besar responden memutuskan bahwa CD Interaktif ini mudah digunakan. Dalam hal ini kami berkesimpulan CD interaktif ini sudah memenuhi kriteria-kriteria sistem yang user friendly. Hal ini dikarenakan sistem yang user friendly adalah sistem dapat dengan mudah digunakan. 3. Menurut anda, Apakah informasi yang disajikan sudah memenuhi kebutuhan anda? 80 60 40 S udah cukup 20 0 Jumlah Orang belum Gambar 4.25 Diagram Pertanyaan no. 3
110 Dari hasil ini dapat dijelaskan bahwa 78% menyatakan bahwa informasi telah disajikan memenuhi kebutuhan, 15% telah menyatakan cukup, sisanya 8% menyatakan belum memenuhi kebutuhan, sehingga dapat dilihat bahwa informasi yang disediakan sudah memenuhi kebutuhan responden. Dalam hal ini dapat dilihat bahwa kategori informasi yang disediakan dalam CD interaktif ini sesuai dengan tingkat pendidikan dari sebagian besar responden. Dengan informasi yang disediakan para responden dapat memenuhi pengetahuan tentang penggunaan website IDI tanpa harus menggunakan sumber informasi tambahan selain CD interaktif ini. 4. Jelaskah anda dengan tampilan grafis aplikasi ini? 70 60 jelas 50 40 30 cukup jelas 20 10 0 Jumlah Orang Kurang Jelas Gambar 4.26 Diagram Pertanyaan no. 4 Dari hasil survei yang ada dapat dijelaskan bahwa 68% menyatakan telah jelas dengan grafis yang telah ada, 27% menyatakan cukup jelas, dan sisanya 15% meyatakan tidak jelas sehingga dapat kita lihat bahwa sebagian responden merasa puas dengan tampilan grafis dari CD interaktif. Hal ini dapat kami simpulkan bahwa teori warna sudah diterapkan. Teori warna dapat membantu memberikan kenyamanan dan menambah unsur ketertarikan dari CD interaktif.
111 5. Menurut anda apakah kekurangan dari aplikasi CD interaktif ini? 50 40 30 20 10 0 Jumlah Orang Gambar pada simulasi pecah pada saat fullscreen Membutuhkan komputer dengan pemrosesan data yang baik Kamus,dan kuis tidak bisa diupdate secara online Gambar 4.27 Diagram Pertanyaan no. 5 Dari hasil survei ini dapat dijelaskan bahwa 47% menyatakan ketidakpuasannya pada gambar simulasi yang pecah diakibatkan resolusi gambar yang kecil pada saat layar program fullscreen, 36% menyatakan ketidakpuasannya karena program ini membutuhkan komputer dengan pemrosesan data yang baik dengan kata lain membutuhkan spesifikasi hardware minimal setara dengan dualcore agar berjalan dengan maksimal dan 17% menyatakan ketidakpuasannya karena kamus dan kuis tidak dapat diupdate secara online. Jadi dapat kami simpulkan bahwa program masih terdapat kekurangan kekurangan yang harus diperbaiki kedepannya dan dikembangkan.
112 6. Menurut anda, Apakah kelebihan CD interaktif ini? 70 60 50 40 30 20 10 0 Jumlah Orang Konsistensi layar sehingga mudah untuk dihafal dan dimengerti Meng g unakan gabungan elemenmultimedia(text, gambar, animasi dan video) Tersedianya fitur kuis, simulasi, dan kamus Gambar 4.28 Diagram Pertanyaan no. 6 Dari hasil survei ini dapat dijelaskan bahwa 15% mengatakan ke konsistensian layar membuat mereka lebih mudah mempelajari aplikasi, 21% menyatakan kelebihan dari aplikasi ini adalah karena adanya gabungan antara elemen gambar, text, animasi, video, dan suara dan 64% meyatakan suka karena terdapat fitur kuis,simulasi dan kamus, karena dapat membantu dalam pembelajaran penggunaan website IDI sehingga dapat disimpulkan bahwa paling banyak dari pada pengguna menyenangi aplikasi ini karena adanya keanekaragaman elemennya.
113 4.4.2 Evaluasi Dari Sisi IMK Evaluasi dari sisi IMK (Interaksi Manusia dan Komputer), didapatkan hasil kuesioner yang disebarkan pada para dokter yang menggunakan website IDI online. Evaluasi dari segi IMK adalah sebagai berikut : 1. Berusaha untuk konsisten Penggunaan jenis tulisan (font), warna, simbol, bentuk tombol, dan tambahan yang ada di CD Interaktif ini konsisten, sehingga pemakai tidak mengalami kesulitan ataupun kendala dalam menggunakannya. 2. Memungkinkan user menggunakan shortcuts CD Interaktif ini tidak dilengkapi shortcuts tetapi telah disediakan tomboltombol yang dapat digunakan dengan mudah untuk mengakses menu yang diinginkan. 3. Memberikan umpan balik yang informatif Pada CD Interaktif ini terdapat umpan balik yang informatif. Misalnya pada menu login text editor, jika pengguna memasukkan id atau password yang salah akan muncul pesan user tidak terdaftar. 4. Merancang dialog yang memberikan penutupan (keadaan akhir) Pada menu login text editor, jika pengguna berhasil login akan masuk ke halaman utama. 5. Memberikan pencegahan kesalahan dan penggulangan yang sederhana Pada menu edit, dilengkapi dengan petunjuk penggunaan menu edit yang berfungsi agar Admin memahami dengan benar cara menggunakan dan mengubah
114 data yang diiperlukan dan juga untuk meminimalisasikan kesalahan yang mungkin terjadi. 6. Memungkinkan pembalikan aksi yang mudah Pada setiap layar dari CD interaktif ini jika ingin kembali ke menu, user dapat mengklik menu statis yang berada di bagian atas. 7. Mendukung pusat kendali internal Pemakai memegang kendali dalam menggunakan CD ini. Jika pemakai ingin keluar dari CD ini ia dapat langsung mengklik tombol keluar yang ada. 8. Mengurangi beban ingatan jangka pendek Menu-menu pada CD ini dirancang singkat agar pemakai tidak mengalami kesulitan dalam mengingat dan memudahkan jika mengakses kembali.