RANCANG BANGUN APLIKASI HIJA’IYAH BERBASISeprints.umm.ac.id/47775/1/PENDAHULUAN.pdf · RANCANG...

13
RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS ANDROID TUGAS AKHIR Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Firman Hadi Maulana 201310370311141 JURUSAN INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2018

Transcript of RANCANG BANGUN APLIKASI HIJA’IYAH BERBASISeprints.umm.ac.id/47775/1/PENDAHULUAN.pdf · RANCANG...

Page 1: RANCANG BANGUN APLIKASI HIJA’IYAH BERBASISeprints.umm.ac.id/47775/1/PENDAHULUAN.pdf · RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS ANDROID. TUGAS AKHIR . Diajukan Untuk Memenuhi

RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS

ANDROID

TUGAS AKHIR

Diajukan Untuk Memenuhi

Persyaratan Guna Meraih Gelar Sarjana Strata 1

Teknik Informatika Universitas Muhammadiyah Malang

Firman Hadi Maulana

201310370311141

JURUSAN INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2018

Page 2: RANCANG BANGUN APLIKASI HIJA’IYAH BERBASISeprints.umm.ac.id/47775/1/PENDAHULUAN.pdf · RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS ANDROID. TUGAS AKHIR . Diajukan Untuk Memenuhi
Page 3: RANCANG BANGUN APLIKASI HIJA’IYAH BERBASISeprints.umm.ac.id/47775/1/PENDAHULUAN.pdf · RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS ANDROID. TUGAS AKHIR . Diajukan Untuk Memenuhi
Page 4: RANCANG BANGUN APLIKASI HIJA’IYAH BERBASISeprints.umm.ac.id/47775/1/PENDAHULUAN.pdf · RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS ANDROID. TUGAS AKHIR . Diajukan Untuk Memenuhi
Page 5: RANCANG BANGUN APLIKASI HIJA’IYAH BERBASISeprints.umm.ac.id/47775/1/PENDAHULUAN.pdf · RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS ANDROID. TUGAS AKHIR . Diajukan Untuk Memenuhi

KATA PENGANTAR

Assalamualaikum Warahmatullahi Wabarakatuh

Dengan memanjatkan puji syukur kehadirat Allah SWT atas limpahan rahmat

dan hidayah-Nya serta tak lupa shalawat dan salam semoga selalu terlimpah curhkan

atas junjungan Nabi Muhammad SAW sehingga penulis dapat menyelesaikan tugas

akhir yang berjudul :

RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS

ANDROID

Penyusunan laporan Tugas Akhir ini merupakan salah satu peryaratan untuk

mencapai kelulusan dan memperoleh gelar Sarjana Teknik dalam Program Studi

Teknik Informatika Program Strata 1 Jurusan Teknik Informatika, Fakultas Teknik,

Universitas Muhammadiyah Malang.

Pada penulian Tugas Akhir ini di rancang sebuah aplikasi yang di gunakan

untuk mempermudah dalam pembelajaran Huruf- huruf Hija’iyah sehingga bisa di

pahami oleh siswa siswi.

Peneliti menyadari masih banyak kekurangan dan keterbatasan dalam

penulisan tugas akhir ini. Untuk itu, penulis sangat mengharapkan saran yang

membangun agar tulisan ini dapat berguna untuk perkembangan ilmu pengetahuan

kedepan.

Malang, 30 Juli 2018

Firman Hadi Maulana

Page 6: RANCANG BANGUN APLIKASI HIJA’IYAH BERBASISeprints.umm.ac.id/47775/1/PENDAHULUAN.pdf · RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS ANDROID. TUGAS AKHIR . Diajukan Untuk Memenuhi

DAFTAR ISI

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

LEMBAR PENGEAHAN .......................................................................... ii

LEMBAR PERNYATAAN KEASLIAN ................................................iii

ABSTAK .................................................................................................... iv

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

LEMBAR PERSEBAHAN ....................................................................... vi

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

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

DAFTAR GAMBAR ................................................................................ xii

DAFTAR TABEL ................................................................................... xiv

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

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

1.2. Rumusan masalah ...................................................................... 2

1.3. Tujuan masalah ......................................................................... 3

1.4. Batasan Masalah ........................................................................ 3

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

1.6. Sistematika Penulisan ................................................................ 3

BAB II LANDASAN TEORI .................................................................... 6

2.1. Pengenalan Huruf Hija’iyah ...................................................... 6

