perancangan buku informasi tentang gangguan

PERANCANGAN BUKU INFORMASI TENTANG

GANGGUAN MUSKULOSKELETAL PADA

MAHASISWA

Laporan Tugas Akhir

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

Nama : Phoebe Jasprita Arthamefia Devi

NIM : 00000025417

Program Studi : Desain Komunikasi Visual

Fakultas : Seni dan Desain

UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG

2021

ii

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT

Saya yang bertanda tangan di bawah ini:


NIM : 00000025417



Universitas Multimedia Nusantara

Judul Tugas Akhir :

PERANCANGAN BUKU INFORMASI TENTANG GANGGUAN

MUSKULOSKELETAL PADA MAHASISWA

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, 4 Januari 2021

Phoebe Jasprita Arthamefia Devi

iii

HALAMAN PENGESAHAN TUGAS AKHIR


GANGGUAN MUSKULOSKELETAL PADA MAHASISWA

Oleh


NIM : 00000025417



0202 iraunaJ 91 ,gnaregnaT

.

Ketua Program Studi

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

Penguji

Cennywati, S.Sn., M.Ds.

Ketua Sidang

Pembimbing

Darfi Rizkavirwan, S.Sn., M.Ds.

iii




Oleh


NIM : 00000025417




.

Ketua Program Studi


Penguji


Ketua Sidang

Pembimbing


iii




Oleh


NIM : 00000025417




.

Ketua Program Studi


Penguji


Ketua Sidang

Pembimbing





Oleh


NIM : 00000025417




.

iii




Oleh


NIM : 00000025417




.

Ketua Program Studi


Penguji


Ketua Sidang

Pembimbing


iv

KATA PENGANTAR

Puji dan syukur penulis panjatkan kehadirat Allah SWT atas segala rahmat

dan hidayah-Nya sehingga penulis dapat menyusun dan menyelesaikan laporan

Tugas Akhir ini dengan judul “Perancangan Buku Informasi Tentang Gangguan

Muskuloskeletal Pada Mahasiswa”. Dipilihnya topik gangguan muskuloskeletal

dikarenakan banyak mahasiswa yang tidak mengetahui gangguan muskuloskeletal.

Penulis juga melihat bahwa mahasiswa juga memiliki kebiasaan postur kerja yang

kurang ergonomis dalam penggunaan laptop, yang di maha hal tersebut dapat

memicu gangguan muskuloskeletal.

Dengan ketidaktahuan mahasiswa, hal tersebut dapat menyebabkan sakit

dalam waktu yang lama dan akan mengganggu produktivitas kerja ataupun kegiatan

sehari-hari. Topik ini merupakan hal penting untuk diketahui oleh mahasiswa agar

mahasiswa dapat terhindar dari gangguan yang lebih berat dikemudian hari. Buku

informasi ini penulis rancang untuk mahasiswa berusia 18-23 yang merupakan

pengguna laptop.

Dari perancangan Tugas Akhir ini, penulis mendapatkan pengetahuan yang

lebih mendalam mengenai perancangan buku informasi sendiri dan juga topik yang

diangkat yaitu gangguan muskuloskeletal. Penulis menjadi paham bagaimana

posisi tubuh yang benar saat bekerja sehingga penulis terhindar dari potensi-potensi

untuk terkena gangguan tersebut. Dengan adanya buku informasi ini, penulis

berharap mahasiswa dapat mengetahui dan dapat mengubah/memperbaiki postur

tubuh mahasiswa saat bekerja guna mencegah potensi mengalami gangguan

muskuloskeletal.

v

Tidak lupa penulis ucapkan terima kasih sebesar-besarnya kepada semua

pihak atas segala bantuan dan dukungan dalam proses perancangan tugas akhir,

karena tanpa pihak-pihak tersebut perancangan Tugas Akhir ini tidak akan selesai

dengan baik. Ucapan terima kasih ini ditujukan kepada:

1. Mohammad Rizaldi, S.T., M.Ds. sebagai Ketua Program Studi Desain

Komunikasi Visual Universitas Multimedia Nusantara

2. Darfi Rizkavirwan, S.Sn., M.Ds sebagai Dosen Pembimbing yang selalu

membimbing, membantu, memberi semangat, meyakinkan penulis serta

memberi ilmu dan arahan yang sangat bermanfaat dalam perancangan

ini

3. Edo Tirtadarma, S.Sn., M.Ds sebagai Dosen Spesialis yang telah

memberikan masukan dan saran serta arahan yang bermanfaat untuk

perancangan ini.

