Top Banner
32 BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi Kegiatan implementasi atau penerapan dilakukan dengan dasar yang telah direncanakan dalam rencana implementasi. Pada penerapan sistem yang diusulkan tentu saja harus disediakan beberapa aspek yang akan mendukung kelancaran operasi sistem dan hal yang akan dijadikan faktor pendukung adalah penentuan kebutuhan sumber daya. Implementasi adalah proses penerapan rancangan program yang telah dibuat atau penerapan aplikasi dalam melaksanakan sistem informasi yang dibangun. 4.1.1 Halaman Menu Utama Gambar 4.1 Tampilan pada halaman menu utama
17

BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

Mar 07, 2019

Download

Documents

vodung
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

32

BAB IV

HASIL DAN ANALISIS

4.1 Hasil Karya / Implementasi

Kegiatan implementasi atau penerapan dilakukan dengan

dasar yang telah direncanakan dalam rencana implementasi.

Pada penerapan sistem yang diusulkan tentu saja harus

disediakan beberapa aspek yang akan mendukung kelancaran

operasi sistem dan hal yang akan dijadikan faktor pendukung

adalah penentuan kebutuhan sumber daya.

Implementasi adalah proses penerapan rancangan

program yang telah dibuat atau penerapan aplikasi dalam

melaksanakan sistem informasi yang dibangun.

4.1.1 Halaman Menu Utama

Gambar 4.1 Tampilan pada halaman menu utama

Page 2: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

33

Halaman menu utama berisikan menu-menu yang

bisa dipilih oleh user (pengguna). tampilan awal menu

berisikan 3 pilihan button yang di antaranya button

bermaian, button bantuan dan button keluar. Hasil

implementasi tampilan menu utama ditunjukan pada

Gambar 4.1.

Pada desain menu utama penggunaan font

berwarna warni pada background biru dilakukan agar font

dapat terbaca dan menarik perhatian anak-anak.

4.1.2 Tampilan pilih level

Gambar 4.2 Tampilan pilih level

Tampilan pilih level ini menampilkan pilihan level

atau sub level dari level 1 sampai level 5 yang tiap level

memiliki materi pembelajaran yang berbeda. Untuk

Page 3: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

34

memilih level, pengguna bisa memilih dengan cara diklik

dengan mouse. Pada awal permainan hanya level 1 yang

sudah terbuka, sedangkan level selanjutnya masih terkunci

(locked) dan dibawah button level masing-masing terdapat

textbox yang menampilkan skor tertinggi. Pada pojok kiri

atas terdapat button yang berbentuk rumah (button home),

button tersebut berfungsi untuk kembali ke tampilan menu

awal.

Untuk level 2 dan seterusnya akan bisa terbuka

apabila pengguna berhasil menyelesaikan game.

4.1.3 Tampilan game level 1

Gambar 4.3 Tampilan game level 1

Pada level 1 Menampilkan animasi gambar tokoh

yang bisa digerakan dan bisa mengumpulkan nilai atau

Page 4: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

35

skor dengan menabrak objek, objek pada level 1 ini

berupa senjata tradisonal dan kesenian Jakarta.

Dipojok kiri atas ada texbox yang berisi nilai atau

skor sehingga pemain dapat melihat jumlah nilai yang

didapat sedangkan di pojok kanan atas terdapat button

yang jika diklik akan kembali kemenu pilihan level.

Dikanan bawah ada gambar kunci yang jika tertabrak

akan ke menu pembelajaraan.

4.1.4 Tampilan game level 2

Gambar 4.4 Tampilan game level 2

Pada level 2 Menampilkan animasi gambar tokoh

yang bisa digerakan dan bisa mengumpulkan nilai atau

skor dengan menabrak objek, objek pada level 2 ini

berupa senjata tradisonal dan kesenian Jawa barat.

Page 5: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

36

Dipojok kiri atas ada texbox yang berisi nilai atau

skor sehingga pemain dapat melihat jumlah nilai yang

didapat sedangkan di pojok kanan atas terdapat button

yang jika diklik akan kembali kemenu pilihan level.

Dikanan bawah ada gambar kunci yang jika tertabrak

akan ke menu pembelajaraan.

4.1.5 Tampilan game level 3

Gambar 4.5 Tampilan game level 3

Pada level 3 Menampilkan animasi gambar tokoh

