aplikasi iqro’ berbasis android …jurnal.stmikelrahma.ac.id/assets/file/cahyo tunggul...kode...

15
1 APLIKASI IQRO’ BERBASIS ANDROID MENGGUNAKAN ADOBE FLASH PROFESSIONAL CS6 Oleh Cahyo Tunggul Warsito 12100807 INTISARI Perkembangan teknologi saat ini telah menjadi bagian keseharian manusia sebagai alat maupun sebagai perangkat pembantu, sehingga mempengaruhi kehidupan manusia. Aktivitas yang padat menjadikan orang terlalu sibuk dalam kesehariannya. Terkadang hal yang penting bagi seorang muslim terlalaikan. Salah satunya mengenal dan membaca Al-Qur’an. Membaca dengan benar menjadi terabaikan bahkan terlupakan. Dikarenakan terbatasnya informasi dan waktu untuk mempelajarinya, serta kurang praktisnya belajar dengan membawa buku kemana-mana. Mobile Android dapat menjadi alternatif dalam pembelajaran yang praktis. Aplikasi berbasis Android mampu menggabungkan suara, tulisan dan gambar untuk dijadikan sebagai media belajar. Berdasarkan permasalahan diatas maka dilakukan penelitian untuk membuat sebuah aplikasi sebagai sarana belajar membaca Al-Qur’an yang dapat dijalankan pada mobile Android. Aplikasi dibangun menggunakan Adobe Flash Professional CS6. Aplikasi ini berupa Iqro’ jilid 1 sampai jilid 6 yang disertai makhorijul huruf . Kata kunci : Iqro’, Android, Jilid, Makhorijul huruf PENDAHULUAN Latar Belakang Seiring dengan perkembangan teknologi saat ini, Handphone tidak hanya memiliki fungsi utama sebagai alat komunikasi, namun saat ini fitur handphone sudah dapat mengolah gambar, video bahkan mengolah dokumen. Dengan perkembangan teknologi yang semakin maju dapat membantu aktivitas manusia. Aktivitas yang padat menjadikan orang terlalu sibuk dalam kesehariannya. Terkadang hal yang tidak menjadi prioritas namun suatu keharusan bagi seorang muslim terlalaikan. Salah satunya mengenal dan membaca Al-Qur’an dengan benar menjadi terabaikan bahkan terlupakan. Faktor penyebabnya antara lain terbatasnya informasi dan waktu untuk mempelajarinya, serta kurang praktisnya belajar dengan membawa buku kemana-mana.

Upload: others

Post on 06-Jul-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: APLIKASI IQRO’ BERBASIS ANDROID …jurnal.stmikelrahma.ac.id/assets/file/Cahyo Tunggul...Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang disediakan oleh Adobe

1

APLIKASI IQRO’ BERBASIS ANDROID

MENGGUNAKAN ADOBE FLASH PROFESSIONAL CS6

Oleh

Cahyo Tunggul Warsito

12100807

INTISARI

Perkembangan teknologi saat ini telah menjadi bagian keseharian manusia

sebagai alat maupun sebagai perangkat pembantu, sehingga mempengaruhi

kehidupan manusia. Aktivitas yang padat menjadikan orang terlalu sibuk dalam

kesehariannya. Terkadang hal yang penting bagi seorang muslim terlalaikan.

Salah satunya mengenal dan membaca Al-Qur’an. Membaca dengan benar

menjadi terabaikan bahkan terlupakan. Dikarenakan terbatasnya informasi dan

waktu untuk mempelajarinya, serta kurang praktisnya belajar dengan membawa

buku kemana-mana.

Mobile Android dapat menjadi alternatif dalam pembelajaran yang praktis.

Aplikasi berbasis Android mampu menggabungkan suara, tulisan dan gambar

untuk dijadikan sebagai media belajar.

Berdasarkan permasalahan diatas maka dilakukan penelitian untuk membuat

sebuah aplikasi sebagai sarana belajar membaca Al-Qur’an yang dapat dijalankan

pada mobile Android. Aplikasi dibangun menggunakan Adobe Flash Professional

CS6. Aplikasi ini berupa Iqro’ jilid 1 sampai jilid 6 yang disertai makhorijul huruf

.

Kata kunci : Iqro’, Android, Jilid, Makhorijul huruf

PENDAHULUAN

Latar Belakang

Seiring dengan perkembangan teknologi saat ini, Handphone tidak hanya