2.1.1 Huruf Hija’iyah Sambung..................................................8

2.2. Metode Pembelajaran ............................................................ ..10

2.2.1 Macam-macam Metode Pembelajaran............................11

2.3. Media Pembelajaran.................................................................13

2.3.1 Fungsi Media Pembelajara...............................................14

2.3.2 Macam-macam Media Pembelajaran..............................15

2.4. Teknologi Touchscreen ........................................................... 16

Page 7: RANCANG BANGUN APLIKASI HIJA’IYAH BERBASISeprints.umm.ac.id/47775/1/PENDAHULUAN.pdf · RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS ANDROID. TUGAS AKHIR . Diajukan Untuk Memenuhi

2.4.1 Cara Kerja Touchscreen ................................................. 17

2.4.2 Jenis Touchscreen .......................................................... 17

2.5. Android.................................................................................... 18

2.5.1 User Interface...................................................................18

BAB III ANALISIS DAN RANCANGAN SISTEM ............................. 20

3.1. Analisa Sistem .............................................................................. 20

3.1.1. Analisa Kebutuhan Fungsional ................................................. 20

3.1.2. Use Case Diagram ..................................................................... 20

3.1.2.1.Use Case Pembelajaran ...................................................... 21

3.1.2.2.Use Case Hija’iyah Tunggal .............................................. 22

3.1.2.3. Use Case Hija’iyah Sambung............................................ 23

3.1.2.4.Use Case Latihan................................................................ 24

3.1.2.5.Use Case Penulisan ............................................................ 25

3.1.2.6. Use Case Penilaian ............................................................ 25

3.1.2.7.Use Case Bantuan .............................................................. 26

3.1.3. Activity Diagram .................................................................... 27

3.1.3.1. Activity Pembelajaran ...................................................... 27

3.1.3.2. Activity Hija’iyah Tunggal ............................................... 28

3.1.3.3. Activity Hija;iyah Sambung .............................................. 28

3.1.3.4. Activity Latihan ................................................................. 29

3.1.3.5. Activity Penulisan ............................................................. 30

3.1.3.6. Activity Penilaian .............................................................. 30

3.1.3.7. Activity Bantuan ............................................................... 31

3.2. Perancangan Sistem ...................................................................... 32

3.2.1 Diagram Sequence ..................................................................... 32

3.2.1.1. Sequence Pembelajaran ..................................................... 32

3.2.1.2. Sequence Hija’iyah Tunggal ............................................. 33

3.2.1.3. Sequence Hija’iyah Sambung ........................................... 33

3.2.1.4. Sequence Latihan .............................................................. 34

Page 8: RANCANG BANGUN APLIKASI HIJA’IYAH BERBASISeprints.umm.ac.id/47775/1/PENDAHULUAN.pdf · RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS ANDROID. TUGAS AKHIR . Diajukan Untuk Memenuhi

3.2.1.5. Sequence Penulisan ........................................................... 35

3.2.1.6. Sequence Penilaian ............................................................ 35

3.2.1.7. Sequence Bantuan ............................................................. 36

3.2.2 Interface ..................................................................................... 37

3.2.2.1. Halaman Utama ................................................................. 37

3.2.2.2. Interface Pembelajaran ...................................................... 37

3.2.2.3. Interface Pembelajaran Hija’iyah Tunggal........................ 38

3.2.2.4. Interface Pembelajaran Hija’iyah Sambung ...................... 39

3.2.2.5. Interface Latihan ............................................................... 39

3.2.2.6. Interface Penilaian ............................................................. 40

3.2.2.7. Interface Bantuan .............................................................. 41

3.2.2.8. Profil .................................................................................. 41

BAB IV IMPLEMENTASI DAN PENGUJIAN ................................... 42

4.1 Lingkup Pengembangan ....................................................................... 42

4.1.1. Perangkat Keras.......................................................... 42

4.1.2. Perangkat Lunak ......................................................... 42

4.2 Implementasi Sistem ............................................................................ 43

4.2.1. Tampilan Halaman Utama ............................................ 43

4.2.2. Tampilan Menu Pembelajaran ...................................... 43

4.2.3. Tampilan Menu Pembelajaran Hija’iyah Tunggal ........ 44

4.2.4. Tampilan Menu Latihan ................................................ 44

4.2.5. Tampilan Menu Nilai .................................................... 45

4.2.6. Tampilan Menu Bantuan ............................................... 46

