UNIVERSITAS BINA NUSANTARA. Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil tahun

Transkripsi

1 UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil tahun ANALISA DAN PERANCANGAN PERANGKAT AJAR MODELING DAN ANIMASI 3D BERBAS IS KAN MULTIMEDIA UNTUK JURUS AN DKV UN IVERS ITAS BINA NUS ANTARA Abstrak Herman Yani Ricky Wijaya Ruby Maurandya Kelas/Kelompok : 09 MAT/01 Perkembangan dan penggunaan teknologi grafik tiga dimensi (3D) semakin mewabah dimana dapat dilihat dengan banyaknya peminat, lapangan kerja yang berhubungan dengan grafik, dan proyek-proyek seni maupun advertisement. Berdasarkan itu, Universitas Bina Nusantara membuka kesempatan bagi mahasiswanya untuk belajar grafis 3D dari salah satu materi yang diajarkan Jurusan Desain Visual Komunikasi. Untuk merepresentasikan obyek secara tiga dimensi yang utuh diperlukan empat tahap, yaitu modeling, material, animasi dan rendering. Tahap yang berpengaruh besar terhadap pembuatan obyek tiga dimensi terletak pada tahap Modeling dan Animasi. Maka tujuan dari skripsi ini adalah menganalisa kebutuhan dan minat belajar mahasiswa DKV dan merancang suatu perangkat ajar mengenai 3D yang ditekankan pada Modeling dan Animasi sehingga mempermudah penyampaian bahan pembelajaran, menarik, interaktif, dan efektif. Metode yang digunakan terbagi menjadi dua bagian yaitu tahap analisis dengan pengumpulan data dan tahap perancangan State Transistion Diagram dan rancangan layar. Dari hasil pengimplementasian dan evaluasi perangkat ajar ini diketahui bahwa perangkat ajar ini cukup mudah dan efektif penggunaannya. Adanya fitur Simulator menjadikan perangkat ajar ini suatu media pembelajaran yang menarik. Simpulan yang didapat setelah melalui analisa dan perancangan serta hasil implementasi dan evaluasi adalah bahwa perangkat ajar ini membantu mahasiswa DKV dalam mempelajari dan memahami Modeling dan Animasi 3D karena berisi teori yang cukup lengkap bagi pemula, mudah digunakan, sebagai sumber informasi dan pembelajaran alternatif dan berpotensi sebagai salah satu metode pembelajaran yang baru dan efektif. Kata Kunci Perangkat Ajar, Modeling dan Animasi 3D, Mahasiswa DKV vii

2 PRAKATA Puji dan syukur kami panjatkan kepada Tuhan Yang Maha Esa atas berkat rahmat dan bimbingan-nya sehingga kami dapat menyelesaikan penulisan skripsi ini tepat pada waktunya. Skripsi yang berjudul ANALISA DAN PERANCANGAN PERANGKAT AJAR MODELING D AN AN IMAS I 3D BERBAS IS KAN MULTIMED IA UNTUK JURUSAN DKV UNIVERSITAS BINA NUSANTARA ini disusun untuk memenuhi persyaratan dalam menyelesaikan jenjang studi Strata-1 jurusan Teknik Informatika pada Universitas Bina Nusantara. Selama penyusunan skripsi ini, kami menyadari banyaknya halangan dan hambatan yang kami hadapi. Oleh karena itu, dalam kesempatan ini kami menyampaikan rasa terima kasih dan penghargaan yang setinggi-tingginya kepada semua pihak yang telah membantu dan mendukung kami dari awal hingga akhir penyusunan skripsi ini, yaitu kepada : 1. Prof. Dr. Gerardus Polla, M.App.Sc., selaku Rektor Universitas Bina Nusantara. 2. Bapak Felix Oktarianto S.Kom., MM., selaku Dosen Pembimbing Skripsi yang telah memberikan dukungan serta arahan demi terselesaikannya skripsi ini. 3. Bapak H. Mohammad Subekti, BE, M.Sc. selaku Kepala Jurusan Teknik Informatika yang telah memberikan saran dalam pembuatan skripsi ini serta para dosen Universitas Bina Nusantara yang selama ini, baik secara langsung maupun tidak langsung telah memberikan pengarahan dan bimbingan selama kuliah maupun dalam proses penyelesaian skripsi ini. viii