memiliki fungsi utama sebagai alat komunikasi, namun saat ini fitur handphone

sudah dapat mengolah gambar, video bahkan mengolah dokumen. Dengan

perkembangan teknologi yang semakin maju dapat membantu aktivitas manusia.

Aktivitas yang padat menjadikan orang terlalu sibuk dalam kesehariannya.

Terkadang hal yang tidak menjadi prioritas namun suatu keharusan bagi seorang

muslim terlalaikan. Salah satunya mengenal dan membaca Al-Qur’an dengan

benar menjadi terabaikan bahkan terlupakan. Faktor penyebabnya antara lain

terbatasnya informasi dan waktu untuk mempelajarinya, serta kurang praktisnya

belajar dengan membawa buku kemana-mana.

Page 2: APLIKASI IQRO’ BERBASIS ANDROID …jurnal.stmikelrahma.ac.id/assets/file/Cahyo Tunggul...Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang disediakan oleh Adobe

2

Sebagaimana telah kita ketahui bahwa, populasi penduduk di Indonesia

sebagian besar menganut agama islam, sekitar 87,18 persen dari 237.641.326

penduduk Indonesia adalah pemeluk Islam. (Badan Pusat Statistik, 2010). Hasil

survei Institut Ilmu Alquran (IIA) Jakarta mengungkapkan sekitar 65 persen umat

Islam di Indonesia tidak bisa membaca Al-Quran alias buta aksara Al-Qur’an.

(DDHK News, 2013)

Rumusan Masalah

Berdasarkan latar belakang diperoleh rumusan masalah yaitu, bagaimana

membaca iqro’ dapat dilakukan dengan mudah dan menarik untuk masyarakat

menggunakan aplikasi android.

Batasan Masalah

Adapun batasan masalah yang diperoleh setelah mengetahu latar belakang dan

rumusan masalah adalah sebagai berikut.

1. Aplikasi diterapkan pada smartphone android.

2. Smartphone yang digunakan harus didukung software Adobe AIR.

3. Aplikasi menampilkan jilid 1 sampai jilid 6.

4. Jilid yang dilengkapi suara hanya jilid 1.

Tujuan Penelitian

Menghasilkan aplikasi smartphone yang dapat digunakan sebagai belajar Al-

Quran secara praktis dan efisien.

Manfaat Penelitian

Adapun merujuk pada tujuan, maka diharapkan dapat memberi manfaat

kepada pengguna aplikasi antara lain.

1. Memperoleh aplikasi iqro yang dapat mempermudah belajar Al-

Qur’an.

2. Memenuhi anjuran untuk belajar Al-Quran.

3. Belajar Al-Quran bisa dilakukan kapanpun dan dimanapun.

Page 3: APLIKASI IQRO’ BERBASIS ANDROID …jurnal.stmikelrahma.ac.id/assets/file/Cahyo Tunggul...Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang disediakan oleh Adobe

3

LANDASAN TEORI

Action Script 3.0

Sugara (2014), ActionScript adalah sebuah bahasa pemrograman yang

dikembangkan untuk Adobe Flash Player runtime environment. ActionScript yang

pada awalnya dikembangkan oleh Macromedia Inc (sekarang dimiliki Adobe

System) menggunakan dialek EMAScript (memiliki superset sintaks dan semantik

dari JavaScript yang telah dikenal lebih luas). ActionScript dieksekusi oleh

ActionScript Virtual Machine (AVM) yang merupakan bagian dari Flash Player.

Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang

disediakan oleh Adobe Flash CS3 Professional dan Adobe Flex Builder.

Adobe Flash Pro CS 6

Adobe Flash Pro CS 6 merupakan software yang dirancang untuk membuat

animasi berbasis vektor. Program ini memiliki banyak fungsi seperti pembuatan

animasi objek, membuat presentasi, animasi iklan, game, pendukung animasi

halaman web, hingga dapat digunakan untuk pembuatan film animasi.

Adobe AIR

Adobe Integrated Runtime atau AIR, adalah cross-platform runtime

environment untuk membangun rich internet applications (RIA) menggunakan

Adobe Flash, Adobe Flex, HTML, dan AJAX, yang dapat dipasang sebagai

aplikasi desktop .

UML (Unified Modelling Language)

UML adalah sekumpulan simbol dan diagram untuk memodelkan

software. Dengan menggunakan UML, desain software dapat diwujudkan dalam 5

