9.bab 3

BAB III
PERANCANGAN DAN IMPLEMENTASI
3.1 Analisa
Pada tahap ini dijelaskan mengenai permasalahan yang akan dianalisa. Salah
satunya yaitu kurangnya metode pembelajaran gamelan yang hanya didapatkan
melalui media cetak saja sehingga terlihat kurang menarik dan membuat anak-anak
merasa bosan untuk mempelajarinya. Dengan adanya kasus ini maka penulis
berinovasi untuk membuat animasi alat musik gamelan yang bisa dimainkan dan
menjelaskan tentang alat musiknya, maka dibuatlah Aplikasi Pengenalan Alat Musik
Gamelan Jawa Dalam Bentuk Animasi 3D Berbasis Desktop Menggunakan Blender
Versi 2.76B
Spesifikasi perangkat keras (hardware) yang digunakan untuk membuat aplikasi
ini adalah sebagai berikut :
1. Processor Core i5-5200U 2.20 GHz,
2. Intel HD Graphics 5500,
3. 8 GB DDR3 Memory,
4. 1TB HDD.
Sedangkan untuk spesifikasi perangkat lunak (software) utama yang digunakan
sebagai berikut :
1. Windows 8 Home Premium 64-bit,
2. Google Chrome.
Adapun perangkat lunak (software) yang digunakan untuk melakukan modifikasi
isi (content) dari aplikasi ini, diantaranya :
1. Adobe Photoshop CS 6
2. Format Factory
3. Adobe Premiere Pro 6.0
Photoshop ini digunakan untuk memodifikasi gambar yang diperlukan pada
aplikasi seperti menambahkan tulisan pada gambar serta merubah format file gambar
menjadi berekstensi *.jpg.
38
39
Format Factory ini digunakan untuk mengubah format file yang diperlukan pada
aplikasi seperti menganti format dari video menjadi audio
Adobe Premiere Pro ini digunakan untuk memotong dan memperbesar suara
yang diperlukan pada aplikasi
3.2 Perencanaan
Metode yang digunakan dalam proses perencanaan yang diperuntukan tahapan
membuat aplikasi.Pada tahap ini adalah tahap sebelum memulai membuat suatu
aplikasi, sesuai rencana dimulai dengan mencari buku-buku yang terkait dengan
aplikasi desktop, terkait dengan alat musik gamelan, dan tentang aplikasi Blender
agar mencapai langkah selanjutnya yaitu perancangan aplikasi kemudian pembuatan
kemudian uji coba dan survey.
3.3 Perancangan dan Pembuatan

Proses perancangan aplikasi maksudnya untuk menerjemahkan seperti apa cara
kerja aplikasi tersebut dalam aplikasi pengenalan alat musik gamelan
Proses yang dilakukan adalah sebagai berikut :
1) Pembuatan Struktur Navigasi.
2) Pembuatan Story Board.
3) Pembuatan Rancangan Aplikasi.
4) Pembuatan Aplikasi.
40
3.3.1 Struktur Navigasi

Struktur Navigasi merupakan perencanaan yang memuat tentang alur yang
digunakan dalam aplikasi.Struktur navigasi ini menggunakan tipe campuran, untuk
struktur navigasi tersebut akan dijelaskan pada gambar berikut ini :
Gambar 3.1 Struktur Navigasi.

Penjelasan struktur navigasi adalah berikutini :
Pada saat pertama kali menjalankan aplikasi akan masuk splash
screen, setelah hilang akan masuk ke menu utama yang terdapat 3
pilihan yaitu ada Alat Musik, Tentang, dan Keluar,
Jika user memilih Menu, akan menampilkan form yang memunculkan
11 alat musik, yaitu gendang/kendang, saron, gong, bonang,
slenthem, kenong, gender, gambang, rebab, siter, suling, dan
gabungan alat musik gamelan,
Setelah memilih salah satu alat musik tersebut, akan memunculkan
animasi alat musik dan penjelasan,
Jika user memilih Penjelasan, akan memunculkan penjelasan tentang
alat musik tersebut,
41
Jika user memilih Tentang, maka akan menampilkan form penjelasan

aplikasi dan profil penulis,
Jika user memilih Keluar, maka program akan berakhir.
3.3.2 Storyboard
Untuk memahami alur aplikasi yang dibuat secara sistematis maka dibutuhkan
storyboard untuk mengetahui dari button-button yang ada disetiap form. Gambar 3.2
berikut adalah storyboard dari aplikasi ini :
Gambar 3.2 Story Board

42
3.3.3 Rancangan Aplikasi

Pada tahapan ini yang dilakukan adalah merancangan tampilan aplikasi yang
telah direncanakan dan dianalisis kebutuhannya. Perancangan aplikasi ini meliputi
rancangan tampilan pada splash screen, tampilan pada menu utama, tampilan pada
pilihan alat musik, tampilan pada animasi alat musik gendang/kendang,tampilan pada
animasi alat musik saron,tampilan pada animasi alat musik gong,tampilan pada
animasi alat musik bonang,tampilan pada animasi alat musik slenthem,tampilan pada
animasi alat musik kenong,tampilan pada animasi alat musik gender,tampilan pada
animasi alat musik gambang,tampilan pada animasi alat musik rebab,tampilan pada
animasi alat musik siter,tampilan pada animasi alat musik suling,tampilan alat musik
gamelan, tampilan pada penjelasan, tampilan pada tentang.
3.3.3.1 Rancangan Tampilan Splash Screen
Gambar 3.3 Rancangan Splash Screen

Berikut merupakan penjelasan dari rancangan tampilan splash screen di atas :
a. plane1
Merupakan tampilan latar belakang dari splash screen ini.
b. text1
Merupakan teks bertuliskan "Loading"
43
3.3.3.2 Rancangan Tampilan Menu Utama
Gambar 3.4 Rancangan Menu Utama

Berikut merupakan penjelasan dari rancangan tampilan menu utama di atas :
a. plane1
Merupakan tampilan latar belakang dari halaman menu utama ini.
b. plane2
Merupakan pilihan untuk memunculkan pilihan alat musik.
c. plane3
Merupakan pilihan untuk memunculkan tentang aplikasi dan profil
pembuat aplikasi.
d. plane4
Merupakan pilihan untuk keluar dari aplikasi.
44
3.3.3.3 Rancangan Tampilan Pilihan Alat Musik
Gambar 3.5 Rancangan Pilihan Alat Musik

Berikut merupakan penjelasan dari rancangan tampilan pilihan alat musik di
atas:
a. plane1
Merupakan tampilan latar belakang dari halaman pilihan alat musik
b. plane2
Merupakan pilihan untuk memunculkan animasi alat musik bonang.
c. plane3
Merupakan pilihan untuk memunculkan animasi alat musik slenthem.
d. plane4
Merupakan pilihan untuk memunculkan animasi alat musik suling.
e. plane5
Merupakan pilihan untuk memunculkan animasi alat musik rebab.
f. plane6
Merupakan pilihan untuk memunculkan animasi alat musik gambang.
g. plane7
Merupakan pilihan untuk memunculkan animasi alat musik
kendhang/gendang.
45
h. plane8
Merupakan pilihan untuk memunculkan animasi alat musik siter.
i. plane9
Merupakan pilihan untuk memunculkan animasi alat musik saron.
j. plane10
Merupakan pilihan untuk memunculkan animasi alat musik kenong.
k. plane11
Merupakan pilihan untuk memunculkan animasi alat musik gender.
l. plane12
Merupakan pilihan untuk memunculkan animasi alat musik gong
m. plane13
Merupakan pilihan untuk memunculkan animasi alat musik gamelan
n. plane14
Merupakan pilihan untuk kembali ke menu utama.
3.3.3.4 Rancangan Tampilan Animasi Alat Musik Bonang
Gambar 3.6 Rancangan Animasi Alat Musik Bonang