3 4. Kedua orang tua dan saudara-saudara kami yang senantiasa memberikan dukungan moril dan materiil. 5. Universitas Bina Nusantara, khususnya Bapak Drs. Lintang Widyokusumo, MFA selaku Kepala Jurusan Desain Komunikasi Visual yang telah memberikan kesempatan dan izin untuk melakukan survei dan memberikan informasiinformasi yang aktual dalam penyusunan skripsi ini. 6. Teman-teman kami yang tidak dapat kami sebutkan satu persatu, yang secara langsung maupun tidak langsung telah memberikan bantuan dan dukungan selama proses penyelesaian skripsi kami. 7. Dan berbagai pihak lainnya yang telah membantu kami selama proses penyelesaian skripsi ini. Kami menyadari bahwa dalam penulisan skripsi ini masih terdapat banyak kekurangan. Oleh karena itu, dengan kerendahan hati kami sangat menghargai segala saran dan kritik yang membangun untuk penyempurnaan skripsi ini. Akhir kata, kami berharap agar skripsi ini dapat bermanfaat bagi pembaca dan pihak-pihak lain yang membutuhkan. Jakarta, Februari 2007 Penulis ix

4 DAFTAR ISI Halaman Judul Luar Halaman Judul Dalam Halaman Persetujuan Hardcover Halaman Persetujuan Dewan Penguji Abstrak Prakata iii iv vii viii DAFTAR ISI...x DAFTAR TABEL... xvii DAFTAR GAMBAR... xviii BAB 1 PENDAHULUAN Latar Belakang Ruang Lingkup Tujuan dan Manfaat Metodologi Penelitian Sistematika Penulisan... 6 BAB 2 LANDASAN TEORI Teori Umum Multimedia Pengertian Multimedia...7 x

5 Komponen-komponen Multimedia Aplikasi Multimedia Tujuan dan Pengunaan Multimedia Interaksi Manusia dan Komputer Pengertian Interaksi Manusia dan Komputer Eight Golden Rules of User Interface Rekayasa Piranti Lunak Pengertian Piranti Lunak Karakteristik Piranti Lunak Pengertian Rekayasa Piranti Lunak Paradigma Piranti Lunak Waterfall Model Teori Khusus Konsep Dasar Perangkat Ajar Pengertian Perangkat Ajar Tujuan Perangkat Ajar Jenis-jenis Perangkat Ajar Komponen-komponen Perangkat Ajar Perancangan Perangkat Ajar Pengertian Computer Graphics Pengertian Interactive Computer Graphics Representasi Obyek 3D Dalam Grafik Komputer Konsep Dasar 3D Modeling D Obyek dan Komponen Tipe 3D Modeling...31 xi

6 2.2.3 State Transtion Diagram (STD) Extensible Markup Language (XML) Pengertian XML Bagian-bagian dari Dokumen XML Metode Penelitian Teknik Pengumpulan Data Skala Pengukuran Desain Komunikasi Visual...39 BAB 3 ANALISA DAN PERANCANGAN PERANGKAT AJAR Latar Belakang Universitas Sejarah Universitas Sejarah Jurusan DKV Universitas Bina Nusantara Analisa Pembuatan Perangkat Ajar Gambaran Umum Modeling dan Animasi 3D Kurikulum Desain Komunikasi Visual Analisa Sistem dan Kebutuhan Perangkat Ajar Permasalahan Pemecahan Masalah Perancangan Piranti Lunak Diagram hirarki Diagram Intro Diagram Menu Utama Diagram Menu Materi...60 xii

7 Diagram Menu Modeling Diagram Menu Material Diagram Menu Animation Diagram Menu Rendering Diagram Menu Link & Referensi Diagram Menu Studi Kasus State Transition Diagram STD Intro STD Menu Utama STD Introduksi STD Materi STD Modeling STD Material STD Animation STD Rendering STD Link & Referensi STD Studi Kasus STD Pertanyaan STD Contoh STD Simulator STD 12 Prinsip Animasi STD Konfirmasi STD Konfirmasi Rancangan Layar...77 xiii