4. Dr. Andri Wiguna, Sp.OT sebagai Dokter Spesialis Bedah Ortopedi dan

Traumatologi yang telah bersedia menjadi narasumber

5. Dr. Eng. Ir. Irma Nur Afiah, ST, MT, IPM, ASEAN Eng sebagai Doktor

di bidang Ergonomi dan Biomekanik yang telah bersedia menjadi

narasumber

6. Wibi Hardani sebagai Senior editor buku perguruan tinggi yang telah

bersedia menjadi narasumber

7. Ibu dan bapak serta keluarga dekat penulis yang telah memberikan doa

dan selalu menyemangati penulis dalam proses perancangan ini

vi

8. Sultan Patiprabu Alam dan Adella Wijayasari yang telah memberikan

dukungan dan doa serta hiburan kepada penulis

9. Annisa Putri, Rizky Bayu, Larasati Putri, Nadya Anindhita, Dhia Rizky,

Alyssa Triadjani, dan Ditha Damayanti yang selalu menemani penulis

semasa kuliah dan selalu mendukung serta membantu penulis dalam

mengerjakan tugas akhir

10. Olivia Meitha dan Zakiyyatul Munawaroh yang telah memberikan saran

dan masukan terhadap topik yang penulis angkat

11. Billy Nurisman, Angeline Zeanetti, Danil, Jack Russel, dan semua

teman-teman tenTAra17 yang telah membantu dan berjuang bersama

selama perancangan tugas akhir

12. Teman-teman dan semua pihak, yang tidak bisa penulis sebutkan satu-

persatu, yang memberi dukungan dan membantu penulis untuk

menyelesaikan perancangan ini


Phoebe Jasprita Arthamefia Devi

vii

ABSTRAKSI

Gangguan muskuloskeletal adalah gangguan yang menyebabkan rasa nyeri pada

sistem muskuloskeletal manusia, seperti sendi, otot, tulang, ligamen, dan tendon.

Gangguan ini memiliki berbagai macam penyebab yang salah satunya adalah posisi

statis yang didukung dengan postur kerja yang kurang ergonomis. Dalam kondisi

pandemi saat ini, frekuensi penggunaan laptop yang digunakan sebagai penunjang

perkuliahan menjadi meningkat. Perkuliahan yang dilakukan secara online dapat

menyebabkan mahasiswa harus menggunakan laptop untuk waktu yang lama. Jika

dilakukan dengan posisi yang kurang ergonomis, akan memicu gangguan

muskuloskeletal. Walaupun begitu, tidak sedikit mahasiswa yang tidak mengetahui

apa itu gangguan muskuloskeletal. Mahasiswa juga memiliki kebiasaan postur kerja

yang kurang ergonomis dalam penggunaan laptop. Metode penelitian ini dilakukan

dengan metode campuran, dengan teknik pengumpulan data kuantitatif melalui

kuesioner dan kualitatif melalui wawancara dan studi referensi. Dari permasalahan

tersebut, penulis memutuskan untuk merancang media informasi dalam bentuk

buku digital atau e-book yang akan digunakan sebagai sarana dalam

menginformasikan mahasiswa mengenai pengetahuan dasar gangguan

muskuloskeletal serta postur tubuh yang ergonomis saat menggunakan laptop guna

mencegah dan mengurangi risiko jangka panjang dari gangguan tersebut.

Kata kunci : Buku Informasi Kesehatan, Gangguan Muskuloskeletal, Ergonomi

viii

ABSTRACT

Musculoskeletal disorders is a disorder that causes pain in the human

musculoskeletal system, such as joints, muscles, bones, ligaments and tendons. This

disorder has various causes, one of which is a static position which is supported by

a less ergonomic work posture. In the current pandemic condition, the frequency of

using laptops used to support lectures has increased. Lectures conducted online

can cause students to have to use laptops for a long period of time. If done in a less

ergonomic position, it may trigger musculoskeletal disorders. Even so, many

students do not know what musculoskeletal disorders are. Students also have less

ergonomic work posture habits in using laptops. This research method is carried

out by mixed methods, with quantitative methods through questionnaires and

qualitative methods through interviews and reference studies. From these

problems, the authors decided to design information media in the form of digital

books (e-book) that will be used to inform students about basic knowledge of

musculoskeletal disorders and ergonomic body postures when using a laptop to

prevent and reduce the long-term risk of these disorders

Keywords: Health Informational Book, Musculoskeletal Disorders, Ergonomic

ix

DAFTAR ISI

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT .................... II