Berikut merupakan rancangan tampilan animasi alat musik bonang di atas:
a. plane1
bonang.
46
b. plane2
Merupakan pilihan untuk memunculkan suara dari alat musik bonang
c. plane3
Merupakan pilihan untuk memunculkan penjelasan dari alat musik
bonang
d. plane4
Merupakan pilihan untuk kembali ke menu pilihan alat musik
e. plane5
Merupakan tampilan animasi alat musik bonang
3.3.3.5 Rancangan Tampilan Animasi Alat Musik Slenthem
Gambar 3.7 Rancangan Animasi Alat Musik Slenthem

Berikut merupakan rancangan tampilan animasi alat musik slenthem di atas :
a. plane1
slenthem
b. plane2
Merupakan pilihan untuk memunculkan suara dari alat musik
slenthem
c. plane3
slenthem
47
d. plane4
e. plane5
Merupakan tampilan animasi alat musik slenthem
3.3.3.6 Rancangan Tampilan Animasi Alat Musik Suling
Gambar 3.8 Rancangan Animasi Alat Musik Suling

Berikut merupakan rancangan tampilan animasi alat musik suling di atas :
a. plane1
suling
b. plane2
Merupakan pilihan untuk memunculkan suara dari alat musik suling
c. plane3
suling
d. plane4
e. plane5
Merupakan tampilan animasi alat musik suling
48
3.3.3.7 Rancangan Tampilan Animasi Alat Musik Rebab
Gambar 3.9 Rancangan Animasi Alat Musik Rebab

Berikut merupakan rancangan tampilan animasi alat musik rebab di atas :
a. plane1
rebab
b. plane2
Merupakan pilihan untuk memunculkan suara dari alat musik rebab
c. plane3
rebab
d. plane4
e. plane5
Merupakan tampilan animasi alat musik rebab
49
3.3.3.8 Rancangan Tampilan Animasi Alat Musik Gambang
Gambar 3.10 Rancangan Animasi Alat Musik Gambang

Berikut merupakan rancangan tampilan animasi alat musik gambang di atas:
a. plane1
gambang
b. plane2
gambang
c. plane3
gambang
d. plane 4
e. plane 5
Merupakan tampilan animasi alat musik gambang
50
3.3.3.9 Rancangan Tampilan Animasi Alat Musik Kendhang/Gendang
Gambar 3.11 Rancangan Animasi Alat Musik Kendhang/Gendang

Berikut merupakan rancangan tampilan animasi alat musik kendhang/gendang di
atas :
a. plane1
kendhang
b. plane2
kendhang
c. plane3
kendhang
d. plane4
e. plane5
Merupakan tampilan animasi alat musik kendhang
51
3.3.3.10 Rancangan Tampilan Animasi Alat Musik Siter
Gambar 3.12 Rancangan Animasi Alat Musik Siter

Berikut merupakan rancangan tampilan animasi alat musik siter diatas:
a. plane1
siter
b. plane2
Merupakan pilihan untuk memunculkan suara dari alat musik siter
c. plane3
siter
d. plane4
e. plane5
Merupakan tampilan animasi alat musik siter
52
3.3.3.11 Rancangan Tampilan Animasi Alat Musik Saron
Gambar 3.13 Rancangan Animasi Alat Musik Saron

Berikut merupakan rancangan tampilan animasi alat musik saron di atas:
a. plane1
saron
b. plane2
Merupakan pilihan untuk memunculkan suara dari alat musik saron
c. plane3
saron
d. plane4
e. plane5
Merupakan tampilan animasi alat musik saron
53
3.3.3.12 Rancangan Tampilan Animasi Alat Musik Kenong
Gambar 3.14 Rancangan Animasi Alat Musik Kenong

Berikut merupakan rancangan tampilan animasi alat musik kenong diatas:
a. plane1
kenong
b. plane2
Merupakan pilihan untuk memunculkan suara dari alat musik kenong
c. plane3
kenong
d. plane4
e. plane5
Merupakan tampilan animasi alat musik kenong
54
3.3.3.13 Rancangan Tampilan Animasi Alat Musik Gender
Gambar 3.15 Rancangan Animasi Alat Musik Gender

Berikut merupakan rancangan tampilan animasi alat musik gender di atas:
a. plane1
gender
b. plane2
Merupakan pilihan untuk memunculkan suara dari alat musik gender
c. plane3
gender
d. plane4
e. plane5
Merupakan tampilan animasi alat musik gender
55
3.3.3.14 Rancangan Tampilan Animasi Alat Musik Gong
Gambar 3.16 Rancangan Animasi Alat Musik Gong

Berikut merupakan rancangan tampilan animasi alat musik gong di atas:
a. plane1
gong
b. plane2
Merupakan pilihan untuk memunculkan suara dari alat musik gong
c. plane3
gong
d. plane4
e. plane5
Merupakan tampilan animasi alat musik gong
56
3.3.3.15 Rancangan Tampilan Gamelan
Gambar 3.17 Rancangan Tampilan Gamelan

Berikut merupakan rancangan tampilan gambar alat musik gamelan di atas :
a. plane1
gong
b. plane2
Merupakan pilihan untuk memunculkan suara dari alat musik gamelan
c. plane3
3.3.3.16 Rancangan Tampilan Penjelasan
Gambar 3.18 Rancangan Penjelasan setiap jenis Alat Musik Gamelan

57
Berikut merupakan rancangan tampilan penjelasan setiap jenis alat musik

gamelan diatas :
a. plane1
Merupakan tampilan gambar dari setiap jenis alat musik gamelan
b. plane2
Merupakan penjelasan dari setiap jenis alat musik gamelan
c. plane 3
Merupakan pilihan untuk kembali ke tampilan animasi alat musik
gamelan
3.3.3.17 Rancangan Tampilan Tentang
Gambar 3.19 Rancangan Tampilan Tentang

Berikut merupakan rancangan tampilan tentang di atas :
a. plane1
Merupakan tampilan latar belakang dari halaman tentang ini.
b. plane2
Merupakan pilihan untuk kembali ke menu utama.
c. Text1
Merupakan teks penjelasan aplikasi dan profil pembuat aplikasi.
58
3.3.4 Pembuatan Aplikasi

3.3.4.1 Pembuatan Splash Screen
Scenesplash screen merupakan scene pertama yang akan muncul pada
Pengenalan Alat Musik Gamelan. Langkah awal dalam pembuatan splash screen ini
adalah menampilkan background yang akan dijadikan tampilan splash screen.
a. Pertama pilih di windows type aktifkan addons blender dengan cara file-
userpreferences-addons-centang import-export: images as planes.
Gambar 3.20 Tampilan Mengaktifkan Addons Images As PlaneBlender