4.2.7. Tampilan Menu Profil ................................................... 46

4.2.8. Tampilan Menu Petunjuk .............................................. 47

4.3 Pengujian .............................................................................................. 47

4.3.1. Pengujian Halaman Utama ............................................ 48

4.3.2. Pengujian Menu Pembelajaran ...................................... 48

4.3.3. Pengujian Menu Latihan ............................................... 49

Page 9: RANCANG BANGUN APLIKASI HIJA’IYAH BERBASISeprints.umm.ac.id/47775/1/PENDAHULUAN.pdf · RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS ANDROID. TUGAS AKHIR . Diajukan Untuk Memenuhi

4.3.4. Pengujian Menu Penulisan ............................................ 49

4.3.5. Pengujian Menu Nilai ................................................... 50

BAB V KESIMPULAN DAN SARAN ................................................... 51

5.1. Kesimpulan.............................................................................. 51

5.2. Saran ........................................................................................ 51

DAFTAR PUSTAKA ............................................................................... 53

Page 10: RANCANG BANGUN APLIKASI HIJA’IYAH BERBASISeprints.umm.ac.id/47775/1/PENDAHULUAN.pdf · RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS ANDROID. TUGAS AKHIR . Diajukan Untuk Memenuhi

DAFTAR GAMBAR

Gambar 2.1.1 Bentuk Hijayah Di Depan ..................................................... 9

Gambar 2.1.2 Huruf Hijaiyah Di Tengah..................................................... 9

Gambar 2.1.3 Bentuk Hijayah Di Akhir .................................................... 10

Gambar 2.5.1 Struktur Android ................................................................. 18

Gambar 3.1 Use Case Diagram .................................................................. 21

Gambar 3.2 Activity Diagram Pembelajaran ............................................. 27

Gambar 3.3 Activity Diagram Hijaiyah Tunggal ....................................... 28

Gambar 3.4 Activity Diagram Hijaiyah Sambung ..................................... 29

Gambar 3.5 Activity Diagram Latihan....................................................... 29

Gambar 3.6 Activity Diagram Penulisan ................................................... 30

Gambar 3.7 Activity Diagram Penilaian .................................................... 31

Gambar 3.8 Activity Diagram Bantuan ..................................................... 31

Gambar 3.9 Sequence Diagram Pembelajaran ........................................... 32

Gambar 3.10 Sequence Diagram Hijaiyah Tunggal .................................. 33

Gambar 3.11 Sequence Diagram Hijaiyah Sambung ................................. 34

Gambar 3.12 Sequence Diagram Latihan .................................................. 34

Gambar 3.13 Sequence Diagram Penulisan ............................................... 35

Gambar 3.14 Sequence Diagram Penilaian ................................................ 36

Gambar 3.15 Sequence Diagram Bantuan ................................................. 36

Gambar 3.16 Interface Halaman Utama..................................................... 37

Gambar 3.17 Interface Pembelajaran ......................................................... 37

Gambar 3.18 Interface Hijaiyah Tunggal................................................... 38

Gambar 3.19 Interface Hijaiyah Sambung ................................................. 39

Gambar 3.20 Interface Latihan .................................................................. 39

Gambar 3.21 Interface Penulisan ............................................................... 40

Gambar 3.22 Interface Penilaian ................................................................ 40

Gambar 3.23 Interface Bantuan ................................................................. 41

Gambar 3.24 Interface Profil...................................................................... 41

Page 11: RANCANG BANGUN APLIKASI HIJA’IYAH BERBASISeprints.umm.ac.id/47775/1/PENDAHULUAN.pdf · RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS ANDROID. TUGAS AKHIR . Diajukan Untuk Memenuhi

Gambar 4.1 Tampilan Halaman Utama ..................................................... 43

Gambar 4.2 Tampilan Menu Pembelajaran ............................................... 43

Gambar 4.3 Tampilan Menu Pembelajaran Hija’iyah Tunggal ................. 44

Gambar 4.4 Tampilan Menu Latihan ......................................................... 45

Gambar 4.5 Tampilan Menu Nilai ............................................................. 45

Gambar 4.6 Tampilan Menu Bantuan ........................................................ 46

Gambar 4.7 Tampilan Menu Profil ............................................................ 46

Gambar 4.8 Tampilan Menu Petunjuk ....................................................... 47

