BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan...

30
27 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 Tampilan Awal Gambar 4.1 Tampilan awal

Transcript of BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan...

Page 1: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

27

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 Tampilan Awal

Gambar 4.1 Tampilan awal

Page 2: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

28

Menampilkan loading bar animasi pembukaan dan

menggunakan background gambar.

4.1.2 Tampilan animasi kedua

Gambar 4.2 Tampilan animasi kedua

Menampilkan judul Pengenalan Berbagai Kejadian Alam

yang berubah warna, merah, biru ,merah hati, hijau, dan

kuning secara bergantian dan berisi teks nama kemudian

di pojok kanan atas terdapat tombol button untuk

melanjutkan ke tampilan berikutnya.

Page 3: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

29

4.1.3 Tampilan animasi ketiga

Gambar 4.3 Tampilan animasi ketiga

Menampilkan animasi gambar profesor yang berbicara

dan menjadi penyambut dari animasi ini. Di pojok kiri

atas berisi button home yang berbentuk gambar rumah

berwarna merah dan sebelahnya terdapat button close

yang berbentuk silang, dan berfungsi untuk mengakhiri

animasi.

Page 4: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

30

4.1.4 Tampilan animasi menu awal

Gambar 4.4 Tampilan animasi menu awal

Menampilkan button judul Tanah yang menampilkan

submenu pergeseran normal, seisme tanah, seisme gempa,

patahan, dan pusat gempa.

Kemudian button judul Inti Bumi menampilkan bagian-

bagian dari inti bumi beserta pengertiannya.

Selanjutnya berisi button judul Efek menampilkan

animasi efek dari bencana yang ditimbulkan.

Selanjutya berisi button judulGempa Bumi yang

menampilkan gambar gempa bumi dengan pengertiannya.

Page 5: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

31

Selanjutnya berisi button judul tips yang menampilkan

beberapa tips jika tiba-tiba terjadi bencana alam disekitar

kita.

Selanjutnya berisi button judul latihan yang menampilkan

soal-soal,sebagai pembelajaran untuk siswa dan button

judul tentang, yaitu berisi pengertian tentang proses

terbentuknya bumi, dan teori-teori dari para ahli.

Pada pojok kiri atas terdapat button home yang berbentuk

gambar rumah berwarna merah dan sebelahnya berisi

button close yang berbentuk silang, dan berfungsi untuk

mengakhiri animasi.

4.1.5 Tampilan Submenu

Gambar 4.5 Tampilan Submenu

Page 6: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

32

Menampilkan button judul Pergeseran Normal jika di

klik akan menampilkan animasi terkait dengan judul

beserta pengertiannya.

Kemudian berisi button judul Seisme Tanah yang

menampilkan animasi terkait dengan judul tersebut

beserta pengertiannya.

Selanjutnya berisi button judul Seisme Gempa yang

menampilkan animasi terkait dengan judul tersebut

beserta pengertiannya.

Selanjutnya berisi button judul Patahan yang

menampilkan animasi terkait dengan judul tersebut

beserta pengertiannya.

Selanjutnya menampilkan animasi gambar pusat

geempa.

Pada pojok kiri atas terdapat button home yang

berbentuk gambar rumah berwarna merah dan

sebelahnya berisi button close yang berbentuk silang,

dan berfungsi untuk mengakhiri animasi.

Page 7: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

33

4.1.6 Tampilan animasi dan pengertian

Gambar 4.6 Tampilan animasi pergeseran normal.

Pada tampilan ini menggambarkan tentang contoh animasi

pergeseran tanah normal, berisi gambar tanah yang

bergeser disertai petunjuk geseran,di bagian pojok kiri

atas terdapat tombol berbentuk bintang berwarna merah

jika di tekan akan pindah ke bagian pengertian, dan di

pojok kanan atas terdapat tombol panah yang posisinya

berbalik yang berfungsi untuk kembali ke Submenu.

Page 8: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

34

4.1.7 Tampilan pengertian pergeseran normal

Gambar 4.7 Tampilan tentang pergeseran normal

Pada bagian ini menampilkan teks pengertian tentang

pergeseran normal. di pojok kanan atas terdapat tombol

panah yang posisinya berbalik yang berfungsi untuk

kembali ke animasi pergeseran normal.

Page 9: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

35

4.1.8 Tampilan animasi dan pengertian

Gambar 4.8 Tampilan animasi seisme tanah

Pada tampilan ini menggambarkan tentang contoh animasi

seisme tanah, dimana tanah bergerak saling mendekat dan

mengakibatkan tanah bertumbukkan. di bagian pojok kiri

atas terdapat tombol berbentuk bintang berwarna merah

jika di tekan akan pindah ke bagian pengertian, dan di

pojok kanan atas terdapat tombol panah yang posisinya

berbalik yang berfungsi untuk kembali ke Submenu.

Page 10: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

36

4.1.9 Tampilan pengertian seisme tanah

Gambar 4.9 Tampilan pengertian seisme tanah

Pada bagian ini menampilkan teks pengertian tentang

