PERANCANGAN APLIKASI BELAJAR HIJAIYAH PADA ANDROID MENGGUNAKAN METODE RECTANGLES COLLISION DETECTION SKRIPSI CAHYA RIZKI D ASMONO

Transkripsi

1 PERANCANGAN APLIKASI BELAJAR HIJAIYAH PADA ANDROID MENGGUNAKAN METODE RECTANGLES COLLISION DETECTION SKRIPSI CAHYA RIZKI D ASMONO PROGRAM STUDI TEKNOLOGI INFORMASI FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI UNIVERSITAS SUMATERA UTARA MEDAN 2013

2 PERANCANGAN APLIKASI BELAJAR HIJAIYAH PADA ANDROID MENGGUNAKAN METODE RECTANGLES COLLISION DETECTION SKRIPSI Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Sarjana Teknologi Informasi CAHYA RIZKI D ASMONO PROGRAM STUDI TEKNOLOGI INFORMASI FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI UNIVERSITAS SUMATERA UTARA MEDAN 2013

3 ii PERSETUJUAN Judul : PERANCANGAN APLIKASI BELAJAR HIJAIYAH PADA ANDROID MENGGUNAKAN METODE RECTANGLES COLLISION DETECTION Kategori : SKRIPSI Nama : CAHYA RIZKI D ASMONO Nomor Induk Mahasiswa : Program Studi : SARJANA (S1) TEKNOLOGI INFORMASI Departemen : TEKNOLOGI INFORMASI Fakultas : ILMU KOMPUTER DAN TEKNOLOGI INFORMASI (FASILKOMTI) UNIVERSITAS SUMATERA UTARA Komisi Pembimbing : Diluluskan di Medan, Maret 2013 Pembimbing 2 Pembimbing 1 Romi Fadillah Rahmat, B.Comp.Sc., M.Sc. Dedy Arisandi, ST., M.Kom NIP NIP Diketahui/Disetujui oleh Program Studi S1 Teknologi Informasi Ketua, Prof. Dr. Opim Salim Sitompul, M.Sc. NIP

4 iii PERNYATAAN PERANCANGAN APLIKASI BELAJAR HIJAIYAH PADA ANDROID MENGGUNAKAN METODE RECTANGLES COLLISION DETECTION SKRIPSI Saya mengakui bahwa skripsi ini adalah hasil karya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Maret 2013 Cahya Rizki D Asmono

5 iv UCAPAN TERIMA KASIH Puji dan syukur penulis sampaikan kehadirat Allah SWT yang telah memberikan rahmat dan hidayah-nya sehingga penulis dapat menyelesaikan skripsi ini sebagai syarat untuk memperoleh gelar Sarjana Teknologi Informasi, Program Studi S1 Teknologi Informasi Universitas Sumatera Utara. Ucapan terima kasih penulis sampaikan kepada Bapak Dedy Arisandi, ST., M.Kom selaku pembimbing satu dan Bapak Romi Fadillah Rahmat, B.Comp.Sc, M.Sc. selaku pembimbing dua yang telah banyak meluangkan waktu dan pikirannya, memotivasi dan memberikan kritik dan saran kepada penulis. Ucapan terima kasih juga ditujukan kepada Ibu Dra. Elly Rosmaini. M.Si. dan Bapak Muhammad Anggia Muchtar, S.T., M.M.I.T. yang telah bersedia menjadi dosen pembanding. Ucapan terima kasih juga ditujukan kepada Ketua dan Sekretaris Program Studi Teknologi Informasi, Prof. Dr. Opim Salim Sitompul, M.Sc. dan Drs. Sawaluddin, M.IT, Dekan dan Pembantu Dekan Fakultas Ilmu Komputer dan Teknologi Informasi Universitas Sumatera Utara, semua dosen serta pegawai di Program Studi S1 Teknologi Informasi. Skripsi ini terutama penulis persembahkan untuk kedua orang tua dan keluarga penulis yang telah memberikan dukungan dan motivasi, ayahanda Ir. Liliek Pudji Asmono dan ibunda Fitriyati Abdis yang selalu sabar dalam mendidik dan membesarkan penulis. Untuk kakak penulis Agitha Firli Eka Saputri Asmono, abang Danial Salatin dan adik Dimas Saleh Tri Asmono yang selalu memberikan dorongan kepada penulis. Terima kasih penulis ucapkan kepada M Andika Saputra yang selalu memberikan dukungan dan motivasinya dan juga kepada teman-teman angkatan 08 Ishri, Karina Ayesha, Syahfitri, Karina Andi, Mauza, Fani, serta teman-teman mahasiswa Teknologi Informasi lainnya yang tidak dapat penulis sebutkan satu persatu.

