PERANCANGAN BUKU INTERAKTIF DIGITAL MENGENAI SIKAP SALING MENGHORMATI TERHADAP TEMAN SEBAYA DI SEKOLAH UNTUK ANAK USIA 7-10 TAHUN

(1)

PERANCANGAN BUKU INTERAKTIF DIGITAL MENGENAI SIKAP SALING MENGHORMATI TERHADAP TEMAN SEBAYA DI SEKOLAH UNTUK

ANAK USIA 7-10 TAHUN

Laporan Tugas Akhir

Ditulis sebagai syarat untuk memperoleh gelar Sarjana Desain (S.Ds.)

Nama : Muhammad Armano Hakiim

NIM : 00000014525

Program Studi : Desain Komunikasi Visual Fakultas : Seni dan Desain

UNIVERSITAS MULTIMEDIA NUSANTARA TANGERANG

2021

(2)

ii

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT

Saya yang bertanda tangan di bawah ini:

NIM : 00000014525

Universitas Multimedia Nusantara Judul Tugas Akhir:

PERANCANGAN BUKU INTERAKTIF DIGITAL MENGENAI SIKAP SALING MENGHORMATI TERHADAP TEMAN SEBAYA DI SEKOLAH

UNTUK ANAK USIA 7-10 TAHUN

dengan ini menyatakan bahwa, laporan dan karya tugas akhir ini adalah asli dan belum pernah diajukan untuk mendapatkan gelar sarjana, baik di Universitas Multimedia Nusantara maupun di perguruan tinggi lainnya.

Karya tulis ini bukan saduran/terjemahan, murni gagasan, rumusan dan pelaksanan penelitian/implementasi saya sendiri, tanpa bantuan pihak lain, kecuali arahan pembimbing akademik dan narasumber.

Demikian surat Pernyataan Originalitas ini saya buat dengan sebenarnya, apabila di kemudian hari terdapat penyimpangan serta ketidakbenaran dalam pernyataan ini, maka saya bersedia menerima sanksi akademik berupa pencabutan gelar (S.Ds.) yang telah diperoleh, serta sanksi lainnya sesuai dengan norma yang berlaku di Universitas Multimedia Nusantara.

Tangerang, 17 Juni 2021

Muhammad Armano Hakiim

(3)

iii

HALAMAN PENGESAHAN TUGAS AKHIR

PERANCANGAN BUKU INTERAKTIF DIGITAL MENGENAI SIKAP SALING MENGHORMATI TERHADAP TEMAN SEBAYA DI SEKOLAH UNTUK

ANAK USIA 7-10 TAHUN

Oleh

NIM : 00000014525

Tangerang, 2 Juli 2021

.

Pembimbing I

Prima M. R. Singgih, S.Ds., M.Ds.

Pembimbing II

Gideon K. F. H. Hutapea, S.T., M.Ds.

Ketua Program Studi

Mohammad Rizaldi, S.T., M.Ds.

Penguji

Ken Natasha Violeta, S.Sn., M.Ds.

Ketua Sidang

Edo Tirtadarma, S.Ds., M.Ds.

(4)

iv

KATA PENGANTAR

Puji syukur kita panjatkan kepada Allah SWT, penulis bersyukur ke hadirat Tuhan yang Maha Esa yang telah melimpahkan rahmat, taufik, dan hidayah-Nya sehingga penulis mampu mengerjakan dan menulis laporan Tugas Akhir yang berjudul “Perancangan Buku Interaktif Digital mengenai Sikap Saling Menghormati untuk Anak Usia 7-10 Tahun”

sebagai salah satu syarat kelulusan dari Universitas Multimedia Nusantara (UMN) jurusan Desain Komunikasi Visual (DKV) peminatan Interaction Design (ID).

Penulis juga sangat senang dan puas akan proses pengerjaannya yang lebih banyak sukarnya dari kemudahannya. Dari proses tersebut, penulis merasa bahwa terdapat banyak hal yang didapat seperti pengaplikasian ilmu-ilmu yang telah diajarkan selama berkuliah di Universitas Multimedia Nusantara (UMN) dan cara penulisan ilmiah serta melakukan penelitian dengan baik dan benar.

