Perancangan Dan Implementasi Animasi Interaktif Dua Dimensi Sistem Tata Surya Untuk Paud Almalia School

PERANCANGAN DAN IMPLEMENTASI ANIMASI INTERAKTIF DUA DIMENSI
SISTEM TATA SURYA UNTUK PAUD ALMALIA SCHOOL

DESIGN AND IMPLEMENTATION OF 2D INTERACTIVE ANIMATION OF SOLAR
SYSTEMS FOR EARLY CHILDHOOD EDUCATION IN ALMALIA SCHOOL
PROYEK AKHIR
Disusun sebagai salah satu syarat untuk memperoleh Gelar Sarjana Terapan
Pada Program Studi S1 Teknologi Rekayasa Multimedia
Fakultas Ilmu Terapan Universitas Telkom
Oleh :
Indah Permata Yanda
7708164069
PROGRAM STUDI S1 TEKNOLOGI REKAYASA MULTIMEDIA
FAKULTAS ILMU TERAPAN
UNIVERSITAS TELKOM
2020
LEMBAR PENGESAHAN
Proyek Akhir dengan judul :

PERANCANGAN DAN IMPLEMENTASI ANIMASI INTERAKTIF DUA DIMENSI SISTEM
TATA SURYA UNTUK PAUD ALMALIA SCHOOL
DESIGN AND IMPLEMENTATION OF 2D INTERACTIVE ANIMATION OF SOLAR SYSTEMS
FOR EARLY CHILDHOOD EDUCATION IN ALMALIA SCHOOL
Oleh :
Indah Permata Yanda
7708164069
Telah diterima dan disahkan sebagai salah satu syarat untuk memperoleh gelar
Sarjana Terapan
Pada Program Studi S1 Teknologi Rekayasa Multimedia Universitas Telkom
Bandung, 13 Agustus 2020
Menyetujui,
Pembimbing 1 Pembimbing 2
Anang Sularsa, S.T., M.T. Fitri Susanti, S.T., M.T.

NIP. 14700002 NIP. 09840040
Mengetahui,
Ketua Program Studi
Teknologi Rekayasa Multimedia
Fitri Susanti, S.T., M.T.

NIP. 09840040
i
LEMBAR PERNYATAAN ORISINALITAS
Nama : Indah Permata Yanda
NIM : 7708164069
Alamat : Jl. Kulin No.63, Kel. Padang Tiakar, Kec.Payakumbuh Timur,
Kota Payakumbuh, Sumatera Barat, 26232.
No. Tlp : 082118298113
Email : indahyanda@gmail.com
Menyatakan bahwa proyek akhir ini merupakan karya orisinil saya sendiri, dengan judul :
PERANCANGAN DAN IMPLEMENTASI ANIMASI INTERAKTIF DUA DIMENSI

SISTEM TATA SURYA UNTUK PAUD ALMALIA SCHOOL
DESIGN AND IMPLEMENTATION OF 2D INTERACTIVE ANIMATION OF SOLAR SYSTEMS

FOR EARLY CHILDHOOD EDUCATION IN ALMALIA SCHOOL
Atas pernyataan ini, saya siap menanggung resiko/sanksi yang dijatuhkan kepada saya apabila
dikemudian hari ditemukan adanya pelanggaran terhadap kejujuran akademik atau etika keilmuan
dalam karya ini, atau ditemukan bukti yang menunjukkan ketidakaslian karya ini.
Bandung, 11 Agustus 2020
FOTO
Indah Permata Yanda

NIM. 7708164069
ii
LEMBAR PERSEMBAHAN
Laporan proyek akhir ini saya persembahkan kepada orang tua saya dan seluruh kerabat saudara
yang telah mendukung saya dalam pengerjaan proyek akhir ini.
Dalam pengerjaan proyek akhir ini saya selalu termotivasi dengan motto :
“Hidup ini seperti sepeda, agar tetap seimbang kau harus terus bergerak, Tidak penting
seberapa lambat kau melaju, selagi kau tidak berhenti”
iii
Kata Pengantar
Assalaamu’alaikum Wr. Wb.
Salam Sejahtera,
Puji syukur kehadirat Allah SWT karena atas kehendak-Nya penulis dapat menyelesaikan
proyek akhir yang berjudul “Perancangan dan Implementasi Animasi Interaktif Dua Dimensi
Sistem Tata Surya untuk PAUD Almalia School” sebagai syarat untuk menyelesaikan Program
Sarjana Terapan pada Jurusan Teknologi Rekayasa Multimedia, Fakultas Ilmu Terapan,
Universitas Telkom Bandung.
Selama pelaksanaan Proyek Akhir ini, terdapat banyak hambatan dan keterbatasan dalam
penyusunan dan penyelesaian. Oleh karena itu, dengan selesainya Proyek Akhir ini perkenankan
penulis mengucapkan terima kasih kepada:
1. Dr. Arfianto Fahmi, S.T., M.T sebagai Dekan Fakultas Ilmu Terapan Universitas Telkom.
2. Fitri Susanti, S.T., M.T sebagai Ketua Program Studi Teknologi Rekayasa Multimedia.
3. Anang Sulastra, S.T., M.T dan Fitri Susanti, S.T., M.T yang telah membimbing dan
memberikan saran dalam penulisan skripsi ini.
4. Oldona Oktavia selaku teman kelompok yang telah sabar dan berjuang bersama dalam
penyusunan proyek akhir ini.
5. Keluarga tercinta, terutama orangtua penulis yang sudah memberikan dukungan moril dan
materi serta sabar menunggu putri tercintanya untuk menyelesaikan pendidikan S1 Terapan.
6. Serta sahabat-sahabat tercinta yang tidak dapat disebutkan satu per satu.
Laporan proyek akhir ini masih memiliki kekurangan, oleh karena itu penulis
mengharapkan segala kritik dan saran untuk menyempurnakan laporan proyek akhir ini. Penulis
juga berharap laporan proyek akhir ini dapat dikembangkan lebih baik di masa mendatang.
Semoga penulisan laporan proyek akhir ini dapat bermanfaat bagi penulis dan juga tentunya para
pembaca.
Wassalamualaikum Wr.Wb.
Bandung, 19 Mei 2020
Indah Permata Yanda
iv
Abstrak
Hal yang menjadi kendala dalam melaksanakan pendidikan pada anak usia dini yaitu
keterbatasan media pembelajaran serta kendala pengajar atau guru dalam menyampaikan materi
pembelajaran secara visual dan fleksibel agar dapat dimengerti oleh siswa. Hal yang sama juga
terjadi pada pengajar di PAUD Almalia School. Pengajar di Almalia School mengalami kesulitan
dalam menyediakan alat peraga yang dapat memvisualkan materi terutama dalam proses belajar
mengajar sistem tata surya. Oleh karena itu untuk mempermudah guru dalam menyediakan alat
peraga dalam proses belajar mengajar maka dibuatlah sebuah media pembelajaran berupa aplikasi
pembelajaran animasi interaktif dua dimensi berbasis PC (Personal Computer) untuk mempelajari
sistem tata surya. Animasi pembelajaran ini menggabungkan antara audio, video animasi, gambar
dan musik dalam menjelaskan sistem tata surya untuk anak didik usia 3-4 tahun. Animasi 2D pada
aplikasi ini terdapat pada Menu Belajar dan terdiri dari 3 fitur utama yaitu fitur pengenalan planet,
fitur bentuk asli planet dan fitur informasi detail planet. Selain itu aplikasi ini juga dilengkapi
dengan menu hadits dan doa untuk menjelaskan doa atau dalil alquran yang relevan dengan materi
pelajaran pada Menu Belajar. Adapun software yang digunakan dalam pembuatan animasi
interaktif dua dimensi ini adalah Adobe Illustrator sebagai editing grafis, Adobe After Effect
sebagai pembuat animasi dan editing audio, serta Unity untuk pembuatan aplikasi. Berdasarkan
penelitian, study literatur, dan wawancara yang telah dilakukan maka perancangan dan pembuatan
aplikasi dilakukan dengan menggunakan metode Godfrey atau dikenal dengan metode MDLC.
Pengujian aplikasi pembelajaran animasi interaktif dua dimensi dilakukan dengan metode
blackbox dan User Acceptance Test dengan menggunakan kuesioner. Pengujian ini dilakukan
terhadap pengguna yaitu pengajar di Almalia School. Hasil dari pengujian ini menunjukan bahwa
82% responden menjawab sangat setuju bahwa animasi 2D pada aplikasi ini bersifat interaktif dan
menarik, serta dapat membantu dan mempermudah guru atau pengajar kelas Playgroup B dalam
kegiatan belajar mengajar di Almalia School.
Kata kunci: animasi interaktif dua dimensi, metode godfrey, media pembelajaran, sistem tata surya
Keyword: two-dimensional interactive animation, godfrey method, learning media, solar system
v
Daftar Isi
LEMBAR PENGESAHAN ............................................................................................................. i
LEMBAR PERNYATAAN ORISINALITAS ............................................................................... ii
Kata Pengantar ............................................................................................................................... iv
Abstrak ............................................................................................................................................ v
BAB 1 ............................................................................................................................................. 1
PENDAHULUAN .......................................................................................................................... 1
1.1 Latar Belakang ................................................................................................................. 1
1.2 Rumusan Masalah ............................................................................................................ 2
1.3 Tujuan............................................................................................................................... 2
1.4 Ruang Lingkup Proyek Akhir .......................................................................................... 3
1.5 Metodologi Pengerjaan .................................................................................................... 3
1.6 Rencana Jadwal Pengerjaan ............................................................................................. 5
BAB 2 ............................................................................................................................................. 6
TINJAUAN PUSTAKA ................................................................................................................. 6
5.1 Solusi-Solusi yang Pernah Ada Sebelumnya ................................................................... 6
5.2 Teori Penunjang ............................................................................................................... 7
2.2.1 Media Pembelajaran.................................................................................................. 7
2.2.2 Animasi ..................................................................................................................... 8
2.2.3 Multimedia Interaktif ................................................................................................ 9
2.2.4 Adobe Ilustrator ...................................................................................................... 10
2.2.5 After Effect ............................................................................................................. 10
2.2.6 Unity ....................................................................................................................... 11
2.2.7 Audacity .................................................................................................................. 11
vi
2.2.8 User Acceptance Test ............................................................................................. 11
2.2.9 Blackbox Testing .................................................................................................... 12
2.2.10 Storyboard ............................................................................................................... 12
2.2.11 Use case Diagram ................................................................................................... 13
2.2.12 Activity Diagram .................................................................................................... 14
BAB 3 ........................................................................................................................................... 17
METODOLOGI PENELITIAN.................................................................................................... 17
3.1 Analisa Kebutuhan ......................................................................................................... 17
3.2 Metodologi Pengerjaan .................................................................................................. 18
3.2.1 Konsep (Concept) ................................................................................................... 18
3.2.2 Desain (Design) ...................................................................................................... 19
3.2.3 Pengumpulan Material Asset (Material Collecting) ............................................... 60
3.2.4 Pembuatan (Assembly) ............................................................................................ 68
3.2.5 Pengujian (Testing) ................................................................................................. 81
3.2.6 Distribusi (Distribution).......................................................................................... 81
3.3 Rencana Jadwal Pengerjaan ........................................................................................... 82
BAB 4 ........................................................................................................................................... 83
IMPLEMENTASI DAN PENGUJIAN ........................................................................................ 83
4.1 Implementasi .................................................................................................................. 83
4.1.1 Implementasi Tampilan Menu Utama Aplikasi ...................................................... 83
4.1.2 Implementasi Tampilan Splash Screen Menu Belajar ............................................ 84
4.1.3 Implementasi Tampilan Menu Belajar.................................................................... 86
4.1.4 Implementasi Tampilan Pengenalan Planet ............................................................ 86
4.1.5 Implementasi Tampilan Planet Asli ........................................................................ 88
vii
4.1.6 Implementasi Tampilan Informasi Detail Planet .................................................... 90
4.1.7 Implementasi Tampilan Menu Utama Hadits dan Doa......................................... 128
4.1.8 Implementasi Tampilan Hadits dan Doa............................................................... 129
4.2 Pengujian ...................................................................................................................... 130
4.2.1 Pengujian Fungsionalitas Tampilan Menu Utama Aplikasi ................................. 130
4.2.2 Pengujian Fungsionalitas Tampilan Menu Belajar ............................................... 133
4.2.3 Pengujian Fungsionalitas Tampilan Pengenalan Planet ....................................... 135
4.2.4 Pengujian Fungsionalitas Tampilan Planet Asli ................................................... 137
4.2.5 Pengujian Fungsionalitas Tampilan Informasi Detail Planet................................ 139
4.2.6 Pengujian Fungsionalitas Tampilan Menu Utama Hadits dan Doa ...................... 141
4.2.7 Pengujian Fungsionalitas Tampilan Hadits dan Doa ............................................ 143
4.2.8 Metode User Acceptance Test .............................................................................. 146
BAB 5 ......................................................................................................................................... 161
Kesimpulan dan Saran ................................................................................................................ 161
5.1 Kesimpulan................................................................................................................... 161
5.2 Saran ............................................................................................................................. 161
Daftar Pustaka ............................................................................................................................. 162
Lampiran ..................................................................................................................................... 164
Lampiran A: Gambar Proses Pembuatan Animasi 2D Informasi Detail Planet .................... 164
Lampiran B: Hasil Kuesioner Google Form .......................................................................... 167
Lampiran C: Waktu Pelaksanaan Proyek Akhir ..................................................................... 174
viii
Daftar Gambar
Gambar 1.5.1 Metode Multimedia Development Life Cycle (MDLC) .......................................... 5
Gambar 3.2.1 Use case Aplikasi Pembelajaran Sistem Tata Surya .............................................. 19
Gambar 3.2.2 Activity Diagram Menu Utama Aplikasi Luar Angkasa ....................................... 23
Gambar 3.2.3 Activity Diagram Menu Belajar ............................................................................. 24
Gambar 3.2.4 Activity Diagram Menu Hadits dan Doa ............................................................... 26
Gambar 3.2.5 Proses Pembuatan Asset 2D Karakter Astronot. .................................................... 69
Gambar 3.2.6 Proses Pembuatan Asset 2D Splash Screen Doa ................................................... 69
Gambar 3.2.7 Proses Pembuatan Asset GUI (Graphical User Interface) ..................................... 70
Gambar 3.2.8 Proses Pembuatan Asset 2D Karakter Planet ......................................................... 71
Gambar 3.2.9 Proses Pembuatan Asset 2D Hadits dan Doa ......................................................... 72
Gambar 3.2.10 Proses Pembuatan Asset 2D Animasi .................................................................. 72
Gambar 3.2.11 Proses Pembuatan Video Bumper Logo Developer ............................................. 73
Gambar 3.2.12 Proses Pembuatan Animasi 2D Splash Screen Doa ............................................. 74
Gambar 3.2.13 Proses Pembuatan Animasi 2D Informasi Detail Planet ...................................... 75
Gambar 3.2.14 Proses Pembuatan Tampilan Menu Utama Aplikasi Luar Angkasa .................... 76
Gambar 3.2.15 Proses Pembuatan Splash Screen Doa Menu Belajar .......................................... 77
Gambar 3.2.16 Proses Pembuatan Tampilan Menu Belajar ......................................................... 77
Gambar 3.2.17 Proses Pembuatan Tampilan Pengenalan Planet .................................................. 78
Gambar 3.2.18 Proses Pembuatan Tampilan Planet Asli ............................................................. 79
Gambar 3.2.19 Proses Pembuatan Tampilan Informasi Detail Planet .......................................... 79
Gambar 3.2.20 Proses Pembuatan Tampilan Menu Utama Hadits dan Doa ................................ 80
Gambar 3.2.21 Proses Pembuatan Tampilan Hadits dan Doa ...................................................... 81
ix
Gambar 4.1.1 Implementasi Tampilan Menu Utama Aplikasi Luar Angkasa ............................. 83
Gambar 4.1.2 Implementasi Tampilan Splash Screen Menu Belajar ........................................... 84
Gambar 4.1.3 Implementasi Tampilan Menu Belajar ................................................................... 86
Gambar 4.1.4 Implementasi Tampilan Menu Belajar ................................................................... 87
Gambar 4.1.5 Implementasi Tampilan Planet Asli ....................................................................... 88
Gambar 4.1.6 Implementasi Tampilan Informasi Detail Planet ................................................... 90
Gambar 4.1.7 Implementasi Tampilan Menu Hadits dan Doa ................................................... 129
Gambar 4.1.8 Implementasi Tampilan Hadits dan Doa .............................................................. 130
x
Daftar Tabel
Tabel 2.2.1 Keterangan Simbol Use Case .................................................................................... 13
Tabel 2.2.2 Keterangan Simbol Activity Diagram ....................................................................... 15
Tabel 3.1.1 Analisa Kebutuhan Sistem Dalam Pembuatan Aplikasi ............................................ 17
Tabel 3.2.1 Deskripsi Use case Menu Belajar .............................................................................. 20
Tabel 3.2.2 Deskripsi Use case Menu Hadits dan Doa ................................................................. 20
Tabel 3.2.3 Deskripsi Use case Fitur Pengaturan Musik Latar Belakang .................................... 22
Tabel 3.2.4 Storyboard Animasi Splash Screen Doa .................................................................... 27
Tabel 3.2.5 Storyboard Animasi Informasi Detail Matahari ........................................................ 28
Tabel 3.2.6 Storyboard Animasi Informasi Detail Planet Merkurius ........................................... 30
Tabel 3.2.7 Storyboard Animasi Informasi Detail Planet Venus.................................................. 32
Tabel 3.2.8 Storyboard Animasi Informasi Detail Planet Bumi ................................................... 34
Tabel 3.2.9 Storyboard Animasi Informasi Detail Satelit Bulan .................................................. 38
Tabel 3.2.10 Storyboard Animasi Informasi Detail Planet Mars.................................................. 41
Tabel 3.2.11 Storyboard Animasi Informasi Detail Planet Jupiter ............................................... 43
Tabel 3.2.12 Storyboard Animasi Informasi Detail Planet Saturnus ............................................ 45
Tabel 3.2.13 Storyboard Animasi Informasi Detail Planet Uranus .............................................. 47
Tabel 3.2.14 Storyboard Animasi Informasi Detail Planet Neptunus .......................................... 49
Tabel 3.2.15 Storyboard Menu Utama Aplikasi ........................................................................... 50
Tabel 3.2.16 Storyboard Splash Screen Menu Belajar ................................................................. 51
Tabel 3.2.17 Storyboard Menu Belajar ......................................................................................... 52
Tabel 3.2.18 Storyboard Halaman Pengenalan Planet .................................................................. 53
Tabel 3.2.19 Storyboard Halaman Planet Asli.............................................................................. 54
Tabel 3.2.20 Storyboard Halaman Informasi Detail ..................................................................... 56
xi
Tabel 3.2.21 Storyboard Menu Utama Hadits dan Doa ................................................................ 59
Tabel 3.2.22 Storyboard Tampilan Hadits dan Doa ..................................................................... 60
Tabel 3.2.23 Pengumpulan Material Tampilan UI (User Interface) Aplikasi .............................. 61
Tabel 3.2.24 Material Vektor Objek Planet dan Benda-benda Luar Angkasa.............................. 63
Tabel 3.2.25 Material Gambar Planet Asli ................................................................................... 65
Tabel 4.1.1. Implementasi Animasi Splash Screen Doa ............................................................... 84
Tabel 4.1.2 Implementasi Animasi Informasi Detail Matahari .................................................... 91
Tabel 4.1.3 Implementasi Animasi Informasi Detail Planet Merkurius ....................................... 94
Tabel 4.1.4 Implementasi Animasi Informasi Detail Planet Venus.............................................. 98
Tabel 4.1.5 Implementasi Animasi Informasi Detail Planet Bumi ............................................. 102
Tabel 4.1.6 Implementasi Animasi Informasi Detail Satelit Bulan ............................................ 108
Tabel 4.1.7 Implementasi Animasi Informasi Detail Planet Mars.............................................. 113
Tabel 4.1.8 Implementasi Animasi Informasi Detail Planet Jupiter ........................................... 116
Tabel 4.1.9 Implementasi Animasi Informasi Detail Planet Saturnus ........................................ 119
Tabel 4.1.10 Implementasi Animasi Informasi Detail Planet Uranus ........................................ 123
Tabel 4.1.11 Implementasi Animasi Informasi Detail Planet Neptunus .................................... 125
Tabel 4.2.1 Pengujian Tampilan Menu Utama Aplikasi............................................................. 130
Tabel 4.2.2 Pengujian Tampilan Menu Belajar .......................................................................... 133
Tabel 4.2.3 Pengujian Tampilan Pengenalan Planet ................................................................... 135
Tabel 4.2.4 Pengujian Tampilan Planet Asli .............................................................................. 137
Tabel 4.2.5 Pengujian Tampilan Informasi Detail Planet ........................................................... 139
Tabel 4.2.6 Pengujian Tampilan Menu Utama Hadits dan Doa ................................................. 141
Tabel 4.2.7 Pengujian Tampilan Hadits dan Doa ....................................................................... 143
Tabel 2.8 Kriteria Skor Pengujian .............................................................................................. 147
xii
Tabel 2.9 Daftar Pertanyaan Kuesioner ...................................................................................... 148
Tabel 2.10 Hasil Skor Pertanyaan Kuesioner Pertama ............................................................... 150
Tabel 2.11 Hasil Skor Pertanyaan Kuesioner Kedua .................................................................. 151
Tabel 2.12 Hasil Skor Pertanyaan Kuesioner Ketiga.................................................................. 151
Tabel 2.13 Hasil Skor Pertanyaan Kuesioner Keempat .............................................................. 152
Tabel 2.14 Hasil Skor Pertanyaan Kuesioner Kelima ................................................................ 153
Tabel 2.15 Hasil Skor Pertanyaan Kuesioner Keenam ............................................................... 153
Tabel 2.16 Hasil Skor Pertanyaan Kuesioner Ketujuh ............................................................... 154
Tabel 2.17 Hasil Skor Pertanyaan Kuesioner Kedelapan ........................................................... 155
Tabel 2.18 Hasil Skor Pertanyaan Kuesioner Kesembilan ......................................................... 155
Tabel 2.19 Hasil Skor Pertanyaan Kuesioner Kesepuluh ........................................................... 156
Tabel 2.20 Hasil Skor Pertanyaan Kuesioner Kesebelas ............................................................ 157
Tabel 2.21 Hasil Skor Pertanyaan Kuesioner Kedua Belas ........................................................ 157
Tabel 2.22 Hasil Skor Pertanyaan Kuesioner Ketiga Belas ........................................................ 158
Tabel 2.23 Hasil Skor Pertanyaan Kuesioner Keempat Belas .................................................... 159
Tabel 2.24 Hasil Skor Pertanyaan Kuesioner Kelima Belas ....................................................... 159
xiii
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Pendidikan merupakan suatu hal yang penting bagi masa depan seseorang. Pendidikan perlu
diterapkan sejak usia dini baik itu di rumah maupun di sekolah agar dapat membentuk kepribadian
yang berakhlak mulia [1]. Pendidikan terbagi menjadi dua macam yaitu pendidikan formal dan
non-formal. Salah satu bentuk pendidikan formal bagi anak usia dini adalah PAUD. PAUD
merupakan bentuk penyelenggaraan pendidikan bagi anak usia 0 sampai 6 tahun, tahap ini menitik
beratkan pada peletakan dasar ke arah pertumbuhan, perkembangan fisik, kecerdasan, sikap,
agama, bahasa dan komunikasi sesuai dengan tahapan perkembangan yang dilalui anak pada usia
dini [2]. Saat ini pendidikan anak usia dini (PAUD) mendapatkan perhatian yang cukup besar dari
berbagai kalangan baik itu pemerintah, masyarakat dan para ahli atau peneliti. Hal tersebut
merupakan bentuk dari betapa pentingnya membekali anak-anak pada usia dini dengan
pengetahuan dasar guna agar dapat dikembangkan pada pendidikan selanjutnya. Hal yang sering
menjadi kendala dalam melaksanakan pendidikan pada anak usia dini yaitu keterbatasan media
pembelajaran serta kendala pengajar atau guru dalam menyampaikan materi pembelajaran secara
visual dan fleksibel agar dapat dimengerti oleh siswa [2]. Seiring dengan perkembangan zaman,
teknologi di dunia pendidikan juga semakin berkembang seperti dengan adanya inovasi dalam
proses belajar mengajar yang dulunya menggunakan metode konvensional sekarang telah
menggunakan metode multimedia interaktif [3]. Multimedia interaktif merupakan sebuah sistem
yang menggabungkan beberapa unsur seperti teks, gambar, audio dan video animasi dalam
penyampaian materi pembelajaran yang menitik beratkan keaktifan dan pengalaman pengguna,
artinya pengguna mendapatkan keleluasaan dalam mengendalikan sistem tersebut [3].
PAUD Almalia School merupakan lembaga yang bergerak dibidang pendidikan untuk anak
usia dini dengan visi yaitu ingin menjadi sekolah sekaligus tempat bermain yang mengoptimalkan
kecerdasan majemuk anak usia dini dan berbasiskan nilai Islami. PAUD Almalia School beralamat
di perumahan Permata Buah Batu Blok A25, Kecamatan Bojongsoang, Bandung. Berdasarkan
wawancara yang dilakukan terhadap guru atau pengajar di PAUD Almalia School kelas PG B,
dapat disimpulkan bahwa selama ini PAUD Almalia School dalam penyampaian kegiatan belajar
mengajar tentang materi Tata Surya masih menggunakan metode konvensional yaitu dengan
menggambarkan langsung objek yang akan dijelaskan atau dengan mencari alat peraga mengenai
objek seperti gambar planet yang telah di cetak dan ditempelkan di kertas karton. Adapun
penggunaan teknologi berupa video atau gambar dalam metode belajar di sekolah tersebut tetapi
belum maksimal. Hal ini menimbulkan kesulitan bagi para pengajar untuk menyediakan alat
peraga yang dapat memvisualkan materi terutama dalam proses belajar mengajar tata surya. Oleh
karena itu, untuk mempermudah guru dalam menyediakan alat peraga dalam proses belajar
1
mengajar maka dibuatlah sebuah media pembelajaran berupa aplikasi pembelajaran animasi
interaktif dua dimensi berbasis PC (Personal Computer) untuk mempelajari sistem tata surya.
Animasi pembelajaran ini memiliki sistem yang menggabungkan beberapa unsur seperti teks,
gambar, audio, animasi dan musik dalam menjelaskan sistem tata surya untuk anak didik usia 3-4
tahun. Dalam penyampaian materi pembelajaran tentang tata surya, animasi yang ditampilkan
dijelaskan dengan audio dan meminimalkan penggunaan teks, kemudian animasi tersebut juga
diiringi dengan musik latar belakang yang menarik bagi anak usia dini atau 3-4 tahun. Aplikasi ini
juga mengintegrasikan antara animasi dengan hadits dan doa serta dalil Al-Quran yang relevant
dengan materi pelajaran, sehingga dapat menumbuhkan jiwa Islami dalam diri anak didik
sebagaimana visi dan misi dari PAUD Almalia School. Pembuatan media pembelajaran ini
dimaksudkan sebagai media pendamping atau media pembantu guru dalam penjelasan materi tata
surya, artinya penggunaan media ini diperuntukkan sebagai alat tambahan bagi guru dalam
mengajar guna memudahkan guru dalam menjelaskan materi kepada anak didik sesuai dengan
pemahaman anak pada umur 3-4 tahun. Adapun software yang digunakan dalam pembuatan
animasi interaktif dua dimensi ini adalah Adobe Illustrator sebagai editing grafis, Adobe After
Effect sebagai pembuat animasi, serta Unity sebagai perangkat lunak untuk pembuatan aplikasi.
Berdasarkan penelitian, study literatur, dan wawancara yang telah dilakukan maka perancangan
dan pembuatan aplikasi dilakukan dengan menggunakan metode Godfrey atau dikenal dengan
metode MDLC (Multimedia Development Life Cycle). Dengan adanya aplikasi ini diharapkan
dapat membantu dan mempermudah guru atau pengajar dalam menjelaskan materi tentang sistem
tata surya kepada anak didik khususnya anak usia 3-4 tahun pada PAUD Almalia School.
1.2 Rumusan Masalah
Berdasarkan latar belakang diatas, maka rumusan masalah dalam laporan Proyek Akhir ini
adalah sebagai berikut:
▪ Bagaimana membangun media pembelajaran pengenalan Sistem Tata Surya yang