6 v ABSTRAK Perkembangan teknologi pada perangkat mobile saat ini semakin berkembang pesat, salah satunya yang sedang populer saat ini adalah Android. Android merupakan operating sistem open platform yang dirancang untuk perangkat mobile. Dengan menggunakan android penulis akan merancang aplikasi belajar hijaiyah untuk anakanak usia 5 sampai 10 tahun, sehingga mereka bisa memanfaatkan android sebagai media belajar anak muslim. Metode penelitian yang digunakan penulis untuk merancang aplikasi belajar hijaiyah ini ialah metode Rectangles Collision Detection yang digunakan untuk proses belajar menulis Hijaiyah. Aplikasi ini diharapkan dapat membantu para orang tua untuk mengajarkan anak-anak cara membaca dan menulis huruf Hijaiyah secara cepat, mudah dan praktis. Kata Kunci : Hijaiyah, Rectangles Collision Detection, Android

7 DESIGNING LEARNING HIJAIYAH APPLICATION ON ANDROID USE RECTANGLES COLLISION DETECTION METHOD vi ABSTRACT Nowadays, technology development on mobile device has growing rapidly, one of the most popular technology is Android. Android is an open platform operating system which designed for mobile device. As a technology, author uses Android to design a learning hijaiyah application for 5 to 10 years child, so that Android can used as learning media. This research uses Rectangles Collision Detection method to process of learning to write Hijaiyah. This application expected can help parents to teach their children how to read and write Hijaiyah letters quickly, easily, and practically. Key Word : Hijaiyah, Rectangles Collision Detection, Android

8 vii DAFTAR ISI Persetujuan Pernyataan Ucapan Terima Kasih Abstrak Abstract Daftar Isi Daftar Tabel Daftar Gambar Hal. ii iii iv v vi vii ix x BAB 1 Pendahuluan Latar Belakang Rumusan Masalah Batasan Masalah Tujuan Penelitian Manfaat Penelitian Metodologi Penelitian Sistematika Penulisan 5 BAB 2 Landasan Teori Mobile Learning Klasifikasi mobile learning Perbedaan e-learning dan m-learning Pandangan terhadap m-leraning Konten m-learning Hijaiyah Huruf-huruf hijaiyah Android Arsitektur android Fundamental aplikasi Tipe aplikasi android Kelebihan android Multimedia Jenis multimedia Kelebihan multimedia dalam pembelajaran Metode Pengembangan Perangkat Lunak Multimedia Luther Collision Detection Rectangles Collision Detection 28 BAB 3 Analisis dan Perancangan Aplikasi Analisis Perancangan Analisis Metode Check Rectangles Pada Penulisan Huruf Hijaiyah Perancangan Aplikasi Error! Bookmark not defined.

9 viii Perencanaan (concept) Error! Bookmark not defined Perancangan (design) Error! Bookmark not defined Perancangan alur aplikasierror! Bookmark not defined Perancangan pemodelan visual menggunakan UML Perancangan antarmuka aplikasi Perancangan storyboard dan struktur navigasi Error! Bookmark not defined Pengumpulan bahan (material collecting) Pembuatan (assembly) Pengujian (testing) Distribusi (distribution) 69 BAB 4 Implementasi dan Pengujian Aplikasi Implementasi Spesifikasi perangkat keras Spesifikasi perangkat lunak Tampilan Aplikasi Tampilan halaman menu utama Tampilan halaman menu belajar Tampilan halaman papan huruf hijaiyah Error! Bookmark not defined Tampilan halaman belajar membaca Error! Bookmark not defined Tampilan halaman menu belajar menulis Tampilan halaman belajar menulis huruf hijaiyah tunggal Tampilan halaman belajar menulis huruf hijaiyah bersambung Tampilan halaman belajar menulis perubahan penulisan Tampilan halaman menu bermain Tampilan halaman bermain level Tampilan halaman bermain level Tampilan halaman bermain level Pengujian Aplikasi Pengujian alfa Pengujian beta 85 BAB 5 Kesimpulan dan Saran Kesimpulan Saran 91 Daftar Pustaka 92 Lampiran A: Listing Program 94 Lampiran B : Kuisioner 119