yang bisa digerakan dan bisa mengumpulkan nilai atau

skor dengan menabrak objek, objek pada level 3 ini

berupa senjata tradisonal dan kesenian Jawa tengah.

Dipojok kiri atas ada texbox yang berisi nilai atau

skor sehingga pemain dapat melihat jumlah nilai yang

didapat sedangkan di pojok kanan atas terdapat button

Page 6: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

37

yang jika diklik akan kembali kemenu pilihan level.

Dikanan bawah ada gambar kunci yang jika tertabrak

akan ke menu pembelajaraan.

4.1.6 Tampilan game level 4

Gambar 4.6 Tampilan game level 4

Pada level 4 Menampilkan animasi gambar tokoh

yang bisa digerakan dan bisa mengumpulkan nilai atau

skor dengan menabrak objek, objek pada level ini berupa

senjata tradisonal dan alat musik Jogjakarta.

Dipojok kiri atas ada texbox yang berisi nilai atau

skor sehingga pemain dapat melihat jumlah nilai yang

didapat sedangkan di pojok kanan atas terdapat button

yang jika diklik akan kembali kemenu pilihan level.

Page 7: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

38

Dikanan bawah ada gambar kunci yang jika tertabrak

akan ke menu pembelajaraan.

4.1.7 Tampilan game level 5

Gambar 4.7 Tampilan game level 5

Pada level 5 Menampilkan animasi gambar tokoh

yang bisa digerakan dan bisa mengumpulkan nilai atau

skor dengan menabrak objek, objek pada level 5 ini

berupa senjata tradisonal dan alat musik jawa timur.

Dipojok kiri atas ada texbox yang berisi nilai atau

skor sehingga pemain dapat melihat jumlah nilai yang

didapat sedangkan di pojok kanan atas terdapat button

yang jika diklik akan kembali kemenu pilihan level.

Dikanan bawah ada gambar kunci yang jika tertabrak

akan ke menu pembelajaraan.

Page 8: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

39

4.1.8 Tampilan pembelajaran 1

Gambar 4.8 Tampilan pembelajaran 1

Pada tampilan pembelajaran ini yang ditunjukan

pada Gambar 4.8 menampilkan pembelajaran 1

menampilkan tentang pakaian adat, senjata tradisonal

jakarta dan di pojok kanan terdapat button bentuk panah

yang akan menampilkan pembelajaran 2 tentang rumah

adat Jakarta serta di pojok kanan terdapat button

Page 9: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

40

lanjutkan untuk kembali kehome. Untuk perwarnaan pada

tampilan pembelajaran menggunakan font berwarna hitam

agar terlihat kontras dengan background.

4.1.9 Tampilan pembelajaran 2

Gambar 4.9 Tampilan pembelajaran 2

Pada tampilan pembelajaran ini yang ditunjukan

pada Gambar 4.9, menampilkan pembelajaran 1

menampilkan tentang pakaian adat, senjata tradisonal

Page 10: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

41

jawa barat dan di pojok kanan terdapat button bentuk

panah yang akan menampilkan pembelajaran 2 tentang

rumah adat jawa barat serta di pojok kanan terdapat

button lanjutkan untuk kembali kehome. Untuk

perwarnaan pada tampilan pembelajaran menggunakan

font berwarna hitam agar terlihat kontras dengan

background.

4.1.10 Tampilan pembelajaran 3

Gambar 4.10 Tampilan pembelajaran 3

Page 11: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

42

Pada tampilan pembelajaran ini yang ditunjukan

pada Gambar 4.10 menampilkan pembelajaran 1

menampilkan tentang pakaian adat, senjata tradisonal

jawa tengah dan di pojok kanan terdapat button bentuk

panah yang akan menampilkan pembelajaran 2 tentang

rumah adat jawa tengah serta di pojok kanan terdapat

button lanjutkan untuk kembali kehome. Untuk

perwarnaan pada tampilan pembelajaran menggunakan

font berwarna hitam agar terlihat kontras dengan

background.

4.1.11 Tampilan pembelajaraan 4

Page 12: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

43

Gambar 4.11 Tampilan pembelajaran 4

Pada tampilan pembelajaran ini yang ditunjukan

pada Gambar 4.11 menampilkan pembelajaran 1

menampilkan tentang pakaian adat, senjata tradisonal