menarik dan interaktif untuk guru kelas Playgroup B di PAUD Almalia School berbasis
PC (Personal Computer)?
1.3 Tujuan
Tujuan dari proposal Proyek Akhir ini adalah sebagai berikut:
▪ Merancang dan membuat animasi dua dimensi yang interaktif dan menarik dalam
pengenalan sistem tata surya berbasis PC (Personal Computer) untuk membantu dan
mempermudah guru atau pengajar kelas playgroup B dalam kegiatan belajar mengajar
di Almalia School.
2
1.4 Ruang Lingkup Proyek Akhir
Ruang lingkup atau batasan masalah digunakan untuk menghindari adanya penyimpangan
ataupun pelebaran pokok masalah, hal ini bertujuan agar penelitian lebih terarah dan memudahkan
penulis dalam pembahasan sehingga tujuan penelitian tercapai. Berikut adalah beberapa batasan
masalah dalam penelitian ini, yaitu:
1. Media pembelajaran ini diterapkan ke dalam sebuah aplikasi pembelajaran berbasis PC

(Personal Computer) yang bernama aplikasi “Luar Angkasa”.
2. Target pengguna aplikasi ini adalah guru dan siswa PAUD Almalia School Kelas PG
B dengan rentang umur 3-4 tahun.
3. Media pembelajaran hanya mengenalkan tentang sistem tata surya yang terdiri dari
matahari dan 8 planet beserta benda-benda yang mengelilinginya. Pada aplikasi ini juga
dilengkapi dengan fitur hadits dan doa yang relevan dengan materi sistem tata surya
tersebut.
4. Animasi pada media pembelajaran ini berupa animasi dua dimensi yang dilengkapi
dengan gabungan beberapa unsur seperti: teks, gambar, audio dan video animasi yang
dapat dijalankan sesuai dengan pilihan pengguna. Aplikasi ini juga dilengkapi dengan
3 fitur utama yaitu fitur pengenalan planet, fitur bentuk asli planet dan fitur informasi
detail planet yang dapat memvisualkan bentuk asli dan informasi yang lebih detail dari
planet yang bersangkutan.
1.5 Metodologi Pengerjaan
Metode Godfray atau juga dikenal dengan istilah Multimedia Development Life Cycle (MDLC)
merupakan turunan dari metode pengembangan perangkat lunak klasik yang dikenal dengan
Waterfall (SDLC) [4]. Metode Godfrey (MDLC) terdiri dari 6 tahapan seperti yang diilustrasikan
pada gambar 1. Pada metode ini tahap 1 sampai dengan 5 disebut sebagai tahapan analisis dan
desain, sedangkan tahap 6 merupakan tahapan implementasi dari tahap sebelumnya [3]. Metode
Pengembangan perangkat lunak multimedia banyak diteliti dan dianalisis oleh penelitian-
penelitian sebelumnya. Bahkan sudah dianalisis kelebihan dan kekurangannya, seperti metode
Godfray yang memiliki beberapa kelebihan antara lain:
1. mudah dimengerti dan mudah diimplementasikan

2. memiliki tahapan yang jelas sehingga mudah diikuti
3. terstruktur dan berurut secara logis
4. dapat digunakan oleh pengembangan produk multimedia untuk kategori kecil sekalipun.
[3].
Proyek akhir ini dikerjakan dengan mengikuti langkah-langkah sebagai berikut:

3
1. Konsep (Concept)
Mendefinisikan dan menganalisa masalah disertai pengumpulan informasi mengenai
kondisi yang ada di PAUD Almalia School serta menentukan target dan kebutuhan
pengguna, yang mana dalam hal ini yaitu jenis media yang dibutuhkan.
2. Desain (Design)
Menentukan ide dan konsep media yang akan dibuat disertai skenario dan sketsa model
objek animasi. Pada tahap ini juga menentukan story board adegan animasi, tahap ini
dinamakan tahap desain.
3. Pengumpulan Material Asset (Material Collecting)
Setelah melakukan tahap desain, selanjutnya masuk ke tahap pengumpulan material asset
yang dibutuhkan dalam proses pembuatan animasi baik itu berupa audio, video, atau pun
gambar.
4. Pembuatan (Assembly)
Setelah semua materi yang dibutuhkan terkumpul maka selanjutnya dilakukan pembuatan
animasi dari materi yang telah ada sebelumnya. Kemudian melakukan proses
penggabungan animasi dengan suara/audio yang telah diambil sebelumnya agar animasi
yang dihasilkan dapat memuat pesan atau informasi. Kemudian pada tahap ini juga
dilakukan pembuatan terhadap aplikasi yang berbasis PC (Personal Computer) sebagai
wadah untuk menerapkan animasi yang sudah dibuat.
5. Pengujian (Testing)
Tahap selanjutnya yaitu testing, yang mana pada kegiatan ini dilakukan pengujian terhadap
aplikasi pembelajaran. Pada tahap ini penulis melakukan pengujian dengan metode black
box testing terhadap fungsional aplikasi untuk memastikan aplikasi dapat berjalan dengan
baik.
6. Distribusi (Distribution)
Pada tahap ini dilakukan penerapan secara langsung terhadap pengguna. Pada proses
penerapan ini pengguna diberi penjelasan tentang aplikasi dan dibimbing dalam
mengoperasikan aplikasi serta memberikan kuesioner yang berisi tentang penilaian
terhadap aplikasi.
Langkah-langkah di atas dilakukan berdasarkan metode Godfrey atau MDLC (Multimedia

Development Life Cycle) yang dapat alurnya dapat dilihat pada gambar 1.5-1.
4
Gambar 1.5.1 Metode Multimedia Development Life Cycle (MDLC)
1.6 Rencana Jadwal Pengerjaan
Rencana jadwal pengerjaan proposal proyek akhir ditampilkan pada lampiran.
5
BAB 2
TINJAUAN PUSTAKA
5.1 Solusi-Solusi yang Pernah Ada Sebelumnya
Proyek Akhir ini didasari oleh permasalahan yang terjadi di lapangan yang dialami oleh
para tenaga pendidik atau guru dalam kegiatan belajar mengajar untuk anak usia dini. Adapun
solusi yang pernah ada sebelumnya diperoleh dari beberapa jurnal yaitu diantaranya:
1. Penelitian yang dilakukan oleh Agus Purwanto (2018) yang berjudul “Pembuatan Media
Presentasi Animasi Cerita Rakyat untuk Anak Usia Dini dengan Konsep Pemilihan
Alternatif Alur Cerita”. Media ini bersifat interaktif yang mana pada suatu titik tertentu
pengguna dapat memilih beberapa pilihan alur cerita sesuai dengan keinginannya. Kemudian
informasi dalam media ini tidak hanya menggunakan gambar dan teks, tetapi juga
menggunakan unsur animasi, suara musik dan narasi sehingga dapat membantu guru dalam
berekspresi saat menyampaikan cerita. Dari hasil uji yang dilakukan dalam penelitian ini
dapat dibuktikan bahwa guru merasa terbantu dengan adanya aplikasi interaktif dan aplikasi
ini juga dapat memudahkan siswa dalam memahami cerita [5].
2. Penelitian yang dilakukan oleh Bagas Akurna (2019) yang berjudul “Game Edukasi
Mempelajari Sistem Tata Surya untuk Murid Kelas VI di SDIT Nur Hidayah Surakarta
Berbasis Android”. Game ini dibuat untuk meningkatkan minat belajar siswa di SDIT Nur
Hidayah Surakarta mengenai materi tata surya yang diimplementasikan pada media
smartphone Android. Game ini dibagi menjadi 5 menu utama yaitu: menu main, media, ayat,
kuis, dan tentang. Pada menu media berisi media interaktif yang menampilkan informasi
seputar sistem tata surya dalam bentuk teks dan audio. Hasil akhir dari penelitian ini yaitu
dapat menghasilkan sebuah game edukasi sebagai media pembelajaran interaktif yang dapat
meningkatkan daya tarik siswa terhadap pembelajaran mengenai sistem tata surya untuk
murid jenjang pendidikan sekolah dasar di SDIT Nur Hidayah Surakarta [6].
3. Penelitian yang dilakukan oleh Sri Ariyati dan Titik Misriati (2016) yang berjudul
“Perancangan Animasi Interaktif Pembelajaran Asma ul Husna”. Media pembelajaran ini
ditujukan untuk siswa taman kanak-kanak dengan tujuan agar dapat menyampaikan
informasi tentang asmaul husna melalui media audio dan visual yang interaktif, menarik dan
mudah dimengerti oleh siswa. Hasil akhir dari penelitian ini yaitu media pembelajaran
berupa animasi interaktif ini dapat meningkatkan daya tarik dan pemahaman anak didik [7].
6
5.2 Teori Penunjang
2.2.1 Media Pembelajaran
Istilah media berasal dari bahasa lantin yang merupakan bentuk jamak dari “medium” yang
didefinisikan sebagai perantara atau pengantar [8]. Menurut Heinich (2002) mengatakan bahwa
medium merupakan perantara atau pengantar terjadinya komunikasi dari pengirim menuju ke
penerima [9]. Menurut Criticos (1996), media merupakan suatu komponen komunikasi, yaitu
sebagai pembawa pesan dari komunikator menuju komunikan [9]. Sedangkan proses belajar
mengajar pada dasarnya merupakan proses komunikasi antara pengajar sebagai komunikator
dengan peserta didik sebagai komunikan, sehingga dapat disimpulkan bahwa media yang
digunakan dalam proses belajar mengajar disebut media pembelajaran [8].
Adapun kriteria yang harus dipertimbangkan dalam pemilihan media pembelajaran bagi
pengajar ataupun peneliti adalah sebagai berikut:
1. Tujuan Penggunaan
Sebelum memilih media pembelajaran perlu dilakukan tinjauan terhadap tujuan pembelajaran
yang akan dicapai, misalnya apakah tujuan tersebut masuk ke ranah kognitif, afektif,
psikomotor, atau kombinasi. Kemudian juga perlu mempertimbangkan jenis rangsangan
seperti apa yang akan diterapkan dalam penggunaan media tersebut apakah visual, audio,
ataupun audio-visual [8].
2. Sasaran Pengguna Media
Setelah menentukan tujuan, selanjutnya perlu menentukan sasaran pengguna yang akan
menggunakan media tersebut. Dalam hal ini perlu mengidentifikasi siapa objek implementasi
dari media, kemudian bagaimana karakteristiknya, dan bagaimana latar belakang sosialnya
serta bagaimana motivasi dan niat belajarnya. Hal ini perlu ditentukan dan dipertimbangkan
dengan matang agar media pembelajaran yang dibuat dapat berguna sebagai mana mestinya
[8].
3. Karakteristik Media
Dalam memilih media pembelajaran ada baiknya mengetahui karakteristik media tersebut
terlebih dahulu, misalnya: apa kelebihan dan kelemahannya dan apakah media tersebut
relevan dengan tujuan yang akan dicapai. Hal ini perlu dilakukan agar media yang akan
diterapkan sesuai dengan kebutuhan pengguna.
4. Waktu
Waktu disini adalah berapa lama waktu yang dibutuhkan untuk membuat atau mengadakan
media tersebut serta berapa lama waktu yang dibutuhkan dalam menggunakan media tersebut.
Hal ini perlu diperhatikan agar dapat disesuaikan dengan kebutuhan pengguna, sehingga
media yang dibuat dapat digunakan secara efektif.
5. Biaya
Pertimbangan mengenai biaya sangat perlu dalam pemilihan media pembelajaran. Hal ini
disebabkan karena tujuan dari penggunaan media dalam pembelajaran pada dasarnya adalah
untuk meningkatkan efisiensi dan efektivitas pembelajaran, sehingga media yang dibutuhkan
7
bukanlah media yang mahal tetapi media yang sesuai dengan kebutuhan pembelajaran dan
dapat memenuhi kebutuhan pengguna.
6. Ketersediaan
Maksud dari ketersediaan disini adalah kemungkinan media untuk direalisasikan. Dalam
menentukan media dalam pembelajaran juga perlu mengetahui kemungkinan ada atau
tidaknya media tersebut, hal ini bertujuan agar media yang diharapkan mudah direalisasikan
[8].
2.2.2 Animasi
Menurut Fernandez dalam (Husein, 2005) “Animasi adalah sebuah proses merekam dan
memainkan kembali serangkaian gambar pergerakan”. Menurut istilah animasi merupakan
persepsi yang terjadi akibat perpindahan frame dalam suatu waktu. Frame itu sendiri merupakan
suatu bagian kecil dari animasi yang menampung gambar objek atau image yang dibuat yang dapat
disunting atau diedit tiap gambarnya yang diatur kedalam satuan fps [10]. Fps merupakan satuan
untuk menentukan kecepatan sebuah film atau animasi bergerak .
Sedangkan menurut Vaughan dalam (Binanto, 2010) mengemukakan “Animasi adalah usaha
untuk membuat presentasi statis menjadi hidup” [10]. Animasi merupakan perubahan visual
sepanjang waktu yang memberi kekuatan besar pada proyek multimedia yang dibuat. Konsep dasar
animasi, diantaranya [7]:
1. Movie
Animasi yang dibuat dalam flash secara umum dapat disebut dengan movie. Dalam proses
pembuatan animasi, seorang animator harus mengatur jalan cerita dari animasi tersebut.
Kemudian membuat beberapa objek dan merangkainya menjadi suatu animasi, hal ini disebut
dengan movie clip.
2. Objek
Objek merupakan hal yang paling utama dalam animasi, objek dibuat sebelum proses
penganimasian. Setelah itu objek yang telah dibuat diatur gerakannya dengan menggunakan
sebuah perangkat lunak penganimasian.
3. Teks
Teks merupakan dasar dari pengolahan kata dan informasi berbasis multimedia. Teks biasanya
digunakan sebagai penyampaian informasi. Teks adalah data dalam bentuk karakter, dalam
hal ini adalah kode ASCII (American Standart Code for Information Interchange).
4. Suara
Suara merupakan suatu fenomena fisik yang dihasilkan dari getaran. Penyajian suara atau
audio merupakan suatu cara untuk memperjelas pengertian suatu informasi, misalnya narasi
yang digunakan untuk melengkapi penjelasan dari sebuah video. Suara atau audio dapat
8
membantu dalam penjelasan karakteristik suatu gambar, misalnya musik dan efek suara
(sound effect) [7].
2.2.3 Multimedia Interaktif
Menurut Rosch (1996), multimedia adalah kombinasi dari komputeer dan video.
Sedangkan menurut McCormick (1996), multimedia merupakan gabungan dari tiga elemen, yaitu
suara, gambar, dan teks. Menurut Turban (2002), multimedia merupakan kombinasi paling sedikit
dua media input atau output dari data, mesia ini dapat berupa audio, animasi, video, teks, gambar,
dan grafik [9].
Sedangkan pengertian multimedia interaktif adalah multimedia yang berisi berbagai

kombinasi dari dari beberapa unsur, yaitu: teks, grafik, suara, animasi, dan video yang disampaikan
melalui komputer atau alat elektronik lainnya. Multimedia interaktif dilengkapi dengan alat
pengontrol yang dapat dioperasikan oleh pengguna, sehingga pengguna dapat memilih apa yang
dikehendaki untuk proses selanjutnya. Multimedia interaktif yang digunakan sebagai media
pembelajaran dapat menyalurkan pesan yang berisi pengetahuan, keterampilan dan sikap [3].
Interaktifitas dalam multimedia interaktif adalah keleluasaan pengguna (operator/user)

dalam mengontrol media dan kemampuan media dalam merespon input yang diberikan oleh
pengguna. Interaktivitas dalam multimedia interaktif terbagi menjadi 2 macam yaitu interaktivitas
mental dan interaktivitas fisik. Interaktivitas mental merupakan sebuah interaktivitas yang mana
pengguna mencoba memahami materi dengan cara menangkap informasi-informasi yang
ditampilkan, mengolah dan kemudian menyimpannya dalam otak. Sedangkan yang dimaksud
dengan interaktivitas secara fisik dalam multimedia interaktif adalah suatu keterlibatan kegiatan
fisik dari pengguna untuk memberikan interaksi kepada media. Interaktivitas fisik bervariasi dari
yang paling sederhana hingga yang kompleks. Interaktivitas sederhana misalnya menekan
keyboard atau melakukan klik sebuah tombol dengan mouse atau menyentuh layar untuk
berpindah halaman atau memasukkan jawaban dari suatu latihan yang diberikan oleh aplikasi.
Interaktivitas yang komplek misalnya aktivitas di dalam suatu simulasi sederhana di mana
pengguna bisa mengubah-ubah suatu variabel tertentu atau di dalam simulasi komplek atau
interaksi di mana pengguna menggerakkan objek virtual [11].
Menurut Warwick J. Thorn (1995), multimedia interaktif dapat dievaluasi melalui

beberapa aspek, antara lain [3]:
1. Ease of use and navigation, aspek ini memiliki arti bahwa suatu program harus dirancang
sesederhana mungkin sehingga penggunanya tidak perlu kesulitan dalam mempelajari cara
kerja program tersebut.
9
2. Cognitive load, aspek ini digunakan untuk menilai apakah isi dari program (produk) telah
memenuhi kebutuhan pembelajaran atau belum. Hal ini bertujuan agar program yang
digunakan dapat bermanfaat bagi pengguna.
3. Knowledge space and information presentation, aspek ini menjelaskan bahwa multimedia
interaktif pada suatu program pembelajaran harus berisi konten pengetahuan dan informasi
yang sesuai dengan teori yang sudah ada.
4. Media integration, multimedia interaktif perlu mengintegrasikan berbagai aspek media
informasi berupa audio, video, gambar, teks dan animasi. Sehingga dapat menghasil sebuah
media yang interaktif dan menarik.
5. Aesthetics, multimedia interaktif yang dihasilkan harus mempunyai tampilan yang menarik
dan artistik agar dapat meningkatkan minat dan daya tarik siswa dalam menggunakan media
tersebut.
6. Overall functionality, program yang dikembangkan harus bisa memberikan informasi yang
dibutuhkan pengguna dan mudah dipahami sehingga dapat meningkatkan pengetahuan
pengguna atau siswa.
2.2.4 Adobe Ilustrator
Adobe Illustrator adalah aplikasi yang digunakan sebagai editor grafis vector, yang
mencangkup bentuk vector dan objek vector. Aplikasi ini dikembangkan dan dipasarkan oleh
Adobe Systems. Aplikasi ini pertama kali diciptakan pada tahun 1986 yang dirancang untuk dapat
dioperasikan dengan komputer Macintosh. Pada waktu itu Adobe Illustrator tidak banyak
mengalami persaingan dengan perangkat lunak serupa lainnya, satu-satunya perangkat lunak yang
dapat menentang Adobe Illustrator adalah LaserWinter yang merupakan produk dari Apple.
Adobe Illustrator terus berkembang dari waktu ke waktu, saat ini peusahan Adobe telah
merilis versi terbaru dari Adobe Illustrator yaitu versi CC 2020. Adobe Illustrator merupakan salah
satu software yang sangat populer dikalangan desainer dan sudah diakui kecanggihannya. Hal itu
disebabkan karena kelengkapan fasilitas atau fitur pada Adobe Illustrator yang dapat membantu
dan memudahkan pemakai dalam menyelesaika desain grafis.
2.2.5 After Effect
Adobe After Effect awalnya merupakan sebuah produk perangkat lunak dari macromedia,
namun sekarang sudah menjadi salah satu produk dari Adobe System yang profesional dalam
bidang motion graphic design [12]. Saat ini Adobe After Effect telah dipadukan dengan
bermacam-macam perangkat lunak desain yang ada dan memiliki sekitar 50 macam Standart
Effect yang dapat digunakan untuk mengedit dan menganimasikan objek. Disamping itu Adobe
After Effect CS3 juga memudahkan pengguna dalam membuat pergerakan yang lebih dinamis
dengan menggunakan expression yaitu dengan mengetikkan beberapa kode script untuk animasi
dinamis [12].
10
2.2.6 Unity
Unity merupakan sebuah perangkat lunak atau game engine multi-platform yang dapat mengolah
gambar, grafik, suara, input dan lain-lain yang berfungsi untuk membuat sebuah game atau aplikasi
lainnya. Unity dapat digunakan sebagai perangkat lunak untuk mengolah game 3D ataupun 2D.
Unity merupakan game engine yang dapat di publish ke bentuk Standalone (.exe), berbasis Web,
Android, IOS Iphone, XBOX, dan PS3 [13]. Unity selain dapat digunakan untuk membuat game
2D dan 3D, ia juga dapat digunakan untuk membuat game FPS serta Game Online. Berikut fitur-
fitur yang terdapat dalam Unity:
a. Membuat game 2D atau 3D.

b. Membuat game FPS, simulasi dan aplikasi AR (Augmented Reality).
c. Mebuat game online.
d. Dukungan koversi: Mobile Android, Iphone, Blackberry, Windows, Linux, Flash,
Webplayer.
e. Publikasi secara online di Google Play dan Android Market.
f. Dukungan kode: C#, Javascript, dan Boo.
g. Dukungan file ekstensi: 3ds, obj, fbx [13].
2.2.7 Audacity
Audacity merupakan sebuah aplikasi editor audio yang berbasis PC (Personal Computer) yang
berfungsi untuk editing dan pemanipulasian audio digital. Aplikasi ini tersedia pada platform Mac,
OS X Linux, BSD, dan Windows [14]. Berikut adalah fitur-fitur yang terdapat dalam Audacity:
a. Mendukung file import dan eksport seperti: wav, aiff, mp3.

b. Merekam dan menampilkan suara.
c. Pengeditan dengan cut, copy, dan paste.
d. Dapat melakukan mixing dan multi-track.
e. Mempunyai banyak efek digital dan plug-in.
f. Dapat mendukung modul multi-channel dengan sampling rate 96 kHz dengan 24 bit per
sampel [14].
2.2.8 User Acceptance Test