Sebagaimana dijelaskan pada QS. Al Hujurat (49) ayat 13, “Wahai manusia! Sesungguhnya Kami menciptakan kamu pasangan dari seorang laki-laki dan seorang perempuan, dan menjadikan kamu berbangsa-bangsa dan bersuku-suku agar kamu saling mengenal.”, manusia seharusnya menghargai satu sama lain baik dari segi pendapat, suku, agama, ras, budaya, dan untuk menyatukan bangsa dan dunia, karena terdapat semboyan Republik Indonesia, yakni “Bhinneka Tunggal Ika” yang berarti

“Berbeda-beda namun tetap satu”.

(5)

v

Penulis merasa bahwa sikap saling menghargai terhadap teman- teman di sekolah sangat penting, karena sikap tersebut mampu membuat solidaritas pertemanan yang baik. Maka dari itu, penulis memutuskan untuk membuat sebuah perancangan buku interaktif yang sangat mendidik dengan menyajikan kisah toleransi seiring perkembangan zaman. Dengan adanya buku interaktif tersebut, penulis berharap bahwa dengan adanya nilai-nilai moral yang terkandung pada cerita yang disajikan, pengguna mampu mengaplikasikannya sehari-hari untuk menjadi pribadi yang sangat berguna di masa depan.

Pendidikan anak usia dini sangat penting bagi perkembangan anak, khususnya pada pendidikan moral dan budi pekerti. Potensi dalam penulisan Tugas Akhir ini adalah memperbaiki, menanam, dan mengembangkan pembaca, agar di masa depan nanti, pembaca kelak menjadi seorang individu yang dapat dihargai oleh kebanyakan orang.

Kemudian, penulis mengucapkan terima kasih kepada:

1. Allah SWT, Tuhan yang Maha Esa yang telah memberiku kesempatan dalam mengerjakan Tugas Akhir ini.

2. Dr. Ninok Leksono, selaku Rektor Universitas Multimedia Nusantara (UMN).

3. Bapak Mohammad Rizaldi, S.T., M.T., selaku Kepala Program Studi (Kaprodi) Desain Komunikasi Visual (DKV) Universitas Multimedia Nusantara (UMN).

(6)

vi

4. Ibu Prima Murti Rane Singgih, S.Sn, M.Ds. selaku pembimbing I Tugas Akhir penulis.

5. Bapak Gideon Kamang Frederick H. Hutapea, S.T., M.Ds.

selaku pembimbing II Tugas Akhir penulis.

6. Ibu Ken Natasha Violeta, S.Ds, M.Ds., selaku dosen penguji.

7. Bapak Edo Tirtadarma, S.Ds., M.Ds,, selaku ketua sidang.

8. Bapak M. Jamal Al-Bakri, selaku narasumber penulis di luar kampus yang selama ini telah memfasilitasi saya dalam pengerjaan Tugas Akhir.

9. Bapak Fauzan Safari selaku pembimbing penulis di luar kampus yang juga memfasilitasi saya dalam pengerjaan laporan Tugas Akhir.

10. Ibu Rr. Diah Resita Kuntjoro Jakti, S.Sn., M.Sn. selaku pembimbing penulis di luar kampus yang telah membantu penulis untuk menyelesaikan penyusunan laporan Tugas Akhir.

11. Teman-teman dan orang tua penulis yang senantiasa membantu sekaligus mendukung penulis dalam mengerjakan Tugas Akhir ini.

12. Ibu Anisa yang telah membantu saya dalam penyusunan Tugas Akhir ini.

13. Ibu Indah Nurmala Dewi, S.Pd., Ibu Rasmini Hamid, S.Pd.I., Ibu Hardianti Amri, S.T., Ibu Amaliyah Eliansyah, S.I.Kom.,

(7)

vii

Ibu Yunengsih, dan Ibu Nurmalasari, S.H. selaku peserta Focus Group Discussion (FGD) penulis.

14. Ibu Tutyk Sukistiaji, S.Pd., Ibu Nor Ristiyanti, S.Pd., Bapak Martini, S.Ds., Muhammad Sarudi Putra, Dr. Zulfa Indira Wahyuni selaku masing-masing narasumber penulis dalam wawancara.

Dan yang terakhir, harapan penulis setelah membaca laporan tugas akhir ini, akhlak terpuji dan pengembangan kepribadian berkembang semakin pesat pada pembaca.

Tangerang, 19 Juni 2021

