141 BAB 4 IMPLEMENTASI DAN TAMPILAN LAYAR 4.1 Arsitektur Aplikasi Pengajaran Mata Kuliah Analisa dan Perancangan Sistem Informasi Berbasiskan Multimedia Arsitektur aplikasi pengajaran mata kuliah Analisa dan Perancangan Sistem Informasi ini terdiri dari beberapa komponen, yaitu: Database Digunakan sebagai tempat penyimpanan data, di mana data ini hanya dapat diakses oleh orang yang diberi hak sebagai administrator. Pada database ini disimpan data yang diperlukan dalam pembuatan perangkat ajar seperti data materi, contoh soal, dan latihan pengajaran. Maksud dari penyimpanan data pada database ini adalah untuk kemudahan modifikasi data serta menjamin keamanan data. Aplikasi Konversi Database Merupakan aplikasi yang terpisah dari tampilan yang akan dilihat oleh pengguna. Aplikasi ini berguna untuk mempermudah perawatan data, misalnya penambahan data-data baru, peng-update-an data, serta penghapusan data yang sudah tidak relevan. Dengan adanya aplikasi ini, orang yang bertugas sebagai administrator tidak perlu mengakses database untuk memodifikasi data sehingga integritas serta keamanan data menjadi lebih terjamin.
142 Aplikasi Front-End Merupakan aplikasi utama yang digunakan sebagai front-end kepada pengguna. Secara garis besar aplikasi ini terdiri dari rangkaian informasi yang ditampilkan dengan cara yang interaktif dan menarik, sehingga diharapkan dapat menarik minat pengguna untuk mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi. Pada dasarnya aplikasi animasi interaktif ini dibagi menjadi tiga bagian besar, yaitu bagian animasi pembuka, bagian isi dan bagian penutup. Bagian animasi pembuka terdiri dari rangkaian animasi dan musik yang bertujuan untuk menampilkan gambaran dari isi perangkat ajar secara garis besar serta tentang tujuan dan manfaat dari perangkat ajar ini. Diharapkan dengan adanya animasi pembuka ini, dapat manarik perhatian pengguna untuk menjelajahi aplikasi lebih dalam untuk mendapatkan informasi yang lebih banyak. Berikutnya, bagian isi berisi informasi yang berkaitan tentang materi, contoh soal, latihan yang dapat memberi pengguna pengetahuan lebih untuk mata kuliah Analisa dan Perancangan Sistem Informasi. Bagian penutup berisi konfirmasi sebelum pengguna keluar dari aplikasi, sekaligus penyampaian terima kasih dari pembuat perangkat ajar kepada pihak-pihak yang sudah membantu dalam pembuatan perangkat ajar ini, serta ucapan terima kasih kepada pengguna karena telah meluangkan waktu untuk menjelajah informasi yang ada di dalam perangkat ajar.
143 Application frontend programs Database manager Query Data manipulation language language (DML) Database dbskripsi Application backend programs Gambar 4.1 Arsitektur Aplikasi Pengajaran Mata Kuliah Analisa dan Perancangan Sistem Informasi Berbasiskan Multimedia 4.2 Dukungan Perangkat Keras dan Piranti Lunak dalam Perancangan Aplikasi Perancangan aplikasi pengajaran mata kuliah Analisa dan Perancangan Sistem Informasi didukung oleh komponen perangkat keras (hardware) dan piranti lunak (Software). Adapun spesifikasi dari perangkat keras dan piranti lunak adalah sebagai berikut : a. Perangkat Keras 1) Processor Pentium IV 1,7 GHZ 2) Memory DDR 256 MB
144 3) Harddisk dengan kapasitas 40 GB 4) Video Card G-force IV 128 MB 5) Sound Card Sound Blaster 6) Keyboard 7) Mouse 8) Monitor 9) Digital Camera Digunakan untuk mengambil gambar-gambar lokasi 10) Headset beserta mic Digunakan untuk memasukan suara rekaman ke dalam aplikasi b. Piranti Lunak 1) Adobe Photoshop Digunakan untuk mengedit image yang akan di gunakan dalam aplikasi. 2) SoundForge Digunakan untuk mengedit lagu atau suara yang akan di import ke dalam aplikasi 3) Flash MX Digunakan sebagai sarana pembuatan front-end atau media penyampaian informasi kepada pengguna. 4) Microsoft Acess XP Digunakan sebagai media penyimpanan database 5) Visual Basic 6.0
145 Digunakan sebagai sarana pembuatan Aplikasi yang berguna untuk memindahkan data dari batabase ke file text. 6) Camtasia Studio Digunakan sebagai sarana merekam video untuk materi dan contoh soal. 7) SnagIt Digunakan sebagai sarana untuk mengcapture gambar. 4.3 Dukungan Perangkat Keras dan Piranti Lunak dalam Implementasi Aplikasi Untuk dapat menjalankan aplikasi pengajaran mata kuliah Analisa dan Perancangan Sistem Informasi dibutuhkan perangkat keras atau piranti lunak yang memadai bagi aplikasi tersebut. Spesifikasi perangkat keras atau piranti lunak yang tidak sesuai dapat mengakibatkan aplikasi tidak dapat dijalankan sama sekali. Adapun spesifikasi perangkat keras dan piranti lunak yang disarankan untuk digunakan adalah : a. Perangkat Keras 1) Minimal Processor Pentium II 2) Minimal Memori 16 MB 3) CD ROM 40X 4) Monitor VGA dengan resolusi minimal 800 x 600 High Color 5) Sound Card 16 bit 6) Mouse 7) Speaker
146 8) Monitor b. Piranti Lunak 1) Windows 95, 98, 2000, XP 2) Macromedia Flash Player 3) Camtasia Studio Sedangkan untuk pemeliharaan data pada CD Informasi, maka perangkat lunak yang digunakan adalah : 1) Minimal sistem operasi Windows 98 2) Microsoft Access 2000 3) Microsoft Visual Basic 6.0 4) Macromedia Flash MX 5) Adobe Photoshop 6 4.4 Petunjuk Instalasi Penggunaan CD aplikasi pengajaran mata kuliah Analisa dan Perancangan Sistem Informasi akan didistribusikan melalui media Compact-Disc berkapasitas 700 MB. CD ini bisa beroperasi minimal pada sistem operasi Windows 95. Untuk menggunakannya pada saat pertama kali, maka pengguna harus melakukan langkah-langkah sebagai berikut : 1. Dalam sistem operasi Windows 95, masukkan CD interaktif ini ke dalam CD ROM Drive Anda. 2. Setelah itu program autorun dan akan berjalan otomatis dan animasi awal dijalankan. Jika autorun tidak berkerja, user bisa menjalankan aplikasi CD.exe yang terdapat pada drive CD-ROM tersebut. Untuk Windows 98,
147 2000 dan XP, ketika CD dimasukkan ke dalam CD ROM, program akan dijalankan secara otomatis ( autorun ). Untuk menjalankan secara cepat dari masing masing PC, buat satu folder baru di local disk. Copy semua file exe dan image yang ada di dalam CD ke dalam folder baru tersebut. 4.5 Tampilan Layar Aplikasi 4.5.1 Tampilan Layar Animasi Pembuka Gambar 4.2 Tampilan Layar Animasi Pembuka Saat aplikasi perangkat ajar ini dijalankan, pertama kali akan menampilkan layar animasi pembuka seperti yang terlihat pada Gambar 4.2 di atas ini. Setelah animasi pembuka selesai dijalankan, tampilan akan secara otomatis berpindah ke Layar Main Menu. Jika animasi pembuka tidak ingin dijalankan sampai selesai, tersedia tombol Skip Intro yang berfungsi untuk mengakhiri animasi pembuka dan langsung berpindah ke tampilan layar Main Menu. Tampilan layar Main Menu diperlihatkan pada Gambar 4.3.
148 4.5.2 Tampilan Layar Main Menu Gambar 4.3 Tampilan Layar Main Menu Pada Layar menu utama ini terdapat kata-kata sambutan dan pilihan menu. Pada layar menu utama terdiri dari empat buah menu, yaitu menu Petunjuk, Materi, Tentang Kami dan Keluar. Pada menu Petunjuk akan menuju ke layar Petunjuk. Menu Materi akan menuju ke layar Materi. Menu Tentang Kami akan menuju ke layar Tentang Kami. Menu Keluar akan menuju ke layar Keluar.
149 Untuk mengatur musik, dapat menekan tombol pada sisi kiri bawah digunakan untuk mengaktifkan atau menonaktifkan suara. 4.5.3 Tampilan Layar Petunjuk Gambar 4.4 Tampilan Layar Petunjuk Layar ini berisi petunjuk cara menggunakan perangkat ajar untuk membantu pengguna apabila mengalami kesulitan dalam mengoperasikan perangkat ajar. Pada Layar Petunjuk akan ada keterangan mengenai petunjuk penggunaan perangkat ajar ini secara lisan dan ada tombol video yang menjelaskan langkah-langkah penggunaan perangkat ajar.
150 4.5.4 Tampilan Layar Materi Gambar 4.5 Tampilan Layar Materi Pada layar ini terdapat dua tombol penting yang harus dilewati oleh pengguna untuk mengakses isi dari perangkat ajar ini. Setiap pengguna harus memiliki User Name dan Password. Jika tombol login diklik, maka akan menampilkan sebuah form seperti gambar berikut ini:
151 Gambar 4.6 Tampilan Layar Login Namun jika tombol New User diklik, maka akan tampil form seperti gambar berikut ini: Gambar 4.7 Tampilan Layar New User Setelah pengguna mengisi form ini maka akan tampil layar main course. Tampilannya dapat dilihat pada gambar berikut ini :
152 Gambar 4.8 Tampilan Layar Main Course Pada sebelah kiri layar terdapat sebuah kotak yang berisi namanama materi yang dapat diakses pengguna perangkat ajar. Jika pengguna ingin mengakses materi tersebut, pengguna dapat mengclick salah satu course. Jika satu nama course tersebut telah diclick, maka akan muncul tiga pilihan yaitu materi, contoh soal, dan latihan. Jika Materi didouble click maka akan muncul pilihan apakah anda ingin melihat materi dalam bentuk file1 (swf) atau file2 (avi). Tampilannya dapat dilihat dibawah ini :
153 Gambar 4.9 Layar Materi Course 1.. n (File1) Gambar 4.10 Layar Materi Course 1.. n (File2)
154 Untuk Contoh Soal, jika didoubel klik maka akan menjalankan file contoh soal yang ada, dengan tampilan seperti dibawah ini : Gambar 4.11 Layar Contoh Soal Course 1... n
155 Jika latihan yang diklik oleh pengguna maka akan tampil layar latihan sebagai berikut : Gambar 4.12 Tampilan Layar Latihan
156 Pada layar latihan bila anda ingin melihat petunjuk pengerjaan latihan anda dapat memilih petunjuk yang nantinya akan muncul tampilan layar seperti berikut : Gambar 4.13 Tampilan Layar Petunjuk Latihan
157 Setelah selesai mengerjakan soal latihan maka akan muncul layar hasil latihan sebagai berikut : Gambar 4.14 Tampilan Layar Hasil Latihan Selain itu pada layar Main Course juga terdapat beberapa tombol di bagian bawah seperti tombol Lihat Semua Materi, Pendahuluan, Tutorial Visio, Lihat Nilai, dan Kembali.
158 Berikut ini adalah tampilan layar Lihat Semua Materi yang berupa daftar isi dari seluruh course yang ada pada perangkat ajar ini : Gambar 4.15 Tampilan Layar Lihat Semua Materi
159 Berikut ini adalah tampilan dari layar pendahuluan yang merupakan video penjelasan tentang apa itu Object Oriented Programming : Gambar 4.16 Tampilan Layar Pendahuluan
160 Berikut ini adalah tampilan layar tutorial visio yang merupakan video tentang langkah langkah cara menggambar diagram uml : Gambar 4.17 Tampilan Tutorial Visio
161 Berikut ini adalah tampilan layar Lihat Nilai yang merupakan history nilai dari seorang pengguna: Gambar 4.18 Tampilan Layar Lihat Nilai 4.5.5 Tampilan Layar Tentang Kami Gambar 4.19 Tampilan Layar Tentang Kami
162 Layar ini memperlihatkan nama nama dari tim pengembang aplikasi perangkat ajar ini. 4.6 Tampilan Layar Aplikasi Konversi 4.6.1 Tampilan Layar Login Gambar 4.20 Tampilan Layar Login Setelah administrator mengisikan Nama dan password yang valid, maka administrator dapat memasuki layar menu utama yang digunakan untuk mengatur database dan file. 4.6.2 Tampilan Layar Menu Utama Gambar 4.21 Tampilan Layar Menu Utama
163 Apabila nama dan password valid, maka akan ditampilkan layar menu utama. Menu utama terdiri dari tiga menu yaitu Pendataan, Petunjuk dan Keluar. Gambar 4.22 Tampilan Layar Sub Menu Pendataan Apabila menu Pendataan ditekan maka akan menampilkan sub menu seperti gambar 4.22. Gambar 4.23 Tampilan Layar Sub Menu Petunjuk Apabila menu Petunjuk ditekan maka akan menampilkan sub menu seperti gambar 4.23.
164 4.6.3 Tampilan Layar Pendataan Materi Gambar 4.24 Tampilan Layar Pendataan Materi Layar ini dipergunakan untuk menambah materi baru, mengedit dan menghapus materi yang sudah ada. Jika tombol Tutup diklik maka layar ini akan tertutup. 4.6.4 Tampilan Layar Pendataan Contoh Soal Gambar 4.25 Tampilan Layar Pendataan Contoh Soal
165 Layar ini dipergunakan untuk menambah contoh soal baru, mengedit dan menghapus contoh soal yang sudah ada. Jika tombol Tutup diklik maka layar ini akan tertutup. 4.6.5 Tampilan Layar Pendataan Latihan Gambar 4.26 Tampilan Layar Pendataan Latihan Layar ini dipergunakan untuk menambah Latihan baru, mengedit dan menghapus Latihan yang sudah ada. Jika tombol Tutup diklik maka layar ini akan tertutup.
166 4.6.6 Tampilan Layar Petunjuk Gambar 4.27 Tampilan Layar Petunjuk Layar ini digunakan untuk melihat instruksi cara pemakaian sistem. 4.6.7 Tampilan Layar Tentang Kami Gambar 4.28 Tampilan Layar Tentang Kami Ajar ini. Pada layar ini berisi tentang pembuat aplikasi dari CD Perangkat
167 4.7 Deployment Diagram Processor User Interface Speaker Function Sound Print Control Control Model Gambar 4.29 Deployment Diagram 4.8 Evaluasi Evaluasi yang dilakukan bertujuan untuk mendapat masukan atau feed back mengenai apakah aplikasi yang telah dibuat hasilnya sesuai dengan yang diharapkan, menarik dan yang terpenting apakah materi yang ingin disampaikan dapat diterima dengan baik dan bermanfaat oleh para pengguna. Hasil evaluasi tersebut didapatkan melalui hasil kuesioner yang dibagikan ke mahasiswa Universitas Bina Nusantara. Adapun jumlah responden yang mengisi adalah 120 orang responden. Berikut ini merupakan pertanyaan yang diajukan kepada 120 orang responden tersebut.
168 1. Apakah aplikasi CD perangkat ajar ini mempermudah Anda dalam untuk mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi? Jika tidak, sertakan alasan Anda! Pertanyaan ini diajukan untuk memperoleh informasi apakah materi yang ada di dalam CD perangkat ajar membantu mahasiswa dalam mempelajari mata kuliah Analisa dan Perancangan Sistem Informasi. Dari responden diperoleh jawaban sebagai berikut : Tabel 4.1 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 1 Jawaban Responden Jumlah responden ( orang ) Persentase ( %) a.sudah membantu 62 51.67 b.sudah baik, dapat mempelajari beberapa materi c.kurang membantu karena ada beberapa materi yang tidak ada d.kurang membantu karena penjelasan materi kurang detil e.tidak banyak membantu, diharapkan materinya selengkap mungkin 11 9.16 9 7.5 20 16.67 18 15 15% 51.67% sudah membantu sudah baik, dapat mempelajari beberapa materi 16.67% 7.5% 9.16% kurang membantu karena ada beberapa materi yang tidak ada kurang membantu karena penjelasan materi kurang detil tidak banyak membantu, diharapkan materinya selengkap mungkin Grafik 4.1 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 1
169 Dari hasil kuesioner tersebut 62 responden (51.67%) menjawab materi dari perangkat ajar sudah membantu dan 11 responden (9,16%) sudah baik, oleh karena itu dapat diambil kesimpulan bahwa secara keseluruhan materi yang terdapat di dalam CD perangkat ajar sudah membantu responden dalam mempelajari materi mata kuliah Analisa dan Perancangan Sistem Informasi. 2. Menurut Anda apakah kekurangan dari CD perangkat ajar ini? ( Jawaban bisa lebih dari satu ). Pertanyaan ini diajukan untuk memperoleh informasi tentang kendala kendala apa saja yang dialami oleh mahasiswa pada saat mempelajari materi yang ada di dalam CD perangkat ajar ini, baik dari segi informasi itu sendiri ataupun dari segi kemudahan pemakaian dalam mempelajari materi secara lebih cepat. Dari responden diperoleh jawaban sebagai berikut : Tabel 4.2 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 2 Jawaban responden Jumlah responden Persentase (orang) (%) a. program kurang portable (hanya bisa 58 48.33 digunakan di komputer saja) b. materi yang ada kurang lengkap 44 36.67 c. kurangnya animasi sehingga agak 18 15 membosankan
170 36.67% 15% 48.33% Program kurang portable (hanya bisa digunakan di komputer saja) materi kurang lengkap kurangnya penggunaan animasi Grafik 4.2 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 2 Dari hasil kuesioner pertanyaan No. 2, 58 responden (48.33%) mengalami kesulitan untuk mengakses materi semacam itu jika hanya bisa digunakan melalui media komputer, ada juga yang merasakan materinya kurang lengkap (44 responden, 36,67%) dan sebanyak 18 responden (15%) mengatakan bahwa dalam kekurangan dalam CD perangkat ajar ini adalah kurangnya penggunaan animasi sehingga agak membosankan dalam pembelajaran. 3. Menurut Anda apakah kelebihan dari CD perangkat ajar ini? ( Jawaban bisa lebih dari satu ). Pertanyaan ini diajukan untuk memperoleh informasi apa saja yang menjadi kelebihan dari CD informasi ini, baik dari segi informasi materinya itu sendiri, tampilan yang menarik, kemudahan dalam pemakaian, dan sebagainya.
171 Tabel 4.3 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 3 Jawaban Responden a. tampilan yang konsisten antara satu layar dengan lainnya b. pemakaian icon icon yang menarik dan mudah dimengerti c. materi yang disajikan sangat membantu d.navigasi yang mudah dalam mengakses materi e. tampilan unik, mudah untuk diingat Jumlah Responden (orang) Persentase (%) 46 38.33 33 27.5 20 16.67 12 10 9 7.5 7.5% 38.3% tam pilan yang konsisten 10% 16.67% pemakaian icon yang menarik materi yang disajikan sangat membantu navigasi yang mudah dalam mempelajari materi 27.5% tampilan unik Grafik 4.3 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 3 Sebanyak 46 responden (38.33%) mengatakan bahwa tampilan CD konsisten, pemakaian icon icon yang ada di CD juga menarik (33 responden, 27.5%). Kemudian materi yang ada juga amat membantu,
172 navigasi yang mudah (12 responden, 10%) dan tampilan yang unik (9 responden, 7.5%) Dari hasil kuesioner di atas dapat disimpulkan bahwa CD perangkat ajar ini memiliki tampilan yang konsisten antara layar yang satu dengan yang lainnya, pemakaian icon yang menarik sehingga memudahkan responden dalam menggunakan navigasi dan pengaksesan materi secara cepat, serta tampilan yang unik memudahkan mahasiswa untuk mengingat apa yang sudah pernah dipelajarinya.