11
Metode User Acceptance Test merupakan suatu proses pengujian yang dilakukan oleh penguji
terhadap pengguna atau user yang menghasilkan sebuah dokumen hasil uji yang dapat dijadikan
sebagai bukti bahwa software atau aplikasi yang dibuat sudah memenuhi standar dan kebutuhan
yang dibutuhkan oleh pengguna [15].
2.2.9 Blackbox Testing
Blackbox testing adalah tipe testing atau pengujian yang memperlakukan perangkat lunak
yang tidak diketahui kinerja internalnya, sehingga tester atau orang yang melakukan pengujian
memandang perangkat lunak seperti layaknya sebuah kotak hitam tanpa memperhatikan isinya,
tapi cukup dikenai proses testing terhadap bagian luarnya saja [16].
Jenis pengujian ini hanya menguji perangkat lunak dari sisi spesifikasi dan kebutuhan yang
telah didefinisikan pada saat awal perancangan. Pada jenis blackbox testing ini, perangkat lunak
akan dieksekusi kemudian di uji apakah telah memenuhi kebutuhan pengguna yang telah
didefinisikan pada saat awal tanpa harus membongkar listing programnya [7].
2.2.10 Storyboard
Storyboard merupakan visualisasi ide awal dari animasi yang akan dibuat yang berfungsi
untuk menggambarkan bagaimana animasi tersebut akan ditampilkan [6]. Menurut Diartono
(2008), mengemukakan bahwa “Storyboard merupakan suatu pemetaan elemen-elemen
multimedia dalam setiap layar program multimedia”. Storyboard berfungsi sebagai sebuah
panduan bagi para programmer dan graphic designer dalam membangun suatu proyek multimedia,
karena dalam Storyboard terdapat gambaran mengenai elemen-elemen apa saja yang akan
digunakan dalam setiap rancangan animasi yang akan dibangun [10].
Adapun fungsi dari storyboard secara umum adalah sebagai berikut:
1. Memberikan penjelasan tentang alur dari sebuah cerita dengan menggunakan gambar. Di
dalamnya terdapat alur cerita yang lengkap mulai dari awal cerita, tengah cerita, sampai akhir
dari cerita.
2. Storyboard juga berfungsi untuk media perencanaan pembuatan video pendek bahkan untuk
film.
3. Storyboard berfungsi untuk memudahkan pembuat film untuk membuat film dan memahami
dari skenario yang akan diceritakan [17].
12
Menurut Andreas Dhimas, terdapat tiga jenis storyboard, yaitu thumbnail, rough
storyboard, dan clean up storyboard [17]. Berikut 3 jenis storyboard:
1. Thumbnail
Thumbnail merupakan gambar yang masih sangat sederhana dan masih dalam bentuk panel
sketsa.
2. Rough Storyboard
Rough Storyboard merupakan panel sketsa yang masih dalam bentuk gambaran kasar yang
berupa gambar- gambar terpisah dan ditempel dalam satu panel.
3. Clean Up Storyboard
Clean Up Storyboard merupakan storyboard yang telah rapi dan detail, serta telah dilengkapi
dengan keterangan waktu, efek visual, suara , gerak, dialog, dan lain sebagainya [17].
2.2.11 Use case Diagram
Use case merupakan sebuah teknik atau metode yang digunakan dalam pengembangan sebuah
software atau sistem informasi untuk menampilkan kebutuhan fungsional dari sistem yang
bersangkutan. Use Case berfungsi sebagai diagram untuk menjelaskan interaksi yang terjadi antara
aktor-inisiator dengan sistem aplikasi itu sendiri, use case dapat mempresentasikan aksi dan reaksi
aktor terhadap sistem aplikasi dengan urutan langkah yang sederhana sehingga mudah dipahami
oleh konsumen [18].
Tabel 2.2.1 Keterangan Simbol Use Case
Simbol Keterangan
No.
Actor
1.
Berfungsi sebagai simbol peran pengguna dalam
berinteraksi dengan use case aplikasi.
Use case
2.
Berfungsi sebagai deskripsi dari urutan aksi-aksi
yang ditampilkan sistem yang menghasilkan suatu
hasil yang terukur bagi suatu aktor.
Include
3.
Berfungsi sebagai simbol yang menunjukan kondisi
yang harus terpenuhi agar sebuah event dapat terjadi.
Pada kondisi ini sebuah use case merupakan bagian
dari use case lainnya.
13
Generalization
4.
Berfungsi sebagai simbol yang menunjukan bahwa
sebuah elemen merupakan spesialisasi dari elemen
yang lain.
Extend
5.
Berfungsi sebagai simbol yang menunjukan bahwa
suatu kondisi hanya berjalan di bawah kondisi
tertentu.
Association
6.
Berfungsi sebagai simbol yang menghubungkan
antara suatu objek dengan objek lainnya.
System
7.
Berfungsi sebagai simbol paket yang menampilkan
sistem secara terbatas.
2.2.12 Activity Diagram
Activity diagram merupakan diagram yang menggambarkan workflow (aliran kerja) atau aktivitas
dari suatu sistem atau proses bisnis. Activity diagram ini berfungsi sebagai diagram yang
menggambarkan segala aktivitas yang dilakukan oleh sistem bukan aktivitas yang dilakukan oleh
aktor [18]. Activity diagram juga digunakan untuk mendefinisikan hal-hal sebagai berikut:
• Sebagai rancangan proses bisnis. Artinya segala urutan aktivitas yang digambarkan oleh
diagram ini merupakan proses bisnis sistem yang didefinisikan.
• Sebagai urutan atau pengelompokan tampilan dari suatu sistem atau User Interface.
Artinya setiap aktivitas yang digambarkan pada diagram ini merupakan sebuah rancangan
antarmuka tampilan.
14
• Sebagai rancangan pengujian. Artinya setiap aktivitas dianggap memerlukan sebuah
pengujian yang perlu didefinisikan kasus ujinya [18].
Berikut adalah penjelasan tentang simbol-simbol yang terdapat pada Activity Diagram[18], yaitu:
Tabel 2.2.2 Keterangan Simbol Activity Diagram
No. Simbol Keterangan
1. Status Awal
Berfungsi sebagai awal aktivitas sistem
2. Aktivitas
Berfungsi sebagai simbol untuk menjelaskan
aktivitas yang dilakukan oleh sistem dan
biasanya diawali dengan kata kerja.
3. Percabangan / decision
Berfungsi sebagai asosiasi percabangan untuk
menggambarkan pilihan aktivitas yang lebih
dari satu
4. Penggabungan / join
Berfungsi untuk menggabungkan beberapa
aktivitas menjadi satu
5. Status Akhir
Berfungsi sebagai simbol untuk menyatakan
sebuah status akhir dari suatu aktivitas sistem.
15
6. Swimlane
Berfungsi untuk memisahkan organisasi bisnis
yang bertanggung jawab terhadap aktivitas
yang terjadi.
16
BAB 3
METODOLOGI PENELITIAN
3.1 Analisa Kebutuhan
Dalam pembuatan media pembelajaran ini penulis menggunakan beberapa perangkat keras dan
perangkat lunak, baik untuk pembuatan animasi maupun pembuatan aplikasi. Kebutuhan sistem
atau perangkat yang dibutuhkan dalam proses pembuatan dan implementasi aplikasi ini adalah
sebagai berikut:
Tabel 3.1.1 Analisa Kebutuhan Sistem Dalam Pembuatan Aplikasi
Perangkat Lunak
Perangkat Keras
a. Sistem Operasi Windows 10 Pro 64 bit

a. Spesifikasi laptop yang digunakan untuk
b. Adobe Illustrator CC 2019
membuat animasi dan aplikasi luar
c. Adobe After Effect CC 2019
angkasa:
d. Unity 2019.2.2f1
- Asus A450C
e. Audacity
- Layar 14 inch HD
f. Visual Studios 2019
- Processor Intel Core i7-3537U
g. Dokumen Editor Microsoft Word
- Memori (RAM) 4.00GB
- HDD 1TB
- Grafis Intel HD Graphics 4000 dan
NVIDIA GeForce GT 720MX
VRAM 2GB GDDR4
-
b. Mouse dan Keyboard
17
3.2 Metodologi Pengerjaan
Pada bab ini terdapat penjelasan mengenai langkah-langkah yang dibutuhkan dalam pembuatan
proyek akhir dengan tujuan untuk memudahkan penulis dalam mengidentifikasi masalah dan
mencapai tujuan. Metode yang digunakan dalam proyek akhir ini adalah metode Godfrey atau
dikenal dengan metode MDLC (Multimedia Development Life Cycle). Metode ini memiliki 6
tahapan pengerjaan, yaitu sebagai berikut:
3.2.1 Konsep (Concept)
Pada tahap ini penulis melakukan observasi dan wawancara langsung ke lapangan yaitu
ke PAUD Almalia School, yang beralamat di perumahan Permata Buah Batu Blok A25,
Kecamatan Bojongsoang, Bandung. PAUD Almalia School merupakan lembaga yang bergerak
dibidang pendidikan untuk anak usia dini. Berdasarkan wawancara yang dilakukan terhadap guru
atau pengajar di PAUD Almalia School kelas PG B, dapat disimpulkan bahwa selama ini PAUD
Almalia School dalam penyampaian kegiatan belajar mengajar tentang materi Tata Surya masih
menggunakan metode konvensional yaitu dengan menggambarkan langsung objek yang ingin
dijelaskan atau dengan mencari alat peraga mengenai objek seperti gambar planet yang telah di
cetak dan ditempelkan di kertas karton. Adapun penggunaan teknologi berupa video atau gambar
dalam metode belajar di sekolah tersebut tetapi belum maksimal. Hal ini menimbulkan kesulitan
bagi para pengajar untuk menyediakan alat peraga yang dapat memvisualkan materi terutama
dalam proses belajar mengajar tata surya. Oleh karena itu untuk mempermudah guru dalam
menyediakan alat peraga dalam proses belajar mengajar sistem tata surya, maka dibuatlah sebuah
media pembelajaran berupa aplikasi pembelajaran animasi interaktif dua dimensi. Media
pembelajaran ini diterapkan pada sebuah aplikasi yang bernama “Luar Angkasa”. Aplikasi ini
merupakan aplikasi yang berbasis PC (Personal Computer) untuk mempelajari sistem tata surya.
Target pengguna dari aplikasi ini adalah guru sebagai pengguna utama yang mengoperasikan
langsung aplikasi dan kemudian siswa kelas Playgroup B sebagai pengguna kedua yang berperan
sebagai audience atau target penyampaian informasi yang terdapat dalam aplikasi ini. Aplikasi
ini juga dapat dioperasikan langsung oleh siswa namun harus dalam pengawasan dan bimbingan
dari guru. Aplikasi Luar Angkasa ini terdiri dari tiga fitur utama yaitu fitur belajar, fitur hadits
dan doa, serta fitur game. Namun dalam laporan ilmiah ini penulis hanya menjelaskan tentang
fitur belajar dan fitur hadits dan doa sebagai mana ruang lingkup kerja penulis. Fitur belajar
merupakan fitur yang terdiri dari materi penjelasan planet yang berupa animasi pengenalan
planet, penjelasan bentuk asli planet dan animasi penjelasan mengenai informasi detail tentang
planet. Animasi pada media pembelajaran ini memiliki sistem yang menggabungkan beberapa
unsur seperti teks, gambar, audio, animasi dan musik dalam menjelaskan sistem tata surya untuk
anak didik usia 3-4 tahun. Dalam penyampaian materi pembelajaran tentang tata surya, aplikasi
ini menampilkan animasi beserta penjelasan audio dan meminimalkan penggunaan teks, selain
18
itu aplikasi ini juga diiringi dengan musik latar belakang yang sesuai untuk anak usia dini atau 3-
4 tahun. Kemudian pada aplikasi ini terdapat fitur hadits dan doa, fitur ini merupakan fitur kedua
yang berisikan doa dan dalil-dalil Al-Quran yang berkaitan dengan materi sistem tata surya yang
terdapat pada fitur belajar. Fitur ini bertujuan untuk dapat menerapkan nilai-nilai Islami pada
anak sejak usia dini sebagaimana visi dan misi PAUD Almalia School.
3.2.2 Desain (Design)
Pada tahap ini menampilkan rancangan awal dari aplikasi Luar Angkasa yang berupa
diagram use case, diagram flowchart dan storyboard aplikasi beserta naskah animasi dua dimensi.
Use case merupakan sebuah diagram untuk mempresentasikan tindakan atau aksi yang dapat
dilakukan oleh pengguna terhadap aplikasi. Sedangkan flowchart merupakan diagram yang dapat
mempresentasikan alur proses kerja sistem aplikasi. Kemudian untuk menjelaskan jalan cerita
animasi maka dibutuhkan rancangan naskah dan storyboard. Storyboard merupakan gambaran
rancangan awal dari sebuah aplikasi ataupun animasi. Adapun tampilan desain aplikasi Luar
Angkasa adalah sebagai berikut:
A. Desain Use case aplikasi
Gambar 3.2.1 Use case Aplikasi Pembelajaran Sistem Tata Surya
19
Tabel 3.2.1 Deskripsi Use case Menu Belajar
Membuka Menu Belajar

Nama Usecase
User
Aktor
User membuka menu belajar untuk melihat tampilan penjelasan

Deskripsi
planet.
Kondisi Awal User membuka menu belajar dan masuk ke tampilan planet
Kondisi Akhir User melihat tampilan penjelasan planet.
1. User membuka menu Belajar

Aksi - Reaksi
2. Kemudian User memilih salah satu planet yang ingin
ditampilkan
3. Maka user diarahkan ke tampilan planet yang terdiri dari 3
fitur utama, yaitu:
• fitur pengenalan planet.
Pada fitur ini terdapat animasi sederhana yang
menjelaskan tentang informasi utama planet
• fitur informasi detail.
Pada fitur ini terdapat gambar planet asli dan audio
penjelasan tentang informasi bentuk planet.
• fitur bentuk asli planet.
Pada fitur ini terdapat video animasi tentang
penjelasan informasi detail planet.
4. Kemudian user dapat memilih salah satu fitur.
5. Setelah itu aplikasi menampilkan informasi dalam bentuk
animasi, gambar, dan audio.
Tabel 3.2.2 Deskripsi Use case Menu Hadits dan Doa
20
Membuka Hadits dan Doa
Nama Usecase
User
Aktor
User membuka menu Hadits dan Doa untuk melihat tampilan doa
Deskripsi
yang relevan dengan materi pada Menu Belajar.
Kondisi Awal User membuka menu Hadits dan Doa dan masuk ke menu pilihan
doa.
Kondisi Akhir Aplikasi menampilkan audio penjelasan Hadits dan Doa.
1. User membuka menu Hadits dan Doa

Aksi - Reaksi
2. Kemudian User memilih salah satu doa yang ingin
ditampilkan
3. Setelah user diarahkan ke tampilan penjelasan Hadits dan Doa
yang terdiri dari 3 fitur utama, yaitu:
• Ayat
bagian ini terdiri dari tampilan ayat yang disertai
dengan audio bacaan ayat.
• Arti
Bagian ini terdiri dari tampilan arti atau terjemahan
dari ayat serta tampilan ini dilengkapi dengan audio
bacaan arti.
• Makna
Bagian ini hanya berupa tombol yang apabila di klik
akan menampilkan audio penjelasan makna yang
terkandung dalam ayat atau doa sebelumnya.
4. Kemudian user dapat memilih untuk menyalakan atau
mematikan audio dari salah satu fitur tersebut.
21
5. Setelah itu aplikasi menampilkan Audio penjelasan fitur yang
dipilih.
Tabel 3.2.3 Deskripsi Use case Fitur Pengaturan Musik Latar Belakang
Pengaturan Musik Latar Belakang

Nama Usecase
User
Aktor
User memilih fitur pengaturan musik latar belakang untuk

Deskripsi
mematikan atau menyalakan musik latar belakang
Kondisi Awal User menekan tombol on/off musik latar belakang
Kondisi Akhir Aplikasi menampilkan atau mematikan audio musik latar

belakang.
1. User menekan tombol on/off musik latar belakang di

Aksi - Reaksi
halaman utama aplikasi.
2. Kemudian aplikasi menampilkan atau mematikan audio
musik latar belakang.
22
B. Desain Activity Diagram aplikasi
1. Activity Diagram Menu Utama Aplikasi Luar Angkasa
Gambar 3.2.2 Activity Diagram Menu Utama Aplikasi Luar Angkasa

Pada saat pengguna membuka aplikasi Luar Angkasa, maka aplikasi menampilkan
beberapa video splash screen seperti video bumper universitas telkom dan video bumper
developer. Kemudian setelah itu aplikasi menampilkan loading screen. Pada bagian
loading screen ini terdapat juga logo aplikasi. Lalu setelah tampilan loading tersebut
selesai, kemudian aplikasi menampilkan menu utama aplikasi yang terdiri dari 3 menu
utama serta fitur on/off musik dan informasi. Pada fitur ini pengguna dapat menekan
23
tombol on/off musik untuk mematikan dan menyalakan musik latar belakang. Kemudian
setelah itu pengguna dapat memilih salah satu dari 3 menu utama tersebut, diantaranya
Menu Belajar, Menu Hadits dan Doa, dan Menu Game.
2. Activity Diagram Menu Belajar
Gambar 3.2.3 Activity Diagram Menu Belajar

Pada saat user memilih menu belajar maka muncul tampilan animasi splash screen
membaca bismillah. Hal ini bertujuan untuk menanamkan kebiasaan berdoa atau
membaca bismillah kepada anak sebelum memulai sesuatu. Kemudian setelah tampilan
ini selesai, maka aplikasi akan menampilkan tampilan menu belajar dengan berbagai
24
pilihan planet serta aplikasi juga menampilkan tampilan papan info petunjuk penggunaan
beserta audionya. Setelah itu pengguna dapat menekan papan petunjuk tersebut jika
belum memahami cara penggunaannya. Kemudian itu user atau pengguna juga dapat
memilih salah satu dari tampilan planet tersebut untuk mendapatkan informasi tentang
planet yang bersangkutan. Setelah melakukan pilihan, maka selanjutnya aplikasi
menampilkan animasi sederhana tentang pengenalan planet dan urutan planet tersebut
dari matahari. Kemudian pada tampilan ini pengguna juga dapat memilih dua fitur
tambahan lainnya yaitu fitur bentuk asli planet dan fitur informasi detail planet. Pada fitur
bentuk asli planet, informasi di jelaskan dalam bentuk gambar planet yang asli disertai
audio, sedangkan pada fitur informasi detail planet dijelaskan dalam bentuk animasi dan
audio tentang planet yang bersangkutan. Kemudian apabila pengguna memilih keluar dari
halaman ini, maka aplikasi langsung mengarahkan ke menu belajar yang sebelumnya.
Apabila tidak ingin keluar maka pengguna dapat mengklik tombol next atau before untuk
beralih ke tampilan planet berikutnya atau sebelumnya.
25
3. Activity Diagram Menu Hadits dan Doa
Gambar 3.2.4 Activity Diagram Menu Hadits dan Doa
Pada menu Hadits dan Doa pengguna dapat memilih 6 pilihan doa yang tersedia di
aplikasi. Kemudian setelah memilih doa, maka aplikasi menampilkan tampilan doa
tersebut yang terdiri dari bagian Judul doa, Ayat, Arti, dan Makna. Pada tampilan ini user
dapat memilih bagian mana yang akan dijalankan atau ditampilkan audionya.
26
C. Storyboard Animasi
1. Storyboard Animasi Splash Screen Doa
Tabel 3.2.4 Storyboard Animasi Splash Screen Doa
Visual Keterangan Sketsa

No.
Pada situasi ini Gambar ini

1.
tangan astronot astronot menyapa
melambai-lambai pengguna
dari kiri ke kanan aplikasi.

2.
tulisan menjelaskan
“Bismillah” bahwa astronot
muncul secara mengajak
perlahan diatas pengguna
astronot. membaca
Kemudian aset “Bismillah”
uvo bergerak dari sebelum belajar.
kanan ke kiri.
Kemudian aset
roket bergerak ke
atas
3.
karakter astronot menjelaskan
melompat ke atas. tentang astronot
Kemudian aset yang sedang
roket dan uvo bahagia karena
kembali pada telah selesai
posisi berdoa sebelum
sebelumnya. belajar dan pada
gambar ini
terdapat kalimat
closing atau
penutup.
27
2. Storyboard Animasi Informasi Detail Matahari
Tabel 3.2.5 Storyboard Animasi Informasi Detail Matahari

No.

1.
tanda tanya menjelaskan
muncul diatas tentang matahari
matahari dengan yang sedang
gerakan dari besar kebingungan.
kecil.

2.
bintang muncul di menjelaskan
samping matahari bahwa matahari
bukan planet
melainkan sebuah
bintang.

3.
sinar matahari menjelaskan
muncul dari bahwa matahari
belakang dapat
kemudian menghasilkan
menampilkan cahaya sendiri
gerakan dari besar sehingga ia disebut
ke kecil. sebagai bintang.
4.
matahari bergerak menjelaskan
dari kecil ke besar bahwa matahari
dengan disertai lebih besar dari
munculnya bintang-bintang
bintang-bintang lainnya, jika
yang berkedip di dilihat dari bumi.
sekelilingnya.
28
5.
matahari bergeser menjelaskan
ke atas dan bahwa matahari
kemudian bumi memancarkan
muncul dari panas dan cahaya
bawah. Kemudian untuk bumi.
garis-garis muncul
dengan gerakan
yang mengarah ke
bumi. Garis yang
bergerak tersebut
digambarkan
sebagai cahaya
matahari.
6.
muncul lingkaran menjelaskan
yang bergerak bahwa panas yang
memutari bumi. dipancarkan
Lingkaran ini matahari
digambarkan merupakan sumber
sebagai energi energi utama bagi
bumi. bumi.
7.
bumi bergerak ke menjelaskan
atas sehingga tentang
sejajar dengan perhitungan energi
matahari. yang dipancarkan
Kemudian tanda oleh matahari ke
panah muncul. bumi.
8.
tulisan 1 detik menjelaskan
muncul secara bahwa energi yang
perlahan di bawah dipancarkan
matahari dan matahari selama 1
bumi. Kemudian detik setara
di ikuti dengan dengan energi
munculnya tulisan yang diterima
sama dengan dan bumi selama 100
100 tahun. tahun.
29
3. Storyboard Animasi Informasi Detail Planet Merkurius
Tabel 3.2.6 Storyboard Animasi Informasi Detail Planet Merkurius

No.

1.
tanda tanya muncul menjelaskan
diatas planet tentang planet
merkurius dengan merkurius yang
gerakan dari besar kebingungan.
kecil.

2.
planet-planet lain menjelaskan
muncul di atas bahwa merkurius
planet merkurius lebih kecil di
dengan ukuran bandingkan dengan
lebih besar dengan planet lainnya.
gerakan dari besar
ke kecil secara
bergantian.
3.
planet merkurius menjelaskan
bergerak bahwa merkurius
mengelilingi merupakan planet
matahari. tercepat dalam
mengelilingi
matahari
30
4.
tulisan abu-abu menjelaskan
muncul secara bahwa planet
perlahan di bawah merkurius
planet merkurius. berwarna abu-abu.

5.
awan atau atmosfer menjelaskan
muncul dari bahwa atmosfer
belakang planet planet merkurius
merkurius dengan sangat tipis.
gerakan dari kecil
ke besar.
Kemudian awan
atau atmosfer
tersebut bergerak
memutari planet
merkurius.
Pada situasi ini api Gambar ini
6.
muncul di menjelaskan
belakang planet bahwa suhu di
merkurius. planet merkurius
Kemudian api sangat panas pada
tersebut bergerak siang hari.
saling berlawanan
arah.
Pada situasi ini air Gambar ini
7.
dan udara bergerak menjelaskan
seperti gelombang bahwa di planet
air. Kemudian merkurius tidak
tanda silang ada air dan udara.
muncul di
belakangnya secara
perlahan.
31
8.
muncul dengan bahwa di
gerakan dari kecil merkurius tidak
ke besar. ada kehidupan.
Kemudian tanda
silang muncul di
belakangnya secara
perlahan.
4. Storyboard Animasi Informasi Detail Planet Venus
Tabel 3.2.7 Storyboard Animasi Informasi Detail Planet Venus

No.

1.
bubble muncul di menjelaskan bahwa
bagian atas planet planet venus
venus. Kemudian dikenal sebagai
planet bumi kembaran bumi.
muncul di dalam Sehingga
bubble tersebut menggambarkan
dengan gerakan planet venus yang
dari kecil ke besar sedangkan
kemudian ke kecil membayangkan
lagi. bumi.
2. Pada situasi ini Gambar ini
tanda sama dengan menjelaskan bahwa
muncul di samping ukuran venus
planet venus. hampir sama
Kemudian bumi dengan ukuran
muncul setelah bumi.
tanda sama dengan
tersebut. Kedua
planet sama-sama
menampilkan
gerakan dari besar
ke kecil.
32
Pada situasi ini api Gambar ini
3.
muncul di menjelaskan bahwa
belakang planet venus merupakan
venus. Kemudian planet paling panas
api tersebut di tatasurya.
bergerak saling
berlawanan arah.

4.
awan bergerak dari menjelaskan bahwa
kiri ke kanan permukaan venus
ataupun tertutup oleh awan
sebaliknya. dan atmosfer yang
Kemudian awan sangat tebal.
tersebut menutupi
planet venus.
5.
garis lurus atau menjelaskan bahwa
cahaya matahari atmosfer venus
bergerak ke arah dapat menahan
planet venus cahaya matahari.
kemudian
dipantulkan ke
lingkaran atmosfer.
6.
planet venus menjelaskan bahwa
muncul dari kecil planet venus
ke besar kemudian terlihat lebih cerah
cahaya berkelip di jika dilihat dari
sekitarnya. Setelah bumi.
itu bumi muncul
dari bawah.
7.
planet venus menjelaskan bahwa
bergerak ke sudut planet venus sering
kiri atas kemudian muncul atau dapat
bulan muncul di dilihat dari bumi
atas bumi. Setelah pada sore hari.
itu burung terbang
menuju bulan.
33
8.
simbol bulan dan menjelaskan bahwa
bintang muncul planet venus di
secara perlahan sebut juga bintang
dan bergantian senja dengan
dengan gerakan simbol bulan dan
dari kecil ke besar. bintang kejora
dengan simbol
bintang.
5. Storyboard Animasi Informasi Detail Planet Bumi
Tabel 3.2.8 Storyboard Animasi Informasi Detail Planet Bumi

No.

1.
pohon dan gedung menjelaskan
muncul dari bahwa bumi adalah
belakang bumi. satu-satunya planet
Kemudian bumi yang dapat dihuni
bergerak dari besar oleh mahkluk
ke kecil lalu ke hidup.
besar lagi.
2.
tulisan O2,N2, menjelaskan
CO2, dan H2O bahwa atmosfer
muncul secara bumi terdiri dari
bergantian. kandungan gas
Kemudian oksigen, nitrogen,
menampilkan efek karbondioksida,
kedip dan hidrogen.
34
3.
bergerak rotasi dari bahwa oksigen
kiri ke kanan dan dibutuhkan oleh
kemudian gambar manusia untuk
O2 muncul dengan bernafas.
gerakan
gelombang.

4.
matahari muncul menjelaskan
pada bagian kiri bahwa atmosfer
atas kemudian juga berfungsi
memancarkan sinar untuk melindungi
atau cahayanya bumi dari sinar dan
dalam bentuk panas matahari
garis-garis yang yang berlebihan.
bergerak menuju
bumi.
5.
dan asset pohon bahwa suhu di
beserta rumah bumi cocok untuk
muncul dari manusia.
belakang bumi.
Kemudian asset ini
juga hilang dengan
bersembunyi di
belakang bumi.
6.
meteor atau menjelaskan
asteroid bergerak bahwa atmosfer
dari atas ke bawah berfungi untuk
dan dipantulkan ke melindungi bumi
atas lagi. dari benda langit
yang jatuh ke
bumi.
7.
bumi pindah menjelaskan
kebagian bawah bahwa bumi terdiri
35
kemudian gambar dari daratan dan
daratan dan lautan lautan.
muncul di atasnya
secara perlahan
dengan gerakan
dari besar ke kecil.
Sehingga memiliki
kesan berkedip-
kedip.
8.
gambar daratan menjelaskan
dan lautan muncul bahwa daratan
di atasnya secara adalah tempat
perlahan dengan tinggal manusia
gerakan dari besar dan lautan adalah
ke kecil. Sehingga tempat tinggal ikan
memiliki kesan dan makhluk
berkedip-kedip. ciptaan tuhan
Kemudian ombak lainnya.
lautan bergerak
dari kiri ke kanan
dan saling
berlawanan arah
antara ombak yang
satu dengan ombak
yang lainnya.

9.
bumi mengelilingi menjelaskan
matahari dan bahwa bumi
kemudian tulisan mengelilingi
satu tahun muncul matahari selama 1
tepat di bawah tahun.
matahari.
36
Pada situasi ini Pada gambar ini
10.
tanda panah menjelaskan
muncul dengan bahwa bumi
gerakan dari kecil berputar pada
ke besar tepat di porosnya.
tengah-tengah
bumi. Kemudian
bumi dan tanda
panah ini berputar
dengan rotasi
sumbu x.

tulisan siang dan menjelaskan
malam muncul tentang proses
terlebih dahulu terjadinya siang
secara bergantian. dan malam.
Kemudian
matahari muncul di
bagian kiri atas
setelah itu di ikuti
dengan munculnya
efek terang.
Kemudian bulan
muncul di sebelah
kanan atas dan di
ikuti dengan
munculnya efek
gelap.

12.
awan bergerak dari menjelaskan
kiri ke kanan bahwa bumi hanya
ataupun memiliki satu
sebaliknya. satelit yaitu bulan.
Kemudian awan
tersebut hilang
ketika bulan
muncul.
37
13.
bulan mengelilingi menjelaskan
bumi. tentang pengertian
satelit.
6. Storyboard Animasi Informasi Detail Satelit Bulan
Tabel 3.2.9 Storyboard Animasi Informasi Detail Satelit Bulan