seisme tanah. di pojok kanan atas terdapat tombol panah

yang posisinya berbalik yang berfungsi untuk kembali ke

animasi seisme tanah.

Page 11: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

37

4.1.10 Tampilan animasi dan pengertian

Gambar 4.10 Tampilan animasi seisme gempa

Pada tampilan ini menggambarkan tentang contoh animasi

seisme gempa, dimana tanah bergerak saling tolak

menolak dan mengakibatkan tanah berlubang dan di

dorong dari bawah dalam bumi. di bagian pojok kiri atas

terdapat tombol berbentuk bintang berwarna merah jika di

tekan akan pindah ke bagian pengertian, dan di pojok

kanan atas terdapat tombol panah yang posisinya berbalik

yang berfungsi untuk kembali ke Submenu.

Page 12: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

38

4.1.11 Tampilan pengertian seisme gempa

Gambar 4.11 Tampilan pengertian seisme

gempa

Pada bagian ini menampilkan teks pengertian tentang

seisme gempa. di pojok kanan atas terdapat tombol panah

yang posisinya berbalik yang berfungsi untuk kembali ke

animasi seisme gempa.

Page 13: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

39

4.1.12 Tampilan animasi dan pengertian

Gambar 4.12 Tampilan animasi patahan

Pada tampilan ini menggambarkan tentang contoh animasi

patahan tanah, berisi gambar tanah yang bergeser

kebawah disertai petunjuk geseran,di bagian pojok kiri

atas terdapat tombol berbentuk bintang berwarna merah

jika di tekan akan pindah ke bagian pengertian, dan di

pojok kanan atas terdapat tombol panah yang posisinya

berbalik yang berfungsi untuk kembali ke Submenu.

Page 14: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

40

4.1.13 Tampilan pengertian patahan

Gambar 4.13 Tampilan pengertian patahan

Pada bagian ini menampilkan teks pengertian tentang

patahan tanah. di pojok kanan atas terdapat tombol panah

yang posisinya berbalik yang berfungsi untuk kembali ke

animasi patahan tanah.

Page 15: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

41

4.1.14 Tampilan animasi pusat gempa

Gambar 4.14 Tampilan animasi pusat gempa.

Pada tampilan ini menggambarkan animasi pusat gempa,

disertai dengan petunjuk. di pojok kanan atas terdapat

tombol panah yang posisinya berbalik yang berfungsi

untuk kembali ke Submenu.

4.1.15 Tampilan animasi inti bumi

Gambar 4.15 Tampilan animasi inti bumi

Page 16: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

42

Pada tampilan ini menggambarkan tentang bagian-bagian

lapisan bumi beserta pengertiannya. di pojok kanan atas

terdapat tombol panah yang posisinya berbalik yang

berfungsi untuk kembali ke Menu awal.

4.1.16 Tampilan animasi inti bumi

Gambar 4.16 Tampilan pengertian tentang inti bumi

Pada bagian ini menampilkan teks pengertian tentang inti

bumi dan di pojok kiri atas terdapat tombol panah yang

posisinya berbalik yang berfungsi untuk kembali ke

animasi inti bumi.

Page 17: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

43

4.1.17 Tampilan animasi inti bumi

Gambar 4.17 Tampilan pengertian tentang inti luar

Pada bagian ini menampilkan teks pengertian tentang inti

luar bumi dan di pojok kiri atas terdapat tombol panah

yang posisinya berbalik yang berfungsi untuk kembali ke

animasi inti bumi.

Page 18: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

44

4.1.18 Tampilan animasi inti bumi

Gambar 4.18 Tampilan pengertian tentang selimut/

selubung

Pada bagian ini menampilkan teks pengertian tentang

selimut/selubung bumi dan di pojok kiri atas terdapat

tombol panah yang posisinya berbalik yang berfungsi

untuk kembali ke animasi inti bumi.

Page 19: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

45

4.1.19 Tampilan animasi inti bumi

Gambar 4.19 Tampilan pengertian kerak bumi

Pada bagian ini menampilkan teks pengertian tentang

kerak bumi bumi dan di pojok kiri atas terdapat tombol

panah yang posisinya berbalik yang berfungsi untuk

kembali ke animasi inti bumi.

Page 20: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

46

4.1.20 Tampilan animasi gunung meletus

Gambar 4.20 Tampilan animasi gunung meletus

Pada tampilan ini menggambarkan tentang contoh animasi

gunung meletus, yang berisi tentang gambar gunung dan

gerakan uap panas. pada pojok kiri atas terdapat tombol

yang berbentuk gambar panah mengarah ke kiri berwarna

biru yang berfungsi untuk kembali ke menu awal, dan

sebelahnya terdapat tombol yang berbentuk gambar panah

mengarah ke kanan berwarna biru, dan berfungsi untuk

melanjutkan ke animasi berikutnya. di bagian pojok kanan

atas terdapat tombol berbentuk bintang berwarna merah

jika di tekan akan pindah ke bagian pengertian.

Page 21: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

47

4.1.21 Tampilan pengertian vulkanisme