HALAMAN PENGESAHAN TUGAS AKHIR ............................................... III

KATA PENGANTAR ......................................................................................... IV

ABSTRAKSI ...................................................................................................... VII

ABSTRACT ....................................................................................................... VIII

DAFTAR ISI ........................................................................................................ IX

DAFTAR GAMBAR ........................................................................................ XIII

DAFTAR TABEL ............................................................................................ XIX

DAFTAR LAMPIRAN ...................................................................................... XX

BAB I PENDAHULUAN ...................................................................................... 1

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

1.2. Rumusan Masalah ................................................................................... 3

1.3. Batasan Masalah...................................................................................... 3

2.1. Tujuan Tugas Akhir ................................................................................ 5

2.2. Manfaat Tugas Akhir .............................................................................. 5

BAB II TINJAUAN PUSTAKA ........................................................................... 7

Media....................................................................................................... 7

2.1.1. Media Online ............................................................................... 7

2.1.2. Media Sosial ................................................................................ 8

x

E-book ..................................................................................................... 9

2.2.1. Format E-book ............................................................................. 9

2.2.2. Kelebihan E-book ...................................................................... 11

2.2.3. Kekurangan E-book ................................................................... 12

2.2.4. Proses Pembuatan E-book ......................................................... 12

Digital Publishing System ..................................................................... 13

Teori Komunikasi.................................................................................. 15

2.4.1. Unsur-unsur Komunikasi .......................................................... 15

Komunikasi Kesehatan.......................................................................... 17

2.5.1. Ruang Lingkup Komunikasi Kesehatan ................................... 18

Desain .................................................................................................... 20

2.6.1. Elemen Desain .......................................................................... 20

2.6.2. Prinsip Desain ........................................................................... 28

Tipografi ................................................................................................ 40

2.7.1. Klasifikasi Typeface .................................................................. 40

2.7.2. Readability dan Legibility ......................................................... 44

Grid ....................................................................................................... 45

2.8.1. Komponen Grid ........................................................................ 45

2.8.2. Struktur Grid ............................................................................. 46

Ilustrasi .................................................................................................. 49

2.9.1. Ilustrasi Literal .......................................................................... 49

2.9.2. Ilustrasi Conceptual .................................................................. 51

Gangguan Muskuloskeletal ................................................................... 52

xi

2.10.1. Jenis-jenis Gangguan Muskuloskeletal ..................................... 52

2.10.2. Tahapan Gejala Gangguan Muskuloskeletal ............................. 53

2.10.3. Faktor Penyebab Gangguan Muskuloskeletal ........................... 54

2.10.4. Langkah-langkah Mengatasi Gangguan Muskuloskeletal ........ 56

Ergonomi ............................................................................................... 57

2.11.1. Tujuan Ergonomi ...................................................................... 57

2.11.2. Ergonomi dalam Penggunaan Penggunaan Laptop................... 58

BAB III METODOLOGI .................................................................................. 63

Metodologi Pengumpulan Data ............................................................ 63

3.1.1. Wawancara ................................................................................ 63

3.1.2. Kuesioner .................................................................................. 71

3.1.3. Studi Referensi .......................................................................... 84

Metodologi Perancangan ....................................................................... 89

BAB IV STRATEGI DAN ANALISIS PERANCANGAN ............................. 91

Strategi Perancangan ............................................................................. 91

4.1.1. Orientasi .................................................................................... 91

4.1.2. Analisis ...................................................................................... 91

4.1.3. Konsep ...................................................................................... 92

4.1.4. Desain ........................................................................................ 95

Analisis Perancangan .......................................................................... 120

4.2.1. Analisis Buku .......................................................................... 120

4.2.2. Analisis Sampul Buku ............................................................. 128

xii

4.2.3. Analisis Media Sekunder ........................................................ 129

Budgeting ............................................................................................ 132

BAB V PENUTUP ............................................................................................. 134

Kesimpulan ......................................................................................... 134

Saran .................................................................................................... 135

DAFTAR PUSTAKA ....................................................................................... XIV

xiii

DAFTAR GAMBAR

Gambar 2.1. Garis ................................................................................................. 21

Gambar 2.2. Bentuk .............................................................................................. 22

Gambar 2.3. Figure/ground .................................................................................. 23

Gambar 2.4. Warna Aditif & Warna Subtraktif .................................................... 25

Gambar 2.5. Tekstur Asli & Tekstur Visual ......................................................... 27

Gambar 2.6. Pola ................................................................................................... 28

Gambar 2.7. Simetri, Asimetri & Radial............................................................... 29