No.

1.
bulan merupakan
menampilkan pembukaan dari
gerakan idle yang informasi detail
bergerak dari tentang bulan.
ukuran kecil ke Pada bagian ini
besar kemudian menjelaskan
kembali lagi ke bahwa bulan
ukuran kecil. merupakan satelit
alami bumi.
2.
bulan mengelilingi menjelaskan
bumi. bahwa bulan
disebut satelit
karena
mengelilingi bumi.
38
3.
bulan bergerak menjelaskan
dari kecil ke besar. bahwa bulan tidak
Kemudian muncul dapat
cahaya berkelip di menghasilkan
sekitarnya. cahaya sendiri.

4.
bulan bergerak ke menjelaskan
bawah kemudian bahwa cahaya
matahari muncul bulan berasal dari
di sebelah kiri atas. pantulan cahaya
Lalu memancarkan matahari.
sinar atau
cahayanya dalam
bentuk garis-garis
yang bergerak
menuju bulan.
5.
asteroid atau menjelaskan
komet bergerak bahwa kawah di
dari atas ke bawah bulan terbentuk
menuju permukaan karena hantaman
bulan. Kemudian komet atau
asteroid itu asteroid yang jatuh
dipantulkan ke permukaan
kembali ke atas. bulan.
6.
muncul dari bawah bahwa manusia
atau tepatnya di pernah pergi ke
belakang bulan.
permukaan bulan.
Kemudian
bergerak dengan
rotasi dari kiri ke
kanan.
39
7.
tulisan astronot menjelaskan
muncul pada bahwa manusia
bagian bawah yang pernah ke
karakter astronot. bulan atau luar
angkasa disebut
sebagai astronot.
8.
rocket bergerak menjelaskan
dari bumi menuju bahwa astronot
bulan. Sedangkan menggunakan
bulan dan bumi roket dengan
bergerak dari besar kecepatan tinggi
ke kecil secara untuk pergi ke
bergantian. bulan.
9.
muncul dari bawah bahwa di bulan
atau tepatnya di tidak ada oksigen
belakang sehingga astronot
permukaan bulan. harus
Kemudian menggunakan
bergerak dengan pakaian khusus
rotasi dari kiri ke untuk bisa
kanan. Kemudian bernafas di bulan.
gambar O2 muncul
dengan gerakan
gelombang disertai
dengan tanda
silang di
belakangnya.
10.
garis yang menjelaskan
menunjukkan tentang bagian-
bagian pakaian bagian dari
astronot muncul pakaian astronot.
dengan efek trim.
Kemudian bagian
pakaian yang
ditunjuk akan
40
muncul setelah
garis tersebut
muncul.
7. Storyboard Animasi Informasi Detail Planet Mars
Tabel 3.2.10 Storyboard Animasi Informasi Detail Planet Mars

No.

1.
planet mars merupakan
bergerak dari kecil pembukaan dari
ke besar kemudian informasi detail
kembali ke kecil tentang planet
lagi gerakan ini mars.
disebut dengan
animasi idle.
2.
tulisan “merah” menjelaskan bahwa
muncul pada bagian planet mars disebut
bawah mars sebagai planet
kemudian bergerak merah.
dari kecil ke besar.

titik-titik muncul menjelaskan bahwa
dari belakang warna merah pada
planet mars dan planet mars
kemudian bergerak disebabkan oleh
menyebar ke debu yang berada
sekeliling planet di sekelilingnya.
mars.
41
4.
tulisan perang menjelaskan bahwa
muncul di bawah nama mars berasal
planet mars dengan dari dewa perang
gerakan dari kecil bangsa romawi.
ke besar.

5.
awan muncul dari menjelaskan bahwa
belakang planet atmosfer mars
mars lalu bergerak sangat tipis
memutari planet
mars.

6.
planet mars menjelaskan bahwa
bergerak ke bagian planet mars dapat
kiri atas kemudian dilihat dari bumi
bumi dan teropong dengan
muncul pada bagian menggunakan
kanan bawah. teropong, karena
atmosfer planet
mars yang sangat
tipis.
7.
gunung berapi dan menjelaskan bahwa
gurun di muncul pada permukaan
setelah garis planet mars
penunjuk muncul. terdapat gunung
Garis penunjuk berapi dan gurun.
pada tampilan ini
muncul dengan
efek trim.
8.
tulisan Olimpus menjelaskan
muncul dari bawah tentang kawah
tepatnya dari terbesar di planet
belakang mars mars.
dengan gerakan
kecil ke besar.
42
8. Storyboard Animasi Informasi Detail Planet Jupiter
Tabel 3.2.11 Storyboard Animasi Informasi Detail Planet Jupiter

No.

1.
planet Jupiter menjelaskan
bergerak dari kecil tentang planet
ke besar kemudian jupiter yang sedang
kembali ke kecil kebingungan.
lagi gerakan ini
disebut dengan
animasi idle.
2.
planet-planet kecil menjelaskan bahwa
muncul diatas planet jupiter
planet jupiter dan merupakan planet
bergerak dari kecil paling besar di tata
ke besar lalu surya.
kembali ke kecil
lagi.
3.
objek planet jupiter menjelaskan bahwa
bergerak ke atas jupiter dijuluki
kemudian tulisan sebagai planet
raksasa muncul raksasa.
dari bawah. Tulisan
itu muncul dengan
gerakan dari kecil
ke besar.
43
4.
gambar istana menjelaskan bahwa
muncul di belakang jupiter disebut
jupiter. Kemudian sebagai raja planet.
planet jupiter akan
naik ke atas.
Setelah itu disusul
dengan munculnya
tulisan raja dengan
ukuran yang
semakin membesar.

5.
planet jupiter akan menjelaskan bahwa
bergeser ke sebelah besar planet jupiter
kanan kemudian sama dengan
tanda sama dengan sepuluh kali besar
dan gambar 10 bumi.
planet bumi akan
muncul secara
perlahan.

6.
asset salju akan menjelaskan bahwa
berputar-putar. planet jupiter
Kemudian planet memiliki suhu yang
jupiter bergerak dingin.

7.
planet jupiter akan menjelaskan bahwa
bergeser ke kanan letak planet jupiter
bawah. Lalu jauh dari matahari.
matahari muncul
pada bagian sudut
kiri atas secara
bersamaan.
44
9. Storyboard Animasi Informasi Detail Planet Saturnus
Tabel 3.2.12 Storyboard Animasi Informasi Detail Planet Saturnus

No.

1.
tanda tanya muncul menjelaskan
diatas planet tentang planet
saturnus dengan saturnus yang
gerakan dari besar sedang
kecil. kebingungan.

2.
bintang-bintang menjelaskan bahwa
akan muncul di planet saturnus
sekitar planet merupakan planet
saturnus dengan yang paling indah
gerakan besar ke di tata surya.
kecil. Kemudian
pada situasi ini
planet saturnus juga
bergerak dari besar
ke kecil.
3.
planet saturus menjelaskan bahwa
bergeser ke kiri planet saturnus
kemudian di memiliki cincin di
sebelahnya muncul sekitarnya.
panah. Setelah itu
diikuti oleh
munculnya cincin
saturnus.
45
4.
garis penunjuk akan menjelaskan
muncul dengan tentang partikel
efek trim. yang dikandung
Kemudian bagian oleh cincin
yang ditunjuk akan saturnus.
muncul secara
perlahan setelah
garis tersebut
muncul
sepenuhnya.
5.
tulisan angka dua menjelaskan bahwa
akan muncul dari planet saturnus
belakang planet merupakan planet
saturnus. kedua terbesar di
tata surya.

6.
planet Saturnus menjelaskan bahwa
akan bergeser ke planet saturnus
sebelah kiri terbesar ke-2
kemudian planet setelah jupiter.
jupiter muncul di
sebelah kanan
planet saturnus.
Keduanya bergerak
dari besar ke kecil
kemudian kembali
ke besar lagi.
46
7.
setelah planet menjelaskan bahwa
jupiter menghilang besar planet
di scene saturnus sama
sebelumnya maka dengan sembilan
kemudian muncul kali besar bumi.
tanda sama dengan
dan angka sembilan
kemudian diikuti
dengan munculnya
planet bumi.
10. Storyboard Animasi Informasi Detail Planet Uranus
Tabel 3.2.13 Storyboard Animasi Informasi Detail Planet Uranus

No.

1.
planet uranus merupakan
bergerak dari tentang planet
ukuran kecil ke uranus.
besar kemudian
kembali lagi ke
ukuran kecil.
2.
asset salju akan menjelaskan bahwa
berputar-putar dan planet Uranus
bergerak dari atas merupakan planet
ke bawah seolah- terdingin di tata
olah jatuh. surya.
Kemudian planet
uranus bergerak
47
3.
planet Uranus akan menjelaskan bahwa
bergeser ke atas Uranus berwarna
kemudian muncul biru muda.
tulisan biru dengan
gerakan semakin
membesar.

4.
setelah tulisan biru menjelaskan bahwa
hilang makan planet uranus
muncul angka 27 memiliki 27 satelit.
dengan gerakan
besar ke kecil.

5.
planet bergeser ke menjelaskan bahwa
sebelah kiri planet uranus
kemudian tanda memiliki cincin
panah muncul seperti planet
setelahnya dan saturnus. Namun
diikuti dengan bedanya cincin
munculnya planet planet uranus tegak
saturnus. lurus.

6.
awan bergerak dari menjelaskan bahwa
kiri ke kanan planet Uranus
ataupun sebaliknya. memiliki awan
Sedangkan planet yang sangat tebal.
Uranus bergerak
48
11. Storyboard Animasi Informasi Detail Planet Neptunus
Tabel 3.2.14 Storyboard Animasi Informasi Detail Planet Neptunus

No.

1.
planet neptunus merupakan
bergerak dari tentang planet
ukuran kecil ke neptunus. Pada
besar kemudian bagian ini
kembali lagi ke menjelaskan bahwa
ukuran kecil. planet neptunus
disebut juga
sebagai planet
pembuat ulah.
2.
kedua planet akan menjelaskan bahwa
bergerak mengikuti planet neptunus
jalur orbit dengan sering memotong
gerakan yang orbit planet lain.
berlawanan arah.

3.
planet bergeser ke menjelaskan bahwa
sebelah kiri planet neptunus
kemudian tanda dikenal sebagai
panah muncul kembaran planet
setelahnya dan Uranus.
diikuti dengan
munculnya planet
Uranus.
49
4.
setelah planet tanda menjelaskan bahwa
panah menghilang warna dan ukuran
di scene planet neptunus
sebelumnya maka hampir sama
kemudian muncul dengan Uranus.
tanda sama dengan
diantara kedua
planet tersebut.
5.
ombak bergerak menjelaskan bahwa
berlawanan arah nama planet
dari kiri ke kanan. neptunus berasal
dari nama dewa
laut dan gempa
bumi bangsa
romawi.
6.
matahari muncul di menjelaskan bahwa
tengah dan neptunus planet
kemudian planet yang paling lama
neptunus dalam mengelilngi
mengelilingi matahari.
matahari tersebut.
D. Storyboard Aplikasi
1. Storyboard Menu Utama Aplikasi
Tabel 3.2.15 Storyboard Menu Utama Aplikasi
Sketsa Audio
Keterangan
1. Logo aplikasi • Back sound

Luar angkasa atau musik
2. Tombol latar belakang
Menu Belajar aplikasi
50
3. Tombol
Menu Hadits
dan Doa
4. Tombol
Menu Game
5. Tombol
Informasi
Aplikasi
6. Tombol on
dan off music
7. Tombol
keluar
2. Storyboard Splash Screen Menu Belajar
Tabel 3.2.16 Storyboard Splash Screen Menu Belajar
Sketsa Audio
Keterangan
1. Tulisan • Musik back

Bismillah sound
2. Karakter • Dubbing
Astronot naskah doa
Laki-Laki pembuka
3. Karakter
Astronot
Perempuan
51
Naskah Doa Pembuka:
“Hallo teman-teman, sebelum belajar marilah kita membaca basmallah. Bismillah
hirrahman nirrahhim. Yeay!! Selamat belajar”.
3. Storyboard Menu Belajar
Tabel 3.2.17 Storyboard Menu Belajar
Sketsa Audio
Keterangan
1. Tombol • Musik back

Matahari sound
2. Tombol • Dubbing
Merkurius naskah
3. Tombol petunjuk
Venus penggunaa
4. Tombol n
Bumi
5. Tombol
Bulan
6. Tombol
Mars
7. Tombol
Jupiter
8. Tombol
Saturnus
9. Tombol
Uranus
10. Tombol
Neptunus
11. Papan
Petunjuk
Penggunaa
n
12. Tombol
Keluar
Naskah Petunjuk Penggunaan:
“Pilihlah salah satu planet atau satelit untuk belajar”
52
4. Storyboard Halaman Pengenalan Planet
Tabel 3.2.18 Storyboard Halaman Pengenalan Planet
Sketsa Audio
Keterangan
1. Nama / Judul • Musik back

Planet sound.
2. Objek • Dubbing
Kartun naskah
Planet pengenalan
(animasi) planet.
3. Tombol
Planet Asli
4. Tombol
Informasi
Detail
5. Tampilan
Planet Asli
Kecil
6. Tombol
Halaman
Sebelumnya
7. Tombol
Halaman
Selanjutnya
8. Tombol
Keluar
Naskah Pengenalan Planet:
a. Objek Matahari:
“Hallo!! Aku Matahari, aku bukan planet lho. Aku adalah pusat dari seluruh
planet yang ada”.
b. Objek Merkurius:
“Hallo!! Aku Merkurius. Aku adalah planet yang paling dekat dengan
matahari”.
c. Objek Venus:
53
“Hallo!! Aku Venus. Aku adalah planet kedua terdekat dari matahari”.
d. Objek Bumi:
“Hallo!! Aku Bumi, aku planet ketiga dari matahari. Aku adalah tempat
tinggal manusia dan makhluk hidup lainnya”.
e. Objek Bulan:
“Hallo!! Aku Bulan, aku bukan planet lho. Aku adalah satelit bumi”.
f. Objek Mars:
“Hallo!! Aku Mars. Aku adalah planet keempat dari matahari”.
g. Objek Jupiter:
“Hallo!! Aku Jupiter. Aku adalah planet kelima dari matahari”.
h. Objek Saturnus:
“Hallo!! Aku Saturnus. Aku adalah planet keenam dari matahari”.
i. Objek Uranus:
“Hallo!! Aku Uranus. Aku adalah planet ketujuh dari matahari”.
j. Objek Neptunus:
“Hallo!! Aku Uranus. Aku adalah planet terakhir dari matahari”.
5. Storyboard Halaman Planet Asli
Tabel 3.2.19 Storyboard Halaman Planet Asli
Sketsa Audio
Keterangan

Planet sound.
2. Gambar • Dubbing
Planet Asli naskah planet
asli.
54
3. Tombol
Planet Asli
4. Tombol
Informasi
Detail
5. Tampilan
Objek
Kartun
Planet
6. Tombol
Halaman
Sebelumnya
7. Tombol
Halaman
Selanjutnya
8. Tombol
Keluar
Naskah Planet Asli:
a. Objek Matahari:
“Ini adalah bentuk asli dari Matahari. Matahari sebenarnya berwarna kuning
keemasan dan bercampur warna merah menyala karena permukaannya yang
sangat panas”.
b. Objek Merkurius:
“Ini adalah bentuk asli dari planet Merkurius. Planet ini berwarna abu-abu dan
terdapat banyak kawah di permukaannya”.
c. Objek Venus:
“Ini adalah bentuk asli dari planet Venus. Planet ini berwarna putih
kekuningan dicampur jingga karena permukaannya yang asam dan sangat
panas”.
d. Objek Bumi:
“Ini adalah bentuk asli dari planet Bumi. Planet ini berwarna biru bercampur
hijau karena permukaannya yang terdiri dari daratan dan lautan”.
e. Objek Bulan:
55
“Ini adalah bentuk asli dari Bulan. Bulan sebenarnya berwarna putih
bercampur abu-abu”.
f. Objek Mars:
“Ini adalah bentuk asli dari planet Mars. Planet ini berwarna merah bercampur
orange karena permukaannya yang diselimuti oleh debu-debu yang
beterbangan”.
g. Objek Jupiter:
“Ini adalah bentuk asli dari planet Jupiter. Planet ini berwarna orange
bercampur warna coklat dan putih karena permukaannya yang diselimuti oleh
awan dan gas”.
h. Objek Saturnus:
“Ini adalah bentuk asli dari planet Saturnus. Planet ini berwarna kuning dan
putih atau disebut juga dengan kuning pucat dan planet ini memiliki cincin
yang sangat indah”.
i. Objek Uranus:
“Ini adalah bentuk asli dari planet Uranus. Planet ini berwarna biru muda
karena permukaannya yang sangat dingin”.
j. Objek Neptunus:
“Ini adalah bentuk asli dari planet Neptunus. Planet ini berwarna biru tua dan
planet ini sangat gelap/ karena jauh dari matahari”.
6. Storyboard Halaman Informasi Detail
Tabel 3.2.20 Storyboard Halaman Informasi Detail
Sketsa Audio
Keterangan

Planet sound.
2. Tampilan • Dubbing
Animasi naskah
Planet
56
3. Tombol informasi
Keluar detail planet.
4. Tombol
Replay /
Ulang
Naskah Informasi Detail Planet:

a. Objek Matahari:
“Tahukah kamu? Matahari disebut juga dengan bintang karena dapat

menghasilkan cahaya sendiri. Matahari tampak lebih terang dan lebih besar
jika dibandingkan dengan bintang-bintang lainnya karena letak matahari yang
lebih dekat dengan bumi. Tahukah kamu? Panas yang dipancarkan matahari
merupakan sumber energi utama bagi bumi. Energi yang dipancarkan
matahari tiap detiknya setara dengan energi matahari yang diterima bumi
selama 100 tahun lho” [19].
b. Objek Merkurius:
“Tahukah kamu? Planet merkurius merupakan planet terkecil dalam tata surya
lho. Planet ini merupakan planet yang paling cepat dalam mengelilingi
matahari. Planet merkurius adalah planet yang berwarna abu-abu dan memiliki
atmosfer yang sangat tipis, sehingga pada siang hari planet ini sangat panas
lho. Panasnya dapat melelehkan logam dan timah. Selain itu planet ini juga
tidak memiliki udara dan air, sehingga planet merkurius tidak bisa ditempati
oleh manusia dan makhluk hidup lainnya” [19].
c. Objek Venus:
“Tahukah kamu? Venus juga dikenal sebagai kembaran bumi karena

ukurannya yang hampir sama dengan ukuran bumi. Planet venus adalah planet
paling panas dalam tata surya lho. Hal ini dikarenakan permukaan venus yang
tertutup oleh awan atau atmosfer yang sangat tebal. Atmosfer venus dapat
menahan cahaya matahari sehingga venus kelihatan paling cerah jika dilihat
dari bumi. Selain itu planet venus juga sering muncul pada sore hari sehingga
ia dijuluki sebagai bintang senja atau bintang kejora” [19].
57
d. Objek Bumi:
“Tahukah kamu? Bumi merupakan satu-satunya planet yang dihuni oleh

makhluk hidup. Bumi memiliki atmosfer yang terdiri dari oksigen, nitrogen,
karbon dioksida, dan uap air. Oksigen yang terdapat di bumi sangat
dibutuhkan oleh manusia untuk bernafas [19]. Atmosfer bumi melindungi kita
dari sinar matahari yang berlebihan, sehingga suhu di bumi cocok untuk
kehidupan manusia. Atmosfer juga melindungi bumi dari benda-benda langit
yang akan jatuh ke bumi, sehingga bumi tetap aman dan nyaman. Selain itu,
permukaan bumi juga terdiri dari daratan dan lautan. Daratan adalah tempat
tinggal kita sedangkan lautan adalah tempat tinggal ikan dan makhluk ciptaan
tuhan lainnya. Tahukah kamu? Bumi mengelilingi matahari selama 1 tahun
lho. Selain itu bumi juga berputar pada porosnya sehingga bumi mengalami
siang dan malam. Bagian bumi yang menghadap ke matahari akan mengalami
siang sedangkan bagian bumi yang membelakangi matahari akan mengalami
malam. Bumi hanya memiliki 1 satelit alami yaitu bulan. Satelit adalah benda
langit yang selalu setia mengelilingi pusatnya, seperti bulan yang selalu setia
mengelilingi bumi” [20].
e. Objek Bulan:
“Tahukah kamu? Bulan adalah satu-satunya satelit alami bumi karena bulan
selalu mengelilingi bumi. Bulan dapat bersinar pada malam hari, tetapi
sebenarnya bulan tidak dapat menghasilkan cahaya sendiri. Cahaya bulan itu
sebenarnya berasal dari pantulan cahaya matahari. Permukaan bulan terdiri
dari banyak kawah lho, kawah ini disebabkan oleh hantaman komet atau
asteroid. Tahukah kamu? Manusia pernah pergi ke bulan lho. Manusia yang
pergi ke bulan atau luar angkasa disebut sebagai astronot [20]. Mereka pergi
ke bulan dengan menggunakan rocket yang memiliki kecepatan tinggi. Di
Bulan tidak ada udara dan oksigen, oleh karena itu astronot yang pergi ke
bulan harus menggunakan pakaian khusus. Pakai itu terdiri dari baju kedap
udara, tabung oksigen, dan helm yang dapat melindungi tubuh para astronot
agar tetap aman dan tidak kekurangan oksigen” [19].
f. Objek Mars:
“Tahukah kamu? Mars sering disebut sebagai planet merah karena warnanya
yang kemerahan. Warna merah pada planet mars disebabkan oleh debu-debu
yang beterbangan. Nama mars berasal dari nama dewa perang romawi lho.
Mars memiliki atmosfer yang sangat tipis sehingga permukaan mars dapat
dilihat dari bumi dengan menggunakan teropong. Pada permukaan mars
58
terdapat kawah, gunung berapi, lembah, dan gurun. Mars memiliki kawah
terbesar di tata surya lho, kawah ini disebut kawah Olympus” [19].
g. Objek Jupiter:
“Tahukah kamu? Jupiter adalah planet paling besar dalam tata surya sehingga
ia disebut sebagai planet raksasa. Jupiter juga dikenal sebagai Raja Planet juga
lho. Besar Planet Jupiter sama dengan 10 kali besar bumi. Sangat besar ya
teman-teman. Jupiter merupakan salah satu planet yang memiliki suhu yang
sangat dingin karena planet ini jauh dari matahari” [19].
h. Objek Saturnus:
“Tahukah kamu? Saturnus adalah planet yang sangat indah di tata surya karena
ia memiliki cincin di sekelilingnya. Cincin saturnus sebenarnya terbentuk dari
kumpulan debu, kerikil, dan butir es yang sangat banyak. Saturnus merupakan
planet terbesar kedua dalam tata surya setelah jupiter. Besar planet saturnus
sama dengan 9 kali besar bumi lho” [19].
i. Objek Uranus:
“Tahukah kamu? Uranus adalah planet paling dingin di tata surya lho. Planet
ini berwarna biru muda dan memiliki 27 satelit disekelilingnya. Uranus juga
memiliki cincin seperti saturnus lho, tetapi bedanya cincin uranus berdiri
secara vertikal atau tegak lurus. Planet uranus memiliki awan yang sangat
tebal sehingga sangat sulit jika diamati dari bumi” [19].
j. Objek Neptunus:
“Tahukah kamu? Planet neptunus disebut sebagai planet pembuat ulah, karena
planet ini suka memotong garis orbit atau jalannya planet lain. Planet neptunus
juga dikenal sebagai kembaran planet uranus, karena warna dan ukurannya
yang hampir sama dengan planet uranus. Nama planet neptunus berasal dari
nama dewa laut dan gempa bumi bangsa Romawi lho. Planet ini merupakan
planet yang paling lama dalam mengelilingi matahari” [19].
7. Storyboard Menu Utama Hadits dan Doa
Tabel 3.2.21 Storyboard Menu Utama Hadits dan Doa
Sketsa Audio
Keterangan
59
1. Tulisan • Musik back
Hadits dan sound.
Doa (judul
menu)
2. Tombol Doa
1
3. Tombol Doa
2
4. Tombol Doa
3
5. Tombol
Keluar
8. Storyboard Tampilan Hadits dan Doa
Tabel 3.2.22 Storyboard Tampilan Hadits dan Doa
Sketsa Audio
Keterangan
1. Judul Doa • Musik back

2. Tombol Play sound.
/ Stop Audio • Audio Ayat
Ayat • Audio Arti
3. Tombol Play • Audio Makna
/ Stop Audio
Arti
4. Tombol Play
/ Stop Audio
makna
5. Tombol
Keluar
3.2.3 Pengumpulan Material Asset (Material Collecting)
Pada tahap ini dilakukan pengumpulan terhadap semua material yang dibutuhkan dalam
proses pembuatan animasi. Berikut material-material yang dibutuhkan:
60
1. Material tampilan UI (User Interface) aplikasi.
Tabel 3.2.23 Pengumpulan Material Tampilan UI (User Interface) Aplikasi
Material Keterangan
No.
Logo Aplikasi Luar Angkasa

1.
Tombol Menu Belajar

2.
Berfungsi untuk menampilkan
halaman menu utama Belajar.
Tombol Menu Hadits dan Doa

3.
halaman menu utama Hadits
dan Doa.
Tombol Game
4.
halaman menu utama Game.
Tombol Home
5.
Berfungsi untuk kembali ke
menu utama aplikasi.
Tombol Planet
6.
halaman pengenalan planet
sesuai dengan ikonnya masing-
masing.
Papan Petunjuk
7.
Berfungsi untuk memberikan
informasi tentang petunjuk
menu belajar. Papan ini dapat
mengeluarkan audio apabila di
klik.
61
Tombol Keluar
8.
Berfungsi untuk keluar dari
sebuah halaman atau tampilan
aplikasi.
Tombol Sebelum dan

9.
Selanjutnya
Berfungsi untuk beralih ke
tampilan halaman pengenalan
planet sebelum atau
selanjutnya.
Tombol Informasi Detail

10.
halaman penjelasan informasi
lengkap tentang planet. Pada
bagian ini planet dijelaskan
dalam bentuk animasi 2D.
Tombol Show dan Hide Planet

11.
Asli
dan menutup halaman
penjelasan bentuk asli planet.
Pada bagian ini terdapat
penjelasan tentang planet yang
berupa audio beserta gambar
asli dari planet tersebut.
Tombol Replay / Ulang

12.
Berfungsi untuk mengulang
kembali animasi penjelasan
detail planet.
Judul Halaman Menu Hadits

13.
dan Doa
62
Background Tombol Doa
14.
Berfungsi untuk membuka
halaman doa.
Tampilan Halaman Doa