Page 4: APLIKASI IQRO’ BERBASIS ANDROID …jurnal.stmikelrahma.ac.id/assets/file/Cahyo Tunggul...Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang disediakan oleh Adobe

4

bentuk simbol dan diagram yang kemudian akan diterjemahkan menjadi kode

program. UML yang digunakan berupa diagram use case, diagram activity,

diagram sequence (Sholiq, 2006)

RANCANGAN PENELITIAN

Analisa Kebutuhan Sistem

Analisa kebutuhan ditujukan untuk mengetahui apa saja hal yang dibutuhkan

dalam pembuatan aplikasi iqro’ ini. Tahapan-tahapan yang dilakukan adalah

sebagai berikut.

Analisa Kebutuhan Sistem

Setelah dilakukan analisa terhadap aplikasi yang akan dibangun didapat hasil

sebagai berikut.

1. Aplikasi berupa aplikasi iqro’ untuk android.

2. Aplikasi disertai cara baca atau makhorijul huruf.

3. Aplikasi dapat menampilkan dan menghasilkan suara

Analisa Kebutuhan Data

Data yang dibutuhkan berupa materi tentang iqro’ dan makhorijul huruf.

Materi yang dibutuhkan antara lain file gambar untuk desain background serta file

suara (*.wav) untukpengisi suara pada aplikasi.

Analisa Kebutuhan Hardware

Aplikasi ini akan dibangun dengan spesifikasi hardware berikut ini.

Prosesor : Pentium(R) Dual-Core CPU @2.20GHz atau lebih

Memori : 2.00 GB atau lebih

Sistem Operasi : Microsoft Windows 7 Ultimate

Analisa Kebutuhan Software

Software yang digunakan untuk merancang aplikasi pembelajaran iqro’ adalah

sebagai berikut.

1. Adobe Flash Pro CS6 digunakan untuk membuat aplikasi Iqro’

2. Adobe Photoshop dan Corel Draw x4 digunakan dalam pembuatan

dan pengeditan grafis.

3. Adobe Audition 2 sebagai pengolah suara.

Page 5: APLIKASI IQRO’ BERBASIS ANDROID …jurnal.stmikelrahma.ac.id/assets/file/Cahyo Tunggul...Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang disediakan oleh Adobe

5

Perancangan Sistem

Perancangan sistem untuk aplikasi yang dibuat menggunakan UML yang meliputi

use case diagram, activity diagram dan sequence diagram.

Use Case Diagram

Use case diagram menggambarkan apa saja yang dapat dilakukan oleh

pengguna terhadap aplikasi yang dibuat.

Activity Diagram

Activity Diagram menggambarkan alur kerja (workflow) dari sistem.

Activity diagram berikut memperlihatkan secara rinci aliran data.

1. Activity diagram menjalankan aplikasi.

Page 6: APLIKASI IQRO’ BERBASIS ANDROID …jurnal.stmikelrahma.ac.id/assets/file/Cahyo Tunggul...Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang disediakan oleh Adobe

6

2. Activity diagram memilih jilid iqro’

3. Activity diagram melihat makhorijul huruf

4. Activity diagram melihat angka dan huruf arab

Page 7: APLIKASI IQRO’ BERBASIS ANDROID …jurnal.stmikelrahma.ac.id/assets/file/Cahyo Tunggul...Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang disediakan oleh Adobe

7

5. Activity diagram melihat tentang aplikasi

Sequence Diagram

Sequence diagram menjalankan aplikasi

Sequence diagram pilih jilid

Page 8: APLIKASI IQRO’ BERBASIS ANDROID …jurnal.stmikelrahma.ac.id/assets/file/Cahyo Tunggul...Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang disediakan oleh Adobe

8

Sequence diagram makhorijul huruf

Sequence diagram angka dan huruf arab

Sequence diagram tentang Aplikasi

Page 9: APLIKASI IQRO’ BERBASIS ANDROID …jurnal.stmikelrahma.ac.id/assets/file/Cahyo Tunggul...Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang disediakan oleh Adobe

9

HASIL/IMPLEMENTASI

Tampilan Icon Aplikasi

Tampilan Splash

Tampilan Halaman Menu Utama

Page 10: APLIKASI IQRO’ BERBASIS ANDROID …jurnal.stmikelrahma.ac.id/assets/file/Cahyo Tunggul...Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang disediakan oleh Adobe

10

Tampilan Halaman Iqro’

Tampilan Index Halaman