Gambar 2.8. Emphasis by Isolation ...................................................................... 31

Gambar 2.9. Emphasis by Placement .................................................................... 31

Gambar 2.10. Emphasis Through Scale ................................................................ 32

Gambar 2.11. Emphasis Through Contrast .......................................................... 33

Gambar 2.12. Emphasis Through Direction and Pointers .................................... 33

Gambar 2.13. Tree Structures ............................................................................... 34

Gambar 2.14. Nest Structures ............................................................................... 35

Gambar 2.15. Stair Structures ............................................................................... 35

Gambar 2.16. Similarity ........................................................................................ 37

Gambar 2.17. Proximity ........................................................................................ 37

Gambar 2.18. Continuity ....................................................................................... 38

Gambar 2.19. Closure ........................................................................................... 38

Gambar 2.20. Common Fate ................................................................................. 39

Gambar 2.21. Continuing Line .............................................................................. 39

Gambar 2.22. Old Style ......................................................................................... 41

xiv

Gambar 2.23. Transitional .................................................................................... 41

Gambar 2.24. Modern ........................................................................................... 42

Gambar 2.25. Slab Serif ........................................................................................ 42

Gambar 2.26. Sans Serif ........................................................................................ 43

Gambar 2.27. Blackletter ...................................................................................... 43

Gambar 2.28. Script .............................................................................................. 44

Gambar 2.29. Display ........................................................................................... 44

Gambar 2.30. Komponen Grid ............................................................................. 46

Gambar 2.31. Single-coloumn Grid ...................................................................... 47

Gambar 2.32. Two-coloumn Grid ......................................................................... 47

Gambar 2.33. Multicoloumn Grid ......................................................................... 48

Gambar 2.34. Modular Grid ................................................................................. 48

Gambar 2.35. Hierarchical Grid ........................................................................... 49

Gambar 2.36. Contoh Ilustrasi Hyperrealism ....................................................... 50

Gambar 2.37. Contoh Ilustrasi Sylised Realism .................................................... 50

Gambar 2,38. Contoh Ilustrasi Diagram ............................................................... 51

Gambar 2.39. Contoh Ilustrasi Abstraksi .............................................................. 52

Gambar 2.40. Contoh lengan bawah sejajar dengan laptop .................................. 59

Gambar 2.41. Contoh kaki dengan penyangga tambahan ..................................... 59

Gambar 2.42. Contoh keyboard dengan kaki penyangga ..................................... 60

Gambar 2.43. Contoh keyboard dengan buku sebagai penyangga ....................... 60

Gambar 2.44. Contoh postur yang tidak dianjurkan dalam penggunaan laptop ... 61

Gambar 3.1. Dokumentasi Wawancara dengan Dokter Spesialis ......................... 67

xv

Gambar 3.2. Dokumentasi Wawancara dengan Ahli Ergonomi ........................... 68

Gambar 3.3. Dokumentasi Wawancara dengan Editor ......................................... 70

Gambar 3.4. Hasil Kuesioner 1 ............................................................................. 72






Gambar 3.10. Hasil Kuesioner 7 ........................................................................... 75



Gambar 3.13. Hasil Kuesioner 10 ......................................................................... 76










Gambar 3.23. Hasil Kuesioner 20 ........................................................................ 81


xvi

Gambar 3.25..Hasil Kuesioner 22 ......................................................................... 82




Gambar 3.29. Referensi Buku Manual .................................................................. 85

Gambar 3.30. Referensi Layout Buku................................................................... 86

Gambar 3.31. Ilustrasi Pada Referensi Layout Buku ............................................ 87

Gambar 3.32. Ilustrasi oleh Okamura Yuta .......................................................... 88

Gambar 4.1. Mindmapping ................................................................................... 93

Gambar 4.2. Moodboard 1 .................................................................................... 95

Gambar 4.3. Moodboard 2 .................................................................................... 95

Gambar 4.4. Collor Palette ................................................................................... 97

Gambar 4.5. Contoh Buku Manual ....................................................................... 98

Gambar 4.6. Ilustrasi Okamura Yuta .................................................................... 99

Gambar 4.7. Referensi Pakaian Rumah .............................................................. 100

Gambar 4.8. Proses Perancangan Karakter Perempuan ...................................... 100

Gambar 4.9. Proses Perancangan Karakter Laki-laki ......................................... 100

Gambar 4.10. Perbedaan Ekspresi Karakter ....................................................... 101

Gambar 4.11. Montserrat .................................................................................... 102

