Concept Design Perancangan Aplikasi Multimedia

94

BAB IV ANALISIS DAN PERANCANGAN

4.1 Perancangan Aplikasi Multimedia

Dalam perancangan aplikasi ini, peneliti membangunnya dengan metode pengembangan aplikasi multimedia yang dikembangkan oleh Luther 1994. Adapun tahap-tahap tersebut terdiri dari 6 tahap yaitu: concept, design, material collecting, assembly, testing, dan distribution. Binanto, 2010: 260

4.1.1 Concept

Dalam tahap ini peneliti membaginya dalam 2 konsep, yaitu konsep desain dan konsep konten. 1. Konsep desain, terdiri dari tata letak, warna, dan icon atau tombol.  Tata letak, dimana peneliti membuat sketsa dalam menentukan dimana posisi tombol, letak animasi, dan letak pengaturan suara. Gambar 4.1 Tata Letak  Warna, disini peneliti menggunakan warna yang dominan relatif biru. Karena biru yang sifatnya identik dengan warna kesehatan dan bersamaan dengan itu BKKBN yang corporate colour-nya juga berwarna biru.  Icon atau tombol, dibuat rata-rata menggunakan teks. Hal ini dimaksudkan agar user tidak terlalu keras berpikir bagaimana menggunakannya dan tetap fokus terhadap konten yang telah dibuat. 2. Konsep konten, dimana data-data yang dipakai telah dikelompokkan sesuai fungsinya berdasarkan data-data yang peneliti peroleh dari BKKBN.  Disini digambarkan dalam suatu bagan yang disebut struktur navigasi atau dalam multimedia dinamakan bentuk menu tree. Gambar 4.2 Menu Tree Tabel 4.1 Deskripsi Konsep Multimedia Interaktif 3D KRR Judul Multimedia Interaktif Kesehatan Reproduksi Remaja Audiens Remaja Durasi ± 30 menit Image Simbol-simbol berformat .png yang dibuat sendiri. Background berformat .jpg. Ilustrasi berformat .png sebagai pelengkap layout. Audio Instrument dan sound effect berformat .mp3. Animasi Animasi 2D dan efek transisi yang dibuat sendiri. Animasi tombol dan efek mouse over yang dibuat sendiri. Interaktifitas Mouse over, next, back, link button, movie clip yang bergerak continues dan animasi tombol yang variatif. Modeling 3D Modeling 3D dengan pilihan rotasi objek yang bisa kita atur.

4.1.2 Design