15.
Pada bagian ini terdapat ayat
dan arti yang dijelaskan dengan
menggunakan audio.
Tombol Play dan Stop Doa

16.
dan mematikan audio ayat dan
arti doa.
Papan Judul Doa

17.
Berfung sebagai informasi judul
doa yang sedang di buka. Papan
judul ini dapat menampilkan
audio apabila di klik.
Tombol Makna dan Stop

18.
dan mematikan audio makna
doa.
2. Material vektor objek planet dan benda- benda luar angkasa lainnya.
Tabel 3.2.24 Material Vektor Objek Planet dan Benda-benda Luar Angkasa
Material Keterangan
No.
Karakter Matahari
1.
63
Karakter Merkurius
2.
Karakter Venus
3.
Karakter Bumi
4.
Karakter Bulan
5.
Karakter Mars
6.
Karakter Jupiter
7.
Karakter Saturnus
8.
Karakter Uranus
9.
Karakter Neptunus
10.
64
Karakter Astronot Perempuan
11.
Karakter Astronot Laki-Laki

12.
Objek Roket
13.
Objek Uvo
14.
Background / Gambar Latar

15.
Belakang Animasi
3. Material gambar asli planet.
Tabel 3.2.25 Material Gambar Planet Asli
Material Keterangan
No.
65
Bentuk Asli Matahari
1.
Bentuk Asli Planet Merkurius

2.
Bentuk Asli Planet Venus

3.
Bentuk Asli Planet Bumi

4.
Bentuk Asli Bulan

5.
66
Bentuk Asli Planet Mars
6.
Bentuk Asli Planet Jupiter

7.
Bentuk Asli Planet Saturnus

8.
Bentuk Asli Planet Uranus

9.
Bentuk Asli Planet Neptunus

10.
67
4. Audio atau rekaman suara untuk dubbing animasi.
Pada tahapan pengumpulan material audio, penulis melakukan rekaman suara terhadap
beberapa orang pengisi suara untuk mengisi audio animasi dan audio penjelasan informasi
pada aplikasi. Pada saat proses rekaman audio, penulis telah menyiapkan script atau
naskah cerita animasi terlebih dahulu untuk diberikan kepada pengisi suara. Kemudian
audio tersebut di edit menggunakan aplikasi Audacity dan After Effect untuk disesuaikan
dengan animasi.
5. Musik latar belakang (Backsound)
Pada aplikasi ini terdapat musik latar belakang yang diunduh dari website musik Free
Instrumentals and Background Music Download. Musik latar belakang yang digunakan
pada aplikasi ini bertemakan musik ceria dan menyenangkan untuk anak-anak yang
dipersembahkan oleh Sophonic Media [21].
3.2.4 Pembuatan (Assembly)
Tahap assembly (pembuatan) merupakan tahap pembuatan animasi, pada proses ini
dilakukan penggabungan terhadap semua materi yang dibutuhkan dalam pembuatan animasi
yaitu berupa vektor objek, background dan narasi tentang media pembelajaran yang ingin dibuat
guna menghasilkan sebuah animasi yang utuh. Kemudian pada tahap ini juga dilakukan
pembuatan aplikasi berbasis PC (Personal Computer) sebagai wadah untuk menerapkan animasi
yang sudah dibuat sebelumnya serta pada tahap ini penulis menambahkan suara atau musik
latarbelakang pada aplikasi. Berikut proses pembuatan material asset pada aplikasi luar angkasa:
A. Proses Pembuatan Asset Dua Dimensi

Gambar di bawah ini merupakan proses pembuatan asset dua dimensi untuk animasi dan
aplikasi luar angkasa. Pembuatan asset tersebut menggunakan perangkat lunak Adobe Illustrator
CC 2019 dengan ukuran layar 1920 x 1080 untuk Video HDV/HDTV 1080. Namun beberapa
dari asset dua dimensi seperti tampilan UI (User Interface) aplikasi diperoleh dari website
www.freepik.com. Kemudian asset yang diperoleh dari website tersebut dikembangkan sesuai
dengan kebutuhan dalam proses pembuatan aplikasi. Berikut gambar proses pembuatan asset dua
dimensi aplikasi luar angkasa:
68
Gambar 3.2.5 Proses Pembuatan Asset 2D Karakter Astronot.
Gambar 3.2.4 diatas merupakan proses pembuatan asset 2 dimensi karakter astronot. Pada
proses pembuatan karakter tersebut penulis memperoleh referensi gambar dari website
freepik.com dan kemudian gambar tersebut di buat kembali dengan beberapa perubahan desain
dan tampilan. Karakter astronot pada proses ini terdiri dari karakter laki-laki dan perempuan.
Karakter astronot perempuan pada asset 2D ini dibuat dengan tampilan Islami yaitu dengan
menggunakan jilbab. Hal ini bertujuan agar karakter tersebut dapat mendukung tema aplikasi ini
yaitu sebagai media pembelajaran tata surya yang memiliki nuansa Islami sebagaimana visi dan
misi dari PAUD Almalia School.
Gambar 3.2.6 Proses Pembuatan Asset 2D Splash Screen Doa

69
Gambar 3.2.5 diatas merupakan proses pembuatan asset 2 dimensi background doa. Asset
ini dibuat dengan tema luar angkasa, sehingga menggunakan beberapa asset yang menjadi ciri
khas luar angkasa yaitu seperti planet, rocket, dan uvo. Pembuatan asset-asset seperti uvo, planet
dan ayat “bismillah” pada gambar diatas dilakukan dengan menggunakan sebuah alat yang
disediakan oleh Adobe Illustrator yang bernama pen tool. Pembuatan asset 2D ini menggunakan
tool yang bernama pen tools yang berfungsi untuk membuat garis lurus atau garis lengkung dan
objek baru yang sesuai dengan kebutuhan. Kemudian objek ini diberi pewarnaan yang sesuai
dengan masing-masing objeknya. Dalam proses ini juga menggunakan fitur opacity pada Adobe
Illustrator untuk mengatur tingkat transparansi pada sebuah objek, sehingga memberikan efek
nyata pada objek yang dibuat.
Gambar 3.2.7 Proses Pembuatan Asset GUI (Graphical User Interface)

Gambar 3.2.6 diatas merupakan proses pembuatan asset 2 dimensi untuk GUI (Graphical
User Interface) aplikasi luar angkasa. Pada proses pembuatan asset GUI (Graphical User
Interface) tersebut penulis memperoleh referensi gambar dari website freepik.com. Kemudian
gambar tersebut dikembangkan kembali dengan beberapa perubahan desain dan tampilan sesuai
dengan kebutuhan penulis, seperti perubahan ikon tombol planet, reply dan lain sebagainya.
70
Gambar 3.2.8 Proses Pembuatan Asset 2D Karakter Planet
Gambar 3.2.7 diatas merupakan proses pembuatan asset 2 dimensi planet-planet yang
terdapat di tata surya. Pembuatan karakter planet disesuaikan dengan warna dan ciri khas masing-
masing planet, seperti planet mars yang memiliki bentuk seperti pasukan perang karena namanya
yang berasal dari nama dewa perang romawi. Pembuatan karakter ini bertujuan agar pengguna
atau siswa dapat membedakan antara planet yang satu dengan planet lainnya. Pembuatan asset
2D ini menggunakan tool yang bernama pen tools yang berfungsi untuk membuat garis lurus atau
garis lengkung dan objek baru yang sesuai dengan kebutuhan. Kemudian objek ini diberi
pewarnaan yang sesuai dengan masing-masing objeknya. Pada proses ini penulis juga
menggunakan opacity untuk mengatur tingkat transparansi pada sebuah objek, sehingga
memberikan efek nyata pada objek yang dibuat.
71
Gambar 3.2.9 Proses Pembuatan Asset 2D Hadits dan Doa
Gambar 3.2.8 diatas merupakan proses pembuatan asset 2 dimensi untuk tampilan hadits
dan doa. Pembuatan asset ayat seperti tampilan di atas dapat dilakukan dengan mengaktifkan tipe
bahasa Show Indic Option pada bagian preference di menu edit. Kemudian setelah itu
mengaktifkan Arabian Languages pada windows. Dalam penulisan huruf arab dapat
menggunakan On-Screen Keyboard pada komputer untuk memudahkan dalam penulisan
rangkaian huruf arab.
Gambar 3.2.10 Proses Pembuatan Asset 2D Animasi
72
Gambar 3.2.9 diatas merupakan proses pembuatan asset 2 dimensi sebagai bahan
pendukung animasi. pembuatan asset pendukung ini disesuaikan dengan kebutuhan materi
informasi untuk setiap planet. Tujuan pembuatan asset ini yaitu agar informasi pada animasi
dapat divisualkan dan disampaikan dengan baik kepada pengguna, sehingga dapat memudahkan
pengguna dalam memahami informasi yang terkandung dalam animasi tersebut.
B. Proses Pembuatan Animasi

Gambar di bawah ini merupakan proses pembuatan animasi dua dimensi untuk kebutuhan
aplikasi luar angkasa. Pembuatan animasi ini menggunakan perangkat lunak Adobe After Effect
CC 2019 dengan ukuran layar 1920 x 1080 untuk Video HDV/HDTV 1080. Pada proses ini
penulis melakukan editing terhadap asset dua dimensi dan audio agar dapat menghasilkan sebuah
animasi yang utuh sehingga dapat menyampaikan informasi yang dibutuhkan oleh pengguna.
Berikut gambar proses pembuatan animasi dua dimensi aplikasi luar angkasa:
Gambar 3.2.11 Proses Pembuatan Video Bumper Logo Developer

Gambar 3.2.10 diatas merupakan proses pembuatan video bumper logo developer. Nama
logo developer yang digunakan dalam pembuatan video bumper ini adalah ID Studio yang
merupakan singkatan dari nama penulis dan anggota kelompok yang bekerja sama dalam
pembuatan proyek akhir ini. Proses pembuatan video bumper ini menggunakan plug-in
pendukung yang bernama Mr. Horse Animation Composer. Plug-in ini berfungsi untuk
menambahkan fungsi tambahan pada fungsionalitas utama aplikasi Adobe After Effect. Plug-in
ini terdiri dari preset animasi dan audio yang siap pakai, sehingga dapat memudahkan kita dalam
membuat animasi ataupun efek suara pada pembuatan video bumper ini.
73
Gambar 3.2.12 Proses Pembuatan Animasi 2D Splash Screen Doa
Gambar 3.2.11 diatas merupakan proses pembuatan animasi 2D untuk splash screen doa.
Pada proses pembuatan ini sebelumnya dilakukan pemisahan layer pada file Adobe Illustrator
untuk bagian-bagian yang ingin di gerakkan kemudian file tersebut di import ke halaman kerja
Adobe After Effect. Kemudian pada halaman kerja Adobe After Effect dilakukan penambahan
composition baru dan pengaturan terhadap waktu serta background-nya. Composition ini
berfungsi sebagai wadah yang menampung bagian-bagian yang akan di edit. Kemudian proses
selanjutnya yaitu memasukan beberapa asset yang dibutuhkan ke dalam halaman composition
dan melakukan pemberian animasi untuk setiap asset tersebut.
74
Gambar 3.2.13 Proses Pembuatan Animasi 2D Informasi Detail Planet
Gambar 3.2.12 diatas merupakan proses pembuatan animasi 2D untuk informasi detail
planet. Gambar diatas mewakili proses pembuatan animasi informasi detail Matahari, Merkurius,
Venus, Bumi, Bulan, Mars, Jupiter, Saturnus, Uranus dan Neptunus. Hal ini dikarenakan proses
pembuatan animasi informasi detail untuk planet-planet tersebut memiliki proses yang hampir
sama secara keseluruhan, sehingga penulis melampirkan gambar proses pembuatan planet
tersebut di halaman lampiran. Pada proses pembuatan ini sebelumnya dilakukan pemisahan layer
pada file Adobe Illustrator untuk asset-asset yang ingin di gerakkan kemudian file tersebut di
import ke halaman kerja Adobe After Effect. Setelah itu pada halaman kerja Adobe After Effect
dilakukan penambahan composition baru dan pengaturan waktu serta background-nya.
Composition ini berfungsi sebagai wadah yang menampung bagian-bagian yang akan di edit.
Kemudian proses selanjutnya yaitu memasukan beberapa asset vektor maupun gambar ke dalam
halaman composition dan melakukan pemberian animasi untuk setiap asset tersebut. Dalam
pembuatan animasi ini penulis menggunakan plug-in yang bernama Mr.Horse untuk
memudahkan pemberian animasi pada setiap asset.
C. Proses Pembuatan Aplikasi

Gambar di bawah ini merupakan proses pembuatan aplikasi luar angkasa. Pada proses
pembuatan aplikasi ini penulis menggunakan perangkat lunak Unity versi 2019.2.2f1 dan Visual
Studio 2019. Berikut gambar proses pembuatan aplikasi luar angkasa:
75
Gambar 3.2.14 Proses Pembuatan Tampilan Menu Utama Aplikasi Luar Angkasa
Pada proses pembuatan tampilan menu utama ini penulis menambahkan animasi gerak
pada bagian logo aplikasi. Pembuatan animasi ini langsung dilakukan pada Unity dengan
menggunakan tools animation pada menu windows. Tujuan pembuatan animasi ini yaitu untuk
menambahkan kesan menarik pada menu awal aplikasi. Kemudian pada bagian ini juga terdapat
tombol untuk mematikan dan menyalakan musik latar belakang serta tombol keluar dari aplikasi.
Penggunaan background pada halaman ini disesuaikan dengan tema aplikasi yaitu tentang luar
angkasa. Pada tahap ini penulis melakukan penghubungan antar scene dengan menggunakan
perintah klik dengan cara melakukan pengaturan pada button on click. Setelah itu penulis
menggunakan mode onclick pada package game controller. Kemudian penulis memasukkan
game controller yang sudah di setting ke dalam pengaturan button on click pada inspector tombol
yang akan diberi link atau hubungan dengan scene lainnya. Setelah itu penulis menentukan scene
berikutnya yang ingin dituju apabila tombol tersebut di klik.
76
Gambar 3.2.15 Proses Pembuatan Splash Screen Doa Menu Belajar
Pada proses pembuatan splash screen doa ini, penulis hanya menyisipkan video doa pada
main camera di halaman ini. Sehingga aplikasi secara otomatis menampilkan video splash
screen doa ketika pengguna menekan tombol menu belajar pada halaman utama. Kemudian
tampilan splash screen ini tidak memiliki tombol untuk lanjut ke halaman selanjutnya, maka
untuk mengatur pergantian halaman penulis melakukan pengaturan pada inspector main
camera untuk melakukan delay terhadap pergantian halaman selama 33 detik atau sesuai
dengan durasi video animasi. Sehingga pengguna harus menyaksikan video ini hingga
berakhir lalu aplikasi secara otomatis menampilkan halaman selanjutnya.
Gambar 3.2.16 Proses Pembuatan Tampilan Menu Belajar
77
Pada proses pembuatan menu belajar ini, penulis menambahkan animasi gerak pada tiap
tombol planet. Animasi ini dibuat di Unity dengan menggunakan tools animation pada menu
windows. Kemudian tombol pada menu ini menggunakan asset 2D karakter planet. Tujuan
pembuatan tombol dengan gambar karakter planet ini adalah untuk memudahkan pengguna
dalam mengetahui jenis dan urutan planet tersebut. Pada halaman ini juga terdapat papan
petunjuk. Papan tersebut sebenarnya merupakan sebuah tombol yang di beri image source
tulisan dan audio source informasi penggunaan, yang mana apabila di klik akan secara
otomatis menampilkan audio informasi petunjuk cara penggunaan menu belajar.
Gambar 3.2.17 Proses Pembuatan Tampilan Pengenalan Planet

Pada proses pembuatan tampilan pengenalan planet ini, penulis menambahkan animasi
gerak pada karakter planet dengan menggunakan tools animation pada menu windows. Setelah
itu penulis memilih jenis animasi image sprite, kemudian menambahkan beberapa gambar
yang berbeda agar karakter planet dapat terlihat bergerak. Lalu penulis menambahkan audio
pengenalan pada animasi karakter yang telah dibuat sebelumnya. Pada tampilan ini penulis
juga menambahkan papan judul planet untuk menampilkan informasi tentang nama planet
apabila diklik. Selain itu pada tampilan pengenalan ini terdapat fitur informasi detail dan fitur
planet asli, serta tombol next dan before. Pada tombol next dan before ini penulis
menambahkan script yang berfungsi untuk berpindah ke halaman lainnya, sehingga apabila di
klik akan otomatis berpindah ke halaman sebelum atau selanjutnya.
78
Gambar 3.2.18 Proses Pembuatan Tampilan Planet Asli
Pada proses pembuatan tampilan planet asli, penulis hanya menyisipkan tampilan ini di
dalam scene yang sama dengan tampilan pengenalan planet. Dalam pembuatannya penulis
melakukan penambahan kondisi hide dan show pada bagian button on click di inspector
tombol planet asli. kondisi show berfungsi untuk menampilkan audio dan tampilan gambar
planet asli pada halaman pengenalan planet dan menyembunyikan tampilan animasi
pengenalan planet. Sedangkan kondisi hide berfungsi untuk menyembunyikan tampilan
gambar asli planet beserta audionya kemudian menampilkan kembali animasi pengenalan
planet.
Gambar 3.2.19 Proses Pembuatan Tampilan Informasi Detail Planet
79
Pada proses pembuatan tampilan informasi detail, penulis menyisipkan video animasi
pada main camera di halaman ini. Sehingga animasi secara otomatis ditampilkan apabila
pengguna menekan tombol informasi detail pada halaman pengenalan planet. Pada tampilan
ini terdapat tombol Replay untuk mengulang kembali tampilan animasi. Tombol Replay ini
dibuat dengan menambahkan kondisi stop dan play pada bagian button onclick. Sehingga
apabila tombol ini di tekan, maka akan memberi perintah kepada aplikasi untuk
menghentikan video sebelumnya terlebih dahulu sebelum video tersebut ditampilkan
kembali.
Gambar 3.2.20 Proses Pembuatan Tampilan Menu Utama Hadits dan Doa
Pada proses pembuatan tampilan menu utama hadits dan doa, penulis menggunakan tipe
slider pada menu UI (User Interface) yang terdapat di bagian canvas aplikasi. Tujuan
penggunaan menu slide ini yaitu agar tampilan tetap dapat menampung 6 menu dengan
ukuran dan proporsi yang sama. Pada tampilan ini juga terdapat tombol home yang berfungsi
untuk kembali ke halaman menu utama aplikasi luar angkasa.
80
Gambar 3.2.21 Proses Pembuatan Tampilan Hadits dan Doa
Pada proses pembuatan tampilan hadits dan doa ini, penulis menambahkan audio source pada
setiap bagian seperti papan judul doa, ayat, arti dan makna. Penambahan audio source ini dapat
dilakukan pada bagian inspector tombol yang akan diberi audio. Kemudian penulis
menambahkan audio yang akan diberikan untuk setiap tombol dengan cara drag and drop pada
kotak audio tersebut. Audio ini diperoleh dari hasil rekaman langsung terhadap pengisi suara.
Pada tampilan ini penulis merancang sistem play dan stop audio pada setiap bagian doa dengan
tujuan agar pengguna leluasa untuk memilih bagian yang ingin ditampilkan. Pada tampilan ini
juga terdapat tombol keluar atau kembali yang dapat digunakan oleh pengguna untuk kembali ke
halaman menu hadits dan doa.
3.2.5 Pengujian (Testing)
Tahap selanjutnya yaitu testing, yang mana pada kegiatan ini penulis melakukan
pengujian kembali terhadap aplikasi pembelajaran. Pada tahap ini penulis melakukan pengujian
dengan metode black box testing terhadap fungsional aplikasi untuk memastikan aplikasi dapat
berjalan dengan baik. Dalam tahap ini penulis melakukan pengujian dengan cara melakukan uji
terhadap semua fitur dan tombol pada aplikasi apakah sudah berjalan dengan baik atau belum.
Kemudian hasil dari pengujian tersebut didokumentasikan pada suatu tabel uji untuk menjelaskan
kondisi tiap fitur dan tombol agar pengembang atau develop mengetahui apakah aplikasi dapat
berjalan sesuai harapan atau tidak.
3.2.6 Distribusi (Distribution)
81
Pada tahap ini penulis melakukan penerapan atau distribusi aplikasi pada pengguna secara
daring, yaitu dengan mengunggah file aplikasi di google drive dan kemudian meminta pengguna
untuk mengunduh aplikasi tersebut. Pada proses penerapan ini pengguna diberi penjelasan
tentang aplikasi dan dibimbing dalam mengoperasikan aplikasi tersebut melalui video conference
dan video simulasi aplikasi. Kemudian penulis memberikan kuesioner yang berisi tentang
penilaian terhadap aplikasi. Hal ini bertujuan untuk memperoleh penilaian serta tanggapan atau
masukan dari pengguna sehingga menghasilkan aplikasi yang bermanfaat dan dapat menjadi
solusi bagi permasalahan pengguna.
3.3 Rencana Jadwal Pengerjaan
Rencana jadwal pengerjaan proposal proyek akhir ditampilkan pada lampiran.
82
BAB 4
IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi
Pada tahap implementasi ini, penulis menampilkan hasil dari pembuatan aplikasi luar angkasa
khususnya tentang fitur belajar dan fitur hadits dan doa. Berikut hasil dari implementasi aplikasi
luar angkasa:
4.1.1 Implementasi Tampilan Menu Utama Aplikasi
Tampilan menu utama merupakan tampilan awal pada aplikasi luang angkasa, pada tampilan
ini terdapat 3 menu utama yaitu menu belajar, menu hadits dan doa, serta menu game. Menu belajar
merupakan menu untuk menampilkan informasi penjelasan tentang planet. Menu hadits dan doa
merupakan menu untuk menampilkan hadits dan doa yang relevan dengan materi informasi di
menu belajar. Sedangkan menu game merupakan menu evaluasi bagi pengguna (siswa) tentang
informasi pada menu belajar. Pada tampilan ini juga terdapat informasi mengenai developer
aplikasi.
Gambar 4.1.1 Implementasi Tampilan Menu Utama Aplikasi Luar Angkasa
83
4.1.2 Implementasi Tampilan Splash Screen Menu Belajar
Tampilan splash screen pada menu belajar ini merupakan tampilan video singkat tentang
ajakan untuk membaca “bismillah hirrahman nirrahim” atau membaca basmallah kepada
pengguna. Tampilan ini muncul secara otomatis apabila pengguna membuka menu belajar pada
halaman utama aplikasi luar angkasa. Tujuan dari tampilan splash screen ini adalah untuk selalu
mengingatkan dan menanamkan kebiasaan membaca doa sebelum memulai kegiatan belajar
kepada pengguna terutama bagi siswa.
Gambar 4.1.2 Implementasi Tampilan Splash Screen Menu Belajar

Tabel 4.1.1. Implementasi Animasi Splash Screen Doa
No. Keterangan Audio Animasi
1. Pada tampilan ini • Dubbing naskah:

tangan astronot
“Hallo teman-
melambai-lambai dari
teman, sebelum
kiri ke kanan. Gambar
belajar marilah
ini astronot menyapa
kita membaca
pengguna aplikasi.
bismillah”
84
tulisan “Bismillah”
“Bissmillah
muncul secara
hirrohman
perlahan diatas
nirrohhimmm”.
astronot. Kemudian
aset uvo bergerak dari
kanan ke kiri.
Kemudian aset roket
bergerak ke atas.
Gambar ini
menjelaskan bahwa
astronot mengajak
pengguna membaca
“Bismillah” sebelum
belajar.

karakter astronot
“Yeay !! Selamat
melompat ke atas.
Belajar”
Kemudian aset roket
dan uvo kembali pada
posisi sebelumnya.
Gambar ini
menjelaskan tentang
astronot yang sedang
bahagia karena telah
selesai berdoa
sebelum belajar dan
pada gambar ini
85
terdapat kalimat
closing atau penutup.
4.1.3 Implementasi Tampilan Menu Belajar
Tampilan menu belajar merupakan tampilan menu yang berisikan pilihan planet-planet beserta
satelit. Pilihan ini ditampilkan dalam bentuk gambar planet sesuai dengan urutan orbit planet
tersebut dari matahari. Kemudian pada menu belajar ini terdapat papan petunjuk penggunaan yang
dapat menampilkan audio informasi apabila di klik.
Gambar 4.1.3 Implementasi Tampilan Menu Belajar
4.1.4 Implementasi Tampilan Pengenalan Planet
Tampilan pengenalan planet ini merupakan tampilan yang muncul ketika pengguna memilih
salah satu dari gambar planet pada menu belajar. Pada tampilan ini terdapat animasi sederhana
tentang planet sesuai dengan gambar planet yang dipilih oleh pengguna. Kemudian pada tampilan
ini juga terdapat fitur planet asli dan fitur informasi detail tentang planet. Papan nama planet pada
86
tampilan ini dapat menampilkan audio tentang nama planet apabila diklik oleh pengguna. Pada
tampilan ini pengguna juga dapat mengklik tombol next atau before untuk beralih ke halaman
planet lainnya.
Gambar 4.1.4 Implementasi Tampilan Menu Belajar

Berikut naskah audio pengenalan planet:
a. Matahari:
“Hallo!! Aku Matahari, aku bukan planet lho. Aku adalah pusat dari seluruh planet yang
ada”.
b. Merkurius:
“Hallo!! Aku Merkurius. Aku adalah planet yang paling dekat dengan matahari”.
c. Venus:
“Hallo!! Aku Venus. Aku adalah planet kedua terdekat dari matahari”.
d. Bumi:
“Hallo!! Aku Bumi, aku planet ketiga dari matahari. Aku adalah tempat tinggal manusia
dan makhluk hidup lainnya”.
e. Bulan:
“Hallo!! Aku Bulan, aku bukan planet lho. Aku adalah satelit bumi”.
f. Mars:
“Hallo!! Aku Mars. Aku adalah planet keempat dari matahari”.
87
g. Jupiter:
“Hallo!! Aku Jupiter. Aku adalah planet kelima dari matahari”.
h. Saturnus:
“Hallo!! Aku Saturnus. Aku adalah planet keenam dari matahari”.
i. Objek Uranus:
“Hallo!! Aku Uranus. Aku adalah planet ketujuh dari matahari”.
j. Objek Neptunus:
“Hallo!! Aku Uranus. Aku adalah planet terakhir dari matahari”.
4.1.5 Implementasi Tampilan Planet Asli
Tampilan planet asli merupakan tampilan yang berisikan informasi mengenai bentuk asli dari
planet yang di pilih. Tampilan ini dapat di akses dengan mengklik tombol pada bagian kanan
bawah halaman pengenalan planet. Tampilan planet asli ini merupakan salah satu fitur penting
pada halaman pengenalan planet, yang mana informasi pada tampilan ini dijelaskan dalam bentuk
audio naskah planet asli.
Gambar 4.1.5 Implementasi Tampilan Planet Asli