Gambar 4.21 Tampilan pengertian tentang vulkanisme

Pada bagian ini menampilkan teks pengertian tentang

vulkanisme. di pojok kanan atas terdapat tombol panah

yang posisinya berbalik yang berfungsi untuk kembali ke

animasi gunung meletus.

Page 22: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

48

4.1.22 Tampilan animasi tsunami

Gambar 4.22 Tampilan animasi tsunami

Pada tampilan ini menggambarkan tentang contoh animasi

tsunami, yang berisi tentang gambar laut yang meratakan

rumah bergerak secara perlahan dan diputar secara

berulang-ulang. pada pojok kiri atas terdapat tombol yang

berbentuk gambar panah mengarah ke kiri berwarna biru

yang berfungsi untuk kembali ke animasi sebelumnya,

dan sebelahnya terdapat tombol yang berbentuk gambar

panah mengarah ke kanan berwarna biru, dan berfungsi

untuk melanjutkan ke animasi berikutnya. di bagian pojok

kanan atas terdapat tombol berbentuk bintang berwarna

merah jika di tekan akan pindah ke bagian pengertian.

Page 23: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

49

4.1.23 Tampilan pengertian tsunami

Gambar 4.23 Tampilan animasi tsunami

Pada bagian ini menampilkan teks pengertian tentang

tsunami. di pojok kanan atas terdapat tombol panah yang

posisinya berbalik yang berfungsi untuk kembali ke

animasi tsunami.

Page 24: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

50

4.1.24 Tampilan animasi gempa bumi

Gambar 4.24 Tampilan animasi gempa bumi

Pada tampilan ini menggambarkan tentang contoh animasi

gempa bumi, yang berisi tentang gambar gedung dan

jalanan yang rusak karena getaran bergerak secara

perlahan dan diputar secara berulang-ulang. pada pojok

kiri atas terdapat tombol yang berbentuk gambar panah

mengarah ke kiri berwarna biru yang berfungsi untuk

kembali ke animasi sebelumnya,dan di bagian pojok

kanan atas terdapat tombol berbentuk bintang berwarna

merah jika di tekan akan pindah ke bagian pengertian.

Page 25: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

51

4.1.25 Tampilan animasi gempa bumi

Gambar 4.25 Tampilan animasi gempa bumi

Pada bagian ini menampilkan teks pengertian tentang

gempa bumi. di pojok kanan atas terdapat tombol panah

yang posisinya berbalik yang berfungsi untuk kembali ke

animasi gempa bumi.

Page 26: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

52

4.1.26 Tampilan tips

Gambar 4.26 Tampilan tips

Pada bagian ini menampilkan teks pengertian tentang tips

saat terjadi gempa bumi. di pojok kanan atas terdapat

tombol panah yang posisinya berbalik yang berfungsi

untuk kembali ke menu awal.

Page 27: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

53

4.1.27 Tampilan gempa bumi tektonik

Gambar 4.27 Tampilan gempa bumi tektonik

Pada bagian ini menampilkan teks pengertian tentang

gempa bumi tektonik. di pojok kanan atas terdapat tombol

panah yang posisinya berbalik yang berfungsi untuk

kembali ke menu awal.

Page 28: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

54

4.1.28 Tampilan pengertian teori bumi

Gambar 4.28 Tampilan pengertian teori bumi

Pada bagian ini menampilkan teks pengertian tentang

teori bumi. di pojok kanan atas terdapat tombol panah

yang posisinya berbalik yang berfungsi untuk kembali ke

menu awal.

Page 29: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

55

4.1.29 Tampilan soal latihan

Gambar 4.29 Tampilan soal latihan

Pada bagian ini menampilkan teks pertanyaan dan kolom

untuk mengisi jawaban. di bawah terdapat tombol reset

dan koreksi yang berfungsi untuk mengoreksi latihan dan

mengosongkan kolom jawaban. Kemudian di pojok kanan

bawah terdapat tombol panah yang berfungsi untuk

kembali ke menu awal.

Page 30: BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi...judul latihan yang menampilkan soal-soal,sebagai pembelajaran untuk siswa dan button judul tentang, yaitu berisi pengertian

56

4.2 Hasil Pengujian

Animasi ini terdapat beberapa contoh tentang pengenalan

berbagai bencana alam, sehingga dapat menjadi solusi

alternatif untuk mengatasi masalah dalam menangani

penanggulangan bencana alam, khususnya bencana gempa

bumi yang bisa mudah dipahami oleh siswa dan masyarakat

serta menunjukkan bahwa aplikasi ini layak dipergunakan

sebagai media informasi.

4.3 Analisis

Berdasarkan hasil pengujian yang dilakukan, animasi ini dapat

membuat siswa dan masyarakat sadar akan pentingnya

penanggulangan bencana alam, dengan tidak sengaja siswa

mendapatkan pengetahuan dari membaca pengertian-pengertian

yang ada, dan animasi ini juga bisa melatih siswa dengan mengisi

soal latihan pada menu yang terdapat didalamnya.