PEMBUATAN APLIKASI MEDIA PEMBELAJARAN PEMROGRAMAN DASAR BERBASIS 3D (3 DIMENSI) MENGGUNAKAN UNITY DAN BLENDER

Transkripsi

1 PEMBUATAN APLIKASI MEDIA PEMBELAJARAN PEMROGRAMAN DASAR BERBASIS 3D (3 DIMENSI) MENGGUNAKAN UNITY DAN BLENDER TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata I Teknik Informatika Universitas Muhammadiyah Malang Oleh : Nasyiatul Ula JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015

2 Lembar Persetujuan PEMBUATAN APLIKASI MEDIA PEMBELAJARAN PEMROGRAMAN DASAR BERBASIS 3D (3 DIMENSI) MENGGUNAKAN UNITY DAN BLENDER Nasyiatul IIla 20r Tugas Akhir Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Strata I Teknik Informatika Universitas Muhammadiyah Malang Malang, 14 Agustus 2015 Menyetujui, NIDN: NIDN: i ts

3 Lembar Pengesahan PEMBUATAN APLIKASI MEDIA PEMBELAJARAN PEMROGRAMAN DASAR BERBASIS 3D (3 DIMENSI) MENGGUNAKAN UNITY DAN BLENDER Tugas Akhir Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata I Teknik Informatika Universitas Muhammadtyah Malang Disusun oleh : Nasyiatul IJla Tugas Akhir ini telah diuji dan dinyatakan lulus oleh tim penguji pada tanggal : 26 Agustus 2015 Menyetujui, Ali Sofoan Kholimi. S.Kom. M.Kom NIDN: NIDN : , ts

