PERANCANGAN MEDIA INTERAKTIF UNTUK
MENINGKATKAN PEMBELAJARAN MATEMATIKA PADA ANAK USIA 8-10 TAHUN
LAPORAN TUGAS AKHIR
Ivory Tandy 00000034228
PROGRAM STUDI DESAIN KOMUNIKASI VISUAL FAKULTAS SENI DAN DESAIN
UNIVERSITAS MULTIMEDIA NUSANTARA TANGERANG
2023
i
Perancangan Media Interaktif…, Ivory Tandy, Universitas Multimedia Nusantara
PERANCANGAN MEDIA INTERAKTIF UNTUK
MENINGKATKAN PEMBELAJARAN MATEMATIKA PADA ANAK USIA 8-10 TAHUN
LAPORAN TUGAS AKHIR
Diajukan sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Desain (S.Ds.)
Ivory Tandy 00000034228
PROGRAM STUDI DESAIN KOMUNIKASI VISUAL FAKULTAS SENI DAN DESAIN
UNIVERSITAS MULTIMEDIA NUSANTARA TANGERANG
2023
iv
Perancangan Media Interaktif…, Ivory Tandy, Universitas Multimedia Nusantara
HALAMAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS
Sebagai civitas academica Universitas Multimedia Nusantara, saya yang bertanda tangan di bawah ini:
Nama : Ivory Tandy
NIM : 00000034228
Program Studi : Desain Komunikasi Visual
Fakultas : Seni dan Desain
JenisKarya : Tugas Akhir
Demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada Universitas Multimedia Nusantara Hak Bebas Royalti Nonekslusif (Non-exclusive Royalty-Free Right) atas karya ilmiah saya yang berjudul.
PERANCANGAN MEDIA INTERAKTIF UNTUK MENINGKATKAN PEMBELAJARAN MATEMATIKA PADA ANAK USIA 8-10
Beserta perangkat yang ada (jika diperlukan). Dengan Hak Bebas Royalti Noneksklusif ini, Universitas Multimedia Nusantara berhak menyimpan, mengalihmediakan/mengalihformatkan, mengelola dalam bentuk pangkalan data (database), merawat, dan memublikasikan tugas akhir saya selama tetap mencantumkan nama saya sebagai penulis/pencipta dan sebagai pemilik Hak Cipta. Demikian pernyataan ini saya buat dengan sebenarnya.
Tangerang, 8 Juni 2023 Yang menyatakan,
(Ivory Tandy)
v
Perancangan Media Interaktif…, Ivory Tandy, Universitas Multimedia Nusantara
KATA PENGANTAR
Puji Syukur atas berkat dan rahmat kepada Tuhan Yang Maha Esa, karena berkat dan rahmat-nya penulis dapat menyelesaikan menulis laporan tugas akhir berjudul “Perancangan Media Interaktif untuk Meningkatkan Pembelajaran Matematika pada Usia 8-10 Tahun” dengan baik. Topik ini diambil dikarenakan kurangnya minat dan motivasi dalam pembelajaran matematika pada anak.
Penulis menyadari bahwa tanpa bantuan dan bimbingan dari berbagai pihak, dari masa perkuliahan sampai pada penyusunan laporan ini, sangatlah sulit bagi penulis untuk menyelesaikan laporan ini. Semoga topik ini bermanfaat dan dapat memberikan motivasi baik sebagai sumber informasi maupun sumber inspirasi bagi para pembaca.
Mengucapkan terima kasih
1. Dr. Ninok Leksono, M.A., selaku Rektor Universitas Multimedia Nusantara.
2. Muhammad Cahya Mulya Daulay, S.Sn., M.Ds., selaku Dekan Fakultas Seni dan Desain Universitas Multimedia Nusantara.
3. Fonita Theresia Yoliando, S.Ds., M.A., selaku Ketua Program Studi Desain Komunikasi Visual Universitas Multimedia Nusantara.
4. Rani Aryani Widjono, S,Sn., M.Ds., sebagai Pembimbing pertama yang telah memberikan bimbingan, arahan, dan motivasi atas terselesainya tugas akhir ini.
5. Dessyca, sebagai narasumber yang telah menyediakan waktunya untuk diwawancara pengalamannya menjadi ibu rumah tangga yang merawat dan mendidik anak.
6. Maria Legina Lou, guru matematika SD swasta, sebagai narasumber yang telah menyediakan waktunya untuk diwawancara pengalamannya mengajar matematika SD.
7. Firdaus Mego, founder Nightcode.id, sebagai narasumber yang telah menyediakan waktunya untuk diwawancara.
8. Keluarga saya yang telah memberikan bantuan dukungan material dan moral, sehingga penulis dapat menyelesaikan tugas akhir ini.
vi
Perancangan Media Interaktif…, Ivory Tandy, Universitas Multimedia Nusantara
9. Teman-teman khususnya Kenny Irvandy, Farivia Diffa Ul Haq, Isti Putri Nurilmi dan grup persesusan Inti yang telah memberikan dukungan, inspirasi, dan motivasi sehingga penulis dapat menyelesaikan laporan tugas akhir ini.
10. Shimon sensei dan Kuzuha yang memberikan motivasi dari lagu-lagunya untuk dapat menyelesaikan laporan tugas akhir ini.
Semoga perancangan ini bermanfaat dan dapat memberikan motivasi baik sebagai sumber informasi maupun sumber inspirasi, bagi para pembaca.
Jakarta, 8 Juni 2023
(Ivory Tandy)
Click here to enter text.
vii
Perancangan Media Interaktif…, Ivory Tandy, Universitas Multimedia Nusantara
PERANCANGAN MEDIA INTERAKTIF UNTUK
MENINGKATKAN PEMBELAJARAN MATEMATIKA PADA ANAK USIA 8-10 TAHUN
(Ivory Tandy)
ABSTRAK
Dalam dunia pendidikan di sekolah, minat memegang peranan penting dalam belajar karena minat ini merupakan kekuatan motivasi yang menyebabkan seseorang memusatkan perhatian terhadap seseorang, suatu benda, atau kegiatan tertentu. Minat merupakan unsur yang menggerakkan motivasi seseorang sehingga orang tersebut dapat berkonsentrasi terhadap suatu kegiatan tertentu. Peserta didik akan terkesan pasif atau malas untuk mengikuti pelajaran tersebut. Oleh sebab itu, diharapkan para siswa memiliki minat yang tinggu khususnya pelajaran matematika karena matematika merupakan sarana berfikir yang jelas dan logis, sarana untuk memecahkan masalah kehidupan sehari-hari.
Kata kunci: Matematika, pendidikan, minat, motivasi, media
viii
Perancangan Media Interaktif…, Ivory Tandy, Universitas Multimedia Nusantara
INTERACTIVE MEDIA DESIGN TO IMPROVE
MATHEMATICS LEARNING IN CHILDREN AGED 8-10 YEARS
(Ivory Tandy)
ABSTRACT (English)
In the world of education in schools, interest plays an important role in learning because this interest is a motivating force that causes a person to focus on a person, an object, or a particular activity. Interest is an element that drives a person's motivation so that the person can concentrate on a particular activity. Students will seem passive or lazy to follow the lesson.
Therefore, it is hoped that students will have a high interest in mathematics, especially because mathematics is a means of clear and logical thinking, a means of solving everyday life problems.
Keywords: Mathematics, education, interest, motivation, media
ix
Perancangan Media Interaktif…, Ivory Tandy, Universitas Multimedia Nusantara
DAFTAR ISI
HALAMAN PENGESAHAN ... iii
HALAMAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS ... iv
KATA PENGANTAR ... v
ABSTRAK ... vii
ABSTRACT (English) ... viii
DAFTAR ISI ... ix
DAFTAR TABEL ... xi
DAFTAR GAMBAR ... xii
DAFTAR LAMPIRAN ... xiv
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 3
1.3 Batasan Masalah ... 3
1.4 Tujuan Tugas Akhir ... 3
1.5 Manfaat Tugas Akhir ... 3
BAB II TINJAUAN PUSTAKA ... 5
2.1 Desain Komunikasi Visual ... 5
2.1.1 Fungsi Dasar Desain Komunikasi Visual ... 5
2.1.2 Elemen Desain ... 8
2.2 Animasi ... 15
2.2.1 Stop Motion Animation/Claymation ... 16
2.2.2 Animasi 2 Dimensi/2D ... 16
17 2.2.3 Animasi 3 Dimensi/3D ... 17
2.3 Desain Interaktif ... 18
2.3.1 Metode Desain Interaktif ... 18
2.3.2 Prinsip Desain ... 19
2.4 Website ... 20
2.5 User Interaktif ... 21
2.6 User Experience ... 36
x
Perancangan Media Interaktif…, Ivory Tandy, Universitas Multimedia Nusantara
2.7 Matematika ... 38
2.7.1 Kesulitan Pembelajaran Matematika ... 38
2.7.2 Peminatan Pembelajaran Matematika ... 39
2.7.3 Pembelajaran Matematika Secara Kritis ... 39
2.7.4 Pembelajaran Matematika Secara Kreatif ... 40
2.7.5 Pembelajaran Matematika yang Meningkatkan Kemampuan Berpikir Kritis dan Kreatif ... 41
BAB III METODOLOGI PENELITIAN DAN PERANCANGAN ... 42
3.1 Metodologi Penelitian ... 42
3.1.1 Wawancara ... 42
3.3 Metodologi Perancangan ... 47
BAB IV STRATEGI DAN ANALISIS PERANCANGAN ... 49
4.1 Strategi Perancangan ... 49
4.1.1 Inspiration ... 49
4.1.2 Ideation ... 54
4.1.3 Implementation ... 58
4.1.4 Media Sekunder ... 66
4.1.5 App Development (Prototype) ... 68
4.2 Analisis Alpha ... 69
4.2.1 Analisis Visual ... 69
4.2.2 Analisis Interaktivitas ... 71
4.2.3 Hasil Perbaikan ... 72
4.3 Analisis Beta ... 75
4.3.1 Analisis Desain ... 75
4.3.2 Analisis Beta Test ... 77
4.4 Budgeting ... 80
BAB V PENUTUP ... 81
5.1 Simpulan ... 81
5.2 Saran ... 82
DAFTAR PUSTAKA ... xiii
LAMPIRAN ... xvi
xi
Perancangan Media Interaktif…, Ivory Tandy, Universitas Multimedia Nusantara
DAFTAR TABEL
Tabel 4.1 Hasil Respons Kuesioner mengenai visual perancangan ... 70
Tabel 4.2 Hasil Respons Kuesioner mengenai interaktif perancangan ... 71
Tabel 4.3 Hasil Respons visual beta test ... 78
Tabel 4.4 Hasil Respons interface beta test ... 78
Tabel 4.5 Hasil Respons interaktivitas beta test ... 79
Tabel 4.6 Hasil budgeting ... 80
xii
Perancangan Media Interaktif…, Ivory Tandy, Universitas Multimedia Nusantara
DAFTAR GAMBAR
Gambar 2.1 Balance ... 5
Gambar 2.2 Emphasis ... 6
Gambar 2.3 Rhytm ... 7
Gambar 2.4 Unity ... 7
Gambar 2.5 Garis ... 8
Gambar 2.6 Bentuk ... 9
Gambar 2.7 Figure/Ground ... 9
Gambar 2.8 Tekstur ... 10
Gambar 2.9 Lingkaran warna RGB ... 11
Gambar 2.10 Hue, Saturation, Value ... 12
Gambar 2.11 Claymotion ... 15
Gambar 2.12 Animation 2D ... 16
Gambar 2.13 Animation 3D ... 17
Gambar 2.14 Double-Diamond Design Model ... 18
Gambar 2.15 Horizontal Grid ... 22
2Gambar 2.16 Vertical Grid ... 23
Gambar 2.17 Fluid grid... 23
Gambar 2.18 Fixed grid ... 24
Gambar 2.19 Soft grid ... 24
Gambar 2.20 F-pattern dan Z-pattern ... 25
Gambar 2.21 Kearning dan Leading ... 25
Gambar 2.22 Special Characters ... 26
Gambar 2.23 Variety in Weight ... 26
Gambar 2.24 Simple Form ... 26
Gambar 2.25 Readability ... 27
Gambar 2.26 Old Style ... 28
Gambar 2.27 Black Letter ... 28
Gambar 2.28 Slab Serif ... 29
Gambar 2.29 Sans Serif ... 30
Gambar 2.30 Modern ... 30
Gambar 2.31 transitional ... 31
Gambar 2.32 Humanist ... 32
Gambar 2.33 Script ... 32
Gambar 2.34 Display ... 33
Gambar 2.35 Icons ... 33
Gambar 2.36 Buttons ... 34
Gambar 2.37 Cards ... 34
Gambar 2.38 Visible ... 35
xiii
Perancangan Media Interaktif…, Ivory Tandy, Universitas Multimedia Nusantara
Gambar 2.39 Hidden ... 35
Gambar 2.40 Contextual ... 36
Gambar 2.41 Elemen UX... 37
Gambar 3.1 Wawancara Dessyca ... 43
Gambar 3.2 Wawancara Yoon aYuri ... 44
Gambar 3.3 Wawancara Firdaus Mego ... 45
Gambar 3.4 Wawancara Maria Legina Lou ... 47
Gambar 4.1 Persona Mina ... 51
Gambar 4.2 Persona Yunita ... 52
Gambar 4.3 Mindmap... 55
Gambar 4.4 Moodboard ... 57
Gambar 4.5 Color Palette ... 58
Gambar 4.6 Sitemap ... 59
Gambar 4.7 Low Fidelity wireframe ... 60
Gambar 4.8 Layout& Grid ... 61
Gambar 4.9Aset... 62
Gambar 4.10 Button ... 62
Gambar 4.11 alternatif maskot ... 63
Gambar 4.12 maskot ... 64
Gambar 4.13 typeface... 65
Gambar 4.14 High fidelity ... 66
Gambar 4.15 web-ad banner ... 67
Gambar 4.16 merchandise ... 68
Gambar 4.17 prototype... 69
Gambar 4.18 iterasi awal membuka website ... 72
Gambar 4.19 iterasi materi ... 73
Gambar 4.20 iterasi rumus ... 74
Gambar 4.21 iterasi kisi-kisi ... 74
Gambar 4.22 Contoh soal matematika sudah direvisi ... 76
Gambar 4.14 Ujian matematika sudah direvisi ... 77
xiv
Perancangan Media Interaktif…, Ivory Tandy, Universitas Multimedia Nusantara
DAFTAR LAMPIRAN
Lampiran A Form Bimbingan ... xvi
Lampiran B Laporan Turnitin Prasidang ... xviii
Lampiran C Transkrip Wawancara dengan Dessyca ... xvi
Lampiran D Transkrip Wawancara dengan Firdaus Mego ... xvii
Lampiran E Transkrip Wawancara dengan Maria Legina Lou ... xviiii