Berikut merupakan naskah audio planet asli:
a. Objek Matahari:
88
“Ini adalah bentuk asli dari Matahari. Matahari sebenarnya berwarna kuning keemasan dan
bercampur warna merah menyala karena permukaannya yang sangat panas”.
b. Objek Merkurius:
“Ini adalah bentuk asli dari planet Merkurius. Planet ini berwarna abu-abu dan terdapat
banyak kawah di permukaannya”.
c. Objek Venus:
“Ini adalah bentuk asli dari planet Venus. Planet ini berwarna putih kekuningan dicampur
jingga karena permukaannya yang asam dan sangat panas”.
d. Objek Bumi:
“Ini adalah bentuk asli dari planet Bumi. Planet ini berwarna biru bercampur hijau karena
permukaannya yang terdiri dari daratan dan lautan”.
e. Objek Bulan:
“Ini adalah bentuk asli dari Bulan. Bulan sebenarnya berwarna putih bercampur abu-abu”.
f. Objek Mars:
“Ini adalah bentuk asli dari planet Mars. Planet ini berwarna merah bercampur orange
karena permukaannya yang diselimuti oleh debu-debu yang beterbangan”.
g. Objek Jupiter:
“Ini adalah bentuk asli dari planet Jupiter. Planet ini berwarna orange bercampur warna
coklat dan putih karena permukaannya yang diselimuti oleh awan dan gas”.
h. Objek Saturnus:
“Ini adalah bentuk asli dari planet Saturnus. Planet ini berwarna kuning dan putih atau
disebut juga dengan kuning pucat dan planet ini memiliki cincin yang sangat indah”.
i. Objek Uranus:
“Ini adalah bentuk asli dari planet Uranus. Planet ini berwarna biru muda karena
permukaannya yang sangat dingin”.
j. Objek Neptunus:
“Ini adalah bentuk asli dari planet Neptunus. Planet ini berwarna biru tua dan planet ini
sangat gelap/ karena jauh dari matahari”.
89
4.1.6 Implementasi Tampilan Informasi Detail Planet
Tampilan informasi detail merupakan salah satu fitur penting halaman pengenalan planet. Pada
tampilan ini terdapat animasi penjelasan lengkap mengenai sebuah planet. Materi informasi pada
halaman ini di peroleh dari buku yang berjudul “Segala Sesuatu Tentang Alam Semesta” [19], dan
“Tanya Jawab Seru Tentang Planet Kita” [20]. Tampilan ini sengaja dirancang sesederhana
mungkin agar mudah dipahami oleh pengguna. Pada tampilan ini hanya terdapat 2 tombol yaitu
tombol kembali ke halaman pengenalan planet dan tombol Replay untuk mengulang kembali video
animasi. Sedangkan background yang berbentuk seperti GUI (Graphical User Interface) pada
tampilan ini merupakan gambar yang telah di edit pada saat pembuatan video animasi. Penulis
sengaja merancang background video seperti GUI (Graphical User Interface) untuk memberikan
kesan kepada pengguna bahwa animasi sedang bergerak dalam suatu border, padahal sebenarnya
tampilan itu hanya manipulasi video.
Gambar 4.1.6 Implementasi Tampilan Informasi Detail Planet
90
Berikut tabel implementasi tampilan animasi pada fitur informasi detail:
A. Implementasi informasi detail Matahari
Tabel 4.1.2 Implementasi Animasi Informasi Detail Matahari
Keterangan Audio Animasi

No.
1.
Pada tampilan ini • Musik back sound.
tanda tanya muncul • Dubbing naskah:
“Tahukah kamu?”
diatas matahari
dengan gerakan dari
besar kecil. Gambar
ini menjelaskan
tentang matahari
yang sedang
kebingungan.
2. Pada tampilan ini • Musik back sound.

bintang muncul di • Dubbing naskah:
“Matahari disebut
samping matahari.
juga dengan bintang”
Gambar ini
menjelaskan bahwa
matahari bukan
planet melainkan
sebuah bintang.

sinar matahari • Dubbing naskah:
“Karena dapat
muncul dari
menghasilkan cahaya
belakang kemudian
sendiri.”
menampilkan
gerakan dari besar ke
91
kecil. Gambar ini
menjelaskan bahwa
matahari dapat
menghasilkan
cahaya sendiri
sehingga ia disebut
sebagai bintang.

matahari bergerak • Dubbing naskah:
“Matahari tampak
dari kecil ke besar
lebih terang dan lebih
dengan disertai
besar jika
munculnya bintang-
dibandingkan dengan
bintang yang
bintang-bintang
berkedip di
lainnya karena letak
sekelilingnya.
matahari yang lebih
Gambar ini
dekat dengan bumi.”
menjelaskan bahwa
matahari lebih besar
dari bintang-bintang
lainnya, jika dilihat
dari bumi.

matahari bergeser ke • Dubbing naskah:
“Tahukah kamu?
atas dan kemudian
Panas yang
bumi muncul dari
dipancarkan
bawah. Kemudian
matahari”
garis-garis muncul
dengan gerakan yang
mengarah ke bumi.
Garis yang bergerak
tersebut
92
digambarkan sebagai
cahaya matahari.
Gambar ini
menjelaskan bahwa
matahari
memancarkan panas
dan cahaya untuk
bumi.
6.
muncul lingkaran • Dubbing naskah:
“Merupakan sumber
yang bergerak
energi utama bagi
memutari bumi. bumi”
Lingkaran ini
digambarkan sebagai
energi bumi. Gambar
ini menjelaskan
bahwa panas yang
dipancarkan
matahari merupakan
sumber energi utama
bagi bumi.

bumi bergerak ke • Dubbing naskah:
“Energi yang
atas sehingga sejajar
dipancarkan
dengan matahari.
matahari”
Kemudian tanda
panah muncul.
Gambar ini
menjelaskan tentang
perhitungan energi
yang dipancarkan
93
oleh matahari ke
bumi.

tulisan 1 detik • Dubbing naskah:
“Tiap detiknya setara
muncul secara
dengan energi
perlahan di bawah
matahari yang
matahari dan bumi.
diterima bumi selama
Kemudian di ikuti
100 tahun lho”
dengan munculnya
tulisan sama dengan
dan 100 tahun.
Gambar ini
menjelaskan bahwa
energi yang
dipancarkan
matahari selama 1
detik setara dengan
energi yang diterima
bumi selama 100
tahun.
B. Implementasi informasi detail Merkurius
Tabel 4.1.3 Implementasi Animasi Informasi Detail Planet Merkurius

No.

“Tahukah kamu?”
diatas planet
merkurius dengan
94
gerakan dari besar
kecil. Gambar ini
menjelaskan tentang
planet merkurius
yang kebingungan.

planet-planet lain • Dubbing naskah:
“Planet merkurius
muncul di atas
merupakan planet
planet merkurius
terkecil dalam tata
dengan ukuran lebih
surya lho”
besar dengan
gerakan dari besar
ke kecil secara
bergantian. Gambar
ini menjelaskan
bahwa merkurius
lebih kecil di
bandingkan dengan
planet lainnya.

planet merkurius • Dubbing naskah:
“Planet ini
bergerak
merupakan planet
mengelilingi
yang paling cepat
matahari. Gambar
dalam mengelilingi
ini menjelaskan
matahari”
bahwa merkurius
merupakan planet
tercepat dalam
mengelilingi
matahari
95
tulisan abu-abu • Dubbing naskah:
“Planet merkurius
muncul secara
adalah planet yang
perlahan di bawah
berwarna abu-abu”
planet merkurius.
Gambar ini
menjelaskan bahwa
planet merkurius
berwarna abu-abu.

awan atau atmosfer • Dubbing naskah:
“dan memiliki
muncul dari
atmosfer yang sangat
belakang planet
tipis, sehingga pada
merkurius dengan
siang hari planet ini
gerakan dari kecil ke
sangat panas lho”
besar. Kemudian
awan atau atmosfer
tersebut bergerak
memutari planet
merkurius. Gambar
ini menjelaskan
bahwa atmosfer
planet merkurius
sangat tipis.
96
Pada tampilan ini api • Musik back sound.
6.
muncul di belakang • Dubbing naskah:
“Panasnya dapat
planet merkurius.
melelehkan logam dan
Kemudian api
timah”
tersebut bergerak
saling berlawanan
arah. Gambar ini
menjelaskan bahwa
suhu di planet
merkurius sangat
panas pada siang
hari.
Pada tampilan ini air • Musik back sound.
7.
dan udara bergerak • Dubbing naskah:
“Selain itu planet ini
seperti gelombang
juga tidak memiliki
air. Kemudian tanda
udara dan air”
silang muncul di
belakangnya secara
perlahan. Gambar ini
menjelaskan bahwa
di planet merkurius
tidak ada air dan
udara.

karakter astronot • Dubbing naskah:
“Sehingga planet
muncul dengan
merkurius tidak bisa
ditempati oleh
besar. Kemudian
manusia dan makhluk
tanda silang muncul
hidup lainnya”.
di belakangnya
secara perlahan.
97
Gambar ini
menjelaskan bahwa
di merkurius tidak
ada kehidupan.
C. Implementasi informasi detail Venus
Tabel 4.1.4 Implementasi Animasi Informasi Detail Planet Venus

No.

bubble muncul di • Dubbing naskah:
“Tahukah kamu?”.
bagian atas planet
venus. Kemudian
planet bumi muncul
di dalam bubble
tersebut dengan
besar kemudian ke
kecil lagi. Gambar
ini menjelaskan
bahwa planet venus
dikenal sebagai
kembaran bumi.
Sehingga
menggambarkan
planet venus yang
sedangkan
98
membayangkan
bumi.

tanda sama dengan • Dubbing naskah:
“Venus juga dikenal
muncul di samping
sebagai kembaran
planet venus.
bumi karena
Kemudian bumi
ukurannya yang
muncul setelah tanda
hampir sama dengan
sama dengan
ukuran bumi.”.
tersebut. Kedua
planet sama-sama
menampilkan
gerakan dari besar
ke kecil. Gambar ini
menjelaskan bahwa
ukuran venus hampir
sama dengan ukuran
bumi.
Pada tampilan ini api • Musik back sound.
3.
muncul di belakang • Dubbing naskah:
“Planet venus adalah
planet venus.
planet paling panas
Kemudian api
dalam tata surya lho”.
tersebut bergerak
saling berlawanan
arah. Gambar ini
menjelaskan bahwa
venus merupakan
planet paling panas
di tatasurya.

awan bergerak dari • Dubbing naskah:
99
kiri ke kanan “Hal ini dikarenakan
ataupun sebaliknya. permukaan venus
Kemudian awan yang tertutup oleh
tersebut menutupi awan atau atmosfer
planet venus. yang sangat tebal”.
Gambar ini
menjelaskan bahwa
permukaan venus
tertutup oleh awan
dan atmosfer yang
sangat tebal.

garis lurus atau • Dubbing naskah:
“Atmosfer venus
cahaya matahari
dapat menahan
bergerak ke arah
cahaya matahari”.
planet venus
kemudian
dipantulkan ke
lingkaran atmosfer.
Gambar ini
menjelaskan bahwa
atmosfer venus dapat
menahan cahaya
matahari.
6.
planet venus muncul • Dubbing naskah:
“sehingga venus
dari kecil ke besar
kelihatan paling cerah
kemudian cahaya
jika dilihat dari
berkelip di
bumi.”.
sekitarnya. Setelah
itu bumi muncul dari
100
bawah. Gambar ini
menjelaskan bahwa
planet venus terlihat
lebih cerah jika
dilihat dari bumi.

planet venus • Dubbing naskah:
“Selain itu planet
bergerak ke sudut
venus juga sering
kiri atas kemudian
muncul pada sore
bulan muncul di atas
hari”.
bumi. Setelah itu
burung terbang
menuju bulan.
Gambar ini
menjelaskan bahwa
planet venus sering
muncul atau dapat
dilihat dari bumi
pada sore hari.

simbol bulan dan • Dubbing naskah:
“sehingga ia dijuluki
bintang muncul
sebagai bintang senja
secara perlahan dan
atau bintang kejora”.
bergantian dengan
besar. Gambar ini
menjelaskan bahwa
planet venus di sebut
juga bintang senja
dengan simbol bulan
dan bintang kejora
101
dengan simbol
bintang.
D. Implementasi informasi detail Bumi
Tabel 4.1.5 Implementasi Animasi Informasi Detail Planet Bumi

No.
1.
pohon dan gedung • Dubbing naskah:
“Tahukah kamu?
muncul dari
Bumi merupakan satu-
belakang bumi.
satunya planet yang
Kemudian bumi
dihuni oleh makhluk
bergerak dari besar
hidup”.
ke kecil lalu ke besar
lagi. Gambar ini
menjelaskan bahwa
bumi adalah satu-
satunya planet yang
dapat dihuni oleh
mahkluk hidup.

tulisan O2,N2, CO2, • Dubbing naskah:
“Bumi memiliki
dan H2O muncul
atmosfer yang terdiri
secara bergantian.
dari oksigen, nitrogen,
Kemudian
karbon dioksida, dan
menampilkan efek
uap air”.
kedip. Gambar ini
menjelaskan bahwa
atmosfer bumi terdiri
dari kandungan gas
102
oksigen, nitrogen,
karbondioksida, dan
hidrogen.

“Oksigen yang
bergerak rotasi dari
terdapat di bumi
kiri ke kanan dan
sangat dibutuhkan
kemudian gambar
oleh manusia untuk
O2 muncul dengan
bernafas”.
gerakan gelombang.
Gambar ini
menjelaskan bahwa
oksigen dibutuhkan
oleh manusia untuk
bernafas.

matahari muncul • Dubbing naskah:
“Atmosfer bumi
pada bagian kiri atas
melindungi kita dari
kemudian
sinar matahari yang
memancarkan sinar
berlebihan”.
atau cahayanya
dalam bentuk garis-
garis yang bergerak
menuju bumi.
Gambar ini
menjelaskan bahwa
atmosfer juga
berfungsi untuk
melindungi bumi
dari sinar dan panas
103
matahari yang
berlebihan.

karakter astronot dan • Dubbing naskah:
“sehingga suhu di
asset pohon beserta
bumi cocok untuk
rumah muncul dari
kehidupan manusia”.
belakang bumi.
Kemudian asset ini
juga hilang dengan
bersembunyi di
belakang bumi.
Gambar ini
menjelaskan bahwa
suhu di bumi cocok
untuk manusia.

meteor atau asteroid • Dubbing naskah:
“Atmosfer juga
bergerak dari atas ke
melindungi bumi dari
bawah dan
benda-benda langit
dipantulkan ke atas
yang akan jatuh ke
lagi. Gambar ini
bumi, sehingga bumi
menjelaskan bahwa
tetap aman dan
atmosfer berfungi
nyaman”.
untuk melindungi
bumi dari benda
langit yang jatuh ke
bumi.

bumi pindah • Dubbing naskah:
kebagian bawah
kemudian gambar
104
daratan dan lautan “Selain itu permukaan
muncul di atasnya bumi juga terdiri dari
secara perlahan daratan dan lautan”.
dengan gerakan dari
besar ke kecil.
Sehingga memiliki
kesan berkedip-
kedip. Gambar ini
menjelaskan bahwa
bumi terdiri dari
daratan dan lautan.

gambar daratan dan • Dubbing naskah:
“Daratan adalah
lautan muncul di
tempat tinggal kita
atasnya secara
sedangkan lautan
perlahan dengan
adalah tempat tinggal
gerakan dari besar ke
ikan dan makhluk
kecil. Sehingga
ciptaan tuhan
memiliki kesan
lainnya”.
berkedip-kedip.
Kemudian ombak
lautan bergerak dari
kiri ke kanan dan
saling berlawanan
arah antara ombak
yang satu dengan
ombak yang lainnya.
Gambar ini
menjelaskan bahwa
daratan adalah
tempat tinggal
105
manusia dan lautan
adalah tempat
tinggal ikan dan
makhluk ciptaan
tuhan lainnya.

bumi mengelilingi • Dubbing naskah:
“Tahukah kamu?
matahari dan
Bumi mengelilingi
kemudian tulisan
matahari selama 1
satu tahun muncul
tahun lho”.
tepat di bawah
matahari. Gambar ini
menjelaskan bahwa
bumi mengelilingi
matahari selama 1
tahun.
10.
tanda panah muncul • Dubbing naskah:
“Selain itu bumi juga
dengan gerakan dari
berputar pada
kecil ke besar tepat
porosnya sehingga
di tengah-tengah
bumi mengalami siang
bumi. Kemudian
dan malam”.
bumi dan tanda
panah ini berputar
dengan rotasi sumbu
x. Pada gambar ini
menjelaskan bahwa
bumi berputar pada
porosnya.

tulisan siang dan • Dubbing naskah:
106
malam muncul “Bagian bumi yang
terlebih dahulu menghadap ke
secara bergantian. matahari akan
Kemudian matahari mengalami siang
muncul di bagian sedangkan bagian
kiri atas setelah itu bumi yang
di ikuti dengan membelakangi
munculnya efek matahari akan
terang. Kemudian mengalami malam”.
bulan muncul di
sebelah kanan atas
dan di ikuti dengan
munculnya efek
gelap. Gambar ini
menjelaskan tentang
proses terjadinya
siang dan malam.

“Bumi hanya memiliki
kiri ke kanan
1 satelit alami yaitu
ataupun sebaliknya.
bulan”.
Kemudian awan
tersebut hilang
ketika bulan muncul.
Gambar ini
menjelaskan bahwa
bumi hanya
memiliki satu satelit
yaitu bulan.

bulan mengelilingi • Dubbing naskah:
107
bumi. Gambar ini “Satelit adalah benda
menjelaskan tentang langit yang selalu
pengertian satelit. setia mengelilingi
pusatnya, seperti
bulan yang selalu
setia mengelilingi
bumi”.
E. Implementasi informasi detail Bulan
Tabel 4.1.6 Implementasi Animasi Informasi Detail Satelit Bulan

No.

bulan menampilkan • Dubbing naskah:
“Tahukah kamu?
gerakan idle yang
Bulan adalah satu-
bergerak dari ukuran
satunya satelit alami
kecil ke besar
bumi”.
kemudian kembali
lagi ke ukuran kecil.
Gambar ini
merupakan
108
pembukaan dari
informasi detail
tentang bulan. Pada
bagian ini
menjelaskan bahwa
bulan merupakan
satelit alami bumi.

bulan mengelilingi • Dubbing naskah:
“karena bulan selalu
bumi. Gambar ini
mengelilingi bumi”.
menjelaskan bahwa
bulan disebut satelit
karena mengelilingi
bumi.

bulan bergerak dari • Dubbing naskah:
“Bulan dapat
kecil ke besar.
bersinar pada malam
Kemudian muncul
hari, tetapi
cahaya berkelip di
sebenarnya bulan
sekitarnya. Gambar
tidak dapat
ini menjelaskan
menghasilkan cahaya
bahwa bulan tidak
sendiri”.
dapat menghasilkan
cahaya sendiri.

bulan bergerak ke • Dubbing naskah:
109
bawah kemudian “Cahaya bulan itu
matahari muncul di sebenarnya berasal
sebelah kiri atas. dari pantulan cahaya
Lalu memancarkan matahari”.
sinar atau cahayanya
dalam bentuk garis-
garis yang bergerak
menuju bulan.
Gambar ini
menjelaskan bahwa
cahaya bulan berasal
dari pantulan cahaya
matahari.

asteroid atau komet • Dubbing naskah:
“Permukaan bulan
terdiri dari banyak
bawah menuju
kawah lho, kawah ini
permukaan bulan.
disebabkan oleh
Kemudian asteroid
hantaman komet atau
itu dipantulkan
asteroid”.
kembali ke atas.
Gambar ini
menjelaskan bahwa
kawah di bulan
terbentuk karena
hantaman komet
atau asteroid yang
jatuh ke permukaan
bulan.

110
muncul dari bawah “Tahukah kamu?
atau tepatnya di Manusia pernah pergi
belakang permukaan ke bulan lho”.
bulan. Kemudian
bergerak dengan
rotasi dari kiri ke
kanan. Gambar ini
menjelaskan bahwa
manusia pernah
pergi ke bulan.

tulisan astronot • Dubbing naskah:
“Manusia yang pergi
muncul pada bagian
ke bulan atau luar
bawah karakter
angkasa disebut
astronot. Gambar ini
sebagai astronot”.
menjelaskan bahwa
manusia yang pernah
ke bulan atau luar
angkasa disebut
sebagai astronot.

rocket bergerak dari • Dubbing naskah:
“Mereka pergi ke
bumi menuju bulan.
bulan dengan
Sedangkan bulan
menggunakan rocket
dan bumi bergerak
yang memiliki
dari besar ke kecil
kecepatan tinggi”.
secara bergantian.
Gambar ini
menjelaskan bahwa
astronot
menggunakan roket
111
dengan kecepatan
tinggi untuk pergi ke
bulan.

“Di Bulan tidak ada
muncul dari bawah
udara dan oksigen,
atau tepatnya di
oleh karena itu
belakang permukaan
astronot yang pergi ke
bulan. Kemudian
bulan harus
bergerak dengan
menggunakan pakaian
rotasi dari kiri ke
khusus”.
kanan. Kemudian
gambar O2 muncul
dengan gerakan
gelombang disertai
dengan tanda silang
di belakangnya.
Gambar ini
menjelaskan bahwa
di bulan tidak ada
oksigen sehingga
astronot harus
menggunakan
pakaian khusus
untuk bisa bernafas
di bulan.

garis yang • Dubbing naskah:
“Pakai itu terdiri dari
menunjukkan bagian
baju kedap udara,
pakaian astronot
tabung oksigen, dan
muncul dengan efek
112
trim. Kemudian helm yang dapat
bagian pakaian yang melindungi tubuh
ditunjuk akan para astronot agar
muncul setelah garis tetap aman dan tidak
tersebut muncul. kekurangan oksigen”.
Gambar ini
menjelaskan tentang
bagian-bagian dari
pakaian astronot.
F. Implementasi informasi detail Mars
Tabel 4.1.7 Implementasi Animasi Informasi Detail Planet Mars

No.

planet mars bergerak • Dubbing naskah:
dari kecil ke besar
kemudian kembali
ke kecil lagi gerakan
ini disebut dengan
animasi idle.
Gambar ini
merupakan
pembukaan dari
informasi detail
tentang planet mars.

tulisan “merah” • Dubbing naskah:
“Mars sering disebut
muncul pada bagian
sebagai planet merah
bawah mars
113
kemudian bergerak karena warnanya
dari kecil ke besar. yang kemerahan”.
Gambar ini
menjelaskan bahwa
planet mars disebut
sebagai planet
merah.

titik-titik muncul • Dubbing naskah:
“Warna merah pada
dari belakang planet
planet mars
mars dan kemudian
disebabkan oleh debu-
bergerak menyebar
debu yang
ke sekeliling planet
beterbangan”.
mars. Gambar ini
menjelaskan bahwa
warna merah pada
planet mars
disebabkan oleh
debu yang berada di
sekelilingnya.

tulisan perang • Dubbing naskah:
“Nama mars berasal
muncul di bawah
dari nama dewa
planet mars dengan
perang romawi lho”.
besar. Gambar ini
menjelaskan bahwa
nama mars berasal
dari dewa perang
bangsa romawi.
114
5.
awan muncul dari • Dubbing naskah:
“Mars memiliki
belakang planet mars
atmosfer yang sangat
lalu bergerak
tipis”.
memutari planet
mars. Gambar ini
menjelaskan bahwa
atmosfer mars sangat
tipis

planet mars bergerak • Dubbing naskah:
“sehingga permukaan
ke bagian kiri atas
mars dapat dilihat
kemudian bumi dan
dari bumi dengan
teropong muncul
menggunakan
pada bagian kanan
teropong”.
bawah. Gambar ini
menjelaskan bahwa
planet mars dapat
dilihat dari bumi
dengan
menggunakan
teropong, karena
atmosfer planet mars
yang sangat tipis.
7.
gunung berapi dan • Dubbing naskah:
“Pada permukaan
gurun di muncul
mars terdapat kawah,
setelah garis
gunung berapi,
penunjuk muncul.
lembah, dan gurun”.
Garis penunjuk pada
tampilan ini muncul
115
dengan efek trim.
Gambar ini
menjelaskan bahwa
pada permukaan
planet mars terdapat
gunung berapi dan
gurun.

tulisan Olimpus • Dubbing naskah:
“Mars memiliki
muncul dari bawah
kawah terbesar di tata
tepatnya dari
surya lho, kawah ini
belakang mars
disebut kawah
dengan gerakan kecil
Olympus”.
ke besar. Gambar ini
menjelaskan tentang
kawah terbesar di
planet mars.
G. Implementasi informasi detail Jupiter
Tabel 4.1.8 Implementasi Animasi Informasi Detail Planet Jupiter

No.

planet Jupiter • Dubbing naskah:
bergerak dari kecil
ke besar kemudian
kembali ke kecil lagi
gerakan ini disebut
dengan animasi idle.
116
Gambar ini
merupakan
pembukaan dari
informasi detail
tentang planet
jupiter.

planet-planet kecil • Dubbing naskah:
“Jupiter adalah
muncul diatas planet
planet paling besar
jupiter dan bergerak
dalam tata surya”.
dari kecil ke besar
lalu kembali ke kecil
lagi. Gambar ini
menjelaskan bahwa
planet jupiter
merupakan planet
paling besar di tata
surya.

planet jupiter • Dubbing naskah:
“sehingga ia disebut
bergerak ke atas
sebagai planet
kemudian tulisan
raksasa”.
raksasa muncul dari
bawah. Tulisan itu
muncul dengan
besar. Gambar ini
menjelaskan bahwa
jupiter dijuluki
sebagai planet
raksasa.
117
4.
gambar istana • Dubbing naskah:
“Jupiter juga dikenal
muncul di belakang
sebagai Raja Planet
jupiter. Kemudian
juga lho”.
planet jupiter akan
naik ke atas. Setelah
itu disusul dengan
munculnya tulisan
raja dengan ukuran
yang semakin
membesar. Gambar
ini menjelaskan
bahwa jupiter
disebut sebagai raja
planet.

planet jupiter • Dubbing naskah:
“Besar Planet Jupiter
bergeser ke sebelah
sama dengan 10 kali
kanan kemudian
besar bumi. Sangat
tanda sama dengan
besar ya teman-
dan gambar 10
teman”.
planet bumi akan
muncul secara
perlahan. Gambar ini
menjelaskan bahwa
besar planet jupiter
sama dengan
sepuluh kali besar
bumi.