Muhammad Armano Hakiim

(8)

viii

ABSTRAKSI

Pendidikan budi pekerti untuk anak usia 7 hingga 10 tahun sangat penting, khususnya pembelajaran sikap saling menghormati di sekolah.

Seiring perkembangan zaman, dengan adanya perkembangan yang sangat pesat pada teknologi, mayoritas pengguna dari berbagai kalangan menggunakan gawai. Permasalahan utama bagi mayoritas anak usia dini dalam penggunaan gawai adalah penggunaan waktu untuk bermain aplikasi permainan pada gawai yang menyebabkan berkurangnya waktu belajarnya. Padahal, pembelajaran jauh lebih penting untuk masa depan anak.

Oleh karena itu, penulis memutuskan untuk membuat media pembelajaran interaktif melalui buku cerita digital interaktif mengenai toleransi di sekolah sebagai bagian dari pembentukan karakter. Pembentukan moral dan karakter sangat penting bagi anak usia dini, khususnya pada anak usia 7 hingga 10 tahun sebagai bekal untuk menyongsong masa depan yang cerah sebagai pribadi yang berguna dan bermoral di mata masyarakat. Jenis media interaktif yang disajikan memberikan interaktivitas yang membuat pengguna lebih tertarik menggunakannya.

Dalam pelaksanaan tugas akhir ini, di sini lah penulis menguji keterampilan dalam menulis secara akademik, berpikir kritis, dan merancang sebuah inovasi baru yang berguna bagi anak.

Kata kunci : sikap saling menghormati, teman, sekolah dasar, buku interaktif

(9)

ix

ABSTRACT

Character education for children aged 7 to 10 is very important, especially learning about mutual respect in schools.

Along with the times, with the very rapid development of technology, the majority of users from all walks of life use devices. The main problem for the majority of early childhood children in using devices is the use of time to play game applications on devices which causes a reduction in learning time. In fact, learning is much more important for a child's future.

Therefore, the authors decided to create interactive learning media through interactive digital story books about tolerance in schools as part of character building. The formation of morals and character is very important for early childhood, especially for children aged 7 to 10 years as a provision for facing a bright future as a useful and moral person in the eyes of society. The type of interactive media presented provides interactivity that makes users more interested in using it.

In the implementation of this final project, it is here that the authors test skills in writing academically, think critically, and design a new innovation that is useful for children.

Keywords: mutual respect, friends, elementary school, interactive book

(10)

x

DAFTAR ISI

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT ... II

HALAMAN PENGESAHAN TUGAS AKHIR ... III

KATA PENGANTAR ... III

ABSTRAKSI ... VIII

ABSTRACT ... IX

DAFTAR ISI ... X

DAFTAR GAMBAR ... XV

DAFTAR LAMPIRAN ... XIX

BAB I PENDAHULUAN ... 1

1.1. Latar Belakang ... 1

1.2. Rumusan Masalah ... 2

1.3. Batasan Masalah... 3

1.4. Tujuan Tugas Akhir ... 4

1.5. Manfaat Tugas Akhir ... 4

BAB II LANDASAN TEORI ... 6

2.1. Perancangan ... 6

2.1.1. Unsur Perancangan ... 6

2.1.2. Prinsip Perancangan ... 12

2.2. Toleransi ... 12

(11)

xi

2.2.1. Sifat-Sifat Toleransi ... 24

2.2.2. Butir-Butir Refleksi ... 24

2.2.3. Unsur-unsur Toleransi ... 25

2.2.4. Bentuk-bentuk Toleransi ... 26

2.2.5. Masalah Intoleransi di Indonesia ... 28

2.3. Media Interaktif ... 29

2.3.1. Jenis-jenis Interaksi Manusia dengan Komputer ... 29

2.3.2. Perancangan Interaksi ... 31

2.4. Media Pembelajaran ... 34

2.4.1.Fungsi Media Pembelajaran... 34

2.4.2.Jenis-jenis Media Pembelajaran... 36

2.4.3.Manfaat Media Pembelajaran ... 37

2.5. Buku Cetak ... 38

2.5.1.Sejarah Buku ... 38

2.5.2.Jenis-jenis Buku ... 39

2.6. Buku Digital ... 42

2.6.1.Fungsi Buku Digital ... 42

2.6.2.Tujuan Buku Digital ... 42