b. Pilih di windows type, lalu pilih add-mesh-images as planes-cari file background
yang sudah dibuat menggunakan Adobe Photoshop cs6. Kemudian, ubah 3D
view dari solid ke texture seperti gambar di bawah ini
Gambar 3.21 Tampilan Background Splash Screen Pada Tampilan 3D View

59
c. Buat tulisan di menu Blender dengan cara add-text. Selanjutnya masuk ke edit
mode dengan cara menekan tombol tab pada keyboard. Lalu ketikan
"Loading". Atur posisi text dan kamera hingga seperti gambar di bawah ini.
Berikan warna pada objek ataupun teks sesuai yang di inginkan pada tab material
saat meng-klik objek.
Gambar 3.22 Tampilan Splash Screen Setelah Di Tambah Text
d. Berikan efek animasi pada tulisan.Caranya adalah dengan membuka fasilitas

timeline yang terdapat pada blender yaitu dengan mengklik window type yang
terdapat di bagian bawah lalu pilih timeline.
Gambar 3.23 Tampilan Timeline Window Type Pada Blender

60
e. Pada tampilan timeline, animasi dapat di buat dengan menentukan arah menurut
lokasi, rotasi, dan skala. Langkah pertama adalah klik objek tulisan yang akan di
jadikan animasi, setelah itu tentukan lokasi, rotasi, dan skala dengan
menggunakan fasilitas insert key yang terdapat pada timeline. Setelah
itutentukan waktunya pada garis yang terletak pada timeline, garis yang
menunjukan warna kuning artinya posisi tersebut siap untuk ditentukan batas
waktunya. Pada penentuan waktu frame, pengaturan waktu yang diberikan
tersebut bernilai 0-200.Objek akan bergerak dari frame 0 sampai frame ke 200.
Di frame ini waktunya adalah 1 detik sama dengan 30 frame. Setelah itu
pengaturan dilanjutkan dengan mengklik tombol yang dapat diartikan sebagai
perekam aktifitas objek yang sedang di gerakkan. Cara menggerakan objek yang
telah di tentukan pada tampilan ini yaitu dengan menggunakan mouse yaitu
dengan mengklik tombol kanan sekaligus menggerakan sambil menahan tombol
tersebut. Gerakan objek text. Gerakan secara bertahap selama pembuatan
animasi ini terekam. Setelah itu masukan waktu animasi dari timeline ke fungsi
logic pada button window. Objek text bergerak dari bawah ke atas seperti pop-
up.
Gambar 3.24 Tampilan Pembuatan Timeline Text Pada Splash Screen

61
f. Aktifkan animasi background yang telah dibuat di timeline, caranya adalah

dengan mengaktifkan waktu animasi pada menu logic editor. Pertama masuk ke
menu logic editor, lalu pilih objek background terlebih dahulu. Selanjutnya Klik
tombol add pada fungsi logic yang berada di sebelah kiri yang bernama sensor.
Kemudian pilih fungsi sensor delay dan atur waktu kotak kecil delay dengan
angka 400( 4 detik). Setelah itu klik kembali sensor yang bernama controller di
samping menu sensor, lalu pilih controller berupa and. Dan terakhir klik kembali
menu yang ada di sebelahnya yaitu menu actuator. Kemudian pilih menu scene,
lalu pilih mode set scene, pilih scene Main Menu. Untuk menambahkan suara
pada scene, Klik tombol add pada fungsi logic yang berada di sebelah kiri yang
bernama sensor. Kemudian pilih fungsi sensor always. Setelah itu klik kembali
sensor yang bernama controller di samping menu sensor, lalu pilih controller
berupa and. Dan terakhir klik kembali menu yang ada di sebelahnya yaitu menu
actuator. Kemudian pilih sound, pilih file.mp3 yang akan dimainkan, atur play
modenya menjadi play stop.
Gambar 3.25 Tampilan Logic Editor Background Pada Splash Screen
g. Aktifkan animasi text yang telah dibuat. Klik tombol add pada fungsi logic yang
berada di sebelah kiri yang bernama sensor. Kemudian pilih fungsi sensor
always. Setelah itu klik kembali sensor yang bernama controller di samping
menu sensor, lalu pilih controller berupa and. Dan terakhir klik kembali menu
62
yang ada di sebelahnya yaitu menu actuator. Kemudian pilih menu action, pilih
action text yang akan dianimasikan, pada tipe actuator untuk memasukan nilai
frame dari menu timeline.Setelah masuk ke dalam menu action, terdapat pilihan
start dan end untuk memasukan nilai frame pada timeline. Pada start frame nilai
yang dimasukan adalah nilai frame awal dari menu yaitu 0. Untuk animasi objek
text untuk frame awal diberikan nilai 0 dan untuk nilai frame end diberikan nilai
200.
Gambar 3.26 Tampilan Logic Editor Text Pada Splash Screen

h. Aktifkan cursor mouse dengan cara pilih tab render display- centang mouse
cursor. Sehingga saat scene dimainkan, cursor mouse akan terlihat.
Gambar 3.27 Tampilan Mouse Cursor Pada Tab Render

63
3.3.4.2 Pembuatan Menu Utama

a. Pilih di windows type, lalu pilih add-mesh-images as planes-cari file yang
background yang sudah dibuat menggunakan Adobe Photoshop cs6. Kemudian,
ubah 3D view dari solid ke texture seperti gambar di bawah ini.
Gambar 3.28 Tampilan Pada Menu Utama
b. Tambahkan 3 plane untuk berperan sebagai button untuk Alat Musik, Tentang,
dan Keluar dengan cara add mesh-plane. Atur skala semua plane tersebut dan
sesuaikan dengan skala teks. Klik salah satu plane, kemudian pilih tab physics,
lalu aktifkan invisible agar plane tersebut tidak terlihat saat scene dimainkan.
Lakukan cara tersebut terhadap 2 plane lainnya yang sebagai button.
Gambar 3.29 Tampilan Plane Pada Menu Utama

64
Gambar 3.30 Tampilan Tab Physics Pada Seluruh Plane
c. Setelah itu buat fungsi logic pada plane alat musik, tentang, dan keluar. Pertama
masuk ke menu logic editor, lalu seleksi plane alat musik dengan cara klik pada
plane alat musik dengan menggunakan mouse. Lalu tambahkan 2 sensor mouse
pada menu logic, pada sensor mouse pertama klik tap dan pilih left button,
sedangkan untuk sensor mouse kedua pilih mouse over. Setelah itu tambahkan
controller and dan tambahkan actuator scene dengan cara klik actuator dan pilih
scene, dan pilih mode set scene. Di kolom scene pilih scene button alat. Lakukan
langkah yang sama untuk plane tentang. Sedangkan untuk plane keluar, yang
berbeda hanya dia actuatornya saja, untuk itu pilih actuator game, lalu pilih
mode quit game.
Gambar 3.31 Tampilan Menu Logic Pada Plane Alat Musik