asset salju akan • Dubbing naskah:
118
berputar-putar. “Jupiter merupakan
Kemudian planet salah satu planet yang
jupiter bergerak dari memiliki suhu yang
besar ke kecil. sangat dingin”.
Gambar ini
menjelaskan bahwa
planet jupiter
memiliki suhu yang
dingin.

planet jupiter akan • Dubbing naskah:
“karena planet ini
bergeser ke kanan
jauh dari matahari”.
bawah. Lalu
matahari muncul
pada bagian sudut
kiri atas secara
bersamaan. Gambar
ini menjelaskan
bahwa letak planet
jupiter jauh dari
matahari.
H. Implementasi informasi detail Saturnus
Tabel 4.1.9 Implementasi Animasi Informasi Detail Planet Saturnus

No.

diatas planet
saturnus dengan
119
gerakan dari besar
kecil. Gambar ini
menjelaskan tentang
planet saturnus yang
sedang kebingungan.

bintang-bintang akan • Dubbing naskah:
“Saturnus adalah
muncul di sekitar
planet yang sangat
planet saturnus
indah di tata surya”.
dengan gerakan
besar ke kecil.
Kemudian pada
tampilan ini planet
saturnus juga
bergerak dari besar
menjelaskan bahwa
planet saturnus
merupakan planet
yang paling indah di
tata surya.

planet saturus • Dubbing naskah:
“karena ia memiliki
bergeser ke kiri
cincin di
kemudian di
sekelilingnya”.
sebelahnya muncul
panah. Setelah itu
diikuti oleh
munculnya cincin
saturnus. Gambar ini
120
menjelaskan bahwa
planet saturnus
memiliki cincin di
sekitarnya.

garis penunjuk akan • Dubbing naskah:
“Cincin saturnus
muncul dengan efek
sebenarnya terbentuk
trim. Kemudian
dari kumpulan debu,
bagian yang ditunjuk
kerikil, dan butir es
akan muncul secara
yang sangat banyak”.
perlahan setelah
garis tersebut
muncul sepenuhnya.
Gambar ini
menjelaskan tentang
partikel yang
dikandung oleh
cincin saturnus.

tulisan angka dua • Dubbing naskah:
“Saturnus merupakan
akan muncul dari
planet terbesar kedua
belakang planet
dalam tata surya”.
menjelaskan bahwa
planet saturnus
merupakan planet
kedua terbesar di
tata surya.

planet Saturnus akan • Dubbing naskah:
“setelah jupiter”.
bergeser ke sebelah
121
kiri kemudian planet
jupiter muncul di
sebelah kanan planet
saturnus. Keduanya
bergerak dari besar
ke kecil kemudian
kembali ke besar
lagi. Gambar ini
menjelaskan bahwa
planet saturnus
terbesar ke-2 setelah
jupiter.

setelah planet jupiter • Dubbing naskah:
“Besar planet
menghilang di scene
saturnus sama dengan
sebelumnya maka
9 kali besar bumi
kemudian muncul
lho”.
tanda sama dengan
dan angka sembilan
kemudian diikuti
dengan munculnya
planet bumi. Gambar
ini menjelaskan
bahwa besar planet
saturnus sama
dengan sembilan kali
besar bumi.
122
I. Implementasi informasi detail Uranus
Tabel 4.1.10 Implementasi Animasi Informasi Detail Planet Uranus

No.

planet uranus • Dubbing naskah:
menampilkan
gerakan idle yang
kecil ke besar
kemudian kembali
Gambar ini
merupakan
pembukaan dari
informasi detail
tentang planet
uranus.

asset salju akan • Dubbing naskah:
“Uranus adalah
berputar-putar dan
planet paling dingin
di tata surya lho”.
bawah seolah-olah
jatuh. Kemudian
planet uranus
bergerak dari besar
menjelaskan bahwa
planet Uranus
merupakan planet
123
terdingin di tata
surya.

planet Uranus akan • Dubbing naskah:
“Planet ini berwarna
bergeser ke atas
biru muda”.
kemudian muncul
tulisan biru dengan
gerakan semakin
membesar. Gambar
ini menjelaskan
bahwa Uranus
berwarna biru muda.

setelah tulisan biru • Dubbing naskah:
“dan memiliki 27
hilang makan
satelit di
muncul angka 27
sekelilingnya”.
dengan gerakan
besar ke kecil.
Gambar ini
menjelaskan bahwa
planet uranus
memiliki 27 satelit.

planet bergeser ke • Dubbing naskah:
“Uranus juga
sebelah kiri
memiliki cincin
kemudian tanda
seperti saturnus lho,
panah muncul
tetapi bedanya cincin
setelahnya dan
uranus berdiri secara
diikuti dengan
vertikal atau tegak
munculnya planet
lurus”.
124
menjelaskan bahwa
planet uranus
memiliki cincin
seperti planet
saturnus. Namun
bedanya cincin
planet uranus tegak
lurus.
6.
“Planet uranus
kiri ke kanan
memiliki awan yang
ataupun sebaliknya.
sangat tebal sehingga
Sedangkan planet
sangat sulit jika
Uranus bergerak dari
diamati dari bumi”.
besar ke kecil.
Gambar ini
menjelaskan bahwa
planet Uranus
memiliki awan yang
sangat tebal.
J. Implementasi informasi detail Neptunus
Tabel 4.1.11 Implementasi Animasi Informasi Detail Planet Neptunus

No.

planet neptunus • Dubbing naskah:
“Tahukah kamu?
menampilkan
Planet Neptunus
gerakan idle yang
125
kecil ke besar disebut sebagai planet
kemudian kembali pembuat ulah”.
Gambar ini
merupakan
pembukaan dari
informasi detail
tentang planet
neptunus. Pada
bagian ini
menjelaskan bahwa
planet neptunus
disebut juga sebagai
planet pembuat ulah.

kedua planet akan • Dubbing naskah:
“karena planet ini
bergerak mengikuti
suka memotong garis
jalur orbit dengan
orbit atau jalannya
gerakan yang
planet lain”.
berlawanan arah.
Gambar ini
menjelaskan bahwa
planet neptunus
sering memotong
orbit planet lain.

planet bergeser ke • Dubbing naskah:
“Planet neptunus juga
sebelah kiri
dikenal sebagai
kemudian tanda
kembaran planet
panah muncul
uranus”.
setelahnya dan
126
diikuti dengan
munculnya planet
Uranus. Gambar ini
menjelaskan bahwa
planet neptunus
dikenal sebagai
kembaran planet
Uranus.
4.
setelah planet tanda • Dubbing naskah:
“karena warna dan
panah menghilang di
ukurannya yang
scene sebelumnya
hampir sama dengan
maka kemudian
planet uranus”.
muncul tanda sama
dengan diantara
kedua planet
tersebut. Gambar ini
menjelaskan bahwa
warna dan ukuran
planet neptunus
hampir sama dengan
Uranus.

ombak bergerak • Dubbing naskah:
“Nama planet
berlawanan arah dari
neptunus berasal dari
kiri ke kanan.
nama dewa laut dan
Gambar ini
gempa bumi bangsa
menjelaskan bahwa
Romawi lho”.
nama planet
neptunus berasal dari
nama dewa laut dan
127
gempa bumi bangsa
romawi.

matahari muncul di • Dubbing naskah:
“Planet ini
tengah dan
merupakan planet
kemudian planet
yang paling lama
neptunus
dalam mengelilingi
mengelilingi
matahari”.
matahari tersebut.
Gambar ini
menjelaskan bahwa
neptunus planet yang
paling lama dalam
mengelilngi
matahari.
4.1.7 Implementasi Tampilan Menu Utama Hadits dan Doa
Tampilan menu utama doa merupakan tampilan menu untuk pilihan doa atau dalil Al-Quran
yang relevan dengan materi tata surya. Pada tampilan ini penulis mendesain menu dengan mode
slide atau geser dengan tujuan agar tampilan tetap dapat menampung 6 menu doa dengan ukuran
dan proporsi yang sama. Adapun doa atau dalil Al-Quran yang digunakan pada aplikasi ini yaitu
sebagai berikut:
• Doa melihat keajaiban alam (Surat Ali-Imran ayat 191)

• Doa tentang Penciptaan langit dan bumi (Surat Al-mukmin ayat 57)
• Doa tentang langit yang dihiasi bintang (Surat Al-mulk ayat 5)
128
• Doa tentang siang dan malam (Surat An-nazi’at ayat 29)
• Doa tentang penciptaan bumi untuk manusia (Surat Al-baqarah ayat 29)
• Doa tentang garis orbit planet (Surat Al-anbiya ayat 33)
Gambar 4.1.7 Implementasi Tampilan Menu Hadits dan Doa
4.1.8 Implementasi Tampilan Hadits dan Doa
Tampilan hadits dan doa merupakan tampilan penjelasan mengenai doa yang telah dipilih oleh
pengguna. Tampilan ini terdiri ayat, arti, dan makna dari doa. Pada halaman ini informasi
dijelaskan dalam bentuk audio. Setiap bagian dari doa ini memiliki tombol play dan stop yang
berfungsi untuk menampilkan dan mematikan audio. Papan judul doa pada tampilan ini juga dapat
menampilkan audio informasi tentang judul doa apabila di klik oleh pengguna. Pada tampilan ini
penulis merancang sedemikian rupa agar setiap audio ditampilkan secara tunggal. Artinya audio
pada tampilan ini secara otomatis berhenti jika pengguna menekan tombol play pada bagian lain
saat salah satu audio sedang berjalan.
129
Gambar 4.1.8 Implementasi Tampilan Hadits dan Doa
4.2 Pengujian
Setelah proses perancangan dan implementasi maka tahap selanjutnya adalah pengujian terhadap
sistem aplikasi luar angkasa. Dalam pengujian ini penulis melakukan pengujian sistem dengan
metode black box testing terhadap fungsional aplikasi untuk memastikan aplikasi dapat berjalan
dengan baik.
4.2.1 Pengujian Fungsionalitas Tampilan Menu Utama Aplikasi
Tabel 4.2.1 Pengujian Tampilan Menu Utama Aplikasi
No. Skenario Rencana dan Harapan Hasil Kesimpulan
1. User membuka Aplikasi menampilkan Sesuai rencana Valid

aplikasi splash screen logo
institusi, developer, dan
logo game. Kemudian
masuk ke halaman menu
utama dan logo game pada
130
menu utama bergerak
dengan gerakan sederhana
(dari atas ke bawah)
2. User mengklik Aplikasi menampilkan Sesuai rencana Valid

menu belajar splash screen doa
kemudian menampilkan
menu pilihan planet

menu hadits dan menu utama hadits dan
doa doa

menu game menu game

tombol informasi halaman informasi

tombol keluar pertanyaan yakin untuk
dari aplikasi keluar atau tetap di
aplikasi
7. User mengklik Musik latar belakang mati Sesuai rencana Valid

tombol off musik
8. User mengklik Musik latar belakang Sesuai rencana Valid

tombol on musik ditampilkan
131
9. User melakukan Aplikasi tidak membaca Sesuai rencana Valid
input perintah perintah atau tidak
dengan tombol menampilkan sesuatu dan
“Enter” untuk tidak ada bug ataupun
memilih menu error pada tampilan
aplikasi
10. User memilih Aplikasi keluar Sesuai rencana Valid

keluar dari (menjalankan perintah)
aplikasi dengan dan tidak ada bug ataupun
menekan tombol error pada tampilan
“esc” pada aplikasi
keyboard
11. User memilih Aplikasi keluar Sesuai rencana Valid

keluar dari (menjalankan perintah)
aplikasi dengan dan tidak ada bug ataupun
menekan tombol error pada tampilan
“Alt + F4” pada aplikasi
keyboard
12. User melakukan Aplikasi tidak membaca Sesuai rencana Valid

input perintah perintah atau tidak
dengan menekan menampilkan sesuatu dan
tombol- tombol di tidak ada bug ataupun
keyboard selain error pada tampilan
tombol diatas aplikasi
(enter, esc,
Alt+f4)
132
4.2.2 Pengujian Fungsionalitas Tampilan Menu Belajar
Tabel 4.2.2 Pengujian Tampilan Menu Belajar
Skenario Rencana dan Hasil Kesimpulan

No.
Harapan
User membuka Aplikasi menampilkan Sesuai rencana Valid
1.
menu belajar splash screen doa dan
halaman menu pilihan
planet. Kemudian
menampilkan audio
informasi petunjuk
penggunaan secara
otomatis
User mengklik Aplikasi menampilkan Sesuai rencana Valid
2.
papan petunjuk audio informasi
penggunaan penggunaan secara
otomatis
User memilih atau Aplikasi menampilkan Sesuai rencana Valid
3.
mengklik tampilan halaman pengenalan
matahari matahari
4.
planet merkurius planet merkurius
5.
planet venus planet venus
6.
planet bumi planet bumi
133
7.
satelit bulan satelit bulan
8.
planet mars planet mars
9.
planet jupiter planet jupiter
10.
planet saturnus planet saturnus
11.
planet uranus planet uranus
12.
planet neptunus planet neptunus
User mengklik Aplikasi menampilkan Sesuai rencana Valid
13.
tombol home tampilan menu utama
aplikasi
User melakukan Aplikasi tidak Sesuai rencana Valid
14.
input perintah membaca perintah atau
dengan tombol tidak menampilkan
“Enter” untuk sesuatu dan tidak ada
memilih menu bug ataupun error pada
tampilan aplikasi
User memilih keluar Aplikasi tidak keluar Sesuai rencana Valid
15.
dari aplikasi dengan (tidak menjalankan
perintah) dan tidak ada
134
menekan tombol bug ataupun error pada
“esc” pada keyboard tampilan aplikasi
User memilih keluar Aplikasi keluar Sesuai rencana Valid
16.
dari aplikasi dengan (menjalankan perintah)
menekan tombol dan tidak ada bug
“Alt + F4” pada ataupun error pada
keyboard tampilan aplikasi
User melakukan Aplikasi tidak Sesuai rencana Valid
17.
input perintah membaca perintah atau
dengan menekan tidak menampilkan
tombol- tombol di sesuatu dan tidak ada
keyboard selain bug ataupun error pada
tombol diatas (enter, tampilan aplikasi
esc, Alt+f4)
4.2.3 Pengujian Fungsionalitas Tampilan Pengenalan Planet
Tabel 4.2.3 Pengujian Tampilan Pengenalan Planet

No.
Harapan
User membuka salah Aplikasi menampilkan Sesuai rencana Valid
1.
satu pilihan planet animasi secara
otomatis
User mengklik objek Aplikasi mengulang Sesuai rencana Valid
2.
animasi planet tampilan animasi
User mengklik tombol Aplikasi menampilkan Sesuai rencana Valid
3.
papan nama planet audio informasi nama
planet
4.
planet asli tampilan planet asli
135
dan menampilkan
objek planet kartun
pada bagian kiri atas
aplikasi. Beserta audio
penjelasannya
5.
informasi detail halaman informasi
detail planet
6.
next halaman pengenalan
planet selanjutnya
7.
before halaman pengenalan
planet sebelumnya
8.
keluar halaman menu utama
belajar
User melakukan input Aplikasi tidak Sesuai rencana Valid
9.
perintah dengan membaca perintah
tombol “Enter” untuk atau tidak
memilih menu menampilkan sesuatu
dan tidak ada bug
ataupun error pada
tampilan aplikasi
10.
menekan tombol “esc” perintah) dan tidak ada
pada keyboard bug ataupun error
pada tampilan aplikasi
136
11.
dari aplikasi dengan (menjalankan
menekan tombol “Alt perintah) dan tidak ada
+ F4” pada keyboard bug ataupun error
12.
menekan tombol- atau tidak
tombol di keyboard menampilkan sesuatu
selain tombol diatas dan tidak ada bug
(enter, esc, Alt+f4) ataupun error pada
tampilan aplikasi
4.2.4 Pengujian Fungsionalitas Tampilan Planet Asli
Tabel 4.2.4 Pengujian Tampilan Planet Asli

No.
Harapan
1.
menampilkan (show) bentuk planet asli dan
planet asli audio penjelasannya
User mengklik tombol Aplikasi Sesuai rencana Valid
2.
sembunyikan (hide) menyembunyikan
planet asli tampilkan planet asli
dan mematikan audio
penjelasan. Kemudian
menampilkan animasi
pengenalan planet
137
User mengklik tombol Objek kartun planet Sesuai rencana Valid
3.
menampilkan (show) muncul di bagian kiri
planet asli atas aplikasi
User mengklik tombol Objek kartun hilang Sesuai rencana Valid
4.
sembunyikan (hide) dan gambar asli planet
planet asli muncul di bagian kiri
atas planet
5.
papan nama planet audio informasi nama
planet
6.
next halaman pengenalan
planet selanjutnya
7.
before halaman pengenalan
planet selanjutnya
8.
keluar halaman menu utama
belajar
9.
dan tidak ada bug
ataupun error pada
tampilan aplikasi
10.
pada keyboard
138
bug ataupun error
11.
12.
tampilan aplikasi
4.2.5 Pengujian Fungsionalitas Tampilan Informasi Detail Planet
Tabel 4.2.5 Pengujian Tampilan Informasi Detail Planet

No.
Harapan
1.
informasi detail halaman informasi
detail dan
menampilkan animasi
secara otomatis
User mengklik tombol Aplikasi akan Sesuai rencana Valid
2.
Replay (ulang) menghentikan animasi
139
yang telah berjalan
sebelumnya dan
mengulang kembali
animasi tersebut
3.
keluar dari halaman menampilkan halaman
informasi detail pengenalan planet
yang telah dibuka
sebelumnya
4.
dan tidak ada bug
ataupun error pada
tampilan aplikasi
5.
6.
7.
140
tampilan aplikasi
4.2.6 Pengujian Fungsionalitas Tampilan Menu Utama Hadits dan Doa
Tabel 4.2.6 Pengujian Tampilan Menu Utama Hadits dan Doa

No.
Harapan
User membuka menu Aplikasi menampilkan Sesuai rencana Valid
1.
hadits dan doa menu utama hadits
dan doa
User menggeser ke Aplikasi menggeser Sesuai rencana Valid
2.
kanan dan ke kiri tampilan satu per satu
dan tombol yang
terseleksi akan tampil
lebih besar dari
tombol-tombol lainnya
3.
doa melihat keajaiban tampilan doa melihat
alam keajaiban alam
4.
ayat penciptaan langit tampilan ayat
dan bumi penciptaan langit dan
bumi
141
5.
ayat tentang langit tampilan ayat tentang
yang dihiasi bintang langit yang dihiasi
bintang
6.
ayat tentang siang dan tampilan ayat tentang
malam siang dan malam
7.
ayat tentang tampilan ayat tentang
penciptaan bumi untuk penciptaan bumi untuk
manusia manusia
8.
ayat tentang garis orbit tampilan ayat tentang
planet garis orbit planet
9.
home tampilan menu utama
aplikasi
10.
dan tidak ada bug
ataupun error pada
tampilan aplikasi
11.
142
12.
13.
tampilan aplikasi
4.2.7 Pengujian Fungsionalitas Tampilan Hadits dan Doa
Tabel 4.2.7 Pengujian Tampilan Hadits dan Doa

No.
Harapan
User mengklik salah Aplikasi menampilkan Sesuai rencana Valid
1.
satu tombol doa tampilan doa yang
sesuai dengan judul
pada tombol doa yang
dipilih
2.
play pada bagian ayat audio ayat
3.
stop pada bagian ayat menghentikan audio
ayat
143
4.
play pada bagian arti audio arti
5.
stop pada bagian arti menghentikan audio
arti
6.
play pada bagian audio makna doa
makna doa
7.
stop pada bagian menghentikan audio
makna doa makna doa
8.
papan judul doa audio informasi
tentang judul doa
9.
play salah satu bagian mematikan audio yang
baik itu ayat, arti, dan sedang berlangsung
makna ketika audio dan merubah tampilan
lain sedang dijalankan tombol audio yang di
hentikan tersebut
kembali ke ikon play.
Kemudian aplikasi
menampilkan audio
tombol yang baru saja
di klik.
10.
papan judul doa ketika mematikan audio dari
salah satu audio dari ayat, arti dan doa yang
ayat, arti, dan makna sedang berlangsung
sedang dijalankan dan merubah tampilan
144
tombol audio yang di
hentikan tersebut
kembali ke ikon play.
Kemudian aplikasi
menampilkan audio
informasi judul doa
yang baru saja di klik.
11.
keluar dari tampilan tampilan menu utama
doa hadits dan doa
12.
dan tidak ada bug
ataupun error pada
tampilan aplikasi
13.
14.
15.
145
tampilan aplikasi
Dari tabel pengujian diatas dapat disimpulkan bahwa pengujian terhadap semua
fungsionalitas aplikasi Luar Angkasa khususnya untuk Menu Belajar dan Menu Hadits dan
Doa dapat berjalan dengan baik dan sesuai dengan perencanaan yang telah dibuat sebelumnya.
Adapun berdasarkan skenario, rencana, hasil, dan kesimpulan dapat disimpulkan bahwa
aplikasi ini telah sesuai dengan harapan atau tujuan pengujian. Sehingga aplikasi ini dapat
diterapkan sebagai media pembelajaran berbasis PC (Personal Computer) dalam bentuk
animasi 2D yang interaktif untuk membantu guru dalam memperkenalkan sistem tata surya
kepada anak didik.
4.2.8 Metode User Acceptance Test
Metode User Acceptance Test merupakan suatu proses pengujian yang dilakukan oleh
penguji terhadap pengguna atau user yang menghasilkan sebuah dokumen hasil uji yang dapat
dijadikan sebagai bukti bahwa software atau aplikasi yang dibuat sudah memenuhi standar dan
kebutuhan yang dibutuhkan oleh pengguna. Pada tahap ini penulis melakukan pengujian
tentang bentuk interaktif dan daya tarik animasi 2D pada aplikasi Luar Angkasa sebagai media
pembelajaran untuk memvisualkan sistem tata surya pada PAUD Almalia School. Pengujian
ini dilakukan terhadap pengguna yaitu guru atau pengajar kelas Playgroup B dan beberapa
pengajar PAUD Almalia School lainnya. Adapun dalam pelaksanaannya penulis menggunakan
serangkaian pertanyaan atau kuesioner dengan metode Skala Likert. Pengujian ini dilakukan
untuk mengetahui apakah aplikasi ini menarik dan interaktif dalam memvisualkan materi
pelajaran sistem tata surya serta untuk mengetahui apakah aplikasi ini dapat membantu dan
mempermudah guru atau pengajar kelas playgroup B dalam kegiatan belajar mengajar di
Almalia School. Adapun kriteria skor dalam pengujian ini adalah sebagai berikut:
146
Tabel 2.8 Kriteria Skor Pengujian
Skor Persentase
Jawaban
1 0% - 24%
Sangat Tidak Setuju
2 25%-49%
Tidak Setuju
3 50%-74%
Setuju
4 75%-100%
Sangat Setuju
Data yang didapatkan dari kuesioner selanjutnya diolah dalam tabel, dan kemudian dibahas
secara deskriptif. Ukuran deskriptifnya adalah pemberian angka, baik dalam skor jawaban
responden maupun dalam persentase yang dituangkan dalam diagram atau tabel [22]. Perhitungan
deskriptif terhadap data kuesioner yang didapatkan akan dihitung persentasenya dengan cara
sebagai berikut [6]:
S = Skor Jawaban x Frekuensi

S
P= x 100%
Skor Ideal
Keterangan:
P = Nilai persentase yang dicari.
S = Jumlah frekuensi dikalikan dengan skor yang dimiliki tiap jawaban.
Skor Ideal = Skor tertinggi dikalikan dengan jumlah sampel.
Berikut pengujian dengan menggunakan Metode User Acceptance Test:
A. Skenario pengujian kuesioner
Kuesioner dibuat dengan menggunakan Google Form, sehingga responden yang merupakan
pengajar atau guru di Almalia School dapat menjawab pertanyaan secara daring atau online.
Sedangkan untuk distribusi aplikasi kepada pengguna (guru), penulis memberikan dokumen
aplikasi melalui Google Drive. Pada pengujian ini penulis juga memberikan video demo atau
147
simulasi aplikasi kepada pengguna sebagai acuan atau bahan pertimbangan dalam penilaian atau
menjawab pertanyaan. Berikut daftar pertanyaan kuesioner yang diberikan penulis kepada
responden:
Tabel 2.9 Daftar Pertanyaan Kuesioner
No. Pertanyaan
1. Apakah cara penggunaan pada Menu Belajar mudah dipahami atau dimengerti oleh
pengguna?
2. Dalam aplikasi ini terdapat musik latar belakang yang mengiringi jalannya aplikasi. Musik
ini bertemakan musik ceria untuk anak-anak yang dapat dinyalakan atau dimatikan
berdasarkan keinginan pengguna. Apakah menurut anda penggunaan musik latar belakang
(backsound) pada aplikasi ini dapat menambah daya tarik aplikasi?
3. Pada aplikasi ini karakter planet di desain sedemikian rupa agar dapat memiliki ciri-ciri
yang mudah diingat oleh anak usia 3-4 tahun. Apakah desain karakter planet dan tampilan
atau layout pada aplikasi ini dapat menambah daya tarik aplikasi ini?
4. Pada aplikasi ini terdapat fitur informasi detail planet yang dijelaskan dalam bentuk video
animasi 2D yang sederhana bagi anak usia 3 – 4 tahun. Apakah dengan adanya fitur
informasi detail ini dapat menambah daya tarik aplikasi ini?
5. Apakah penggunaan Fitur Informasi Detail Planet dan Fitur Penjelasan Bentuk Asli Planet
pada aplikasi ini dapat membuat siswa lebih mengerti dan mengenal pembelajaran sistem
tata surya di PAUD Almalia School?
148
6. Apakah materi pembelajaran yang disajikan dalam bentuk animasi 2D pada aplikasi ini
dapat memvisualkan sistem tata surya dan mudah dimengerti oleh anak usia 3 – 4 tahun?
7. Pada aplikasi ini mengutamakan keaktifan dan kebebasan pengguna dalam memilih
berbagai jenis planet atau menu. Apakah dengan adanya keaktifan dan kebebasan
pengguna merupakan bentuk interaktif untuk pembelajaran pengenalan sistem tata surya?
8. Pada bagian tampilan pengenalan planet terdapat animasi 2D yang bergerak dan menyapa
pengguna. Apabila objek planet ini di klik oleh user maka ia akan menampilkan kembali
gerakan dan audionya. Apakah dengan adanya fitur tersebut dapat menambah sifat
interaktif pada animasi 2D di aplikasi ini?
9. Apakah dengan adanya tampilan slider ini dapat memudahkan pengguna dan menambah
daya tarik pada aplikasi ini?
10. Apakah penerapan menu hadits dan doa pada aplikasi ini dapat memudahkan guru atau
pengguna dalam menjelaskan doa atau ayat yang relevan dengan materi sistem tata surya?
11. Pada Menu Hadits dan Doa ini, pengguna dapat memilih berbagai fitur yang hendak ia
dengarkan dengan menekan tombol play/stop audio pada tiap-tiap bagian ayat, arti, dan
makna. Apakah dengan adanya fitur ini dapat menambah kesan interaktif pada aplikasi
ini?
12. Apakah fitur makna pada menu ini dapat membantu pengguna atau siswa untuk
memahami nilai religius yang terkandung dalam doa?
13. Apakah dengan penggunaan Menu Belajar dan Menu Hadits dan Doa pada aplikasi ini
dapat menambah daya tarik dan minat belajar siswa terhadap materi sistem tata surya?
149
14. Apakah dengan penggunaan Menu Belajar dan Menu Hadits dan Doa pada aplikasi ini
dapat membantu dan memudahkan guru / pengajar dalam menjelaskan atau memvisualkan
materi sistem tata surya?
15. Apakah aplikasi ini dapat diterapkan sebagai alat peraga dalam metode pembelajaran
pengenalan sistem tata surya di PAUD Almalia School?
B. Hasil Pengujian Kuesioner