8 Rancangan Layar Intro Rancangan Layar Menu Utama Rancangan Layar Introduksi Rancangan Layar Materi Rancangan Layar Menu Materi Modeling Rancangan Layar Menu Materi Material Rancangan Layar Menu Materi Animation Rancangan Layar Menu Materi Rendering Rancangan Layar Link & Referensi Rancangan Layar Studi Kasus Rancangan Layar Pertanyaan Rancangan Layar Contoh Rancangan Layar Simulator Rancangan Layar 12 Prinsip Animasi Rancangan Layar Konfirmasi Rancangan Layar Evaluasi Perancangan XML...99 BAB 4 IMPLEMENTASI DAN EVALUASI Implementasi Perangkat Ajar Perangkat Pengembangan Perangkat Ajar Modeling dan Animasi 3D Spesifikasi Perangkat Lunak Pengembangan Spesifikasi Perangkat Keras Pengembangan xiv

9 4.2 Spesifikasi untuk Menjalankan Perangkat Ajar Spesifikasi Perangkat Keras untuk Menjalankan Perangkat Ajar Spesifikasi Perangkat Lunak untuk Menjalankan Perangkat Ajar Cara Pengoperasian Perangkat Ajar 3D Modeling Tampilan Layar Intro Tampilan Layar Menu Utama Tampilan Layar Introduksi Tampilan Layar Materi Tampilan Layar Materi Modeling Tampilan Layar Materi Material Tampilan Layar Materi Animation Tampilan Layar Materi Rendering Tampilan Layar Link & Referensi Tampilan Layar Studi Kasus Tampilan Layar Pertanyaan Tampilan Layar Konfirmasi Evaluasi Program BAB 5 KESIMPULAN DAN SARAN Kesimpulan Saran xv

10 DAFTAR PUSTAKA RIWAYAT HIDUP LAMPIRAN-LAMPIRAN FOTOCOPY SURAT SURVEY xvi

11 DAFTAR TABEL Tabel 3.1 Tabel Kurikulum Desain Komunikasi Visual Tabel 3.2 Kecukupan Waktu Belajar Tabel 3.3 Tipe Pembelajaran Tabel 3.4 Masalah Utama Belajar Tabel 3.5 Materi 3D Tabel 3.6 Piranti Lunak 3D Tabel 3.7 Sumber Informasi Tabel 3.8 Benchmark Tabel 4.1 Tabel Kuisioner Umum Tabel 4.2 Tabel Kuisioner Design Interface Tabel 4.3 Tabel Kuisioner Navigasi Tabel 4.4 Tabel Kuisioner Sound/suara Tabel 4.5 Tabel Kuisioner Content/isi Tabel 4.6 Tabel Kuisioner Video Tabel 4.7 Tabel Kuisioner Simulator xvii

12 DAFTAR GAMBAR Gambar 2.1 Classic Life Cycle Gambar 2.2 Bidang Cartesian 2D Gambar 2.3 Bidang Cartesian 3D Gambar 2.4 Objek 2 dimensi Gambar 2.4 Objek 3 dimensi Gambar 3.1 Diagram Kecukupan Waktu Belajar 3D Gambar 3.2 Diagram Tipe Pembelajaran Gambar 3.3 Diagram Masalah Utama Belajar Gambar 3.4 Diagram Materi 3D Gambar 3.5 Diagram Piranti Lunak 3D Gambar 3.6 Diagram Sumber Informasi Gambar 3.7 Diagram Intro Gambar 3.8 Diagram Menu Utama Gambar 3.9 Diagram Menu Materi Gambar 3.10 Diagram Menu Modeling Gambar 3.11 Diagram Menu Material Gambar 3.12 Diagram Menu Animation Gambar 3.13 Diagram Menu Rendering Gambar 3.14 Diagram Menu Link & Referensi Gambar 3.15 Diagram Menu Studi Kasus Gambar 3.16 STD Intro xviii