Page 12: RANCANG BANGUN APLIKASI HIJA’IYAH BERBASISeprints.umm.ac.id/47775/1/PENDAHULUAN.pdf · RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS ANDROID. TUGAS AKHIR . Diajukan Untuk Memenuhi

DAFTAR TABEL

Tabel 2.1 Jumlah Huruf Hijaiyah 30 Huruf ................................................. 7

Tabel 2.2 Jumlah Huruf Hijaiyah 29 Huruf ................................................. 7

Tabel 2.3 Jumlah Huruf Hijaiyah 28 Huruf ................................................. 8

Tabel 3.1 Use Case Pembelajaran .............................................................. 22

Tabel 3.2 Tabel Use Case Hijaiyah Tunggal ............................................. 23

Tabel 3.3 Tabel Use Case Hijaiyah Sambung ............................................ 24

Tabel 3.4 Tabel Use Case Akses Latihan................................................... 24

Tabel 3.5 Tabel Use Case Penulisan .......................................................... 25

Tabel 3.6 Tabel Use Case Penilaian ........................................................... 26

Tabel 3.7 Tabel Use Case Bantuan ............................................................ 26

Tabel 4.1 Spesifikasi Perangkat Keras ....................................................... 42

Tabel 4.2 Spesifikasi Perangkat Lunak ...................................................... 42

Tabel 4.3 Pengujian Halaman Utama......................................................... 48

Tabel 4.4 Pengujian Menu Pembelajaran................................................... 48

Tabel 4.5 Pengujian Menu Latihan ............................................................ 49

Tabel 4.6 Pengujian Menu Penulisan ......................................................... 49

Tabel 4.7 Pengujian Menu Nilai ................................................................ 50

Page 13: RANCANG BANGUN APLIKASI HIJA’IYAH BERBASISeprints.umm.ac.id/47775/1/PENDAHULUAN.pdf · RANCANG BANGUN APLIKASI HIJA’IYAH BERBASIS ANDROID. TUGAS AKHIR . Diajukan Untuk Memenuhi

DAFTAR PUSTAKA

[1] Purwanti Ika, “PERANCANGAN APLIKASI PEMBELAJARAN HURUF

HIJAIYAH BERPLATFORM ANDROID UNTUK MADRASAH BACA

TULIS AL QURAN AL-FATTAH DESA WIDODAREN KABUPATEN

NGAWI,” Peranc. Apl. PEMBELAJARAN HURUF HIJAIYAH

BERPLATFORM ANDROID UNTUK MADRASAH BACA TULIS AL QURAN

AL-FATTAH DESA WIDODAREN KABUPATEN NGAWI, vol. 2 no 1, pp.

123 – 130, 2013.

[2] F. A. Supriyanto, Taringan Albert Petrick, Rusbandi, “Rancang Bangun

Game Edukatif Belajar Bahasa Arab,” Ranc. Bangun Game Edukatif Belajar

Bhs. Arab, pp. 1–10, 2015.

[3] H. R. Y. Mistari, Asmara Rengga, “Aplikasi belajar membaca dan

mengucapkan huruf hijaiyah dengan tajwid berbasis android,” 2015.

[4] Manasikana, A. “Baca Tulis Al-Quran 1,” Yogyakarta: Insani Madani, 2007.

[5] Efendi, Rusdi; Purwandari, Endina Putri; Aziz, Muhammad Abdul; “ Aplikasi

Pengenalan Huruf Hijaiyah Berbasis Marker Augmented Reality Pada

Platform Android,” Jurnal Pseudocode, vol. 2, no. 2, 2015.

[6] Drs. Syaiful Bahri & Drs.Aswan Zain, Startegi belajar mengajar .Jakarta :

Rineka Cipta, 2006

[7] Asnawir & M. Basyiruddin usman. Media Pembelajaran. Jakarta : Ciputat

Pers, 2002

[8] Fauzian, Rizki.” PEMBANGUNAN DIGITAL POSTER DENGAN

TEKNOLOGI MULTITOUCH (STUDI KASUS DI LABORATORIUM

MIC-INSTITUT TEKNOLOGI BANDUNG) “.

[9] Bhalla, Mudit Ratana; Bhalla, Anand Vardhan; “Comparative Study of

Various Touchscreen Technologies,” 2010.

[10] Hashimi, Sayed Y, Satya Komatineni, & Dave MacLean, Pro Android 2,

Steve Anglin, Ed. New York, United States of America: Apress, 2010

[11] Fauzy, Afrina N. “Kamus Obat Berbasis Android,” 2014