65
Gambar 3.32 Tampilan Menu Logic Pada Plane Tentang
Gambar 3.33 Tampilan Menu Logic Pada Plane Kembali
3.3.4.3 Pembuatan Tampilan Tentang

background yang sudah dibuat menggunakan Adobe Photoshop cs6 yang sudah
terdapat Tentang Penulis, Penjelasan Aplikasi, dan Kembali. Kemudian, ubah
3D view dari solid ke texture seperti gambar di bawah ini.
66
Gambar 3.34 Tampilan Pada Menu Tentang

b. Tambahkan plane untuk berperan sebagai button untuk Kembali dengan cara add
mesh-plane. Atur plane tersebut dan sesuaikan dengan skala teks. Klik salah satu
plane, kemudian pilih tab physics, lalu aktifkan invisible agar plane tersebut
tidak terlihat saat scene dimainkan.
Gambar 3.35 Tampilan Plane Pada Menu Tentang

67
Gambar 3.36 Tampilan Tab Physics Pada Plane Kembali

c. Setelah itu buat fungsi logic pada kembali.Pertama masuk ke menu logic editor,
lalu seleksi plane kembali dengan cara klik pada plane kembali dengan
menggunakan mouse. Lalu tambahkan 2 sensor mouse pada menu logic, pada
sensor mouse pertama klik tap dan pilih leftbutton, sedangkan untuk sensor
mouse kedua pilih mouse over. Setelah itu tambahkan controller and dan
tambahkan actuator scene dengan cara klik actuator dan pilih scene, dan pilih
mode set scene. Di kolom scene pilih scene Main Menu (Menu Utama).
Tambahkan suara dengan cara pilih actuator sound kemudian pilih file suara
yang akan dimasukkan.

68
3.3.4.4 Pembuatan Tampilan Pilihan Alat Musik

Gambar 3.38 Tampilan Background Pada Pilihan Alat Musik

b. Tambahkan 13 plane untuk berperan sebagai button untuk alat musik bonang,alat
musik slenthem,alat musik suling, alat musik rebab,alat musik gambang,alat
musik kendhang,alat musik siter,alat musik saron, alat musik kenong,alat musik
gender,alat musik gong,alat musik gamelan dan kembali dengan cara add mesh-
plane. Atur plane tersebut dan sesuaikan dengan skala teks. Klik salah satu
tidak terlihat saat scene dimainkan. Lakukan cara tersebut terhadap 12 plane
lainnya yang sebagai button.
69
Gambar 3.39 Tampilan Plane Pada Tampilan Pilihan Alat Musik
Gambar 3.40 Tampilan Tab Physics Pada Seluruh Plane

c. Setelah itu buat fungsi logic pada plane alat musik bonang, slenthem, suling,
rebab, gambang, kendhang, siter, saron, kenong, gender, gong, gamelan dan
plane kembali. Pertama masuk ke menu logic editor, lalu seleksi plane dengan
cara klik pada plane dengan menggunakan mouse. Lalu tambahkan 2 sensor
mouse pada menu logic, pada sensor mouse pertama klik tap dan pilih left
button, sedangkan untuk sensor mouse kedua pilih mouse over. Setelah itu
tambahkan controller and dan tambahkan actuator scene dengan cara klik
70
actuator dan pilih scene, dan pilih mode set scene. Di kolom scene pilih scene
yang akan ditampilkan saat di klik.
Gambar 3.41 Tampilan Menu Logic Pada Plane Alat Musik Bonang
Gambar 3.42 Tampilan Menu Logic Pada Plane Alat Musik Slenthem
Gambar 3.43 Tampilan Menu Logic Pada Plane Alat Musik Suling
Gambar 3.44 Tampilan Menu Logic Pada Plane Alat Musik Rebab
71
Gambar 3.45 Tampilan Menu Logic Pada Plane Alat Musik Gambang
Gambar 3.46 Tampilan Menu Logic Pada Plane Alat Musik Kendhang
Gambar 3.47 Tampilan Menu Logic Pada Plane Alat Musik Siter
Gambar 3.48 Tampilan Menu Logic Pada Plane Alat Musik Saron
72
Gambar 3.49 Tampilan Menu Logic Pada Plane Alat Musik Kenong
Gambar 3.50 Tampilan Menu Logic Pada Plane Alat Musik Gender
Gambar 3.51 Tampilan Menu Logic Pada Plane Alat Musik Gong
Gambar 3.52 Tampilan Menu Logic Pada Plane Alat Musik Gamelan
73
3.3.4.5 Pembuatan Tampilan Animasi Alat Musik Bonang

a. Pertama, membuat alat musik bonang terlebih dahulu. Masuk ke Blender dengan
keadaan posisi awal, yang di dalamnya terdapat sebuah objek kotak.
Gambar 3.53 Tampilan Awal Pada Blender
b. Bentuk objek cube tersebut sedemikian rupa alat musik bonang dengan cara
extrude, scale, dan rotation pada objek yang akan dibentuk. Sehingga akan
terlihat seperti di gambar bawah ini. Berikan warna pada objek sesuai yang di
inginkan pada tab material saat meng-klik objek.
Gambar 3.54 Tampilan Objek Alat Musik Bonang

74
c. Pilih di windows type, lalu pilih add-mesh-images as planes-cari file yang

Gambar 3.55 Tampilan Background Pada Animasi Alat Musik Bonang

d. Kemudian tambahkan objek alat musik bonang yang tadi sudah dibuat dengan
cara pilih file - append. pilih file bonang.blend di dektori tempat membuat objek.
lalu pilih object - pilih semua kecuali camera dan lamp - pilih append form
library. Sehingga akan terlihat seperti di gambar bawah ini.
Gambar 3.56 Tampilan Append Window Type Pada Blender

75
Gambar 3.57 Tampilan file bonang.blend
Gambar 3.58 Tampilan Animasi Alat Musik Bonang
e. Setelah itu tambahkan plane untuk berperan sebagai button untuk teks kembali
dengan cara add mesh-plane, Kemudian buat fungsi logic pada plane alat musik
bonang, slenthem, suling, rebab, gambang, kendhang, siter, saron, kenong,
gender, gong, gamelan dan plane kembali. Pertama masuk ke menu logic editor,
lalu seleksi plane dengan cara klik pada plane dengan menggunakan mouse. Lalu
tambahkan 2 sensor mouse pada menu logic, pada sensor mouse pertama klik tap
dan pilih left button, sedangkan untuk sensor mouse kedua pilih mouse over.
76
Setelah itu tambahkan controller and dan tambahkan actuator scene dengan cara
klik actuator dan pilih scene, dan pilih mode set scene. Di kolom scene pilih
scene yang akan ditampilkan saat di klik.Tambahkan suara dengan cara pilih
actuator sound kemudian pilih file suara yang akan dimasukkan
Gambar 3.59 Tampilan Menu Logic Pada Plane Play
Gambar 3.60 Tampilan Menu Logic Pada Plane Penjelasan
3.3.4.6 Pembuatan Tampilan Tentang Animasi Alat Musik Bonang