10 ix DAFTAR TABEL Hal. Tabel 2.1. Versi-versi Android 17 Tabel 3.1. Deskripsi Konsep Aplikasi 33 Tabel 3.2. Proses Menu Belajar 38 Tabel 3.3. Proses Menu Membaca 39 Tabel 3.4. Proses Pilihan Menu Menulis 40 Tabel 3.5. Proses Menu Bermain 41 Tabel 3.6. Proses Menu Permainan Hijaiyah 42 Tabel 3.7. Storyboard dan Navigasi 58 Tabel 4.1. Hasil Pengujian Black Box 81 Tabel 4.2. Hasil Kuisioner Antarmuka Aplikasi 84 Tabel 4.3. Hasil Kuisioner Penggunaan Aplikasi 87

11 x DAFTAR GAMBAR Hal. Gambar 2.1. Klasifikasi Umum Sistem M-Learning 8 Gambar 2.2. Huruf-Huruf Hijaiyah 15 Gambar 2.3. Arsitektur Android 18 Gambar 2.4. Model Pengembangan Multimedia 26 Gambar 3.1. Contoh Pembagian Data Rectangle Huruf Alif 30 Gambar 3.2. Menampilkan Red Rectangle 31 Gambar 3.3. Meletakkan Layer Objek Transparant 31 Gambar 3.4. Flowchart Pemilihan Menu 34 Gambar 3.5. Flowchart Halaman Pilih Belajar 35 Gambar 3.6. Flowchart Halaman Pilih Menu Menulis 36 Gambar 3.7. Flowchart Halaman Pilih Bermain 37 Gambar 3.8. Use Case Diagram 38 Gambar 3.9. Activity Diagram Belajar 39 Gambar Activity Diagram Membaca 40 Gambar Activity Diagram Menulis 41 Gambar Activity Diagram Bermain 42 Gambar Activity Diagram Permainan 43 Gambar Sequence Diagram Belajar Membaca 43 Gambar Sequence Diagram Belajar Menulis 43 Gambar Sequence Diagram Bermain 44 Gambar Rancangan Antarmuka Halaman Menu Utama 46 Gambar Rancangan Antarmuka Halaman Menu Belajar 47 Gambar Rancangan Antarmuka Halaman Papan Huruf Hijaiyah 48 Gambar Rancangan Antarmuka Halaman Belajar Membaca 49 Gambar Rancangan Antarmuka Halaman Pilihan Menu Belajar Menulis 50 Gambar Rancangan Antarmuka Halaman Menulis Huruf Hijaiyah Tunggal 51 Gambar Rancangan Antarmuka Halaman Menulis Huruf Hijaiyah Bersambung52 Gambar Rancangan Antarmuka Halaman Menulis Perubahan Penulisan 53 Gambar Rancangan Antarmuka Halaman Pilih Level 54 Gambar Rancangan Antarmuka Halaman Bermain Level 1 55 Gambar Rancangan Antarmuka Halaman Bermain Level 2 56 Gambar Rancangan Antarmuka Halaman Bermain Level 3 57 Gambar 4.1. Tampilan Halaman Menu Utama 70 Gambar 4.2. Tampilan Halaman Menu Belajar 71 Gambar 4.3. Tampilan Halaman Papan Huruf Hijaiyah 72 Gambar 4.4. Tampilan Halaman Belajar Membaca 73 Gambar 4.5. Tampilan Halaman Menu Belajar Menulis 74 Gambar 4.6. Tampilan Halaman Belajar Menulis Hijaiyah Tunggal 74

12 Gambar 4.7. Tampilan Halaman Belajar Menulis Hijaiyah Bersambung 75 Gambar 4.8. Tampilan Halaman Perubahan Penulisan 76 Gambar 4.9. Tampilan Halaman Menu Bermain 77 Gambar Tampilan Halaman Bermain Level 1 77 Gambar Tampilan Halaman Bermain Level 2 78 Gambar Tampilan Halaman Bermain Level 3 79 xi