Page 11: APLIKASI IQRO’ BERBASIS ANDROID …jurnal.stmikelrahma.ac.id/assets/file/Cahyo Tunggul...Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang disediakan oleh Adobe

11

Tampilan Angka dan Huruf

Tampilan Menu Makhorijul Huruf

.

Page 12: APLIKASI IQRO’ BERBASIS ANDROID …jurnal.stmikelrahma.ac.id/assets/file/Cahyo Tunggul...Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang disediakan oleh Adobe

12

Halaman Materi Makhorijul Huruf

Tampilan Halaman Latihan Makhorijul Huruf

Page 13: APLIKASI IQRO’ BERBASIS ANDROID …jurnal.stmikelrahma.ac.id/assets/file/Cahyo Tunggul...Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang disediakan oleh Adobe

13

Tampilan Halaman Tentang Aplikasi

Tampilan Verifikasi Tutup Aplikasi

Page 14: APLIKASI IQRO’ BERBASIS ANDROID …jurnal.stmikelrahma.ac.id/assets/file/Cahyo Tunggul...Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang disediakan oleh Adobe

14

KESIMPULAN

Berdasarkan hasil penelitian yang dilakukan maka dapat diambil kesimpulan

bahwa.

a. Aplikasi ini menjadi bahan belajar yang praktis dengan menggunakan

handphone.

b. Aplikasi Iqro’ ini dapat dijadikan sebagai alat bantu belajar membaca Al-

Qur’an.

c. Aplikasi dapat menambah pengetahuan tentang cara membaca Al-Qur’an

dengan tampilan yang tidak monoton berupa buku.

SARAN

Adapun saran-saran untuk penyempurnaan pada penelitian selanjutnya adalah

sebagai berikut.

a. Memberikan suara pada jilid yang belum ada yaitu jilid 2 sampai 6, atau

pada bagian yang perlu dicontohkan.

b. Tampilan backround dibuat lebih menarik.

c. Meminimalkan ukuran aplikasi.

DAFTAR PUSTAKA

Badan Pusat Statistik, (2010), Penduduk Menurut Wilayah dan Agama yang

Dianut, http://sp2010.bps.go.id/index.php/site/tabel?tid=321&wid=0,

diakses pada 24 Maret 2014.

DDHK News, (2013), Survei: 65 Persen Muslim Indonesia Tidak Bisa Baca Al-

Quran, http://www.ddhongkong.org/survei-65-persen-muslim-indonesia-

tidak-bisa-baca-al-quran/, diakses pada 25 Agustus 2014.

Humam, A, (2000), Buku Iqro’ Cara Cepat Belajar Al-Quran, Yogyakarta.

Humam, A, (2002), Cara Cepat Belajar Tajwid Praktis, Yogyakarta.

Madcoms, (2012), Kupas Tuntas Adobe Flash Professional cs6, Andi Offset,

Yogyakarta.

Rudianto, (2013), Pembuatan Aplikasi Iqro’ Dan Juz‘Amma Berbasis Android.

Skripsi Strata 1 Jurusan teknologi Informasi dan Ilmu komputer Universitas

Amikom, Yogyakarta.

Page 15: APLIKASI IQRO’ BERBASIS ANDROID …jurnal.stmikelrahma.ac.id/assets/file/Cahyo Tunggul...Kode ActionScript dikompile ke dalam format bytecode oleh compiler yang disediakan oleh Adobe

15

Sholiq, (2006), Pemodelan sistem Informasi berorientasi Objek dengan UML,

Graha Ilmu, Yogyakarta

Sobri, M. dan Abdillah, L.A., (2013), Aplikasi Belajar Membaca Iqro’ Berbasis

Mobile. Jurnal Seminar Nasional Teknologi Informasi dan Multimedia 2013

STMIK AMIKOM,Yogyakarta.

Sugara, E.P.A., (2014), Mengenal Actionscript 3.0, diakses pada 21 Mei 2014.

Sururudin, (2011), Konsep Iqro’ Untuk Meningkatkan Pendidikan Islam, diakses

pada 21 Mei 2014.

Wagner, (2009) Adobe AIR For Dummies, Wiley Publishing Inc.

Yogo, F.I., (2012), Perancangan Media Pembelajaran Cara Belajar Iqro Jilid 1-6

Berbasis Multimedia Pada Kelompok Bermain Tunas Melati Aisyiyah,

Skripsi Strata 1 Jurusan teknologi Informasi dan Ilmu komputer Universitas

Amikom, Yogyakarta.