a. Sebagai contoh, penulis mengambil Animasi Bonang dalam proses pembuatan
alat musik, karena proses pembuatan alat musik slenthem, suling, rebab,
gambang, kendhang, siter, saron, kenong, gender, dan gong adalah sama, yang
membedakan hanya isi dari scene tersebut. Pilih di windows type, lalu pilih add-
mesh-images as planes-cari file yang background yang sudah dibuat
menggunakan Adobe Photoshop cs6. Kemudian, ubah 3D view dari solid ke
texture seperti gambar di bawah ini.
77
Gambar 3.62 Tampilan Menu Penjelasan

c. Setelah itu buat fungsi logic pada kembali.Pertama masuk ke menu logic editor,
menggunakan mouse. Lalu tambahkan 2sensor mouse pada menu logic, pada
sensor mouse pertama klik tap dan pilih left button, sedangkan untuk sensor
78
mode set scene. Di kolom scene pilih scene Main Menu (Animasi Bonang).
Gambar 3.64 Tampilan Menu Logic Kembali Pada Menu Penjelasan
3.3.4.7 Pembuatan Tampilan Animasi Alat Musik Slenthem

a. Pertama, membuat alat musik slenthem terlebih dahulu. Masuk ke Blender
dengan keadaan posisi awal, yang di dalamnya terdapat sebuah objek kotak.
b. Bentuk objek cube tersebut sedemikian rupa alat musik slenthem dengan cara
79
Gambar 3.66 Tampilan Objek Alat Musik Slenthem

Gambar 3.67 Tampilan Background Pada Animasi Alat Musik Slenthem

80
d. Kemudian tambahkan objek alat musik slenthem yang tadi sudah dibuat dengan
Gambar 3.69 Tampilan file slenthem new.blend

81
Gambar 3.70 Tampilan Animasi Alat Musik Slenthem

dengan cara add mesh-plane, Kemudian buat fungsi logic pada plane play, plane
penjelasan danplane kembali. Pertama masuk ke menu logic editor, lalu seleksi
plane dengan cara klik pada plane dengan menggunakan mouse. Lalu tambahkan
2 sensor mouse pada menu logic, pada sensor mouse pertama klik tap dan pilih
left button, sedangkan untuk sensor mouse kedua pilih mouse over. Setelah itu
yang akan ditampilkan saat di klik.Tambahkan suara dengan cara pilih actuator
sound kemudian pilih file suara yang akan dimasukkan

82
3.3.4.8 Pembuatan Tampilan Tentang Animasi Alat Musik Slenthem


83

c. Setelah itu buat fungsi logic pada kembali. Pertama masuk ke menu logic editor,
mode set scene. Di kolom scene pilih scene Main Menu (Animasi Slenthem).

84
3.3.4.9 Pembuatan Tampilan Animasi Alat Musik Suling

a. Pertama, membuat alat musik suling terlebih dahulu. Masuk ke Blender dengan

b. Bentuk objek cylinder tersebut sedemikian rupa alat musik slenthem dengan cara
extrude, scale, dan rotationpada objek yang akan dibentuk. Sehingga akan
Gambar 3.78 Tampilan Objek Alat Musik Suling

85

Gambar 3.79 Tampilan Background Pada Animasi Alat Musik Suling

d. Kemudian tambahkan objek alat musik suling yang tadi sudah dibuat dengan
cara pilih file - append. pilih file suling new.blend di dektori tempat membuat
objek. lalu pilih object - pilih semua kecuali camera dan lamp - pilih append
form library. Sehingga akan terlihat seperti di gambar bawah ini.

86
Gambar 3.81 Tampilan file bonang.blend
Gambar 3.82 Tampilan Animasi Alat Musik Suling
penjelasan dan plane kembali. Pertama masuk ke menu logic editor, lalu seleksi
87
3.3.4.10 Pembuatan Tampilan Tentang Animasi Alat Musik Suling

88
b. Tambahkanplane untuk berperan sebagai button untuk Kembali dengan cara add
89
mode set scene. Di kolom scene pilih scene Main Menu (Animasi Suling).
3.3.4.11 Pembuatan Tampilan Animasi Alat Musik Rebab

a. Pertama, membuat alat musik rebab terlebih dahulu. Masuk ke Blender dengan
b. Bentuk objek cube dan cylinder tersebut sedemikian rupa alat musik slenthem
dengan cara extrude, scale, dan rotation pada objek yang akan dibentuk.
90
Sehingga akan terlihat seperti di gambar bawah ini. Berikan warna pada objek
sesuai yang di inginkan pada tab material saat meng-klik objek.
Gambar 3.90 Tampilan Objek Alat Musik Rebab

Gambar 3.91 Tampilan Background Pada Animasi Alat Musik Rebab

d. Kemudian tambahkan objek alat musik rebab yang tadi sudah dibuat dengan
91
Gambar 3.93Tampilan file rebab.blend
Gambar 3.94 Tampilan Animasi Alat Musik Rebab

92

93
3.3.4.12 Pembuatan Tampilan Tentang Animasi Alat Musik Rebab



94
mode set scene. Di kolom scene pilih scene Main Menu
(AnimasiRebab).Tambahkan suara dengan cara pilih actuator sound kemudian
pilih file suara yang akan dimasukkan.
3.3.4.13 Pembuatan Tampilan Animasi Alat Musik Gambang

a. Pertama, membuat alat musik gambang terlebih dahulu. Masuk ke Blender

95
b. Bentuk objek cylinder tersebut sedemikian rupa alat musik slenthem dengan cara
extrude, scale, dan rotationpada objek yang akan dibentuk. Sehingga akan
Gambar 3.102 Tampilan Objek Alat Musik Gambang

Gambar 3.103 Tampilan Background Pada Animasi Alat Musik Gambang

96
d. Kemudian tambahkan objek alat musik gambang yang tadi sudah dibuat dengan
cara pilih file - append. pilih file suling new.blend di dektori tempat membuat
Gambar 3.105 Tampilan file gambang.blend
Gambar 3.106 Tampilan Animasi Alat Musik Gambang

97
penjelasan dan plane kembali. Pertama masuk ke menu logic editor, lalu seleksi

98
3.3.4.14 Pembuatan Tampilan Tentang Animasi Alat Musik Gambang



99
mode set scene. Di kolom scene pilih scene MainMenu (AnimasiGambang).

3.3.4.15 Pembuatan Tampilan Animasi Alat Musik Khendang/Gendang
a. Pertama, membuat alat musik kendang terlebih dahulu. Masuk ke Blender

100
b. Bentuk objek circle dan cylinder tersebut sedemikian rupa alat musik slenthem
Gambar 3.114 Tampilan Objek Alat Musik Kendang

Gambar 3.115 Tampilan Background Pada Animasi Alat Musik Kendang

101
d. Kemudian tambahkan objek alat musik kendhang yang tadi sudah dibuat dengan
Gambar 3.117 Tampilan file gendang.blend
Gambar 3.118 Tampilan Animasi Alat Musik Kendhang/Gendang

102

103
3.3.4.16 Pembuatan Tampilan Tentang Animasi Alat Musik

Khendang/Gendang


104
mode set scene. Di kolom scene pilih scene MainMenu (Animasi Gendang).
3.3.4.17 Pembuatan Tampilan Animasi Alat Musik Siter

a. Pertama, membuat alat musik siter terlebih dahulu.Masuk ke Blender dengan

