new game edukasi pembelajaran wudhu, shalat dan doa...

14
i GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA BERBASIS ANDROID TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Disusun Oleh : AHLUL HAIRI 201010370311414 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2017

Upload: others

Post on 25-Oct-2020

32 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: New GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA …eprints.umm.ac.id/36114/1/jiptummpp-gdl-ahlulhairi-48822... · 2018. 1. 2. · i GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN

i

GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN

DOA BERBASIS ANDROID

TUGAS AKHIR

Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1

Teknik Informatika Universitas Muhammadiyah Malang

Disusun Oleh :

AHLUL HAIRI

201010370311414

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2017

Page 2: New GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA …eprints.umm.ac.id/36114/1/jiptummpp-gdl-ahlulhairi-48822... · 2018. 1. 2. · i GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN

ii

Page 3: New GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA …eprints.umm.ac.id/36114/1/jiptummpp-gdl-ahlulhairi-48822... · 2018. 1. 2. · i GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN

iii

Page 4: New GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA …eprints.umm.ac.id/36114/1/jiptummpp-gdl-ahlulhairi-48822... · 2018. 1. 2. · i GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN

iv

Page 5: New GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA …eprints.umm.ac.id/36114/1/jiptummpp-gdl-ahlulhairi-48822... · 2018. 1. 2. · i GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN

v

KATA PENGANTAR

Dengan menyebut nama Allah yang Maha Pengasih dan Maha Penyayang. Syukur

alhamdulillah penulis panjatkan atas kehadirat Allah SWT karena berkat limpahan

rahmat, nikmat, hidayah dan anugerah-Nya yang diberikan kepada penulis berupa

kekuatan, kesempatan, kesehatan, kesabaran dan kepahaman. Sehingga penulis

dapat menyelesaikan Tugas Akhir yang berjudul :

“GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA

BERBASIS ANDROID”

Pada tulisan ini disajikan pokok-pokok pembahasan yang meliputi pendahuluan,

landasan teori, analisan dan perancangan, implementasi dan uji coba serta

kesimpulan dan saran. Penulis mengharapkan saran yang membangun agar tulisan

ini dapat berguna dan bermanfaat bagi perkembangan ilmu pengetahuan.

Malang, 19 Juli 2017

Penulis

Page 6: New GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA …eprints.umm.ac.id/36114/1/jiptummpp-gdl-ahlulhairi-48822... · 2018. 1. 2. · i GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN

vi

DAFTAR ISI

LEMBAR PERSETUJUAN ....................................................................................i

LEMBAR PENGESAHAN ....................................................................................ii

LEMBAR PERNYATAN ......................................................................................iii

ABSTRACT ...........................................................................................................iv

ABSTRACT ............................................................................................................v

LEMBAR PERSEMBAHAN ................................................................................vi

KATA PENGANTAR ..........................................................................................vii

DAFTAR ISI ........................................................................................................viii

DAFTAR GAMBAR .............................................................................................ix

DAFTAR TABEL ...................................................................................................x

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

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

1.2 Rumusan Masalah .....................................................................................2

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

1.4 Tujuan .......................................................................................................3

1.5 Metodologi ................................................................................................3

1.6 Sistematika penulisan ................................................................................5

BAB II LANDASAN TEORI .................................................................................7

2.1 Game ..........................................................................................................7

2.1.1 Game Edukasi ..................................................................................8

2.2 Wudhu, Shalat dan Doa .............................................................................9

2.2.1 pengertianm wudhu ..........................................................................9

2.2.2 Tata Cara Wudhu ...........................................................................10

2.2.3 Hukum Wudhu ...............................................................................12

2.3 Pengertian Shalat ......................................................................................13

2.4 Pengertian Doa .........................................................................................14

2.5 Storyboard ................................................................................................15

Page 7: New GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA …eprints.umm.ac.id/36114/1/jiptummpp-gdl-ahlulhairi-48822... · 2018. 1. 2. · i GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN

vii

2.5.1 Storyboard pada Game ...................................................................16

2.5.2 Fungsi Storyboard ..........................................................................16

2.6 Finr state Machine (FSM) .......................................................................16

2.6.1 Kellebihan FSM .............................................................................18

2.6.2 Kelemahan FSM ............................................................................19

2.6.3 Teknik Pemodelan FMS ................................................................19

2.7 Unified Modelling Language (UML) ......................................................20

2.7.1 Diagram-Diagram UML ................................................................21

2.8 Andaroid ..................................................................................................21

2.9 Unity3D ....................................................................................................22