2.6.3.Format Buku Digital ... 43

2.7. Cerita ... 45

2.7.1. Jenis-jenis Cerita... 46

2.7.2. Alur Cerita ... 46

2.7.3. Struktur Cerita Menurut Freytag ... 50

(12)

xii

2.7.4. Unsur Intrinsik dan Ekstrinsik pada Sebuah Cerita ... 55

2.7.5. Pendongengan Interaktif ... 56

2.8. Tokoh dan Penokohan ... 60

2.8.1. Jenis-jenis tokoh ... 60

2.8.2. Teknik Kehadiran Tokoh ... 66

2.8.3. Teori Perancangan Tokoh ... 69

2.8.4. 3-Dimensional Character ... 71

2.8.5. Konflik dan Kelemahan ... 73

2.8.6. Proporsi Tubuh ... 75

2.8.7. Teori Kostum ... 76

2.8.8. Teori Gestur ... 77

2.9. Ilustrasi ... 78

2.9.1. Sejarah Ilustrasi Buku Anak ... 79

2.9.2. Ilustrasi Buku Anak Kontemporer ... 80

2.10. Grid ... 82

2.10.1.Komponen Grid ... 82

2.10.2.Struktur Dasar Grid ... 84

2.11. Tipografi ... 88

2.11.1.Pengukuran Tipografi ... 89

2.11.2.Anatomi Tipografi ... 89

2.11.3.Jenis-jenis Tipografi ... 90

BAB III METODOLOGI ... 93

3.1. Metodologi Pengumpulan Data ... 93

(13)

xiii

3.1.1. Focus Group Discussion (FGD) dengan 6 Orangtua dengan

Anak Usia 7 hingga 10 tahun ... 94

3.1.2. Wawancara dengan Guru Sekolah Dasar Negeri ... 101

3.1.3. Wawancara dengan Guru Sekolah Dasar Swasta ... 102

3.1.4. Wawancara dengan Perancang UI/UX ... 107

3.1.5. Wawancara dengan Pendongeng Visual... 112

3.1.6. Wawancara dengan Psikolog Anak ... 115

3.1.7. Studi Eksisting ... 119

3.2. Metodologi Perancangan ... 130

3.2.1. Information Gathering ... 132

3.2.2. Problem Analysis & Definition ... 136

3.2.3. Idea Generation ... 138

3.2.4. Synthesis Through Modeling ... 146

3.2.5. Critical Evaluation ... 158

BAB IV ANALISIS ... 161

4.1. Analisis Alpha ... 161

4.1.1. Analisis Prototype Day ... 161

4.1.2. Analisis Hasil Revisi Alpha ... 181

4.2. Analisis Beta ... 189

4.2.1. Analisis Desain ... 189

4.2.2. Analisis Hasil Beta ... 198

BAB V PENUTUP ... 200

(14)

xiv

5.1. Kesimpulan ... 200 5.2. Saran ... 202 DAFTAR PUSTAKA ... XX

(15)

xv

DAFTAR GAMBAR

Gambar 2.1. Jenis-jenis Garis ... 7

Gambar 2.2. Macam-macam Bentuk ... 8

Gambar 2.3. Roda Warna ... 9

Gambar 2.4. Macam-macam Tekstur ... 11

Gambar 2.5. Contoh Pola dalam Perancangan ... 12

Gambar 2.6. Contoh Ukuran Format dalam Perancangan ... 13

Gambar 2.7. Ilustrasi Keseimbangan pada Prinsip Perancangan ... 14

Gambar 2.8. Ilustrasi Penekanan Pada Prinsip Perancangan ... 16

Gambar 2.9. Contoh Irama Pada Prinsip Perancangan ... 17

Gambar 2.10. Ilustrasi Contoh Kesatuan pada Prinsip Perancangan ... 19

Gambar 2.11. Ilustrasi Contoh Aturan Penataan yang Ideal ... 19

Gambar 2.12. Contoh Skala dan Proporsi pada Prinsip Perancangan... 21

Gambar 2.13. Ilustrasi Toleransi di Indonesia ... 22

Gambar 2.14. Piramida Struktur Cerita Menurut Freytag ... 50

Gambar 2.15. Proporsi Tubuh Manusia ... 76

Gambar 2.16. Anatomi dari Sebuah Grid ... 83