jogjakarta dan di pojok kanan terdapat button bentuk

panah yang akan menampilkan pembelajaran 2 tentang

rumah adat jogjakarta serta di pojok kanan terdapat

button lanjutkan untuk kembali kehome. Untuk

perwarnaan pada tampilan pembelajaran menggunakan

font berwarna hitam agar terlihat kontras dengan

background.

Page 13: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

44

4.1.12 Tampilan pembelajaran 5

Gambar 4.12 Tampilan pembelajaraan 5

Pada tampilan pembelajaran ini yang ditunjukan

pada Gambar 4.12 menampilkan pembelajaran 1

menampilkan tentang pakaian adat, senjata tradisonal

jawa timur dan di pojok kanan terdapat button bentuk

panah yang akan menampilkan pembelajaran 2 tentang

rumah adat jawa timur serta di pojok kanan terdapat

Page 14: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

45

button lanjutkan untuk kembali kehome. Untuk

perwarnaan pada tampilan pembelajaran menggunakan

font berwarna hitam agar terlihat kontras dengan

background.

4.1.13 Tampilan petunjuk permainan

Gambar 4.13 Tampilan petunjuk permainan

Pada bagian ini menampilkan teks yang berisi

informasi permainan atau petunjuk cara bermain dari

game edukasi pembelajaran budaya jawa dapat dilihat

pada Gambar 4.13. pada tampilan petunjuk permainan ini

terdapat button yang terletak dikiri atas yang berbentuk

rumah (Button home) yang jika di klik akan kembali ke

menu awal dan untuk penggunaan font berwarna hitam

agar terlihat kontras dengan background.

Page 15: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

46

4.1.14 Tampilan peringatan keluar

Gambar 4.14 Tampilan peringatan keluar.

Pada tampilan peringatan keluar yang ditunjukan

pada Gambar 4.14, Ketika button keluar di klik maka

akan muncul tampilan yang di tampilan tersebut terdapat

dua button yang berbentuk bulat ,yang terletak di sebelah

kiri dengan gambar centang, jika di klik otomatis

permainan akan dan di sebelah kanan dengan gambar

silang , jika klik button silang maka tidak jadi keluar dari

permainan.

Page 16: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

47

4.2 Hasil Pengujian

Game ini terdapat beberapa contoh tentang pengenalan

dan pembelajaran budaya jawa seperti Jakarta, jawa barat,

jawa tengah , Jogjakarta dan jawa timur yang dimana game

tersebut memperkenalkan pakaian adat,senjata tradisonal,dan

rumah adat,sehingga anak-anak dapat belajar budaya lewat

game ini. Di dalam setiap menu anak-anak diajak untuk

belajar mengenal budaya jawa.

Didalam setiap menu user (pengguna) dapat

memahami dengan mudah karena tampilan game ini simple

dan sederhana, dan di tampilan pilihan menu user (pengguna)

dapat memilih level yang di inginkan. Hasil pengujiannya

sebagai berikut :

Hasil memilih button bermain, button petunjuk

dan button close berhasil

Hasil memilih Button pada tiap menu di pilihan

level berhasil

Tampilan skor tertinggi muncul berhasil

Tampilan pembelajaran muncul setelah

bermain game pada tiap level berhasil

Tabel 4.1 Tabel hasil pengujian

Page 17: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasirepository.uksw.edu/bitstream/123456789/10347/4/T0_562013006_BAB IV... · implementasi tampilan menu utama ditunjukan pada

48

4.3 Analisis

Berdasarkan hasil pengujian yang dilakukan, dalam

pembuatan “Game Edukasi Pembelajaran Budaya Jawa

Untuk Anak TK Dan SD Berbasis Html 5” ini dapat mendidik

anak-anak. Dengan media Game Edukasi ini pula user

(pemakai) dapat bermain sambil belajar karena didalam game

ini terdapat Tampilan bermain yang didalamnya terdapat

animasi (gambar-gamar) yang bertemakan budaya sehingga

tidak sengaja siswa mendapatkan pengetahuan ketika bermain

game tersebut dan tampilan pembelajaran yang berisi materi-

materi tentang pakaian adat, senjata tradisonal, rumah adat,

alat musik tradisonal dari pulau jawa sehingga user (pemakai)

dapat mudah mengingat karena dikemas dalam bentuk game

animasi.