BAB III ANALISA DAN PERANCANGAN ......................................................23

3.1 Analisa Sistem ..........................................................................................23

3.1.1 Dislripsi Umum ..............................................................................23

3.1.2 Analisa Kebutuhan .........................................................................24

3.1.2.1 Kebutuhan Fungsional .......................................................24

3.1.2.2 Kebutahan Non Fungsional ...............................................25

3.1.2.3 Use Case diagram ..............................................................26

3.2 Perancangan Sistem .................................................................................26

3.2.1 Activity diagram ...........................................................................27

3.2.2 Sequence Diagram .......................................................................29

3.2.3 Class Diagram ..............................................................................32

3.2.4 Finite State Machine (FSM) ........................................................32

3.2.5 Storyboard ...................................................................................34

3.2.6 Perancangan Tampilan Antar Muka ............................................37

BAB IV IMPLEMENTASI DAN PENGUJIAN ..................................................41

4.1 Implementasi ............................................................................................41

4.1.1 kebutuhan Sistem .........................................................................41

4.1.2 Tampilan Antarmuka ...................................................................44

4.2 Pengujian Aplikasi ...................................................................................59

4.2.1 Black Box Testing .......................................................................60

BAB V KESIMPULAN DAN SARAN ................................................................64

Page 8: New GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA …eprints.umm.ac.id/36114/1/jiptummpp-gdl-ahlulhairi-48822... · 2018. 1. 2. · i GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN

viii

5.1 Kesimpulan ..............................................................................................64

5.2 Saran ........................................................................................................64

DAFTAR PUSTAKA ...........................................................................................66

Page 9: New GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA …eprints.umm.ac.id/36114/1/jiptummpp-gdl-ahlulhairi-48822... · 2018. 1. 2. · i GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN

ix

DAFTAR GAMBAR

Gambar 1.1 1 model incremental ............................................................................5

Gambar 2.4 Contoh diagram State Sederhana ......................................................18

Gambar 3.1 Usecase Diagram fitur game .............................................................26

Gambar 3.2 Activity Diagram wudhu ...................................................................27

Gambar 3.3 Activity Diagram Shalat ....................................................................28

Gambar 3.4 Activity Diagram Doa .......................................................................29

Gambar 3.5 Sequence Diagram Wudhu ................................................................30

Gambar 3.6 Sequence Diagram Shalat ..................................................................31

Gambar 3.7 Sequence Diagram Doa .....................................................................32

Gambar 3.8 Class Diagram Game .........................................................................33

Gambar 3.9 Finite State Machine Gameplay ........................................................34

Gambar 3.10 Storyboard Game ............................................................................35

Gambar 3.11 Menu Utama Game .........................................................................38

Gambar 3.12 Menu Panduan .................................................................................38

Gambar 3.13 Menu Pengaturan .............................................................................39

Gambar 3.14 Pilih Materi ......................................................................................39

Gambar 3.15 Pilih Level ........... ...........................................................................40

Gambar 3.16 Pilih Level wudhu ...........................................................................40

Gambar 3.17 Pilih Level Shalat ............................................................................41

Gambar 3.18 Pilih Doa ..........................................................................................42

Gambar 3.19 Pilih Game Over...............................................................................42

Gambar 4.1 Menu Utama ......................................................................................44

Gambar 4.2 Pilih panduan Materi .........................................................................45

Gambar 4.3 panduan wudhu .................................................................................45

Gambar 4.4 panduan shalat ...................................................................................46

Gambar 4.5 panduan Doa sehari-hari ...................................................................46

Gambar 4.6 pengaturan .........................................................................................47

Gambar 4.7 Pilih materi ........................................................................................47

Gambar 4.8 pilih level ...........................................................................................48

Page 10: New GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA …eprints.umm.ac.id/36114/1/jiptummpp-gdl-ahlulhairi-48822... · 2018. 1. 2. · i GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN

x

Gambar 4.9 level wudhu mudah ...........................................................................48

Gambar 4.10 level wudhu sedang .........................................................................49

Gambar 4.11 level wudhu sulit .............................................................................50

Gambar 4.12 level shalat mudah ...........................................................................51

Gambar 4.13 level shalat sedang ...........................................................................52

Gambar 4.14 level shalat sulit ...............................................................................53

Gambar 4.15 level doa mudah ..............................................................................54

Gambar 4.16 level doa sulit ..................................................................................55

Gambar 4.17 level doa sulit ..................................................................................56

Gambar 4.18 tampilan game over .........................................................................57