Gambar 4.12. Katern Buku ................................................................................. 103

Gambar 4.13. Penetapan Margin Buku ............................................................... 104

Gambar 4.14. Penetapan Modular Grid Pada Buku ........................................... 105

Gambar 4.15. Eksplorasi Bentuk Identitas Judul Buku ...................................... 107

xvii

Gambar 4.16. Alternatif Identitas Judul Buku .................................................... 107

Gambar 4.17. Alternatif Sampul Buku ............................................................... 108

Gambar 4.18. Hasil Akhir Desain Sampul Buku ................................................ 109

Gambar 4.19. Penerapan Modular Grid pada Instagram Feeds ......................... 111

Gambar 4.20. Hasil Akhir Instagram Feeds ....................................................... 111

Gambar 4.21. Hasil Desain Feeds Pertama ......................................................... 112

Gambar 4.22. Hasil Desain Feeds Kedua ........................................................... 112

Gambar 4.23. Hasil Desain Feeds Ketiga ........................................................... 113

Gambar 4.24. Tampilan Pada Profile Instagram ................................................ 113

Gambar 4.25. Standar Margin Pada Instagram Story ......................................... 114

Gambar 4.26. Penerapan Multicoloumn Grid Pada Instagram Story.................. 114

Gambar 4.27. Hasil Akhir Instagram Story ........................................................ 115

Gambar 4.28. Media Promosi Instagram Story .................................................. 115

Gambar 4.29. Wireframe Halaman Utama Website ............................................ 116

Gambar 4.30. Penerapan Margin Pada Wireframe Halaman Utama Website..... 116

Gambar 4.31. Penerapan Multicoloumn Grid Pada Halaman Utama Website .... 117

Gambar 4.32. Hasil Akhir Halaman Utama Website .......................................... 117

Gambar 4.33. Wireframe Halaman Pembelian Website ...................................... 118

Gambar 4.34. Penerapan Margin Pada Wireframe Halaman Pembelian Website

..................................................................................................................... 118

Gambar 4.35. Penerapan Multicoloumn Grid Pada Halaman Pembelian Website

..................................................................................................................... 119

Gambar 4.36. Hasil Akhir Halaman Pembelian Website .................................... 119

xviii

Gambar 4.37. Merchandise ................................................................................. 120

Gambar 4.38. Penerapan Warna Pada Karakter .................................................. 121

Gambar 4.39. Penerapan Warna Pada Bodytext ................................................. 122

Gambar 4.40. Ilustrasi Karakter .......................................................................... 123

Gambar 4.41. Contoh Penggunaan Montserrat Black Pada Cover Bab .............. 124

Gambar 4.42. Contoh Penggunaan Montserrat Bold dan Regular Pada Layout . 124

Gambar 4.43. Hasil Layout Seluruh Halaman Buku .......................................... 125

Gambar 4.44. Alur Membaca .............................................................................. 126

Gambar 4.45. Penerapan Continuity ................................................................... 127

Gambar 4.46. Penerapan Proximity dan Similarity ............................................. 127

Gambar 4.47. Penerapan Left Alignment ............................................................ 128

Gambar 4.48. Sampul Buku Depan dan Belakang .............................................. 129

Gambar 4.49. Instagram Feeds ........................................................................... 130

Gambar 4.50. Instagram Story ............................................................................ 131

Gambar 4.51. Merchandise ................................................................................. 132

xix

DAFTAR TABEL

Tabel 4.1. Isi Konten Buku ................................................................................... 96

Table 4.2. Alternatif Judul dan Sub-Judul .......................................................... 105

Tabel 4.3. Table Biaya Desain ............................................................................ 132

Tabel 4.4. Tabel Media Sekunder ....................................................................... 133

Tabel 4.5. Table Harga Jual Buku ....................................................................... 133

xx

DAFTAR LAMPIRAN

LAMPIRAN A : LEMBAR BIMBINGAN ..................................................... xvii

LAMPIRAN B : TRANSKRIP WAWANCARA DENGAN DOKTER

SPESIALIS ORTHOPEDI DAN TRAUMATOLOGI .................................... xx

LAMPIRAN C : TRANSKRIP WAWANCARA DENGAN AHLI

ERGONOMI ................................................................................................... xxxiv

LAMPIRAN D : TRANSKRIP WAWANCARA DENGAN SENIOR

EDITOR BUKU PERGURUAN TINGGI .................................................. xxxvii

LAMPIRAN E : HASIL KUESIONER ....................................................... xxxix

perancangan buku informasi tentang gangguan

Documents