UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Fakultas Ilmu Komputer Skripsi Sarjana Komputer Semester Genap tahun 2005/2006 ANALISA DAN PERANCANGAN KATALOG PRODUK ELEKTRONIK BERBASISKAN MULTIMEDIA PADA PT. ESKANUSA PUTRACO Perry 0600631391 Chairusli 0600649054 William Leonardo 0600655901 Kelas / Kelompok : 08PCT/5 Abstrak TUJUAN PENELITIAN ialah menganalisis dan merancang suatu aplikasi Katalog Produk berbasis multimedia yang diabadikan dalam media Compact Disc (CD). METODE PENELITIAN yang digunakan dalam membuat aplikasi Katalog Produk ini adalah metode analisis dan perancangan. Dalam metode analisis dilakukan pengidentifikasian piranti lunak yang digunakan untuk menunjang pembuatan aplikasi Katalog Produk ini, dan melakukan wawancara serta melakukan survei dengan pembagian kuesioner untuk mendapatkan informasi yang diperlukan. Sedangkan dalam perancangan dilakukan pembuatan struktur menu berupa perancangan hierarki menu, perancangan layar, pembuatan STD, perancangan database dan perancangan ERD. HASIL YANG DICAPAI adalah suatu aplikasi Katalog Produk yang memuat informasi tentang produk dan profil PT. ESKANUSA PUTRACO. Aplikasi Katalog Produk ini berbasis multimedia yang didukung dengan teks, gambar, animasi, suara serta video sehingga memberikan tampilan yang lebih menarik dan interaktif. SIMPULAN yang dapat diambil adalah dengan adanya aplikasi Katalog Produk PT. ESKANUSA PUTRACO berbasiskan multimedia ini maka pelanggan PT. ESKANUSA PUTRACO bisa mendapatkan informasi tentang perusahaan maupun produk dari PT. ESKANUSA PUTRACO secara lengkap, menarik dan interaktif. Kata Kunci : Katalog Product, Multimedia, Compact Disc. iv
PRAKATA Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa atas segala rahmat, berkat dan karunia-nya, sehingga penulis dapat menyelesaikan penulisan skripsi ini dengan baik dan tepat pada waktunya. Pada kesempatan ini, penulis ingin mengucapkan terima kasih yang sedalamdalamnya atas bantuan baik secara moral maupun secara materiil dari berbagai pihak baik secara langsung maupun tidak langsung selama penulisan skripsi ini. Untuk itu penulis ingin mengucapkan terima kasih kepada: 1. Bapak Prof. DR. Gerardus Polla, M.App. Sc., selaku Rektor Universitas Bina Nusantara yang telah memberikan kesempatan kepada kami untuk menuntut ilmu di Universitas Bina Nusantara. 2. Bapak H.M Subekti, BE, M.Sc., selaku Ketua Jurusan Teknik Informatika yang telah memberikan kesempatan dan kepercayaan bagi penulis untuk menyelesaikan skripsi ini. 3. Bapak Agus Prahono, Drs. M.Eng. Sc., selaku dosen pembimbing yang dengan sabar memberikan bimbingan, pengarahan dan saran-saran yang sangat bermanfaat dalam penyusunan skripsi ini. 4. Bapak Jimmi Wiraadmaja, selaku Direktur PT. ESKANUSA PUTRACO yang telah memberikan kesempatan untuk membuat skripsi tentang PT. ESKANUSA PUTRACO. 5. Bapak Herdyan, selaku Supervisor PT. ESKANUSA PUTRACO yang telah meluangkan waktu untuk memberikan informasi dalam penulisan skrpsi ini. v
6. Segenap staf pengajar Fakultas Ilmu Komputer Universitas Bina Nusantara, yang telah memberikan pengetahuan dan pendidikan kepada kami selama kami mengikuti perkuliahan. 7. Orang tua dan seluruh keluarga yang telah memberikan dukungan moril maupun materiil selama menjalani perkuliahan dan penulisan skripsi ini. 8. Rekan-rekan mahasiswa dan berbagai pihak yang tidak dapat disebutkan satu persatu yang telah membantu baik secara langsung maupun tidak langsung selama penulisan skripsi ini. Penulis menyadari sepenuhnya bahwa dalam penulisan skripsi ini masih jauh dari kesempurnaan karena adanya keterbatasan waktu, pengetahuan dan pengalaman. Oleh karena itu, penulis sangat mengharapkan adanya saran dan kritik yang membangun untuk menyempurnakan karya tulis skripsi ini. Akhir kata, penulis berharap agar skripsi yang telah dibuat ini dapat bermanfaat bagi Universitas Bina Nusantara dan pihak-pihak yang membutuhkan sebagai pedoman penelitian maupun pengembangan lebih lanjut. Jakarta, 2006 Penulis vi
DAFTAR ISI Hal Halaman Judul Luar... Halaman Judul Dalam... Halaman Persetujuan Softcover... Abstrak... Prakata... Daftar Isi... Daftar Tabel... Daftar Gambar... i ii iii iv v vii xii xiii BAB 1 PENDAHULUAN... 1.1 Latar Belakang... 1.2 Ruang Lingkup... 1.3 Tujuan dan Manfaat... 1.4 Metode Pengembangan Piranti Lunak... 1.5 Sistematika Penulisan... 1 1 2 2 3 4 BAB 2 LANDASAN TEORI... 2.1 Multimedia... 2.1.1 Sejarah Multimedia... 2.1.2 Pengertian Multimedia... 2.1.3 Elemen Multimedia... 6 6 6 6 7 vii
2.1.4 Aplikasi Multimedia... 2.2 Interaksi Manusia dan Komputer... 2.2.1 Pengertian Interaksi Manusia dan Komputer... 2.2.2 Pedoman Perancangan Antarmuka Pemakai... 2.2.3 Pedoman Penggunaan Warna... 2.2.4 Faktor Manusia Terukur... 2.3 Rekayasa Piranti Lunak... 2.3.1 Pengertian Piranti Lunak... 2.3.2 Pengertian Rekayasa Piranti Lunak... 2.3.3 Daur Hidup Pengembangan Piranti Lunak... 2.4 Sistem Basis Data... 2.5 STD (State Tramsitiom Diagram)... 2.6 ERD (Entity Relationship Diagram)... 2.7 Katalog... 13 15 15 15 17 18 19 19 20 21 24 25 26 28 BAB 3 ANALISIS DAN PERANCANGAN APLIKASI... 3.1 Analisis... 3.1.1 Latar Belakang Perusahaan... 3.1.2 Struktur Organisasi... 3.1.3 Tugas, Wewenang dan Tanggung Jawab... 3.1.4 Sistem Yang Sedang Berjalan... 3.1.5 Masalah yang Sedang Dihadapi... 3.1.6 Usulan Pemecahan Masalah... 29 29 29 30 31 32 33 44 viii
3.2 Perancangan Aplikasi... 3.2.1 Rancangan Hirarki/Struktur Menu... 1. Aplikasi User... a. Rancangan Hirarki Halaman Utama... b. Rancangan Hirarki Halaman Profile... c. Rancangan Hirarki Halaman Product... d. Rancangan Hirarki Halaman Search... e. Rancangan Hirarki Halaman Contact Us... 45 45 45 45 46 46 47 48 f. Rancangan Hirarki Aplikasi User Secara Keseluruhan... 2. Aplikasi Admin... 3.2.2 Rancangan Layar... 1. Rancangan Layar Aplikasi User... a. Layar Intro... b. Layar Halaman Utama... c. Layar Profile... d. Layar Product... e. Layar Product Category... f. Layar Product Sub Category... g. Layar Search... h. Layar Advanced Search... i. Layar Search Reslut... j. Layar Contact Us... 48 50 50 50 51 52 53 54 55 56 57 58 59 60 ix
2. Rancangan Layar Aplikasi Admin... a. Layar Login... b. Layar Maintenance... c. Layar Admin Maintenance... d. Layar Product Category Maintenance... e. Layar Product Sub-Category Maintenance... f. Layar Product Maintenance... 3.2.3 State Transition Diagram (STD)... 1. STD Aplikasi User... a. STD Halaman Utama... b. STD Halaman Profil... c. STD Halaman Product... d. STD Halaman Search... e. STD Halaman Advanced Search... f. STD Halaman Contact Us... 2. STD Aplikasi Admin... a. STD Halaman Login... b. STD Halaman Maintenance... c. STD Halaman Admin Maintenance... d. STD Halaman Product Category Maintenance... e. STD Halaman Product Sub-Category Maintenance... f. STD Halaman Product Maintenance... 3.2.4 Perancangan Database... 61 61 62 63 64 66 67 69 69 69 70 70 71 72 72 73 73 74 75 76 77 78 79 x
3.2.5 Entity Relationship Diagram (ERD)... 3.2.6 Spesifikasi Proses... 83 84 BAB 4 IMPLEMENTASI DAN EVALUASI... 4.1 Implementasi... 4.1.1 Kebutuhan Piranti Keras... 4.1.2 Kebutuhan Piranti Lunak... 4.1.3 Cara Penggunaan Aplikasi... 4.2 Evaluasi... 4.2.1 Evaluasi Kuesioner... 4.2.2 Evaluasi Interaksi Manusia dan Komputer... 111 111 111 112 113 132 132 139 BAB 5 SIMPULAN DAN SARAN... 5.1 Simpulan... 5.2 Saran... 144 144 144 DAFTAR PUSTAKA... RIWAYAT HIDUP... LAMPIRAN... 146 147 150 xi
DAFTAR TABEL Hal Tabel 3.1 Hasil kuesioner awal pertanyaan pertama... Tabel 3.2 Hasil kuesioner awal pertanyaan kedua... Tabel 3.3 Hasil kuesioner awal pertanyaan ketiga... Tabel 3.4 Hasil kuesioner awal pertanyaan keempat... Tabel 3.5 Hasil kuesioner awal pertanyaan kelima... Tabel 3.6 Hasil kuesioner awal pertanyaan keenam... Tabel 3.7 Hasil kuesioner awal pertanyaan ketujuh... Tabel 3.8 Hasil kuesioner awal pertanyaan kedelapan... Tabel 3.9 Hasil perhitungan nilai untuk kuesioner kedelapan... Tabel 3.10 Rancangan database Admin... Tabel 3.11 Rancangan database Category... Tabel 3.12 Rancangan database SubCategory... Tabel 3.13 Rancangan database Product... Tabel 4.1 Hasil kuesioner evaluasi pertanyaan pertama... Tabel 4.2 Hasil kuesioner evaluasi pertanyaan kedua... Tabel 4.3 Hasil kuesioner evaluasi pertanyaan ketiga... Tabel 4.4 Hasil kuesioner evaluasi pertanyaan keempat... Tabel 4.5 Hasil kuesioner evaluasi pertanyaan kelima... Tabel 4.6 Hasil kuesioner evaluasi pertanyaan keenam... 33 34 35 37 38 39 40 41 42 81 81 82 83 132 133 134 135 136 137 xii
DAFTAR GAMBAR Hal Gambar 2.1 Diagram Classic Life Cycle... Gambar 2.2 Gambar State Transition Diagram (STD)... Gambar 2.3 Gambar Entity Relationship Diagram... Gambar 3.1 Struktur Organisasi PT. ESKANUSA PUTRACO... Gambar 3.2 Pie Chart hasil kuesioner awal pertanyaan pertama... Gambar 3.3 Pie Chart hasil kuesioner awal pertanyaan kedua... Gambar 3.4 Pie Chart hasil kuesioner awal pertanyaan ketiga... Gambar 3.5 Pie Chart hasil kuesioner awal pertanyaan keempat... Gambar 3.6 Pie Chart hasil kuesioner awal pertanyaan kelima... Gambar 3.7 Pie Chart hasil kuesioner awal pertanyaan keenam... Gambar 3.8 Pie Chart hasil kuesioner awal pertanyaan ketujuh... Gambar 3.9 Pie Chart hasil kuesioner awal pertanyaan kedelapan... Gambar 3.10 Rancangan Hirarki Halaman Utama... Gambar 3.11 Rancangan Hirarki Halaman Profile... Gambar 3.12 Rancangan Hirarki Halaman Product... Gambar 3.13 Rancangan Hirarki Halaman Search... Gambar 3.14 Rancangan Hirarki Halaman Contact Us... Gambar 3.15 Rancangan Hirarki Aplikasi User Secara Keseluruhan... Gambar 3.16 Rancangan Hirarki Aplikasi Admin... Gambar 3.17 Rancangan Layar Intro... Gambar 3.18 Rancangan Layar Halaman Utama... 23 26 28 30 34 35 36 37 38 39 40 41 45 46 46 47 48 48 50 51 52 xiii
Gambar 3.19 Rancangan Layar Profile... Gambar 3.20 Rancangan Layar Product... Gambar 3.21 Rancangan Layar Product Category... Gambar 3.22 Rancangan Layar Product Sub-Category... Gambar 3.23 Rancangan Layar Search... Gambar 3.24 Rancangan Layar Advanced Search... Gambar 3.25 Rancangan Layar Search Result... Gambar 3.26 Rancangan Layar Contact Us... Gambar 3.27 Rancangan Layar Login... Gambar 3.28 Rancangan Layar Maintenance... Gambar 3.29 Rancangan Layar Admin Maintenance... Gambar 3.30 Rancangan Layar Product Category Maintenance... Gambar 3.31 Rancangan Layar Product Sub-Category Maintenance... Gambar 3.32 Rancangan Layar Product Maintenance... Gambar 3.33 STD Halaman Utama... Gambar 3.34 STD Halaman Profile... Gambar 3.35 STD Halaman Product... Gambar 3.36 STD Halaman Search... Gambar 3.37 STD Halaman Advanced Search... Gambar 3.38 STD Halaman Contact Us... Gambar 3.39 STD Halaman Login... Gambar 3.40 STD Halaman Maintenance... Gambar 3.41 STD Halaman Admin Maintenance... 53 54 55 56 57 58 59 60 61 62 63 64 66 67 69 70 70 71 72 72 73 74 75 xiv
Gambar 3.42 STD Halaman Product Category Maintenance... Gambar 3.43 STD Halaman Product Sub-Category Maintenance... Gambar 3.44 STD Halaman Product Maintenance... Gambar 3.45 Conceptual Database Design... Gambar 3.46 Logical Database Design... Gambar 3.47 ERD Category, Sub-Category dan Product... Gambar 4.1 Layar Intro... Gambar 4.2 Layar Halaman Utama... Gambar 4.3 Layar Profile... Gambar 4.4 Layar Product... Gambar 4.5 Layar Product Category... Gambar 4.6 Layar Product Sub-Category... Gambar 4.7 Layar Search... Gambar 4.8 Layar Advanced Search... Gambar 4.9 Layar Search Result... Gambar 4.10 Layar Contact Us... Gambar 4.11 Layar Login... Gambar 4.12 Layar Maintenance... Gambar 4.13 Layar Admin Maintenance... Gambar 4.14 Layar Product Category Maintenance... Gambar 4.15 Layar Product Sub-Category Maintenance... Gambar 4.16 Layar Product Maintenance... Gambar 4.17 Pie Chart hasil kuesioner evaluasi pertanyaan pertama... 76 77 78 79 80 83 114 115 116 117 118 119 120 121 122 123 124 125 126 127 129 131 133 xv
Gambar 4.18 Pie Chart hasil kuesioner evaluasi pertanyaan kedua... Gambar 4.19 Pie Chart hasil kuesioner evaluasi pertanyaan ketiga... Gambar 4.20 Pie Chart hasil kuesioner evaluasi pertanyaan keempat... Gambar 4.21 Pie Chart hasil kuesioner evaluasi pertanyaan kelima... Gambar 4.22 Pie Chart hasil kuesioner evaluasi pertanyaan keenam... Gambar 4.23 Contoh Layar yang menggunakan shortcut... Gambar 4.24 Contoh Layar yang menggunakan feedback... Gambar 4.25 Contoh Layar yang menggunakan dialog keadaan akhir... Gambar 4.26 Contoh Layar yang menggunakan penanganan kesalahan... 134 135 136 137 138 140 140 141 142 xvi