4 WNasyiatul Ula LEMBAR PERNYATAAN Yang bertanda tangan di bawah ini: NAMA : NASYIATUL ULA NIM : FAK. / JUR. : TEKMK / TEKNIK INFORMATIKA Dengan ini saya menyatakan bahwa Tugas Akhir dengan judul PEMBUATAN APLIKASI MEDIA PEMBELAJARAN PEMROGRAMAN DASAR BERBASIS 3D (3 DIMENSI) MENGGUNAKAN UNITY DAN BLENDER beserta seluruh isinya adalah karya saya sendiri dan bukan merupakan karya tulis orang lain, baik sebagian maupun seluruhnya, kecuali dalam bentuk kutipan yang telah disebutkan sumbernya. Demikian surat pemyataan ini saya buat dengan sebenar-benamya. Apabila kemudian ditemukan adanya pelanggaran terhadap etika keilmuan dalam karya saya ini, atau ada klaim dari pihak lain terhadap keaslian karya saya ini maka saya siap menanggung segala bentuk resiko/sanksi yang berlaku. Mengetahui, Dosen Pembimbing Malang, l4 Agustus 2015 Yang Membuat Pernyataan NIDN : NIM : (,

5 KATA PENGANTAR Puji syukur kehadirat Allah SWT atas limpahan rahmat dan hidayah-nya yang terus mengalir kepada umat manusia, khususnya kepada penulis sehingga penulis dapat menyelesaikan tugas akhir yang berjudul Pembuatan Aplikasi Media Pembelajaran Pemrograman Dasar Berbasis 3d (3 Dimensi) Menggunakan Unity Dan Blender sesuai dengan waktu yang ditetapkan. Shalawat serta salam semoga terlimpah kepada teladan kita nabi Muhammad SAW serta pengikutnya sampai akhir zaman. Dalam kesempatan ini, penulis ingin mengimplementasi ilmu yang didapat selama kuliah dalam bidang pendidikan sehingga apa yang penulis ciptakan dapat bermanfaat bagi generasi penerus yang dapat menghasilkan karya-karya yang lebih bagus lagi. Sebagai manusia tentunya tidak pernah lepas dari salah dan khilaf. Begitu juga penelitian yang ditulis pada karya tulis ini, di dalamnya terdapat kesalahan baik yang disengaja maupun tidak disengaja. Oleh karena itu peneliti terbuka terhadap saran dan kritik yang membangun dari berbagai pihak yang akan menjadi catatan dan perhatian penulis untuk memperbaiki dan mengembangkan karya tulis ini. Penulis berharap semoga tugas akhir ini dapat bermanfaat dan berguna bagi peneliti sendiri dan bagi semua pihak. Malang, 1 Oktober 2015 Penulis v

6 DAFTAR ISI ABSTRAK... i ABSTRACT... ii LEMBAR PERSEMBAHAN... iii KATA PENGANTAR... v DAFTAR ISI... vi DAFTAR GAMBAR... viii DAFTAR TABEL... xi DAFTAR DIAGRAM... xii BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuan Batasan Masalah Metodologi Sistematika Penulisan... 4 BAB II LANDASAN TEORI Media Pembelajaran Interaktif Multimedia Konsep Tiga Dimensi (3D) Struktur Dasar Algoritma Pemrograman Dasar Struktur Dasar Program Tipe Data dan Operator Konstanta Variabel Operator Fungsi Output/Input Percabangan Perulangan Array Unity vi

7 2.7 Blender Bahasa C BAB III ANALISA DAN PERANCANGAN SISTEM Analisa Sistem Konsep (Concept) Materi Pembahasan Perancangan Proses Sistem Perancangan Struktur Navigasi Diagram Alir (Flowchart) Perancangan State Transition Diagram (STD) User Interface Perancangan Storyboard BAB IV IMPLEMENTASI DAN PENGUJIAN Implementasi Sistem Implementasi Menu Utama Implementasi Pembelajaran Struktur Algoritma Dasar Implementasi Pembelajaran Struktur Dasar Program Implementasi Pembelajaran Tipe Data dan Operator Implementasi Pembelajaran Percabangan Implementasi Pembelajaran Perulangan Implementasi Pembelajaran Array Implementasi Source Code Pengujian Sistem Perancangan Pengujian Pengujian Pengujian Pengujian Kuisioner BAB V PENUTUP Kesimpulan Saran DAFTAR PUSTAKA vii

8 DAFTAR GAMBAR Gambar 2.1 Titik Koordinat Tiga Dimensi (3D) Gambar 3.1 Struktur Navigasi pada Menu Utama Gambar 3.2 Struktur Navigasi pada Materi Struktur Dasar Algoritma Gambar 3.3 Struktur Navigasi pada Struktur Dasar Program Gambar 3.4 Struktur Navigasi pada Materi Tipe Data dan Operator Gambar 3.5 Struktur Navigasi pada Menu Percabangan Gambar 3.6 Struktur Navigasi pada Menu Perulangan Gambar 3.7 Struktur Navigasi pada Menu Array Gambar 3.8 Flowchart Menu Utama Gambar 3.9 Flowchart Materi Algoritma Dasar Gambar 3.10 Flowchart Materi Struktur Dasar Pemrograman Gambar 3.11 Flowchart Materi Tipe Data dan Operator Gambar 3.12 Flowchart Materi Percabangan Gambar 3.13 Flowchart Materi Perulangan Gambar 3.14 Flowchart Materi Array Gambar 3.15 State Transition Diagram Materi Struktur Dasar Algoritma Gambar 3.16 State Transition Diagram Materi Struktur Dasar Program Gambar 3.17 State Transition Diagram Materi Tipe Data dan Operator Gambar 3.18 State Transition Diagram Materi Percabangan Gambar 3.19 State Transition Diagram Materi Perulangan Gambar 3.20 State Transition Diagram Materi Array Gambar 3.21 User Interface Menu Utama Gambar 3.22 User Interface Deskripsi Algoritma Gambar 3.23 User Interface Macam-Macam Algoritma Dasar Gambar 3.24 User Interface Langkah 1 Struktur Sekuensial Gambar 3.25 User Interface Langkah 2 Struktur Sekuensial Gambar 3.26 User Interface Langkah 3 Struktur Sekuensial Gambar 3.27 User Interface Langkah 4 Struktur Sekuensial Gambar 3.28 User Interface Langkah 5 Struktur Sekuensial viii

9 Gambar 3.29 User Interface Pengenalan Struktur Dasar Program Gambar 3.30 User Interface Pengenalan Bentuk Struktur Dasar Program Gambar 3.31 User Interface Pengenalan Pengenalan Fungsi Input/Output Gambar 3.32 User Interface Materi Tipe Data Gambar 3.33 User Interface Simulasi Tipe Data Gambar 3.34 User Interface Operator Gambar 3.35 User Interface Materi Percabangan Gambar 3.36 User Interface Jenis Code Percabangan Gambar 3.37 User Interface Langkah 1 Simulasi Percabangan Gambar 3.38 User Interface Langkah 2 Simulasi Percabangan Gambar 3.39 User Interface Langkah 3 Simulasi Percabangan Gambar 3.40 User Interface Langkah 4 Simulasi Percabangan Gambar 3.41 User Interface Materi Perulangan Gambar 3.42 User Interface Macam-Macam Perulangan Gambar 3.43 User Interface Simulasi Perulangan Gambar 3.44 User Interface Materi Array Gambar 3.45 User Interface Macam-Macam Array Gambar 3.46 User Interface Simulasi Array 1 Dimensi Gambar 3.47 User Interface Array 2 Dimensi (Multi Dimensi) Gambar 4.1 Implementasi Menu Utama Gambar 4.2 Implementasi Pembelajaran Struktur Algoritma Dasar Gambar 4.3 Definisi Algoritma Gambar 4.4 Macam-Macam Struktur Algoritma Dasar Gambar 4.5 Implementasi Langkah 1 Struktur Sekuensial Gambar 4.6 Implementasi Langkah 2 Struktur Sekuensial Gambar 4.7 Implementasi Langkah 3 Struktur Sekuensial Gambar 4.8 Implementasi Langkah 4 Struktur Sekuensial Gambar 4.9 Implementasi Langkah 5 Struktur Sekuensial Gambar 4.10 Implementasi Pembelajaran Struktur Dasar Program Gambar 4.11 Penjelasan Struktur Dasar Program pada Pemrograman Dasar Gambar 4.12 Contoh Bentuk Dasar Program Gambar 4.13 Contoh Penjelasan Bentuk Dasar Program ix

10 Gambar 4.14 Penjelasan dari fungsi Input/Output Gambar 4.15 Implementasi Pembelajaran Tipe Data dan Operator Gambar 4.16 Penjelasan Tipe Data dan Operator pada Pemrograman Dasar Gambar 4.17 Tahap Awal Simulasi Variabel dan Tipe Data Gambar 4.18 Simulasi Variabel Bertipe Data Integer Gambar 4.19 Simulasi Variabel Bertipe Data Float Gambar 4.20 Simulasi Variabel Bertipe Data Double Gambar 4.21 Simulasi Variabel Bertipe Data Char Gambar 4.22 Simulasi Variabel Bertipe Data String Gambar 4.23 Penggunaan Operator pada Pemrograman Dasar Gambar 4.24 Implementasi Pembelajaran Percabangan Gambar 4.25 Penjelasan Percabangan pada Pemrograman Dasar Gambar 4.26 Contoh Bentuk Percabangan Gambar 4.27 Langkah 1 Simulasi Percabangan Gambar 4.28 Langkah 2 Simulasi Percabangan Gambar 4.29 Langkah 3 Simulasi Percabangan Gambar 4.30 Implementasi Pembelajaran Perulangan Gambar 4.31 Penjelasan Perulangan pada Pemrograman Dasar Gambar 4.32 Contoh Bentuk Perulangan Gambar 4.33 Simulasi Perulangan Gambar 4.34 Implementasi Pembelajaran Array pada Pemrograman Dasar Gambar 4.35 Penjelasan Array pada Pemrograman Dasar Gambar 4.36 Contoh Bentuk Array Gambar 4.37 Simulasi Array Gambar 4.38 Source Code Main Menu Gambar 4.39 Source Code Load Scene Gambar 4.40 Source Code World Camera Gambar 4.41 Source Code Autotyping Gambar 4.42 Source Code Drag & Drop Object Gambar 4.43 Source Code untuk Menampilkan Macam-Macam Algoritma. 62 x

11 DAFTAR TABEL Tabel 2.1 Macam-Macam Tipe Data, Bentuk, Deklarasi dan Contoh Tabel 2.2 Macam-Macam Operator, Arah Proses dan Jenjangnya Tabel 3.1 Storyboard Halaman Utama Tabel 3.2 Storyboard Halaman Materi Tabel 4.1 Pengujian Tampilan Halaman Menu Utama Tabel 4.2 Pengujian Tampilan Halaman Struktur Algoritma Dasar Tabel 4.3 Pengujian Tampilan Halaman Struktur Dasar Program Tabel 4.4 Pengujian Tampilan Halaman Tipe Data dan Operator Tabel 4.5 Pengujian Tampilan Halaman Percabangan Tabel 4.6 Pengujian Tampilan Halaman Perulangan Tabel 4.7 Pengujian Tampilan Halaman Array xi

12 DAFTAR DIAGRAM Diagram 4.1 Gambar Diagram Pernah Mengenal, Mengetahui / Mendengar tentang Aplikasi Media Pembelajaran Pemrograman Dasar Berbasis 3D Diagram 4.2 Aplikasi ini sudah Dikatakan sebagai Media Pembelajaran Interaktif Berbasis 3D Diagram 4.3 Aplikasi dapat Menambah Wawasan User dalam Materi Pemrograman Dasar Diagram 4.4 Aplikasi dapat Mempermudah User dalam Memahami Media Pembelajaran Pemrograman Dasar Berbasis 3D Diagram 4.5 Aplikasi dapat Menarik Minat User untuk Mempelajari Materi Pemrograman Dasar xii

13 DAFTAR PUSTAKA Arsyad, Azhar Media Pembelajaran. PT. Rajagrafindo Persada : Jakarta. Binanto, Iwan Multimedia Digital Dasar Teori dan Pengembangannya. C.V Andi Offset (Penerbit Andi) : Yogyakarta Darmawan H., Erico Pemrograman Dasar C-JAVA-C# yang Susah Jadi Mudah. Penerbit Informatika : Bandung. Hasrul Langkah-Langkah Pengembangan Pembelajaran Multimedia Interaktif, Jurnal MEDTEK Volume 2 Nomor 1. Jurusan Pendidikan Teknik Elektro Fakultas Teknik Universitas Negeri Makassar : Makassar. Jogiyanto H.M Konsep Dasar Pemrograman Bahasa C. C.V Andi Offset (Penerbit Andi) : Yogyakarta. Marshal, D Introduction to Multimedia. Multimedia/node1.html diakses pada tanggal 5 Juli Nugraha, Jevri Setia. Wimiliana. Kurniasari, Dian Pembuatan Media Pembelajaran Pengenalan Tata Surya dan Exoplanet dengan Menggunakan Unity Untuk Sekolah Menengah Pertama, Jurnal Komputasi Volume 1 Nomor 1 Halaman Jurusan Ilmu Komputer FMIPA Universitas Lampung : Lampung. Pressman, Roger S Rekayasa Perangkat Lunak Pendekatan Praktisi (Buku I). McGraw-Hill Book Co. Dan C.V Andi Offset (Penerbit Andi) : Yogyakarta. SMK Nahdlatul Ulama Balikpapan Pengertian Animasi 2D dan Animasi 3D. diakses pada tanggal 11 Maret Vaughan, T Multimedia: Making It Work, Edisi ke-6. McGraw-Hill Companies : New York. Vaughan, Tay Multimedia: Making It Work. edu.jo/academics/halrefai/uploads/chapter1pdf.pdf diakses pada tanggal 5 Juli Wikipedia Dimensi. diakses pada tanggal 11 Maret

14 Wikipedia Blender (software). Blender_(software) diakses pada tanggal 11 Maret Wikipedia Unity (game engine). Unity_(game_engine) diakses pada tanggal 11 Maret