Gambar 4.19 tampilan paused ...............................................................................58

Gambar 4.20 Tampilan exit game .........................................................................59

Page 11: New GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA …eprints.umm.ac.id/36114/1/jiptummpp-gdl-ahlulhairi-48822... · 2018. 1. 2. · i GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN

xi

DAFTAR GAMBAR

Tabel 2.1 Jenis Diagram UML ..............................................................................21

Tabel 4.1 kebutuhan perangkat keras pada komputer ...........................................43

Tabel 4.2 kebutuhan perangkat keras pada smartphone ........................................43

Tabel 4.3 kebutuhan perangkat Lunak ..................................................................44

Tabel 4.2 Hasil Black Box Testing .......................................................................60

Page 12: New GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA …eprints.umm.ac.id/36114/1/jiptummpp-gdl-ahlulhairi-48822... · 2018. 1. 2. · i GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN

xii

DAFTAR PUSTAKA

[1] Suindarti. 2011. Game Edukasi Meningkatkan Daya Ingat Anak ”Bermain

Bersama Dido” Dengan Macromedia Director. Yogyakarta

http://repository.amikom.ac.id/files/Publikasi_07.12_.2212_.pdf diakses pada

tanggal 16 juni 2017

[2] Khan, Fauzan Alhamid. “Game Edukasi Tata Cara Doa Dan Berwudlu Untuk

Murid Sekolah Dasar Menggunakan Unity (Study Kasus Sekolah Alam

Balikpapan).” SKRIPSI Jurusan Teknik Informatika UNIVERSITAS

MUHAMADIYAH MALANG (2013).

[3] Clark, Donald. (2006). Games and e-learning :

http://www.caspianlearning.co.uk/Whtpcaspian-games_1.1.pdf . diakses pada

tanggal 16 juni 2017

[4] Arief S. Sadiman. (2010). Media pendidikan: pengertian, pengembangan dan

pemanfaatannya. Jakarta: Rajawali Pers

[5] Handriyantini Eva, “Permainan Edukatif (Educational Games) Berbasis

Komputer untuk Siswa Sekolah Dasar,” vol. 1, no. e-Indonesia Initiative 2009

(eII2009), pp. 130–134, 2009.

https://www.researchgate.net/publication/284165891_Permainan_Edukatif_Ed

ucational_Games_Berbasis_Komputer_untuk_Siswa_Sekolah_Dasar [6] Moh.

Rifa’i, Risalah Tuntunan Shalat Lengkap, (Semarang: PT. Toha Putra, 2010),

hlm. 16.

Page 13: New GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA …eprints.umm.ac.id/36114/1/jiptummpp-gdl-ahlulhairi-48822... · 2018. 1. 2. · i GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN

xiii

[7] ebook tata cara wudhu

https://konsultasisyariah.com/download-gratis/ebook-tata-cara-wudhu-nabi-

full.pdf diakses pada tanggal 10 juli 2017

[8] ebook petunjuk lengkap tentang shalat.

https://d1.islamhouse.com/data/id/ih_books/single/id_Petunjuk_Lengkap_Tent

ang_Shalat.pdf diakses pada tanggal 10 juli 2017

[9] Pengetian Doa.

http://repo.iain-tulungagung.ac.id/636/3/BAB%202.pdf diakses pada tanggal

10 juli 2017

[10] Pengertian Storyboard

http://moekyuun.blogspot.co.id/2015/04/story-board-game-komputer.html

diakses pada tanggal 10 juli 2017

[11] Pengertian Finite State Machine (FSM)

http://technologies-it.blogspot.co.id/p/finite-state-machines.html diakses

pada tanggal 15 juli 2017

[12] Fowler Martin, 2004, UML Distilled 3th Edition. Panduan singkat bahasa

pemodela objek standar, Andi, Yogyakarta.

[13] pengertian android

http://elib.unikom.ac.id/download.php?id=170239. diakses pada tanggal 15

juli 2017

[14] Yeti Ekasari. 2012. Merancang Game Petualangan “Binggo” Menggunakan Unity

3d Game Engine. Yogyakarta

Page 14: New GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN DOA …eprints.umm.ac.id/36114/1/jiptummpp-gdl-ahlulhairi-48822... · 2018. 1. 2. · i GAME EDUKASI PEMBELAJARAN WUDHU, SHALAT DAN

xiv

http://repository.amikom.ac.id/files/Publikasi_10.21.0483.pdf diakses pada

tanggal 15 juli 2017

diakses pada tanggal 15 juli 2017