Untuk menggambarkan perancangan dari tiap-tiap scene, perancangan storyboard untuk tahap ini harus dibuat. Penentuan tautan link dari scene satu ke scene lain akan menggunakan perancangan struktur navigasi dengan model hirarkis. Sedangkan perancangan perangkat keras dan perangkat lunak digunakan untuk menentukan perangkat keras dan perangkat lunak yang dipakai dalam pembuatan sistem. a. Storyboard Storyboard pada scene awal adalah halaman pembuka home, selanjutnya adalah scene untuk menu utama yang berisi semua tautan yang akan ditampilkan dalam keseluruhan aplikasi ini. Perancangan storyboard dapat dilihat dalam tabel berikut. Tabel 4.2 Storyboard Multimedia Interaktif 3D KRR No Scene Visual Link Sound 1 Intro Intro adalah scene awal yang pertama kali muncul saat program dijalankan, scene ini berisi tautan link yang menuju menu utama. Berwarna biru muda identik dengan lingkungan kesehatan dan membawa suasana tenang jika melihatnya. Terdapat logo BKKBN sebagai lembaga yang menaungi masalah remaja dan reproduksi sekaligus sebagai tempat penelitian peneliti. Scene Menu Scene Navigasi Scene About Me L_Arc_en_Ciel_- _Winter_fall__Pian o_Instrumental_.m p3 2 Menu Utama Scene menu utama menampilkan pilihan-pilihan tautan pada tombol, tiap tombol akan tertaut ke masing- masing scene, ditampilan menu terdapat objek 3D yang berotasi dinamis, dan dilengkapi volume slider untuk mengatur volume musik pada aplikasi. Scene Organ Scene Kesehatan Reproduksi Scene Alat Kontrasepsi Scene Pengaruh lingkungan Scene About Me Scene Navigasi Scene exit Scene home Volume Slider L_Arc_en_Ciel_- _Snow_Drop_Pian o_Instrumental_.m p3 3 Menu Keseh atan Repro duksi Scene menu kesehatan reproduksi berisi 4 tombol utama terdiri: 1. Reproduksi Sehat 2. Gangguan kesehatan seksual 3. Infeksi menular seksual Scene ini diawali dengan animasi tombol yang perlahan masuk dengan efek fade-in , kemudian berjajar horizontal tepat di tengah. Jika pointer berada pada tombol, maka tombol akan bereaksi berubah bentuk menjadi rectangel kotak dengan deskripsi singkat tentang isi dari tombol tersebut. Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Volume Slider Scene Kesehatan reproduksi Scene Gangguan Kesehatan Seksual Scene Infeksi Menular Seksual L_Arc_en_Ciel_- _Winter_fall__Pian o_Instrumental_.m p3 3a Sub menu Repro duksi Sehat Scene kesehatan reproduksi berisi tentang penjelasan tentang apa yang perlu diketahui tentang kesehatan reproduksi, terdiri dari beberapa tombol: 1. Umur ideal 2. Perkawinan sehat 3. Kehamilan sehat Masing-masing tombol berisi keterangan tentang nama tombol tersebut. Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Volume Slider Scene Umur Ideal Scene Perkawinan Sehat Scene Kehamilan Sehat L_Arc_en_Ciel_- _Winter_fall__Pian o_Instrumental_.m p3 3b Sub menu Gangg uan Keseh atan Seksu al Scene gangguan kesehatan seksual berisi tentang penjelasan tentang apa saja gannguan yang dapat mengganggu hubungan, terdiri dari beberapa tombol: 1. Impotensi 2. Disfungsi ereksi 3. Ejakulasi dini 4. Disfungsi orgasme 5. Dispareunea 6. Vaginismus 7. Frigiditas Masing-masing tombol berisi keterangan tentang nama tombol tersebut. Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Scene Impotensi Scene Disfungsi Ereksi Scene Ejakulasi Dini Scene Disfungsi Orgasme Scene Dispareunea Scene Vaginismus Scene Frigiditas L_Arc_en_Ciel_- _Winter_fall__Pian o_Instrumental_.m p3 3c Sub menu Infeksi Menul ar Seksu al Scene infeksi menular seksual berisi tentang penjelasan tentang apa saja jenis penyakit menular yang dapat mengganggu hubungan, terdiri dari beberapa tombol: 1. Gonoreae 2. Shipilis Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Scene Gonoreae Scene Shipilis Scene Herpes Genitalis Scene Trikomoniasis Scene Condiloma Scene L_Arc_en_Ciel_- _Winter_fall__Pian o_Instrumental_.m p3 3. Herpes genitalis 4. Trikomoniasis 5. Condiloma accuminata 6. Candidiasis 7. Kutu pubis 8. HIVAIDS Masing-masing tombol berisi keterangan tentang nama tombol tersebut. Candidiasis Scene Kutu Pubis Scene HIVAIDS 4 Menu Organ Repro duksi Di dalam scene organ terdapat 2 tombol pilihan, tombol pria dan wanita, dengan animasi tombol pada masing-masing tombol, pada tombol pria ketika mouse diarahkan tepat di atas tombol maka akan muncul simbol pria dengan animasi rotasi ilustrasi gambar berformat .swf, begitu juga pada tombol wanita akan ada animasi yang sama seperti tombol pria. Scene Pria Scene Wanita Scene Menu Scene Navigasi Scene About Me Scene exit Scene home Volume Slider L_Arc_en_Ciel_- _Snow_Drop_Pian o_Instrumental_.m p3 4a Sub menu Pria Pada submenu pria akan ditampilkan gambaran secara jelas organ pria dengan visualisasi 3D dan Tombol Kembali Scene Menu Scene Navigasi Scene About Me L_Arc_en_Ciel_- _Snow_Drop_Pian o_Instrumental_.m p3 keterangan dari organ tersebut seperti diatas. Masih menggunakan teknik mouse over , jadi ketika pointer berada tepat di atas bagian organ tertentu, akan muncul keterangan nama organ dan fungsinya. Sehingga user dapat lebih efisien dalam pembelajaran ini. 4a. 1 Sub menu Anima si Organ Pria Pada submenu ini pengguna dapat berinteraksi pada objek 3D dengan cara menekan tombol yang ada, maka akan berjalan animasi yang penulis buat. Animasi tersebut menjelaskan proses ereksi dan ejakulasi pada organ pria. Tombol Kembali Scene Menu Scene Navigasi Scene Aboutme L_Arc_en_Ciel_- _Snow_Drop_Pian o_Instrumental_.m p3 4b Sub menu Wanita Pada submenu wanita akan ditampilkan gambar secara jelas organ pria dengan visualisasi 3D dan keterangan dari organ tersebut seperti di atas. Masih menggunakan teknik mouse over , jadi ketika pointer berada tepat diatas bagian organ tertentu, akan muncul keterangan nama organ dan fungsinya. Sehingga user dapat lebih efisien dalam pembelajaran ini. Tombol Kembali Scene Menu Scene Navigasi Scene About Me L_Arc_en_Ciel_- _Snow_Drop_Pian o_Instrumental_.m p3 4b. 1 Sub menu Anima si Organ Wanita Pada submenu ini pengguna dapat berinteraksi pada objek 3D dengan cara menekan tombol yang ada, maka akan berjalan animasi yang penulis buat. Animasi tersebut menjelaskan proses diaman sperma bertemu dengan sel telur pada rahim. Tombol Kembali Scene Menu Scene Navigasi Scene About Me L_Arc_en_Ciel_- _Snow_Drop_Pian o_Instrumental_.m p3 4b. 2 Sub menu Period Masa Subur Scene periode masa subur berisi penjelasan tentang siklus haid wanita selama 1 bulan, terdiri dari beberapa tombol : 1. Masa haid 2. Masa kering 3. Masa subur 4. Masa tidak subur Dilengkapi dengan simulasi tabel kalender yang jika salah satu tombol siklus haid di klik akan terlihat pada tabel dimana posisi masa itu. Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Volume Slider Scene Masa Haid Scene Masa Kering Scene Masa Subur Scene Masa Tidak Subur L_Arc_en_Ciel_- _Snow_Drop_Pian o_Instrumental_.m p3 5 Menu Alat Kontra sepsi Scene kontrasepsi berisi 7 tombol animasi yang bila pointer berada di atas tombol maka tombol akan berubah bentuk menjadi simbol dari nama yang ada pada tombol tersebut. Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Volume Slider Scene Kondom Scene Pil KB Scene Suntik KB Scene Susuk KB Scene IUDAKDR Scene Tubektomi Scene Vasektomi Serenade.mp3 5a Sub menu Kondo m Scene ini menerangkan tentang kondom, apa itu kondom, cara kerja, keuntungan, kerugian, dan apa yang perlu diingat saat pemakaian kondom, Scene ini adalah submenu dari menu kontrasepsi yang berisi tombol : 1. Apa itu? 2. Cara kerja? 3. Keuntungan? 4. Kerugian? 5. Perlu di ingat?? Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Volume Slider Scene kondom Scene pil KB Scene suntik KB Scene susuk KB Scene IUD Scene tubektomi Scene vasektomi Serenade.mp3 Tombol tersebut akan bereaksi bila pointer diletakkan di atasnya dan akan ada deskripsi singkat dari tombol, dan jika kemudian diklik maka akan muncul penjelasan yang lebih lengkapnya. 1 tombol yang unik ada di simbol kondom yang bergerak memutar, jika pointer mengenai gambar, maka gambar simbol tersebut akan berubah menjadi lingkaran dengan menunjukkan persentasi keakuratan kondom. 5b Sub menu pil KB Scene ini menerangkan tentang pil KB, apa itu pil KB, cara kerja, keuntungan, kerugian, dan apa yang perlu di ingat saat pemakaian pil KB, Scene ini adalah submenu dari menu kontrasepsi yang berisi tombol : 1. Apa itu? 2. Cara kerja? 3. Keuntungan? 4. Kerugian? 5. Perlu di ingat?? Tombol tersebut akan bereaksi bila pointer diletakkan di atasnya dan akan ada deskripsi singkat dari tombol, dan jika kemudian diklik maka akan muncul penjelasan yang lebih lengkapnya. 1 tombol yang unik ada di simbol pil KB yang bergerak memutar, jika pointer mengenai gambar, maka gambar simbol tersebut akan berubah menjadi lingkaran dengan menunjukkan persentasi keakuratan pil KB. Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Volume Slider Scene Kondom Scene Pil KB Scene Suntik KB Scene Susuk KB Scene IUDAKDR Scene Tubektomi Scene Vasektomi Serenade.mp3 5c Sub menu Suntik KB Scene ini menerangkan tentang suntik KB, apa itu suntik KB, cara kerja, keuntungan, kerugian, dan apa yang perlu di ingat saat pemakaian suntik KB, Scene ini adalah submenu dari menu kontrasepsi yang berisi tombol : 1. Apa itu? 2. Cara kerja? 3. Keuntungan? 4. Kerugian? 5. Perlu di ingat?? Tombol tersebut akan bereaksi bila pointer diletakkan di atasnya dan akan ada deskripsi singkat dari tombol, dan jika kemudian diklik maka akan muncul penjelasan yang lebih lengkapnya. 1 tombol yang unik ada di simbol suntik KB yang bergerak memutar, jika pointer mengenai gambar, maka gambar simbol tersebut akan berubah menjadi lingkaran dengan menunjukkan persentasi keakuratan suntik KB. Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Volume slider Scene Kondom Scene Pil KB Scene Suntik KB Scene Susuk KB Scene IUDAKDR Scene Tubektomi Scene Vasektomi Serenade.mp3 5d Sub menu Susuk KB Scene ini menerangkan tentang susuk KB, apa itu susuk KB, cara kerja, keuntungan, kerugian, dan apa yang Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Volume slider Scene Kondom Scene Pil KB Scene Suntik Serenade.mp3 perlu di ingat saat pemakaian susuk KB, Scene ini adalah submenu dari menu kontrasepsi yang berisi tombol : 1. Apa itu? 2. Cara kerja? 3. Keuntungan? 4. Kerugian? 5. Perlu di ingat?? Tombol tersebut akan bereaksi bila pointer diletakkan di atasnya dan akan ada deskripsi singkat dari tombol, dan jika kemudian diklik maka akan muncul penjelasan yang lebih lengkapnya. 1 tombol yang unik ada di simbol susuk KB yang bergerak memutar, jika pointer mengenai gambar, maka gambar simbol tersebut akan berubah menjadi lingkaran dengan menunjukkan persentasi keakuratan susuk KB. KB Scene Susuk KB Scene IUDAKDR Scene Tubektomi Scene Vasektomi 5e Sub menu IUD AKDR Scene ini menerangkan tentang IUDAKDR, apa itu IUDAKDR, cara kerja, keuntungan, kerugian, dan apa yang perlu di ingat saat pemakaian IUDAKDR, Scene ini adalah submenu dari menu kontrasepsi yang berisi tombol: 1. Apa itu? 2. Cara kerja? 3. Keuntungan? 4. Kerugian? 5. Perlu diingat?? Tombol tersebut akan bereaksi bila pointer diletakkan di atasnya dan akan ada deskripsi singkat dari tombol, dan jika kemudian diklik maka akan muncul penjelasan yang lebih lengkapnya. 1 tombol yang unik ada di simbol IUDAKDR yang bergerak memutar, jika pointer mengenai gambar, maka Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Volume slider Scene Kondom Scene Pil KB Scene Suntik KB Scene Susuk KB Scene IUDAKDR Scene Tubektomi Scene Vasektomi Serenade.mp3 gambar simbol tersebut akan berubah menjadi lingkaran dengan menunjukkan persentasi keakuratan IUDAKDR. 5f Sub menu Tubekt omi Menerangkan tentang tubektomi, apa itu tubektomi, cara kerja, keuntungan, kerugian, dan apa yang perlu diingat , Scene ini adalah submenu dari menu kontrasepsi berisi tombol : 1. Apa itu? 2. Cara kerja? 3. Keuntungan? 4. Kerugian? 5. Perlu di ingat?? Tombol tersebut akan bereaksi bila pointer diletakkan di atasnya dan akan ada deskripsi singkat dari tombol, dan jika kemudian diklik maka akan muncul penjelasan yang lebih lengkapnya. 1 tombol yang unik ada di simbol tubektomi yang bergerak memutar, jika pointer mengenai gambar, maka gambar simbol tersebut akan berubah menjadi lingkaran dengan menunjukkan persentasi keakuratan tubektomi. Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Volume slider Scene Kondom Scene Pil KB Scene Suntik KB Scene Susuk KB Scene IUDAKDR Scene Tubektomi Scene Vasektomi Serenade.mp3 5g Sub menu Vasekt omi Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Volume slider Scene Serenade.mp3 Menerangkan tentang vasektomi, apa itu vasektomi, cara kerja, keuntungan, kerugian, dan apa yang perlu diingat , Scene ini adalah submenu dari menu kontrasepsi berisi tombol : 1. Apa itu? 2. Cara kerja? 3. Keuntungan? 4. Kerugian? 5. Perlu di ingat?? Tombol tersebut akan bereaksi bila pointer diletakkan di atasnya dan akan ada deskripsi singkat dari tombol, dan jika kemudian diklik maka akan muncul penjelasan yang lebih lengkapnya. 1 tombol yang unik ada di simbol vasektomi yang bergerak memutar, jika pointer mengenai gambar, maka gambar simbol tersebut akan berubah menjadi lingkaran dengan menunjukkan persentasi keakuratan vasektomi. Kondom Scene Pil KB Scene Suntik KB Scene Susuk KB Scene IUDAKDR Scene Tubektomi Scene Vasektomi 6 Menu Penga ruh Lingku ngan Scene pengaruh lingkungan berisi tentang penjelasan tentang apa saja faktor-faktor yang dapat mempengaruhi prilaku anak, terdiri dari beberapa tombol : 1. Orangtua 2. Teman sebaya 3. Agama 4. Budaya 5. Teknologi Masing-masing tombol berisi keterangan tentang nama tombol tersebut. Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Scene Orangtua Scene Teman Sebaya Scene Agama Scene Budaya Scene Teknologi L_Arc_en_Ciel_- _Honey_Piano_Ins trumental_.mp3 6a Sub menu Orang tua Scene orangtua berisi tentang penjelasan tentang apa saja pengaruh orangtua terhadap prilaku anak, dengan mengarahkan pointer ke arah tombol, maka tombol akan beraksi bergeser dan berganti text. Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Scene Orangtua Scene Teman Sebaya Scene Agama Scene Budaya Scene Teknologi L_Arc_en_Ciel_- _Honey_Piano_Ins trumental_.mp3 6b Sub menu Teman Sebay a Scene teman sebaya berisi tentang penjelasan tentang apa saja pengaruh teman sebaya terhadap prilaku anak, dengan mengarahkan pointer ke arah tombol, maka tombol akan beraksi bergeser dan berganti text. Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Scene Orangtua Scene Teman Sebaya Scene Agama Scene Budaya Scene Teknologi L_Arc_en_Ciel_- _Honey_Piano_Ins trumental_.mp3 6c Sub menu Agam a Scene agama berisi tentang penjelasan tentang apa saja pengaruh agama terhadap prilaku anak, dengan mengarahkan pointer ke arah tombol, maka tombol akan beraksi bergeser dan berganti text. Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Scene Orangtua Scene Teman Sebaya Scene Agama Scene Budaya Scene Teknologi L_Arc_en_Ciel_- _Honey_Piano_Ins trumental_.mp3 6d Sub menu Buday a Scene budaya berisi tentang penjelasan tentang apa saja pengaruh budaya terhadap prilaku anak, dengan mengarahkan pointer ke arah tombol, maka tombol akan beraksi bergeser dan berganti text. Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Scene Orangtua Scene Teman Sebaya Scene Agama Scene Budaya Scene Teknologi L_Arc_en_Ciel_- _Honey_Piano_Ins trumental_.mp3 6e Sub menu Teknol ogi Scene teknologi berisi tentang penjelasan tentang apa saja pengaruh teknologi terhadap prilaku anak, dengan mengarahkan pointer ke arah tombol, maka tombol akan beraksi bergeser dan berganti text. Scene Menu Scene Navigasi Scene About Me Scene home Scene exit Scene Orangtua Scene Teman Sebaya Scene Agama Scene Budaya Scene Teknologi L_Arc_en_Ciel_- _Honey_Piano_Ins trumental_.mp3 7 Menu Navig asi Aplika si Scene navigasi berisi struktur navigasi aplikasi, sehingga kita dapat melihat alur aplikasi ini. Di lengkapi dengan link pada tiap point sehingga pengguna dapat langsung ke salah satu point dalam struktur navigasi tanpa harus ke menu utama. Scene Menu Scene home Scene exit L_Arc_en_Ciel_- _Snow_Drop_Pian o_Instrumental_.m p3 8 Menu About Me Scene ini berisi informasi tentang penulis, masih dengan suasana biru menyejukkan, di tambah awan yang bergerak kontinyu. Scene Menu Utama Scene Navigasi Scene exit L_Arc_en_Ciel_- _Snow_Drop_Pian o_Instrumental_.m p3 9 Menu exit Scene exit, ketika kita menekan tombol exit di sebelah pojok kiri atas scene sebelumnya, maka akan muncul tampilan seperti diatas, dengan pilihan ya dan tidak, jika pilih ya maka akan mengantarkan anda keluar dari aplikasi, namun jika menekan tombol tidak maka akan di kembalikan ke menu home. Scene home Keluar aplikasi L_Arc_en_Ciel_- _Honey_Piano_Ins trumental_.mp3 b. Struktur Navigasi Struktur navigasi yang digunakan dalam aplikasi ini adalah hierarchiecal model dengan modifikasi. Gambar 4.3 Struktur Navigasi Multimedia Interaktif 3D KRR c. Perangkat yang Digunakan Pada kasus ini, perangkat yang digunakan untuk pengembangan multimedia adalah perangkat keras dan perangkat lunak. Perangkat keras yang digunakan adalah laptop dengan spesifikasi sebagai berikut: 1. Intel® Core™ i3 CPU M 350 2.27 Ghz 2. Memory 3072 MB RAM 3. Graphic ATI Mobility Radeon HD 4550 4. Harddisk 250 GB Sedangkan perangkat lunak yang digunakan adalah: 1. Adobe Director 11.5 2. Adobe Photoshop CS5 3. Adobe Illustrator CS5 4. Adobe Flash CS5 5. Autodesk 3Ds Max 2010 Namun, tahap ini semua design aplikasi telah terangkum dalam skrip yang telah dibuat peneliti secara detail dalam pembuatan aplikasi. Adapun skrip yang dimaksud adalah sebagai berikut: Tabel 4.3 Skrip Multimedia Interaktif 3D KRR MULTIMEDIA INTERAKTIF ANIMASI 3 DIMENSI KESEHATAN REPRODUKSI REMAJA I. PENDAHULUAN Multimedia interaktif ini dibuat untuk mensosialisasikan Penyuluhan Kesehatan Reproduksi Remaja. Paparan berbentuk komunikasi interaktif melalui komputer ini diharapkan dapat membantu penyebarluasan pengetahuan tentang reproduksi untuk mencegah kehamilan dini pada remaja. II. MATERI PAPARAN Secara garis besar bentuk informasi yang ditayangkan berupa data teks, gambar, animasi, dan audio. Paparan ini akan dibuat dalam bentuk hirarki, dari menu utama yang memuat informasi- informasi global dan sub-sub menu yang memuat informasi lebih rinci. Kedalaman hirarki menu dibuat sebanyak dua tingkat, dan apabila diperlukan ditambahkan tingkat yang lebih dalam atau rinci. Secara garis besar objek yang akan ditampilkan adalah : Gambar 1. Struktur Menu Aplikasi INTRO Latar Musik : L_Arc_en_Ciel_-_Winter_fall__Piano_Instrumental_.mp3 Pada awalnya layar kosong dengan latar biru muda bertekstur, muncul teks KESEHATAN REPRODUKSI REMAJA . Kemudian muncul tombol NAVIGASI , MENU , dan ABOUT ME , serta tombol X untuk exit. Aksi :  Jika tombol navigasi diklik, akan berpindah ke halaman bentuk navigasi pada aplikasi.  Jika tombol menu diklik, akan berpindah ke halaman menu utama.  Jika tombol about me diklik, akan berpindah ke halaman biodata peneliti. Gambar 2. Intro MENU UTAMA Latar Musik : L_Arc_en_Ciel_-_Snow_Drop_Piano_Instrumental_.mp3 Layar menampilkan latar biru muda bertekstur dengan gambar pendukung simbol gender pria dan wanita dengan beberapa tombol menu, yaitu : MENU 1. KESEHATAN REPRODUKSI MENU 2. ORGAN REPRODUKSI MENU 3. ALAT KONTRASEPSI MENU 4. PENGARUH LINGKUNGAN MENU 5. ABOUT ME Menu di atas hanya akan tampil pada menu utama, dan jika disentuh mouse over akan bergerak dan memunculkan ilustrasi isi dari tombol tersebut. Gambar 3. Menu Utama MENU 1. KESEHATAN REPRODUKSI Latar Musik : L_Arc_en_Ciel_-_Snow_Drop_Piano_Instrumental_.mp3 Latar biru bertekstur, diawali dengan animasi tombol bergerak dari sisi luar layar hingga membentuk barisan tombol berbentuk bulat tepat ditengah layar. Aksi :  Jika di klik tombol berubah bentuk dari bulat menjadi kotak dan muncul keterangan dalam tombol. Navigasi :  Tombol X untuk exit, Navigasi, dan Menu. Gambar 4. Kesehatan Reproduksi Submenu 1 : REPRODUKSI SEHAT Suatu keadaan kesehatan yang sempurna secara fisik, rohani maupun sosial dan bukan semata-mata terbebas dari penyakit atau kecacatan dalam segala aspek yang berhubungan dengan organ sistem reproduksi, fungsi serta proses reproduksi. WHO, 1992 Implikasi Kesehatan Reproduksi mengandung arti : 1. Setiap pria dan wanita sebagai pasangan suami isteri mampu memperoleh kehidupan seksual yang memuaskan, aman, dengan atau tanpa tujuan terjadinya kehamilan. 2. Setiap kehamilan diinginkan, dan berlangsung pada umur yang tepat sehingga dimungkinkan menjalani kehamilan dan persalinan dengan aman. 3. Setiap pria dan wanita memperoleh informasi dan akses terhadap pelayanan kesehatan yang memadai termasuk pencegahan dan penanggulangan masalah kesehatan reproduksi. Terdapat 3 tombol : 1. Umur ideal 2. Perkawinan sehat 3. Kehamilan sehat Gambar 5. Reproduksi Sehat Submenu 2 : GANGGUAN KESEHATAN SEKSUAL Ada banyak gangguan kesehatan seksual yang menyebabkan ketidak-harmonisan hubungan seksual antara pasangan suami isteri. Keadaan ini selanjutnya dapat menyebabkan terjadinya ketidak-harmonisan hubungan dalam rumah tangga, dan lebih lanjut dapat menggoyahkan ketahanan keluarga. Terdapat 7 tombol dalam submenu ini, yaitu : 1. IMPOTENSI 2. DISFUNGSI EREKSI 3. EJAKULASI DINI 4. EJAKULASI TERLAMBAT 5. FRIGID 6. VAGINISMUS 7. DISFUNGSI ORGASME 8. DISPAREUNIA Gambar 6. Gangguan Kesehatan Seksual Submenu 3 : INFEKSI MENULAR SEKSUAL Infeksi Menular Seksual IMS adalah golongan penyakit menular yang proses penularannya terjadi melalui hubungan seksual yang dapat menyerang organ kelamin maupun organ tubuh lainnya. IMS dapat memudahkan penularan HIV AIDS. Terdapat 8 tombol, yaitu : 1. GONORAE 2. SIPHILIS dan KUTU PUBIS 3. HERPES GENITALIS 4. TRIKOMONIASIS 5. CONDILOMA 6. CANDIDIASIS 7. HIVAIDS Gambar 7. Infeksi Menular Seksual MENU 2. ORGAN REPRODUKSI Latar Musik : L_Arc_en_Ciel_-_Snow_Drop_Piano_Instrumental_.mp3 Pada menu organ akan ada 2 tombol yang menyambut, tombol Pria dan Wanita , dilengkapi dengan ilustrasi gambar statis organ pria dan wanita dengan style lineart banyak goresan garis berbentuk simbol gender pria dan wanita sehingga tidak terlalu vulgar. Aksi :  Jika tombol disentuh mouse over, maka akan berubah menjadi simbol gender masing- masing tombol. Navigasi :  Tombol X untuk exit, Navigasi, dan Menu. Gambar 8. Organ Reproduksi Submenu 1 : PRIA Pada submenu ini akan ada 2 tombol yang menyambut, yaitu : tombol Animasi Organ . Aksi :  Jika tombol disentuh mouse over, maka akan pindah ke halaman yang dituju. Navigasi :  Tombol X untuk exit, Navigasi, Menu, dan About Me. Organ Pria Pada menu ini akan muncul gambar statis dari organ pria yang jika disentuh salah satu bagian organ akan muncul keterangan nama dan fungsi bagian organ tersebut. Pada submenu ini pula terdapat tombol animasi pada organ pria y aitu animasi organ yang akan memperlihatkan proses dimana sperma keluar dengan illustrasi grafis yang tidak terlalu vulgar. Gambar 9. Organ Pria Animasi Organ Pada submenu ini pengguna dapat berinteraksi dengan objek 3D, melihat simulasi proses ereksi dan ejakulasi organ yang di sajikan secara tidak vulgar dan sederhana. Gambar 10. Animasi Organ Pria Submenu 2 : WANITA Pada submenu ini akan ada 2 tombol yang menyambut, yaitu : tombol Animasi Organ . Aksi :  Jika tombol disentuh mouse over, maka akan pindah ke halaman yang dituju. Navigasi :  Tombol X untuk exit, Navigasi, Menu, dan About Me. Organ Wanita Pada menu ini akan muncul gambar statis dari organ wanita bagian dalam yang jika disentuh salah satu bagian organ akan muncul keterangan nama dan fungsi bagian organ tersebut. Pada submenu ini pula terdapat tombol animasi pada organ pria yaitu menstruasi yang akan memperlihatkan proses dimana sel ovum yang luruh karena tidak dibuahi oleh sperma dengan illustrasi grafis yang tidak terlalu vulgar. Gambar 11. Organ Wanita Animasi Organ Pada submenu ini pengguna dapat berinteraksi dengan objek 3D, melihat simulasi proses pertemuan anatar sel telur dan sperma pada rahim wanita yang disajikan secara tidak vulgar dan sederhana. Gambar 12. Animasi Organ Wanita Periode Masa Subur Pada submenu animasi organ wanita, terdapat menu tambahan periode masa subur yang menjelaskan secara multimedia masa haid, masa kering, masa subur dan masa tidak subur, jadi pengguna dapat menghitung massa subur berdasarkan masa haid wanita. Siklus reproduksi adalah masa dalam siklus haid wanita dimana pada masa itu terdapat sel telur yang matang dan siap dibuahi. Masa subur seorang wanita adalah antara 1 satu minggu setelah haid sampai dengan 1 satu minggu sebelum haid terjadi pada pertengahan siklus haid menstruasi. Terdapat 4 tombol, yaitu : 1. Masa Haid 2. Masa Kering 3. Masa subur 4. Masa tidak subur Gambar 13. Periode Masa Subur MENU 3. ALAT KONTRASEPSI Latar Musik : L_Arc_en_Ciel_-_Honey_Piano_Instrumental_.mp3 Latar biru bertekstur dengan illustrasi alat alat kontrasepsi dalam bentuk gambar statis format vektor yang diposisikan di bagian bawah seperti bertumpuk dari pojok kiri bawah hingga pojok kanan bawah layar. Kontrasepsi adalah alat untuk mencegah kehamilan setelah berhubungan intim. Alat ini atau cara ini sifat tidak permanen, dan memungkinkan pasangan untuk mendapatkan anak apabila diinginkan. Ada berbagai macam jenis Alat Kontrasepsi yang tersedia di pasaran, yang dapat dibeli dengan bebas. Terdapat 7 tombol yang melingkar pada menu kontrasepsi ini, tombol tersebut akan berubah menjadi bentuk alat kontrasepsi yang memutar apabila disentuh mouse over dan akan menuju halaman penjelasan alat jika di klik. 1. Kondom 2. Pil KB 3. Suntik KB 4. Susuk KB 5. IUDAKDR 6. Tubektomi 7. Vasektomi Gambar 14. Alat Kontrasepsi Submenu 1 : KONDOM Apa itu? Sarung karet tipis penutup penis yang menampung cairan sperma pada saat pria berejakulasi Cara kerja? Mencegah sel spermatozoa sel mani dengan ovum sel telur pada waktu bersenggama penghalang kontak langsung dengan cairan terinfeksi Keuntungan?  Mudah dan murah,  Dapat di pakai sendiri  Mencegah kehamilan 88- 98  Dapat mencegah penularan penyakit kelamin Kerugian?  Selalu harus memakai kondom baru  Pada penggunaan yang tidak benar aka nada kemungkinan sobek  Kadang-kadang alergi  Mengganggu kenyamanan bersenggama Efek samping : Alergi terhadap karet. Yang harus diingat :  Jauhi dari jangkauan anak-anak  Pakai kondom baru setiap bersenggama  Jika robek pertimbangkan kontrasepsi darurat sesegera mungkin  Jangan pakai pelican berbahan dasar minyak  Buang kondom di tempat sampah tertutup  Simpan kondom di tempat terlindung dari sinar matahari Gambar 15. Kondom Submenu 2 : PIL KB Apa itu? Obat kontrasepsi yang diminum setiap hari selama 21 atau 28 hari Ada 2 macam pil KB :  Pil KB yang mengandung Hormone golongan Progesterone  Pil KB kombinasi yang mengandung Hormone estrogen dan Progesterone Cara kerja?  Mencegah lepasnya sel telur dari indung telur  Mengentalkan lender mulut rahim, sehingga sperma sulit untuk masuk  Menipiskan selaput lender agar tidak siap hamil Keuntungan?  Mudah dan murah, mengurangi rasa sakit ketika haid  Mencegah kehamilan 98,5 - 99 lebih  Tidak mempengaruhi ASI bagi yang menggunakan pil KB tunggal Kerugian?  Harus disiplin setiap hari  Dapat meningkatkan infeksi jamur di sekitar kemaluan  Pendarahanspottingbercak antara masa haid terutama pada pengguna pil yang hanya mengandung progesterone Jangan menggunakan pil KB kombinasi, bila :  Wanita usia 35 tahun merokok aktif  Ibu hamil atau diduga hamil  Penyakit jantung, stroke, liver, darah tinggi, kanker payudara, migraine dan tumor ganas  Ibu menyusui jika kurang dari 6 bulan Yang harus diingat :  Minum pil KB diawali hari 1 – 5 masa haid  Wanita 35 tahun dan perokok berat dilarang minum pil KB Gambar 16. Pil KB Submenu 3 : SUNTIK KB Apa itu? Obat kontrasepsi yang disuntikkan setiap 1 bulan sekali atau 3 bulan sekali  Untuk yang 1 bulan berisi estrogen dan progesterone  Untuk yang 3 bulan berisi progesterone saja Cara kerja?  Mencegah lepasnya sel telur dari indung telur  Mengentalkan lender mulut rahim, sehingga sperma sulit untuk masuk  Menipiskan selaput lender agar tidak siap hamil Keuntungan?  Mudah dan murah, mengurangi rasa sakit ketika haid  Mencegah kehamilan 98,5 - 99 lebih  Tidak mempengaruhi ASI bagi yang menggunakan suntik KB yang 3 bulan sekali Kerugian?  Di bulan pertama pemakaian terjadi mual, pendarahan berupa bercak diantara masa haid, sakit kepala dan nyeri payudara  Tidak melindungi dari IMS dan HIV AIDS Jangan menggunakan suntik KB 1 bulan, bila :  Wanita usia 35 tahun merokok aktif  Ibu hamil atau diduga hamil  Penyakit jantung, stroke, liver, darah tinggi, kanker payudara, migraine dan tumor ganas  Ibu menyusui jika kurang dari 6 bulan Yang harus diingat :  suntikan KB pertama diawali hari 1 – 5 masa haid  setelah disuntik tidak boleh di tekan atau di gosok, karena obat tidak akan bekerja  suntikan ulang harus sesuai jadwal yang di tetapkan Gambar 17. Suntik KB Submenu 4 : SUSUK KB Apa itu? Alat kontrasepsi yang berbentuk batang terbuat dari silastik yang berisi hormone golongan progesterone yang dimasukkan di bawah kulit tangan kiri atas bagian dalam. Terdapat 2 susuk KB yaitu terdiri dari 1 batang dan 2 batang, masing-masing dapat mencegah kehamilan selama 3 tahun. Cara kerja?  Mencegah lepasnya sel telur dari indung telur  Mengentalkan lender mulut rahim, sehingga sperma sulit untuk masuk  Menipiskan selaput lender agar tidak siap hamil Keuntungan?  Praktis dan efektif  Mencegah kehamilan 99 - 99,8  Kesuburan cepat kembali setelah pencabutan  Dapat digunakan oleh ibu yang tidak cocok dengan hormone estrogen Kerugian? Dapat merubah pola haid Tidak dilakukan susuk KB, bila :  Hamil atau diduga hamil  Penyakit jantung, stroke, liver, darah tinggi, kencing manis  Pendarahan vagina tanpa sebab Gambar 18. Susuk KB Submenu 5 : IUDAKDR Apa itu? Alat Kontrasepsi Dalam Rahim AKDR Atau Intra Uterine Devices IUD. AKDR adalah bahan inert sintetik dengan atau tanpa unsur tambahan untuk sinergi efektifitas dengan berbagai bentuk, yang dipasangkan ke dalam rahim untuk menghasilkan efek kontraseptif. Cara kerja? Mencegah pembuahan sel telur oleh sperma, dan mencegah tertanamnya hasil pembuahan pada selaput lendir rahim Keuntungan?  Praktis, efektif dan ekonomis  Kesuburan dapat segera kembali jika IUDAKDR di buka  Tidak mengganggu pemberian ASI Kerugian?  Dapat keluar sendiri jika tidak cocok dengan rahim pemakai  Pendarahan lebih banyak dan lebih lama saat menstruasi kadang-kadang disertai nyeri dank ram  Mengalami bercak pendarahan setelah 1 atau 2 hari Tidak dilakukan IUD AKDR, bila :  Hamil atau di duga hamil  Gangguan pendarahan dan peradangan alat kelamin  Kecurigaan kanker kelamin dan tumor jinak serta radang pinggul Gambar 19. IUDAKDR Submenu 6 : TUBEKTOMI Apa itu? Pengikatan dan pemotongan saluran telur agar sel telur tidak dapat di buahi sperma Cara kerja? Perjalanan sel telur terhambat karena saluran sel telur tertutup Keuntungan?  Permanen dan efektif  Mencegah kehamilan 99  Tidak ada efek samping jangka panjang dan tidak mengganggu hubungan seks Kerugian? Ada kemungkinan mengalami resiko pembedahan Tidak dilakukan tubektomiditunda, bila :  Menderita tekanan darah tinggi  Stroke  Kencing manis  Penyakit jantung, paru-paru Yang harus diingat : Untuk wanita usia diatas 30 tahun, sudah punya anak cukup 2 anak, anak terkecil min. 5 tahun. Gambar 20. Tubektomi Submenu 7 : VASEKTOMI Apa itu? Pengikatan dan pemotongan saluran benih agar sperma tidak keluar dari buah zakar Cara kerja? Saluran benih tertutup sehingga tidak dapat menyalurkan spermatozoa Keuntungan?  Permanen dan efektif  Mencegah kehamilan 99  Tidak ada efek samping jangka panjang dan tidak mengganggu hubungan seks Kerugian? Harus ada pembedahan minor Tidak dilakukan vasektomi, bila :  Peradangan kulit atau jamur di daerah kemaluan  Kencing manis Yang harus diingat :  Untuk laki-laki usia subur, sudah punya anak cukup 2 anak dan istri beresiko tinggi  Boleh bersenggama setelah 2-3 hari pasca operasi dengan menggunakan kondom, penggunaan kondom dilanjutkan sampai 20 kali ejakulasi atau 3 bulan pasca operasi. Gambar 21. Vasektomi MENU 4. PENGARUH LINGKUNGAN Latar Musik : L_Arc_en_Ciel_-_Honey_Piano_Instrumental_.mp3 Navigasi : Tombol X untuk exit, Navigasi, Menu, dan About Me Latar biru bertekstur dengan ilustrasi gambar vektor orangtua dan anak sedang bersama di bagian pojok kiri bawah sehingga tidak menghalangi tombol dan teks. Pengaruh lingkungan adalah faktor faktor apa saja yang mempengaruhi remaja berprilaku dan berhubungan dengan orang lain. diantaranya ada 5 faktor, yaitu : Orangtua, Teman sebaya, Agama, Budaya, dan teknologi. Terdapat 5 tombol, yaitu : 1. Orangtua 2. Teman Sebaya 3. Agama 4. Budaya 5. Teknologi Gambar 22. Pengaruh Lingkungan Submenu 1 : ORANGTUA  Cara terbaik untuk menyampaikan nilai-nilai positif kepada anak-anak adalah dengan menjadi role model contoh atau teladan.  Pendidikan kesehatan reproduksi remaja yang benar hanya dapat diberikan jika pesan yang benar disampaikan oleh orangtua secara terbuka dan tersirat, serta menyampaikannya dengan cinta.  Sebagai orangtua, kita harus siap dan terbuka terhadap pertanyaan mereka tentang seksualitas.  Seringkali sekolah mendorong para orangtua untuk aktif berpartisipasi melalui berbagai jalur, seperti Persatuan Orangtua, Murid, dan Guru POMG. Gambar 23. Orangtua Submenu 2 : TEMAN SEBAYA  Teman sebaya amat besar pengaruhnya bagi kehidupan sosial dan perkembangan diri remaja. Informasi mengenai kesehatan reproduksi dan bimbingan seksual yang diperoleh melalui teman sebaya sedikit banyak memberikan dorongan untuk menentukan sikap seorang remaja dalam melakukan interaksi dengan pasangannya.  Pendapat dan pandangan teman biasanya lebih diterima daripada pendapat orangtua. remaja cenderung lebih dekat dengan teman sebayanya daripada bercengkrama dengan orangtua di rumah. Gambar 24. Teman Sebaya Submenu 3 : AGAMA  Sesungguhnya kalian mendatangi lelaki untuk melepaskan nafsu kalian kepada mereka, bukan kepad a wanita, kalian adalah kaum yang melampaui batas. QS. Al A raaf : 81  Rasulullah SAW bersabda, Jauhilah zina karena ia mengakibatkan 4 macam hal : menghilangkan wibawa di wajah, menghalangi rejeki, dimurkai Allah dan menyebabkan kekalan dalam neraka. HR. At-Thabrani  Hubungan seks di luar pernikahan menunjukkan tidak adanya rasa tanggung jawab dan memunculkan rentetan persoalan baru yang menyebabkan gangguan fisik dan psikososial manusia.  Seorang pezina ketika melakukan zina akan terlepas dari keimanan dan ke-Islaman, sebagaimana hadis Rasulullah SAW : Tidak ada seorang pezina ketika melakukan zina sedangkan saat itu ia beriman.. HR. Bukhari dan Muslim Gambar 25. Agama Submenu 4 : BUDAYA  Sebagai komunitas, desa adat mempunyai beberapa peranan, yaitu menetapkan aturan- aturan dalam awig-awig desa adat masing-masing, baik dalam bentuk tertulis maupun tidak tertulis.  Perilaku hubungan seks pranikah merupakan salah satu delik kesusilaan yang dapat mengganggu atau menimbulkan ketegangan dalam masyarakat tersebut.  Untuk melihat terjadinya transformasi sosial dalam suatu masyarakat dapat dilihat dari segi perilaku.  Adanya perilaku yang dianggap menyimpang menunjukkan bahwa ada perbedaan bentuk perilaku dari perilaku yang dianggap ideal atau dianggap benar dalam masyarakat. Gambar 26. Budaya Submenu 5 : TEKNOLOGI  Media massa memiliki potensi besar dalam mengubah sikap dan perilaku masyarakat, terutama anak-anak, yang relatif mudah terpengaruh dan dipengaruhi.  Sebagai media informasi, kontribusi positif yang diberikan dapat menjadi alternatif pemecahan masalah bagi mereka yang pernah mempunyai masalah reproduksi sebagai konsultan reproduksi.  Penggunaan internet yang makin intensif yang positif dapat mempengaruhi gaya hidup remaja.  Remaja mampu mempunyai wawasan dan berkepribadian yang mantap sangat dipengaruhi oleh pola asuh atau cara pendidikan yang baik dan berkreatif. Misalnya, animasi sebagai wadah kreatifiitas. Gambar 27. Teknologi MENU 5. ABOUT ME Latar Musik : L_Arc_en_Ciel_-_Snow_Drop_Piano_Instrumental_.mp3 Latar biru bertekstur dengan gambar profile dan foto peneliti, serta ilustrasi vektor peneliti di bagian belakang foto di pojok kanan bawah. Berisi informasi tentang aplikasi dan penulis : Gambar 28. About Me NAVIGASI Latar Musik : L_Arc_en_Ciel_-_Snow_Drop_Piano_Instrumental_.mp3 Latar biru bertekstur dengan struktur navigasi yang di beri link action agar dapa langsung menuju ke tujuan. Gambar 29. Navigasi EXIT Latar Musik : L_Arc_en_Ciel_-_Honey_Piano_Instrumental_.mp3 Navigasi : Tombol ya dan tidak Latar biru bertekstur dengan dua pilihan ya dan tidak , jika memilih tidak maka layar akan langsung mengarahkan ke scene intro, jika pilih iya maka aplikasi akan keluar. Gambar 30. Exit

4.1.3 Material Collecting