105
b. Bentuk objek cube, cylinder dan plane tersebut sedemikian rupa alat musik
slenthem dengan cara extrude, scale, dan rotation pada objek yang akan
dibentuk. Sehingga akan terlihat seperti di gambar bawah ini. Berikan warna
pada objek sesuai yang di inginkan pada tab material saat meng-klik objek.
Gambar 3.126 Tampilan Objek Alat Musik Siter

Gambar 3.127 Tampilan Background Pada Animasi Alat Musik Siter

106
d. Kemudian tambahkan objek alat musik siter yang tadi sudah dibuat dengan cara
pilih file - append. pilih file siter.blend di dektori tempat membuat objek. lalu
pilih object - pilih semua kecuali camera dan lamp - pilih append form library.
Sehingga akan terlihat seperti di gambar bawah ini.
Gambar 3.129 Tampilan file siter.blend

107
Gambar 3.130 Tampilan Animasi Alat Musik Siter


108
3.3.4.18 Pembuatan Tampilan Tentang Animasi Alat Musik Siter


109
mode set scene. Di kolom scene pilih scene MainMenu (AnimasiSiter).

110
3.3.4.19 Pembuatan Tampilan Animasi Alat Musik Saron

a. Pertama, membuat alat musik slenthem terlebih dahulu. Masuk ke Blender
Gambar 3.138 Tampilan Objek Alat Musik Saron

111

Gambar 3.139 Tampilan Background Pada Animasi Alat Musik Rebab

d. Kemudian tambahkan objek alat musik bonang yang tadi sudah dibuat dengan

112
Gambar 3.141 Tampilan file saron.blend
Gambar 3.142 Tampilan Animasi Alat Musik Saron
yang akan ditampilkan saat di klik Tambahkan suara dengan cara pilih actuator
sound kemudian pilih file suara yang akan dimasukkan.
113
3.3.4.20 Pembuatan Tampilan Tentang Animasi Alat Musik Saron

114

115
mode set scene. Di kolom scene pilih scene MainMenu (AnimasiSaron).
3.3.4.21 Pembuatan Tampilan Animasi Alat Musik Kenong

a. Pertama, membuat alat musik kenong terlebih dahulu. Masuk ke Blender dengan

116
b. Bentuk objek plane tersebut sedemikian rupa alat musik slenthem dengan cara
Gambar 3.150 Tampilan Objek Alat Musik Kenong

Gambar 3.151 Tampilan Background Pada Animasi Alat Musik Kenong

117
d. Kemudian tambahkan objek alat musik kenong yang tadi sudah dibuat dengan
cara pilih file - append. pilih file sulingnew.blend di dektori tempat membuat
Gambar 3.153 Tampilan file kenong.blend

118
Gambar 3.154 Tampilan Animasi Alat Musik Kenong


119
3.3.4.22 Pembuatan Tampilan Tentang Animasi Alat Musik Kenong


120

mode set scene. Di kolom scene pilih scene MainMenu (AnimasiGambang).

121
3.3.4.23 Pembuatan Tampilan Animasi Alat Musik Gender

a. Pertama, membuat alat musik gender terlebih dahulu. Masuk ke Blender dengan

b. Bentuk objek palne tersebut sedemikian rupa alat musik slenthem dengan cara
122
Gambar 3.162 Tampilan Objek Alat Musik Gender

Gambar 3.163 Tampilan Background Pada Animasi Alat Musik Gender

123
d. Kemudian tambahkan objek alat musik gender yang tadi sudah dibuat dengan
Gambar 3.165 Tampilan file gender.blend
Gambar 3.166 Tampilan Animasi Alat Musik Gender

124

125
3.3.4.24 Pembuatan Tampilan Tentang Animasi Alat Musik Gender



126
mode set scene. Di kolom scene pilih scene MainMenu (AnimasiGender).
3.3.4.25 Pembuatan Tampilan Animasi Alat Musik Gong

a. Pertama, membuat alat musik gong terlebih dahulu. Masuk ke Blender dengan

127
Gambar 3.174 Tampilan Objek Alat Musik Gong

Gambar 3.175 Tampilan Background Pada Animasi Alat Musik Gong

128
d. Kemudian tambahkan objek alat musik gong yang tadi sudah dibuat dengan cara
pilih file - append. pilih file gong.blend di dektori tempat membuat objek. lalu
pilih object - pilih semua kecuali camera dan lamp - pilih append form library.
Sehingga akan terlihat seperti di gambar bawah ini.
Gambar 3.177 Tampilan file gong.blend

129
Gambar 3.178 Tampilan Animasi Alat Musik Gong

130
3.3.4.26 Pembuatan Tampilan Tentang Animasi Alat Musik Gong


131

mode set scene. Di kolom scene pilih scene Main Menu (AnimasiGong).

132
3.3.4.27 Pembuatan Tampilan Alat Musik Gamelan

Gambar 3.185 Tampilan Background Pada Gamelan
b. Tambahkan plane untuk berperan sebagai button untuk Suara dan Kembali
dengancara add mesh-plane. Atur plane tersebut dan sesuaikan dengan skala
teks. Klik salah satu plane, kemudian pilih tab physics, lalu aktifkan invisible
agar plane tersebut tidak terlihat saat scene dimainkan

133
c. Setelah itu buat fungsi logic pada plane suara dan kembali.Pertama masuk ke
menu logic editor, lalu seleksi plane kembali dengan cara klik pada plane
kembali dengan menggunakan mouse. Lalu tambahkan 2 sensor mouse pada
menu logic, pada sensor mouse pertama klik tap dan pilih leftbutton, sedangkan
untuk sensor mouse kedua pilih mouse over. Setelah itu tambahkan controller
and dan tambahkan actuator scene dengan cara klikactuator dan pilih sound
kemudian pilih file suara yang akan dimasukkan.
Gambar 3.188 Tampilan Menu Logic Kembali Pada Menu Gamelan
3.3.4.28. Merubah Ekstensi *.blend ke *.exe
a. Setelah semua scene dibuat, aktifkan addons game engine yang terdapat pada
aplikasi blender yaitu dengan mengklik file user preferences game engine
centang game engine-save as game engine runtime.
134
Gambar 3.189 Tampilan Addons Game Engine
b. Kemudian save as file blender dengan mengklik file export pilih save as
game engine runtime.
Gambar 3.190 Tampilan Export *.blend ke *.exe.

135
3.4 Implementasi
Implementasi digunakan untuk menganalisis kegiatan-kegiatan yang dilakukan
oleh pembuat setelah selesai membuat aplikasi tersebut. Berikut adalah adalah yang
dilakukan oleh pembuat :
Gambar 3.191 User Menggunakan Aplikasi.

Pada gambar diatas user akan mencoba membuka aplikasi menjalankan
aplikasi sampai memilih alat musik gamelan, setelah memilih alat musik maka akan
terdapat animasi alat musi gamelan dan penjelasan dari alat musik yang dipilih.
Implementasi juga harus dilakukan oleh user lain selain pembuat. Gambar
dibawah ini adalah gambaran dari pembuat ke kegiatan user lain.
Gambar 3.192 Kegiatan di User Lain.