Berikut adalah hasil persentase dari tiap jawaban yang didapatkan dari jawaban responden
terhadap kuesioner, yaitu:
a. Skor Jawaban Responden
1. Pertanyaan pertama, tentang apakah cara penggunaan pada Menu Belajar mudah
dipahami atau dimengerti oleh pengguna
Tabel 2.10 Hasil Skor Pertanyaan Kuesioner Pertama
Jawaban Persentase Skor Frekuensi S

Sangat Setuju 75%-100% 4 0 0
Setuju 50%-74% 3 5 15
Tidak Setuju 25%-49% 2 0 0
Sangat Tidak 0% - 24% 1 0 0
Setuju
Jumlah 15
15
Persentase = x 100% = 75% (Sangat Setuju)
20
Berdasarkan hasil persentase diatas dapat disimpulkan bahwa penilaian terhadap

cara penggunaan pada Menu Belajar mudah dipahami atau dimengerti oleh pengguna
150
adalah 75% dari 100% yang diharapkan. Maka hasil dari pertanyaan pertama ini dapat
dikategorikan “Sangat Setuju”.
2. Pertanyaan kedua, tentang apakah penggunaan musik latar belakang (backsound) pada
aplikasi ini dapat menambah daya tarik aplikasi Luar Angkasa
Tabel 2.11 Hasil Skor Pertanyaan Kuesioner Kedua

Setuju 50%-74% 3 3 9
Setuju
Jumlah 15
15
Persentase = x 100% = 75%
20

penggunaan musik latar belakang (backsound) pada aplikasi ini dapat menambah daya
tarik aplikasi adalah 75% dari 100% yang diharapkan. Maka hasil dari pertanyaan kedua
ini dapat dikategorikan “Sangat Setuju”.
3. Pertanyaan ketiga, tentang apakah desain karakter planet dan tampilan atau layout pada
aplikasi Luar Angkasa dapat menambah daya tarik aplikasi ini
Tabel 2.12 Hasil Skor Pertanyaan Kuesioner Ketiga

Setuju 50%-74% 3 4 12
151
Setuju
Jumlah 16
16
20

desain karakter planet dan tampilan atau layout pada aplikasi Luar Angkasa dapat
menambah daya tarik aplikasi ini adalah 80% dari 100% yang diharapkan. Maka hasil
dari pertanyaan ketiga ini dapat dikategorikan “Sangat Setuju”.
4. Pertanyaan keempat, tentang apakah dengan adanya fitur informasi detail ini dapat
menambah daya tarik aplikasi ini
Tabel 2.13 Hasil Skor Pertanyaan Kuesioner Keempat

Setuju 50%-74% 3 3 9
Setuju
Jumlah 17
17
20

adanya fitur informasi detail ini dapat menambah daya tarik aplikasi ini adalah 85% dari
100% yang diharapkan. Maka hasil dari pertanyaan keempat ini dapat dikategorikan
“Sangat Setuju”.
152
5. Pertanyaan kelima, tentang apakah penggunaan Fitur Informasi Detail Planet dan Fitur
Penjelasan Bentuk Asli Planet pada aplikasi ini dapat membuat siswa lebih mengerti dan
mengenal pembelajaran sistem tata surya di PAUD Almalia School
Tabel 2.14 Hasil Skor Pertanyaan Kuesioner Kelima

Setuju 50%-74% 3 2 6
Setuju
Jumlah 18
18
20
penggunaan Fitur Informasi Detail Planet dan Fitur Penjelasan Bentuk Asli Planet pada
aplikasi ini dapat membuat siswa lebih mengerti dan mengenal pembelajaran sistem tata
surya adalah 90% dari 100% yang diharapkan. Maka hasil dari pertanyaan kelima ini
dapat dikategorikan “Sangat Setuju”.
6. Pertanyaan keenam, tentang apakah materi pembelajaran yang disajikan dalam bentuk
animasi 2D pada aplikasi ini dapat memvisualkan sistem tata surya dan mudah
dimengerti oleh anak usia 3 – 4 tahun
Tabel 2.15 Hasil Skor Pertanyaan Kuesioner Keenam

Setuju 50%-74% 3 5 15
153
Setuju
Jumlah 15
15
20
materi pembelajaran yang disajikan dalam bentuk animasi 2D pada aplikasi ini dapat
memvisualkan sistem tata surya dan mudah dimengerti oleh anak usia 3 – 4 tahun adalah
75% dari 100% yang diharapkan. Maka hasil dari pertanyaan keenam ini dapat
7. Pertanyaan ketujuh, tentang apakah dengan adanya keaktifan dan kebebasan pengguna
pada aplikasi ini merupakan bentuk interaktif untuk pembelajaran pengenalan sistem tata
surya
Tabel 2.16 Hasil Skor Pertanyaan Kuesioner Ketujuh

Setuju 50%-74% 3 3 9
Setuju
Jumlah 17
17
20

adanya keaktifan dan kebebasan pengguna pada aplikasi ini merupakan bentuk interaktif
untuk pembelajaran pengenalan sistem tata surya adalah 85% dari 100% yang
diharapkan. Maka hasil dari pertanyaan ketujuh ini dapat dikategorikan “Sangat Setuju”.
154
8. Pertanyaan kedelapan, tentang apakah dengan adanya fitur pengenalan planet yang dapat
diulang tampilan animasinya dengan mengklik objek planet dapat menambah sifat
interaktif pada animasi 2D di aplikasi ini
Tabel 2.17 Hasil Skor Pertanyaan Kuesioner Kedelapan

Setuju 50%-74% 3 2 6
Setuju
Jumlah 16
16
20

adanya fitur pengenalan planet yang dapat diulang tampilan animasinya dengan
mengklik objek planet dapat menambah sifat interaktif pada animasi 2D di aplikasi ini
adalah 80% dari 100% yang diharapkan. Maka hasil dari pertanyaan kedelapan ini dapat
9. Pertanyaan kesembilan, tentang apakah dengan adanya tampilan slider ini dapat
memudahkan pengguna dan menambah daya tarik pada aplikasi ini
Tabel 2.18 Hasil Skor Pertanyaan Kuesioner Kesembilan

Setuju 50%-74% 3 1 3
155
Setuju
Jumlah 13
13
20

adanya tampilan slider ini dapat memudahkan pengguna dan menambah daya tarik pada
aplikasi ini adalah 65% dari 100% yang diharapkan. Maka hasil dari pertanyaan
kesembilan ini dapat dikategorikan “Setuju”.
10. Pertanyaan kesepuluh, tentang apakah penerapan menu hadits dan doa pada aplikasi ini
dapat memudahkan guru atau pengguna dalam menjelaskan doa atau ayat yang relevan
dengan materi sistem tata surya
Tabel 2.19 Hasil Skor Pertanyaan Kuesioner Kesepuluh

Setuju 50%-74% 3 1 3
Setuju
Jumlah 19
19
20

penerapan menu hadits dan doa pada aplikasi ini dapat memudahkan guru atau pengguna
dalam menjelaskan doa atau ayat yang relevan dengan materi sistem tata surya adalah
95% dari 100% yang diharapkan. Maka hasil dari pertanyaan kesepuluh ini dapat
156
11. Pertanyaan kesebelas, tentang Apakah dengan adanya fitur play / stop pada tampilan doa
dapat menambah kesan interaktif pada aplikasi ini
Tabel 2.20 Hasil Skor Pertanyaan Kuesioner Kesebelas

Setuju 50%-74% 3 1 3
Setuju
Jumlah 19
19
20

adanya fitur play / stop pada tampilan doa dapat menambah kesan interaktif pada aplikasi
ini adalah 95% dari 100% yang diharapkan. Maka hasil dari pertanyaan kesebelas ini
dapat dikategorikan “Sangat Setuju”.
12. Pertanyaan kedua belas, tentang apakah fitur makna pada menu ini dapat membantu
pengguna atau siswa untuk memahami nilai religius yang terkandung dalam doa
Tabel 2.21 Hasil Skor Pertanyaan Kuesioner Kedua Belas

Setuju 50%-74% 3 3 9
Setuju
Jumlah 17
157
17
20

fitur makna pada menu ini dapat membantu pengguna atau siswa untuk memahami nilai
religius yang terkandung dalam doa adalah 85% dari 100% yang diharapkan. Maka hasil
dari pertanyaan kedua belas ini dapat dikategorikan “Sangat Setuju”.
13. Pertanyaan ketiga belas, tentang apakah dengan penggunaan Menu Belajar dan Menu
Hadits dan Doa pada aplikasi ini dapat menambah daya tarik dan minat belajar siswa
terhadap materi sistem tata surya
Tabel 2.22 Hasil Skor Pertanyaan Kuesioner Ketiga Belas

Setuju 50%-74% 3 4 12
Setuju
Jumlah 16
16
20

penggunaan Menu Belajar dan Menu Hadits dan Doa pada aplikasi ini dapat menambah
daya tarik dan minat belajar siswa terhadap materi sistem tata surya adalah 80% dari
100% yang diharapkan. Maka hasil dari pertanyaan ketiga belas ini dapat dikategorikan
“Sangat Setuju”.
14. Pertanyaan keempat belas, tentang apakah dengan penggunaan Menu Belajar dan Menu
Hadits dan Doa pada aplikasi ini dapat membantu dan memudahkan guru / pengajar
dalam menjelaskan atau memvisualkan materi sistem tata surya
158
Tabel 2.23 Hasil Skor Pertanyaan Kuesioner Keempat Belas

Setuju 50%-74% 3 3 9
Setuju
Jumlah 17
17
20

penggunaan Menu Belajar dan Menu Hadits dan Doa pada aplikasi ini dapat membantu
dan memudahkan guru / pengajar dalam menjelaskan atau memvisualkan materi sistem
tata surya adalah 85% dari 100% yang diharapkan. Maka hasil dari pertanyaan keempat
belas ini dapat dikategorikan “Sangat Setuju”.
15. Pertanyaan kelima belas, tentang apakah aplikasi ini dapat diterapkan sebagai alat peraga
dalam metode pembelajaran pengenalan sistem tata surya di PAUD Almalia School
Tabel 2.24 Hasil Skor Pertanyaan Kuesioner Kelima Belas

Setuju 50%-74% 3 2 6
Setuju
Jumlah 16
16
20
159
aplikasi ini dapat diterapkan sebagai alat peraga dalam metode pembelajaran pengenalan
sistem tata surya di PAUD Almalia School adalah 80% dari 100% yang diharapkan.
Maka hasil dari pertanyaan kelima belas ini dapat dikategorikan “Sangat Setuju”.
C. Kesimpulan Pengujian Kuesioner
Dari hasil jawaban responden dapat disimpulkan bahwa rata-rata persentase dari 15
pertanyaan diatas adalah 82%. Persentase tersebut dapat dikategorikan bahwa responden “Sangat
Setuju” bahwa animasi 2D pada aplikasi Luar Angkasa ini menarik dan interaktif serta membantu
dan mempermudah guru atau pengajar kelas playgroup B dalam pengenalan sistem tata surya.
Selain itu, berdasarkan hasil persentase diatas juga dapat disimpulkan bahwa aplikasi ini mudah
dipahami atau dimengerti oleh pengguna dan dapat diterapkan sebagai alat peraga dalam metode
pembelajaran pengenalan sistem tata surya di PAUD Almalia School. Adapun hasil kuesioner
terlampir pada lampiran.
160
BAB 5
Kesimpulan dan Saran
5.1 Kesimpulan
Berdasarkan implementasi dan pengujian terhadap aplikasi Luar Angkasa khususnya Animasi
interaktif 2D pengenalan sistem tata surya, maka dapat diambil kesimpulan sebagai berikut:
1. Animasi 2D pada aplikasi Luar Angkasa dapat membantu dan memudahkan guru dalam
menjelaskan materi sistem tata surya bagi siswa usia 3- 4 tahun di kelas Playgroup B PAUD
Almalia School.
2. Animasi 2D pada aplikasi ini dapat memvisualkan materi sistem tata surya dan mudah
dipahami oleh anak usia 3-4 tahun. Serta dapat meningkatkan daya tarik dan pemahaman siswa
dalam mempelajari sistem tata surya.
3. Berdasarkan hasil survei terhadap pengajar di PAUD Almalia School diperoleh rata-rata
persentase sebesar 82%. Persentase tersebut dapat dikategorikan bahwa responden “Sangat
Setuju” bahwa aplikasi Luar Angkasa merupakan media pembelajaran berbentuk animasi dua
dimensi yang interaktif dan menarik dalam pengenalan sistem tata surya untuk membantu dan
mempermudah guru atau pengajar kelas playgroup B dalam kegiatan belajar mengajar di
Almalia School.
5.2 Saran
Berdasarkan hasil pembahasan ada beberapa saran yang dapat dipertimbangkan untuk
pengembangan animasi ini selanjutnya, berikut beberapa saran tersebut:
1. Aplikasi ini kedepannya dapat menampilkan tombol on / off musik latar belakang di setiap
halaman menu yang terkoneksi langsung dengan singletons atau musik utama pada aplikasi.
2. Animasi pada aplikasi ini kedepannya dapat dibuat dengan tampilan dan gerakan yang lebih
halus dan disertai dan sound effect yang lebih menarik dan mendukung cerita animasi.
161
Daftar Pustaka
[1] F. A. Simbolon, S. Guntur, P. Erwin, and H. T. Sihotang, “Pembuatan Aplikasi Pengenalan

Suara Dan Objek Hewan Sebagai Media Pengenalan Bagi Anak Usia Dini Dengan Metode
Computer Based Instruction (CBI),” J. Inform. Pelita Nusant., vol. 3, no. 1, pp. 23–31,
2018, [Online]. Available: http://e-
jurnal.pelitanusantara.ac.id/index.php/JIPN/article/view/283/180.
[2] A. Husain, “Rancang Bangun Aplikasi Pembelajaran Anak Usia Dini Berbasis Mobile
(Design Application Early Childhood Education Based Mobile) | Annah | CSRID
(Computer Science Research and Its Development Journal).” http://csrid.potensi-
utama.ac.id/index.php/CSRID/article/view/52/45 (accessed Nov. 05, 2019).
[3] E. Br Sembiring, dan Jenita Ompusunggu, and P. Negeri Batam Program Studi Teknik
Multimedia dan Jaringan Jl Ahmad Yani, “Rancang Bangun Multimedia Interaktif
Pembelajaran Alat Musik Tradisional Melayu menggunakan Metode Godfrey.”
[4] I. Binanto, “Perbandingan Metode Pengembangan Perangkat Lunak Multimedia

Perbandingan Metode Pengembangan Perangkat Lunak Multimedia,” J. Ilm. Sains dan
Teknol., vol. 16, no. 1, pp. 1–7, 2014, doi: 10.13140/2.1.1586.4968.
[5] A. Purnomo, “Pembuatan Media Presentasi Animasi Cerita Rakyat Untuk Anak Usia Dini
Dengan Konsep Pemilihan Alternatif Alur Cerita,” J. Ilm. Data Manaj. Dan Teknol. Inf.,
vol. 18 no3, p. 5, 2017.
[6] P. Ilmiah, “Game Edukasi Mempelajari Sistem Tata Surya untuk Murid Kelas Vi di SDIT
Nur Hidayah Surakarta Berbasis Android,” p. 15, 2019.
[7] S. Ariyati and T. Misriati, “Perancangan Animasi Interaktif Pembelajaran Asmaul Husna,”
J. Tek. Komput. Amik Bsi, vol. II, no. 1, pp. 116–121, 2016.
[8] W. Balai Diklat Keagamaan Jakarta, J. Rawa Kuning Pulo Gebang Cagung, and J. Timur,
“Pemanfaatan Media dalam Pembelajaran Iwan Falahudin A. Pendahuluan,” 2014.
Accessed: Nov. 15, 2019. [Online]. Available: www.juliwi.com.
[9] A. Wulandari and H. Al Fatta, “RANCANG BANGUN APLIKASI PENGENALAN

GUNUNG BERAPI DI PULAU JAWA DENGAN KONSEP INTERAKTIF PADA TK
AMAL MULIA BERBASIS MULTIMEDIA.”
[10] Firmantoro, Anton, and & Esron, “Animasi interaktif pengenalan hewan untuk pendidikan
anak usia dini,” J. Techno Nusa Mandiri Vol. XIII, No. 2 Sept. 2016 ANIMASI, vol. XIII,
no. 2, pp. 14–22, 2016, [Online]. Available:
https://repository.bsi.ac.id/index.php/unduh/item/2041/309-563-1-SM.pdf.
[11] W. Wibawanto, Desain dan Pemrograman Multimedia Pembelajaran Interaktif, 1st ed., no.
162
February. Jl. Manggis 72 RT 03 RW 04 Jember Lor - Patrang Jember - Jawa Timur 68118:
Penerbit Cerdas Ulet Kreatif, 2017.
[12] D. M. Y. Fety, Fithriya; Yasni, “Pembuatan Animasi 2 Dimensi Motion Graphic Frame by
Frame dengan Optimalisasi Komposisi di Adobe After Effects CS3,” UIN Syarif
Hidayatullah Jakarta Fak. Sains Dan Teknol. 2010, vol. 36, 2009, [Online]. Available:
http://repository.uinjkt.ac.id/dspace/handle/123456789/2045.
[13] A. Nugroho and B. A. Pramono, “Aplikasi Mobile Augmented Reality Berbasis Vuforia
dan Unity pada Pengenalan Objek 3D dengan Studi Kasus Gedung M Universitas
Semarang,” J. Transform., vol. 14, no. 2, p. 86, Jan. 2017, doi:
10.26623/transformatika.v14i2.442.
[14] D. Y. A and N. Purwati, “Animasi Interaktif Pembelajaran Penanggulangan Banjir untuk

Siswa SD,” pp. 56–62, 2016.
[15] R. Wijayanto, “Perancangan Animasi Interaktif Pembelajaran Bahasa Inggris Untuk Kelas
2 Pada MI Nurul Falah Ciater,” AMIK Bina Sarana Inform. Purwokerto, vol. II, no. 1, pp.
1–11, 2014.
[16] A. Nugroho, Rekayasa Perangkat Lunak Berorientasi Objek dengan Metode USDP.
Yogyakarta: CV. And Offset, 2010.
[17] A. Dhimas, Cara Mudah Merancang Storyboard untuk Animasi Keren. Yogyakarta: TAKA
Publisher, 2013.
[18] R. A. S. M Shalahuddin, Analisis dan Desain Sistem Informasi. Bandung: Politeknik

Telkom, 2008.
[19] A. Riski, Segala Sesuatu Tentang Alam Semesta, 1st ed. Jakarta: PT. Alex Media
Komputindo, 2018.
[20] C. D. I. Bedoyere, Tanya Jawab Seru Tentang Planet Kita, 1st ed. Jakarta: Buana Ilmu
Populer, 2019.
[21] R. Ancona, “Fun Loop Music Kids Version,” SophonicMedia.

http://instrumentalsfree.com/.
[22] R. Supriatna, “Implementasi dan User Acceptance Test (UAT) Terhadap Aaplikasi E-
Learning pada Madrasah Aliyah Negeri (MAN) 3 Kota Banda Aceh,” Univ. Islam Negeri
Ar-Raniry, vol. 53, no. 9, pp. 1689–1699, 2018, doi: 10.1017/CBO9781107415324.004.
163
Lampiran
Lampiran A: Gambar Proses Pembuatan Animasi 2D Informasi Detail

Planet
164
165
166
Lampiran B: Hasil Kuesioner Google Form
Timestamp Alamat Email : Nama Alamat : Pekerjaan : Umur :
Kp. cigebar -
15/07/2020 cibungur Guru / 17 - 25
15:07:50 dianasa044@gmail.com Diana Safitri 07/04 Pengajar Tahun
Jl. Masjid
no.t
15/07/2020 Robayani sukapura Guru / 26 - 35
15:14:48 Robayania18@gmail.com Akbari dayeuhkolot Pengajar Tahun
Jl. Gumuruh
no.69 gang
haur geulis
III RT 04 RW
15/07/2020 LUSI 08 Bandung Guru / 26 - 35
15:16:17 usie1988@gmail.com ERMAWATI 40275 Pengajar Tahun
17/07/2020 Guru / 26 - 35
13:02:19 tatik.septiani@gmail.com Tatik Gba 3 Pengajar Tahun
18/07/2020 Rayie Jl. Ibrahim Guru / 26 - 35

18:33:52 rayierach@gmail.com Rachmawati Adjie Pengajar Tahun
167
168
169
170
171
172
173
Lampiran C: Waktu Pelaksanaan Proyek Akhir
Waktu Pelaksanaan
Desember Januari Ferbruari Maret April Mei Juni Juli
No Kegiatan
2019 2020 2020 2020 2020 2020 2020 2020
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
Wawancara
1 dan Observasi
Penentuan
Konsep
2 (concept)
Perancangan
atau desain
animasi 2D
3 (Design)
Pengumpulan
Material
(Material
4 Collecting)
Pembuatan
Animasi 2D dan
Aplikasi Luar
Angkasa
5 (Assembly)
Pengujian
6 (Testing)
8 Distribution
174
Pembuatan
Laporan
9 Proyek Akhir
175

Perancangan Dan Implementasi Animasi Interaktif Dua Dimensi Sistem Tata Surya Untuk Paud Almalia School

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Perancangan Dan Implementasi Animasi Interaktif Dua Dimensi Sistem Tata Surya Untuk Paud Almalia School

Diunggah oleh

Hak Cipta:

Format Tersedia

PERANCANGAN DAN IMPLEMENTASI ANIMASI INTERAKTIF DUA DIMENSI

SISTEM TATA SURYA UNTUK PAUD ALMALIA SCHOOL

PROGRAM STUDI S1 TEKNOLOGI REKAYASA MULTIMEDIA

FAKULTAS ILMU TERAPAN

Proyek Akhir dengan judul :

Bandung, 13 Agustus 2020

Anang Sularsa, S.T., M.T. Fitri Susanti, S.T., M.T.

Fitri Susanti, S.T., M.T.

Nama : Indah Permata Yanda

Alamat : Jl. Kulin No.63, Kel. Padang Tiakar, Kec.Payakumbuh Timur,

Kota Payakumbuh, Sumatera Barat, 26232.

No. Tlp : 082118298113

PERANCANGAN DAN IMPLEMENTASI ANIMASI INTERAKTIF DUA DIMENSI

DESIGN AND IMPLEMENTATION OF 2D INTERACTIVE ANIMATION OF SOLAR SYSTEMS

Bandung, 11 Agustus 2020

Indah Permata Yanda

Indah Permata Yanda

LEMBAR PERNYATAAN ORISINALITAS ............................................................................... ii

Kata Pengantar ............................................................................................................................... iv

1.1 Latar Belakang ................................................................................................................. 1

1.2 Rumusan Masalah ............................................................................................................ 2

1.4 Ruang Lingkup Proyek Akhir .......................................................................................... 3

1.5 Metodologi Pengerjaan .................................................................................................... 3

1.6 Rencana Jadwal Pengerjaan ............................................................................................. 5

TINJAUAN PUSTAKA ................................................................................................................. 6

5.1 Solusi-Solusi yang Pernah Ada Sebelumnya ................................................................... 6

5.2 Teori Penunjang ............................................................................................................... 7

2.2.1 Media Pembelajaran.................................................................................................. 7

2.2.2 Animasi ..................................................................................................................... 8

2.2.3 Multimedia Interaktif ................................................................................................ 9

2.2.4 Adobe Ilustrator ...................................................................................................... 10

2.2.5 After Effect ............................................................................................................. 10

2.2.6 Unity ....................................................................................................................... 11

2.2.7 Audacity .................................................................................................................. 11

2.2.9 Blackbox Testing .................................................................................................... 12

2.2.10 Storyboard ............................................................................................................... 12

2.2.11 Use case Diagram ................................................................................................... 13

2.2.12 Activity Diagram .................................................................................................... 14

3.1 Analisa Kebutuhan ......................................................................................................... 17

3.2 Metodologi Pengerjaan .................................................................................................. 18

3.2.1 Konsep (Concept) ................................................................................................... 18

3.2.2 Desain (Design) ...................................................................................................... 19

3.2.3 Pengumpulan Material Asset (Material Collecting) ............................................... 60

3.2.4 Pembuatan (Assembly) ............................................................................................ 68

3.2.5 Pengujian (Testing) ................................................................................................. 81

3.2.6 Distribusi (Distribution).......................................................................................... 81

3.3 Rencana Jadwal Pengerjaan ........................................................................................... 82

IMPLEMENTASI DAN PENGUJIAN ........................................................................................ 83

4.1 Implementasi .................................................................................................................. 83

4.1.1 Implementasi Tampilan Menu Utama Aplikasi ...................................................... 83

4.1.2 Implementasi Tampilan Splash Screen Menu Belajar ............................................ 84

4.1.3 Implementasi Tampilan Menu Belajar.................................................................... 86

4.1.4 Implementasi Tampilan Pengenalan Planet ............................................................ 86

4.1.5 Implementasi Tampilan Planet Asli ........................................................................ 88

4.1.7 Implementasi Tampilan Menu Utama Hadits dan Doa......................................... 128

4.1.8 Implementasi Tampilan Hadits dan Doa............................................................... 129

4.2 Pengujian ...................................................................................................................... 130

4.2.1 Pengujian Fungsionalitas Tampilan Menu Utama Aplikasi ................................. 130

4.2.2 Pengujian Fungsionalitas Tampilan Menu Belajar ............................................... 133

4.2.3 Pengujian Fungsionalitas Tampilan Pengenalan Planet ....................................... 135

4.2.4 Pengujian Fungsionalitas Tampilan Planet Asli ................................................... 137

4.2.5 Pengujian Fungsionalitas Tampilan Informasi Detail Planet................................ 139