Gambar 2.17. Single-column Grid ... 85

Gambar 2.18. Double-column Grid ... 85

Gambar 2.19. Multicolumn Grid ... 86

Gambar 2.20. Modular Grid ... 87

Gambar 2.21. Hierarchical Grid ... 88

Gambar 2.22. Anatomi Tipografi ... 89

(16)

xvi

Gambar 3.1.Pelaksanaan FGD dengan orangtua dari anak usia 7 hingga 10 tahun

dari Sekolah Dasar Islam terpadu (SDIT) Said Na’um ... 95

Gambar 3.2. Wawancara dengan ibu Tutyk Sukistiaji ... 101

Gambar 3.3. Wawancara dengan ibu Nor Ristiyanti... 103

Gambar 3.4. Wawancara dengan Martini, alumni Universitas Multimedia Nusantara... 108

Gambar 3.5. Wawancara dengan Guru Sekolah Dasar Swasta Wawancara dengan Bapak Sarudi Putra selaku pendongeng visual ... 113

Gambar 3.6. Wawancara dengan Dr. Zulfa selaku psikolog anak ... 116

Gambar 3.7. Layout pada buku digital Lerner ... 120

Gambar 3.8. Tampilan Situs Storycloud ... 123

Gambar 3.9. Logo situs Booktrust ... 125

Gambar 3.10. Buku “Anak Shalih Tertib Mengantre” ... 127

Gambar 3.11. Sampul Buku “Aku Anak Santun” ... 129

Gambar 3.12. Sketsa dari gambaran awal perancangan ... 132

Gambar 3.13. Peta pikiran seputar sikap saling menghormati terhadap teman sebaya ... 139

Gambar 3.14. Peta pikiran visual untuk perancangan ... 140

Gambar 3.15. Contoh Palet Warna Pastel ... 143

Gambar 3.16. Palet Warna Awal untuk Perancangan ... 144

Gambar 3.17. Mood board untuk perancangan ... 145

Gambar 3.18. Mood board dan Rujukan Masing-masing Tokoh ... 147

Gambar 3.19. Sketsa awal tokoh-tokoh pada buku interaktif digital ... 148

(17)

xvii

Gambar 3.20. Murid-murid Sekolah Dasar Cikal ... 150

Gambar 3.21. Sketsa Awal Berwarna dari Protagonis dan Antagonis ... 151

Gambar 3.22. Information Architecture Alpha untuk Perancangan ... 153

Gambar 3.23. Storyboard Awal untuk Hasil Perancangan Alpha ... 154

Gambar 3.24. Ilustrasi pada Halaman Pertama Buku Interaktif Alpha ... 155

Gambar 3.25. Alternatif Jenis-jenis Tipografi Awal untuk Perancangan ... 157

Gambar 3.26. Hasil Penentuan Tipografi Awal untuk Perancangan ... 158

Gambar 4.1. Screenshot prosesi Prototype Day... 162

Gambar 4.2. Evaluasi interaksi, pertanyaan 1 ... 163

Gambar 4.7. Evaluasi visual, pertanyaan 1 ... 166

(18)

xviii

Gambar 4.19. Evaluasi pengalaman pengguna, pertanyaan 1 ... 174

Gambar 4.29. Bagan alur cerita sebelum dan sesudah revisi ... 182

Gambar 4.30. Perubahan perancangan tokoh sebelum dan sesudah revisi ... 184

Gambar 4.31. Alternatif Jenis Tipografi Baru ... 185

Gambar 4.32. Perubahan ikonografi sebelum dan sesudah revisi ... 188

Gambar 4.33. Perancangan tokoh sesudah revisi ... 190

Gambar 4.34. Bagan alur cerita setelah revisi... 192

Gambar 4.35. Layout dari spread pertama buku interaktif digital ... 195

Gambar 4.36. Penerapan hasil iterasi pada aset-aset ikon ... 196

Gambar 4.37. Jenis tipografi Helsinki ... 197

Gambar 4.38. Jenis tipografi Woodford Bourne PRO... 198

(19)

xix

DAFTAR LAMPIRAN

LAMPIRAN A: FORM BIMBINGAN ... xxiv

LAMPIRAN B: HASIL KUESIONER ... xxvi

LAMPIRAN C: LAMPIRAN KARYA ... xxxvii