13 Gambar 3.17 STD Menu Utama Gambar 3.18 STD Introduksi Gambar 3.19 STD Materi Gambar 3.20 STD Modeling Gambar 3.21 STD Material Gambar 3.22 STD Animation Gambar 3.23 STD Rendering Gambar 3.24 STD Link & Referensi Gambar 3.25 STD Studi Kasus Gambar 3.26 STD Pertanyaan Gambar 3.27 STD Contoh Gambar 3.28 STD Simulator Gambar 3.29 STD 12 Prinsip Animasi Gambar 3.30 STD Konfirmasi Gambar 3.31 STD Evaluasi Gambar 3.32 Rancangan Layar Intro Gambar 3.33 Rancangan Layar Menu Utama Gambar 3.34 Rancangan Layar Introduksi Gambar 3.35 Rancangan Layar Materi Gambar 3.36 Rancangan Layar Menu Materi Modeling Gambar 3.37 Rancangan Layar Menu Materi Material Gambar 3.38 Rancangan Layar Menu Materi Animation Gambar 3.39 Rancangan Layar Menu Materi Rendering Gambar 3.40 Rancangan Layar Link & Referensi xix

14 Gambar 3.41 Rancangan Layar Studi Kasus Gambar 3.42 Rancangan Layar Pertanyaan Gambar 3.43 Rancangan Layar Contoh Gambar 3.44 Rancangan Layar Simulator Gambar 3.45 Rancangan Layar 12 Prinsip Animasi Gambar 3.46 Rancangan Layar Konfirmasi Gambar 3.47 Rancangan Layar Evaluasi Gambar 4.1 Tampilan Layar Intro Gambar 4.2 Tampilan Layar Menu Utama Gambar 4.3 Tampilan Layar Introduksi Gambar 4.4 Tampilan Layar Materi Gambar 4.5 Tampilan Layar Materi Modeling Gambar 4.6 Tampilan Layar Materi Modeling Simulator Gambar 4.7 Tampilan Layar Materi Modeling Contoh Gambar 4.8 Tampilan Layar Materi Material Gambar 4.9 Tampilan Layar Materi Material Simulator Gambar 4.10 Tampilan Layar Materi Material Contoh Gambar 4.11 Tampilan Layar Materi Animation Gambar 4.12 Tampilan Layar Materi Animation Simulator Gambar 4.13 Tampilan Layar Materi Animation Contoh Gambar 4.14 Tampilan Layar Materi Animation 12 Prinsip Animasi Gambar 4.15 Tampilan Layar Materi Rendering Gambar 4.16 Tampilan Layar Materi Rendering Simulator Gambar 4.17 Tampilan Layar Materi Rendering Contoh xx

15 Gambar 4.18 Tampilan Layar Evaluasi Gambar 4.19 Tampilan Layar Link & Referensi Gambar 4.20 Tampilan Layar Studi Kasus Gambar 4.21 Tampilan Layar Pertanyaan Gambar 4.22 Tampilan Layar Konfirmasi Gambar 4.23 Diagram Kuesioner Umum Gambar 4.24 Diagram Kuesioner Design Interface Gambar 4.25 Diagram Kuesioner Navigasi Gambar 4.26 Diagram Kuesioner Suara Gambar 4.27 Diagram Kuesioner Content isi Gambar 4.28 Diagram Kuesioner Video Gambar 4.29 Diagram Kuesioner Simulator xxi

16 DAFTAR TABEL Tabel 3.1 Tabel Kurikulum Desain Komunikasi Visual 45 Tabel 3.2 Kecukupan Waktu Pembelajaran di Perkuliahan 47 Tabel 3.3 Tipe Pembelajaran 48 Tabel 3.4 Masalah Utama Belajar 49 Tabel 3.5 Materi 3 D 50 Tabel 3.6 Piranti Lunak 3D 51 Tabel 3.7 Sumber Informasi 52 Tabel 3.8 Benchmark 55 Tabel 4.1 Tabel Kuesioner Umum 126 Tabel 4.2 Tabel Kuesioner Design Interface 128 Tabel 4.3 Tabel Kuesioner Navigasi 129 Tabel 4.4 Tabel Kuesioner Suara/Sound 130 Tabel 4.5 Tabel Kuesioner Content isi 132 Tabel 4.6 Tabel Kuesioner Video 134 Tabel 4.7 Tabel Kuesioner Simulator 136 xvi