Pada gambar diatas pembuat menyiapkan komputer agar bisa memberkan file
*.exe yang telah dibuat sebelumnya. Yang akan diberikan ke user lain. Seteah
136
diterima dari flashdisk maka user lain akan mencopy ke hardisk setelah itu aplikasi
dibuka agarbisa dijalankan. Setelah dijalankan diharapkan user lain menganalisis
aplikasi tersebut.
3.5 Uji Coba dan Survey

Pada tahap ini melakukan pengujian pada laptop.
3.5.1 Uji Coba Aplikasi

Pada tahapan ini penulis akan melakukan pengujian dengan meng
implementasikan aplikasi pada komputer dekstop bersistem operasi windows.
Pertama-tama cari file PENGENALAN ALAT MUSIK GAMELAN.exe. lalu dibuka
aplikasi tersebut agar bisa dijalankan
Gambar 3.193 Splash Screen.

Pada garmbar diatas merupakan splash screen pada aplikasi ini, yang
kemudian akan memunculkan menu utama dari aplikasi ini.
137
Gambar 3.194 Menu Utama.

Pada gambar diatas merupakan menu utama dari aplikasi ini. Terdapat 3
pilihan, pilihan Alat Musik akan menuju ke pemilihan alat musik gamelan, pilihan
Tentang akan menuju form tentang yang berisikan profil aplikasi dan pembuat
aplikasi, dan pilihan Keluar untuk mengakhiri program.
138
Gambar 3.195 Pilihan Alat Musik.
Gambar diatas merupakan pilihan alat musik yang di sediakan, yaitu bonang,
slenthem, suling, rebab, gambang, kendhang, siter, saron, kenong, gender, gong dan
gamelan. pilihan Kembali untuk kembali ke menu utama.
139
Gambar 3.196 Contoh Menu Alat Musik Bonang.
Pada gambar diatas merupakan contoh animasi alat musik bonang, dan terdapat
3 pilihan yaitu Play, Penjelasan, dan Kembali. Pilihan Play untuk memunculkan
suara alat musik. Pilihan Penjelasan untuk memunculkan penjelasan singkat dari alat
musik. Pilihan Kembali untuk kembali ke menu pilihan alat musik.
140
Gambar 3.197 Contoh Menu Penjelasan dari Alat Musik Bonang.
Pada gambar diatas merupakan form penjelasan yang didalamnya terdapat

pengertian dan penjelasan tentang cara memainkan alat musik bonang.
141
Gambar 3.198 Form Tentang Aplikasi.

142
3.5.2 Tabel Hasil Uji Coba Aplikasi Desktop

Setelah aplikasi dibuat maka perlu adanya uji coba berikut ini adalah uji coba
terhadap 3 device desktop laptop 10,14, dan 16 inch.
Tabel 3.1 Tabel Hasil Uji Coba.
NO Device Spesifikasi Tampilan Kekurangan
Processor Intel Pengenalan alat Suara tidak dapat

Atom N280 musik gamelan diberhentikan saat
1,66Ghz berjalan mulus, tombol berhenti di
Asus eee PC- tetapi sedikit ada klik.
1 1005 HA Ram 1GBddr2
jeda saat
(10,2 inch) Vga 256 Mb
pergantian
bagian setiap
halaman.
Gambar 3.199 Screenshot Laptop Asus eee PC-1005.

143
2 HP Pavilion Processor Intel Pengenalan Suara tidak dapat

Dv2700 Core 2Duo 1,83 alat musik diberhentikan saat
Notebook Ghz gamelan tombol berhenti di
PC (14,1 berjalan mulus klik.
Ram 4GB ddr3
inch) .
Vga 358Mb
Gambar 3.200 Screenshot Laptop Asus A555L.

144
Processor Core Pengenalan alat Suara tidak

i5 M450 musik gamelan dapat
Acer
2.4GHz. berjalan mulus , diberhentikan
Aspire
3 Intel HD tetapi sedikit ada saat tombol
4741 (14
Graphics. jeda saat pergantian berhenti di klik
inch)
RAM 2 GB bagian yang
DDR3 ditampilkan.
Gambar 3.201 Screenshot Laptop Acer Aspire 4741.
Setelah melakukan uji coba aplikasi dan implementasi pada perangkat

komputer desktop, selanjutnya dilakukan uji coba aplikasi terhadap user dengan
melalui kuesioner, apakah aplikasi ini dapat diterima atau tidak oleh user serta semua
fitur-fitur yang terdapat pada aplikasi ini sesuai dengan kebutuhan pengguna atau
tidak. Uji Coba aplikasi terhadap user dengan memberikan kuesioner yang berisi 5
pertanyaan kepada 20 responden (kuesioner terlampir). Responden diminta untuk
mengisi kuesioner setelah responden menjalankan aplikasi tersebut.
145
3.5.3 Hasil Kuisioner

Format kuesioner 5 pertanyaan terkait interface dari program, kemudahan,
manfaat, ketertarikan dan pengembangan aplikasi tersebut. Dengan nilai SS = Sangat
Setuju, S = Setuju, TS = Tidak Setuju dan STS = Sangat Tidak Setuju. Berikut adalah
kuisionernya pada Table 3.2
Tabel 3.2 Kuisioner
No Pertanyaan SS S TS STS
Menurut kamu, apakah tampilan interface aplikasi
1
ini sangat menarik dilihat?
Menurut kamu, apakah aplikasi ini mudah
2
digunakan?
Menurut kamu, apakah kamu merasakan manfaat
3
dari aplikasi ini?
Menurut kamu, apakah kamu tertarik
4 menggunakan aplikasi ini dalam jangka waktu
yang panjang?
Menurut kamu, apakah aplikasi ini dapat
5
dikembangkan lagi?
Kuisioner ini diberikan kepada 20 murid Sekolah Dasar mulai dari berumur 7
tahun sampai 12 tahun, dan jenis kelamin 9 perempuan dan 11 laki-laki.
146
3.5.3.1 Interface Aplikasi

Perlu membuktikan bagaimana interface aplikasi ini apakah menarik dilihat.
Berikut adalah diagramnya.
Gambar 3.202 Diagram Pie Hasil Kuisioner Interface.
Hasil presentase yang didapat dari diagram pie tersebut, 17 dari 20 anak sangat
setuju dengan tampilan interface aplikasi ini, atau jika dihitung dengan presentase
sekitar 85%, sedangkan anak-anak yang setuju dengan tampilan interface aplikasi ini
3 dari 20 anak, atau jika dihitung dengan presentase sekitar 15% dari kuisioner
Menurut kamu, apakah tampilan interface aplikasi ini sangat menarik dilihat?.
Telah terbukti 85% sangat setuju dan 15% setuju maka kesimpulannya adalah
interface ini 100% menarik.
147
3.5.3.2 Kemudahan Aplikasi

Perlu membuktikan bagaimana kemudahan dalam menggunakan aplikasi ini
dengan menggunakan kuisioner. Berikut adalah diagramnya.
Gambar 3.203 Diagram Pie Hasil Kuisioner Kemudahan Penggunaan Aplikasi.
setuju dengan kemudahan aplikasi ini, atau jika dihitung dengan presentase sekitar
95%, sedangkan anak-anak yang setuju dengan kemudahan aplikasi ini 1 dari 20
anak, atau jika dihitung dengan presentase sekitar 5% dari kuisioner Menurut kamu,
apakah aplikasi ini mudah digunakan?.
interface ini 100% mudah digunakan.
148
3.5.3.3 Manfaat Aplikasi

