UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Progam Studi Ilmu Komputer Skripsi Sarjana Komputer Semester Ganji l tahun 2004/2005 ANALISIS DAN PERANCANGAN KIOS INFORMASI PADA CV.CAHAYA MUTIARA BERBASIS MULTIMEDIA Glend Baryanto Agoes (0500604906) Budi Seti awan Harsalim (0500604912) Abstrak Kelas/Kelompok : 08PCT Pembuatan kios informasi ini diharapkan dapat memberikan informasi dengan cepat, menari k, jelas, mudah, dan lengkap bagi para pengunjung yang datang ke CV.Cahaya Muti ara. Metode peneli ti an yang di gunakan adalah metode anali sis yai tu berupa anali si s si stem yang sedang berjalan, metode studi pustaka, dan juga m etode perancangan. Kios informasi berbasiskan multimedia yang dihasilkan mempunyai tampilan yang menari k dan beri si i nformasi mengenai CV.Cahaya Muti ara seperti showroom, fasi li tas, jeni s, denah, enter tai nmai nt, dan lai nnya. Dengan adanya kios informasi ini diharapkan dapat mempermudah pengunjung dalam memperoleh informasi seputar CV.Cahaya Mutiara. Kata kunci Kios informasi, CV.Cahaya Mutiara, Multimedia v
PRAKATA Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa atas rahmat-nya dan bimbingan-nya sehingga kami dapat menyelesaikan skripsi ini. Skripsi ini merupakan karya tulis yang dibuat sebagai syarat untuk menyelesaikan program studi S1 (Strata satu) jurusan Teknik Informatika pada Universitas Bina Nusantara. Kami juga menyadari masih terdapat kekurangan dan kelemahan dalam penyusunan dan penyelesaian skripsi ini, maka dalam kesempatan ini kami ingin menyampaikan terima kasih atas segala dukungan dan bantuan terutama pada: 1. Bapak Envermy Vem, M.Sc. selaku rektor Universitas Bina Nusantara. 2. Bapak Freddy Purnomo, S.Kom, M.Kom selaku dosen pembimbing yang telah banyak memberikan bimbingan dalam penyusunan skripsi ini. 3. Bapak H. Moh Subekti, M.Sc. selaku ketua Jurusan Teknik Informatika. 4. Pihak CV. Cahaya Mutiara yang memberikan data-data kepada kami selama penyusunan skripsi ini. 5. Orang tua dan teman-teman yang telah memberikan dukungan dalam menyelesaikan skripsi ini. 6. Dan semua pihak yang telah banyak membantu dalam pembuatan skripsi ini. Jakarta, Juni 2005 Penulis vi
DAFTAR ISI Halaman Judul Luar...i Halaman Judul Dalam... ii Halaman Persetujuan Hardcover..iii Halaman Pernyataaan Dewan Penguji... iv Abstrak.. v Prakata...vi Daftar Isi... vii Daftar Tabel... xi Daftar Gambar xii Daftar Lampiran.xiv BAB 1 PENDAHULUAN. 1 1.1 Latar Belakang.. 1 1.2 Ruang Lingkup..2 1.3 Tujuan dan Manfaat.. 2 1.4 Metodologi 3 1.5 Sistematika Penulisan... 4 BAB 2 LANDASAN TEORI. 5 2.1 Multimedia 5 2.1.1 Pengertian Multimedia.. 5 2.1.2 Elemen-elemen Multimedia.. 6 2.1.3 Jenis Aplikasi Multimedia 9 2.2 Interaksi Manusia dan Komputer.. 10 vii
2.2.1 Pengertian Antarmuka (User interface) 10 2.2.2 Pengertian Interaksi Manusia dan Komputer 11 2.2.3 Faktor-faktor Manusia yang Harus Diperhatikan. 11 2.2.4 Delapan Aturan Utama Perancangan 13 2.2.5 Piranti Masukan 14 2.2.6 Piranti Keluaran 15 2.3 Rekayasa Piranti Lunak 16 2.3.1 Pengertian Piranti Lunak...16 2.3.2 Pengertian Rekayasa Piranti Lunak...17 2.3.3 Pemodelan Rekayasa Piranti Lunak..19 2.3.3.1 The Classic life Cycle.19 2.3.3.2 Prototyping.21 2.3.3.3 Model Spiral...22 2.3.3.4 Teknik Generasi Keempat (4 GT)..22 2.4 State Trantition Diagram (STD)...23 2.4.1 Pengertian State Trantition Diagram.23 2.4.2 Komponen-komponen yang Digunakan dalam STD 23 2.5 Database.26 2.5.1 Pengertian Database.. 26 2.5.2 Database Flat dan Database Relational. 26 2.6 Kios Informasi...27 2.6.1 Pengertian Kios Informasi.27 2.6.2 Manfaat Kios Informasi.28 2.6.3 Rancangan bangun fisik kios informasi... 28 viii
BAB 3 ANALISIS DAN PERANCANGAN KIOS INFORMASI...29 3.1 Riwayat CV.Cahaya Mutiara....29 3.1.1 Sejarah CV.Cahaya Mutiara.....29 3.1.2 Struktur Organisasi CV.Cahaya Mutiara.. 30 3.2 Analisis Kios Informasi.31 3.2.1 Gambaran Masalah yang di Hadapi 31 3.2.2 Permasalahan yang Timbul dari Masyarakat.. 35 3.2.3 Pemecahan Masalah 35 3.3 Perancangan Kios Informasi. 36 3.3.1 Diagram Hierarki...37 3.3.2 State Transition Diagram (STD)...43 3.3.3 Perancangan Layar 51 3.3.4 Spesifikasi Proses. 63 3.3.5 Perancangan Database.. 70 BAB 4 IMPLEMENTASI DAN EVALUASI... 73 4.1 Spesifikasi Perangkat Keras dan Piranti Lunak 73 4.2 Pengoperasian Kios Informasi.. 74 4.2.1 Layar Pembuka. 78 4.2.2 Layar Menu Utama... 75 4.2.3 Layar Menu Showroom... 77 4.2.4 Layar Menu Denah 79 4.2.5 Layar Menu Fasilitas.80 4.2.6 Layar Menu Jenis aksesoris.. 81 4.2.7 Layar Menu Entertainment 83 ix
4.2.8 Layar Menu Pemeliharaan Database 85 4.2.9 Layar Menu Input Mobil...86 4.2.10 Layar Menu Input Motor...87 4.2.11 Layar menu Input Aksesoris..88 4.2.12 Layar Password Database. 89 4.3 Evaluasi.. 91 4.3.1 Evaluasi terhadap kuisoner 91 4.3.2 Evaluasi IMK. 96 4.3.3 Evaluasi Kinerja Sistem..98 BAB 5 KESIMPULAN DAN SARAN..99 5.1 Kesimpulan...... 99 5.2 Saran...100 Daftar Pustaka...101 Daftar Riwayat Hidup... 103 Lampiran-Lampiran : Kuisioner Perancangan Kios Informasi CV.Cahaya Mutiara Berbasis Multimedia. L1 Listing program.l5 Surat Keterangan Perusahaan x
Daftar Tabel Tabel 3.1 Hasil kuisioner 31 Tabel 3.2 Diagram hirarki Kios Informasi.37 Tabel 3.3 Tabel STD kios informasi..43 Tabel 3.4 Spesifikasi Tabel mobil..70 Tabel 3.5 Spesifikasi Tabel motor..71 Tabel 3.6 Spesifikasi Tabel aksesoris.71 xi
Daftar Gambar Gambar 3.1 The Classical Lifecycle. 19 Gambar 3.2 Struktur Organisasi CV.Cahaya Mutiara...30 Gambar 3.3 Diagram Hierarki Menu Pembuka..37 Gambar 3.4 Diagram Hierarki Menu utama...38 Gambar 3.5 Diagram Hierarki Menu Showroom...39 Gambar 3.6 Diagram Hierarki Menu Fasilitas 40 Gambar 3.7 Diagram Hierarki Menu Jenis Kendaraan...40 Gambar 3.8 Diagram Hierarki Menu denah 41 Gambar 3.9 Diagram Hierarki Menu Entartainment..41 Gambar 3.10 Diagram Hierarki Menu Panduan.. 42 Gambar 3.11 Diagram Hierarki Menu Pemeliharaan 42 Gambar 3.12 State Transition Diagram Menu pembuka...44 Gambar 3.13 State Transition Diagram Menu Utama..44 Gambar 3.14 State Transition Diagram Menu Showroom 46 Gambar 3.15 State Transition Diagram Menu Fasilitas 47 Gambar 3.16 State Transition Diagram Menu Jenis Aksesoris.48 Gambar 3.17 State Transition Diagram Menu Denah Lokasi 49 Gambar 3.18 State transition Diagram Menu Entertainment 50 Gambar 3.19 State Transition Diagram Menu Pemeliharaan Database 50 Gambar 3.20 Rancangan Layar Menu Pembuka... 51 Gambar 3.21 Rancangan Layar Menu Utama..52 xii
Gambar 3.22 Rancangan Layar Menu Showroom...53 Gambar 3.23 Rancangan Layar Menu Denah......54 Gambar 3.24 Rancangan Layar Menu Fasilitas..55 Gambar 3.25 Rancangan Layar Menu Jenis Aksesoris 56 Gambar 3.26 Rancangan Layar Menu Entertainment. 57 Gambar 3.27 Rancangan Layar Menu Admin Database.58 Gambar 3.28 Rancangan Layar Input Mobil 59 Gambar 3.29 Rancangan Layar Input Motor 60 Gambar 3.30 Rancangan Layar Input Aksesoris..61 Gambar 3.31 Rancangan Layar Menu Password Database...62 Gambar 4.1 Layar pengoprasian...74 Gambar 4.2 Layar Splash Screen..75 Gambar 4.3 Layar Menu Utama...76 Gambar 4.4 Layar Menu Showroom 77 Gambar 4.5 Layar Menu Denah...79 Gambar 4.6 Layar Menu Fasilitas 80 Gambar 4.7 Layar Menu Aksesoris.81 Gambar 4.8 Layar Menu Entertainment..83 Gambar 4.9 Layar Menu Pemilihan Database...85 Gambar 4.10 Layar Menu Input Edit Mobil...86 Gambar 4.11 Layar Menu Input Edit Motor...87 Gambar 4.12 Layar menu Input Edit Aksesoris.88 Gambar 4.13 Layar Menu Utama Dan Admin Password Database..89 xiii
Daftar Lampiran 1. Kuisioner..L1 1. Form Utama.L4 2. Form Main Menu L4 3. Form Admin L4 4. Form Edit Database Mobil..L5 5. Form Edit Database Aksesoris...L6 6. Form Edit Database Motor.L7 7. Form Showroom.L8 8. Form Aksesoris..L9 9. Form Masuk Aksesoris.L10 10. Form List Aksesoris.L11 11. Form Denah..L12 12. Form Entertainment.L13 13. Form Fasilitas...L13 14. Form Masuk Mobil..L13 15. Form Mobil List.L14 16. Form Masuk Motor...L15 17. Form Musik L16 18. Form Input Password.L16 19. Form Video L17 20. Form Main Menu..L18 xiv