Perlu membuktikan bagaimana manfaat dalam menggunakan aplikasi ini
dengan menggunakan kuisioner. Berikut adalah diagramnya.
Gambar 3.204 Diagram Pie Hasil Kuisioner Manfaat Aplikasi.
setuju dengan manfaat aplikasi ini, atau jika dihitung dengan presentase sekitar 95%,
sedangkan anak-anak yang setuju dengan manfaat aplikasi ini 1 dari 20 anak, atau
jika dihitung dengan presentase sekitar 5% dari kuisioner Menurut kamu, apakah
kamu merasakan manfaat dari aplikasi ini?.
Telah terbukti 95% sangat setuju dan 5% maka kesimpulannya adalah interface
ini 100% bermanfaat.
149
3.5.3.4 Penggunaan Aplikasi Jangka Panjang

Perlu membuktikan bagaimana apakah dalam menggunakan aplikasi ini dapat
digunakan dalam waktu jangka panjang. Berikut adalah diagramnya.
Gambar 3.205 Diagram Pie Hasil Kuisioner Penggunaan Aplikasi Dalam Waktu
Jangka Panjang.
setuju dengan penggunaan aplikasi ini dalam jangka waktu panjang, atau jika
dihitung dengan presentase sekitar 95%, sedangkan anak-anak yang setuju dengan
penggunaan aplikasi ini dalam jangka waktu panjang 1 dari 20 anak, atau jika
dihitung dengan presentase sekitar 5% dari kuisioner Menurut kamu, apakah kamu
tertarik menggunakan aplikasi ini dalam jangka waktu yang panjang??.
interface ini 100% digunakan dalam waktu jangka panjang.
150
3.5.3.5 Pengembangan Aplikasi

Perlu dibuktikan aplikasi ini dapat dikembangkan lagi atau tidak dengan
menggunakan kuisioner. Berikut adalah diagramnya.
Gambar 3.206 Diagram Pie Hasil Kuisioner Pengembangan Aplikasi.
setuju aplikasi ini dapat dikembangkan lagi, atau jika dihitung dengan presentase
sekitar 95%, sedangkan anak-anak yang setuju aplikasi ini dapat dikembangkan lagi 1
dari 20 anak, atau jika dihitung dengan presentase sekitar 5% dari kuisioner Menurut
kamu, apakah aplikasi ini dapat dikembangkan lagi???.
interface ini 100% bermakna bahwa aplikasi ini dapat dikembangkan lagi.

9.bab 3

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

9.bab 3

Diunggah oleh

Hak Cipta:

Format Tersedia

BAB III

PERANCANGAN DAN IMPLEMENTASI

3.3 Perancangan dan Pembuatan

3.3.1 Struktur Navigasi

Gambar 3.1 Struktur Navigasi.

Jika user memilih Tentang, maka akan menampilkan form penjelasan

Gambar 3.2 Story Board

3.3.3 Rancangan Aplikasi

3.3.3.1 Rancangan Tampilan Splash Screen

Gambar 3.3 Rancangan Splash Screen

3.3.3.2 Rancangan Tampilan Menu Utama

Gambar 3.4 Rancangan Menu Utama

3.3.3.3 Rancangan Tampilan Pilihan Alat Musik

Gambar 3.5 Rancangan Pilihan Alat Musik

3.3.3.4 Rancangan Tampilan Animasi Alat Musik Bonang

Gambar 3.6 Rancangan Animasi Alat Musik Bonang

3.3.3.5 Rancangan Tampilan Animasi Alat Musik Slenthem

Gambar 3.7 Rancangan Animasi Alat Musik Slenthem

3.3.3.6 Rancangan Tampilan Animasi Alat Musik Suling

Gambar 3.8 Rancangan Animasi Alat Musik Suling

3.3.3.7 Rancangan Tampilan Animasi Alat Musik Rebab

Gambar 3.9 Rancangan Animasi Alat Musik Rebab

3.3.3.8 Rancangan Tampilan Animasi Alat Musik Gambang

Gambar 3.10 Rancangan Animasi Alat Musik Gambang

3.3.3.9 Rancangan Tampilan Animasi Alat Musik Kendhang/Gendang

Gambar 3.11 Rancangan Animasi Alat Musik Kendhang/Gendang

3.3.3.10 Rancangan Tampilan Animasi Alat Musik Siter

Gambar 3.12 Rancangan Animasi Alat Musik Siter

3.3.3.11 Rancangan Tampilan Animasi Alat Musik Saron

Gambar 3.13 Rancangan Animasi Alat Musik Saron

3.3.3.12 Rancangan Tampilan Animasi Alat Musik Kenong

Gambar 3.14 Rancangan Animasi Alat Musik Kenong

3.3.3.13 Rancangan Tampilan Animasi Alat Musik Gender

Gambar 3.15 Rancangan Animasi Alat Musik Gender

3.3.3.14 Rancangan Tampilan Animasi Alat Musik Gong

Gambar 3.16 Rancangan Animasi Alat Musik Gong

3.3.3.15 Rancangan Tampilan Gamelan

Gambar 3.17 Rancangan Tampilan Gamelan

Gambar 3.18 Rancangan Penjelasan setiap jenis Alat Musik Gamelan

Berikut merupakan rancangan tampilan penjelasan setiap jenis alat musik

3.3.3.17 Rancangan Tampilan Tentang

Gambar 3.19 Rancangan Tampilan Tentang

3.3.4 Pembuatan Aplikasi

Gambar 3.20 Tampilan Mengaktifkan Addons Images As PlaneBlender

Gambar 3.21 Tampilan Background Splash Screen Pada Tampilan 3D View

Gambar 3.22 Tampilan Splash Screen Setelah Di Tambah Text

d. Berikan efek animasi pada tulisan.Caranya adalah dengan membuka fasilitas

Gambar 3.23 Tampilan Timeline Window Type Pada Blender

Gambar 3.24 Tampilan Pembuatan Timeline Text Pada Splash Screen

f. Aktifkan animasi background yang telah dibuat di timeline, caranya adalah

Gambar 3.25 Tampilan Logic Editor Background Pada Splash Screen

Gambar 3.26 Tampilan Logic Editor Text Pada Splash Screen

Gambar 3.27 Tampilan Mouse Cursor Pada Tab Render

3.3.4.2 Pembuatan Menu Utama

Gambar 3.28 Tampilan Pada Menu Utama

Gambar 3.29 Tampilan Plane Pada Menu Utama

Gambar 3.30 Tampilan Tab Physics Pada Seluruh Plane

Gambar 3.31 Tampilan Menu Logic Pada Plane Alat Musik

Gambar 3.32 Tampilan Menu Logic Pada Plane Tentang

Gambar 3.33 Tampilan Menu Logic Pada Plane Kembali

3.3.4.3 Pembuatan Tampilan Tentang

Gambar 3.34 Tampilan Pada Menu Tentang

Gambar 3.35 Tampilan Plane Pada Menu Tentang