Daftar Kelas Operasi dan Atribut

Nama Atribut Visibility Tipe interlace protected boolean lctSize protected int ix protected int iy protected int iw protected int ih protected int lrx protected int lrw protected int lrh protected int image protected Bitmap lastImage protected Bitmap frameindex protected int block protected byte[] blockSize protected int dispose protected int lastDispose protected int transparency protected boolean delay protected int transIndex protected int MaxStackSize protected int prefix protected short[] suffix protected byte[] pixelStack protected byte[] pixels protected byte[] frameCount protected int Nama Kelas : InternetChecker Nama Operasi Visibility Keterangan InternetChecker public isNetworkAvailableContext public boolean Nama Atribut Visibility Tipe - - - Nama Kelas : ScreenReceiver Nama Operasi Visibility Keterangan ScreenReceiver public onReceiveContext,Intent public void Nama Atribut Visibility Tipe - - - Nama Kelas : BroadcastReceiver Nama Operasi Visibility Keterangan onReceive public Nama Atribut Visibility Tipe - - - Nama Kelas : ActivitySwipeDetector Nama Operasi Visibility Keterangan ActivitySwipeDetectorActivity public onRightToLeftSwipe public void onLeftToRightSwipe public void onTopToBottomSwipe public void onBottomToTopSwipe public void onTouchView,MotionEvent public boolean readData public void Nama Atribut Visibility Tipe logTag String activity private Activity MIN_DISTANCE int downX private float downY private float upX private float upY private float posAyat String posSurat String posAyatnya String posSuratnya String posSoundnya String posCountRepeat String pos String posRepeat boolean posSound boolean posStatus boolean Nama Kelas : ActivitySwipeDetectorLatin Nama Operasi Visibility Keterangan ActivitySwipeDetectorActivity public onRightToLeftSwipe public void onLeftToRightSwipe public void onTopToBottomSwipe public void onBottomToTopSwipe public void onTouchView,MotionEvent public boolean Nama Operasi Visibility Keterangan readData public void Nama Atribut Visibility Tipe logTag String activity private Activity MIN_DISTANCE int downX private float downY private float upX private float upY private float posAyat String posSurat String Nama Kelas : Decompress Nama Operasi Visibility Keterangan DecompressString,String public unzip public void _dirCheckerString private void Nama Atribut Visibility Tipe _zipFile private string _location private string Nama Kelas : SplashActivity Nama Operasi Visibility Keterangan SplashActivity public onCreateBundle public void onTouchEventMotionEvent public boolean Nama Atribut Visibility Tipe _active protected boolean _splashTime protected int Nama Kelas : WidgetProvider Nama Operasi Visibility Keterangan WidgetProvider public onUpdateContext,AppWidgetManager,int[] public void Nama Atribut Visibility Tipe - - - Nama Kelas : AppWidgetProvider Nama Operasi Visibility Keterangan onCreate public Nama Atribut Visibility Tipe - - - Nama Kelas : ReportActivity Nama Operasi Visibility Keterangan ReportActivity public onCreateBundle public void Nama Atribut Visibility Tipe gridView GridView b Button back Button mContext Context Nama Kelas : PreferencedConnector Nama Operasi Visibility Keterangan PreferencedConnector public writeBooleanContext,String,boolean public void readBooleanContext,String,boolean public boolean writeIntegerContext,String,int public void readIntegerContext,String,int public int writeStringContext,String,String public void readStringContext,String,String public String writeFloatContext,String,float public void readFloatContext,String,float public float writeLongContext,String,long public void readLongContext,String,long public long getPreferencesContext public SharedPreferences getEditorContext public Editor Nama Atribut Visibility Tipe PREF_NAME public String MODE public int SURAT public String AYAT public String STATUS public String SOUND public String REPEAT public String COUNT_REPEAT public String SATU_SATU public String SATU_DUA public String Nama Atribut Visibility Tipe SATU_TIGA public String SATU_EMPAT public String SATU_LIMA public String SATU_ENAM public String SATU_TUJUH public String … … … SERATUSEMPATBELAS_ENAM public String Nama Kelas : HelpActivity Nama Operasi Visibility Keterangan HelpActivity public onCreateBundle public void Nama Atribut Visibility Tipe posSoundnya String back Button player MediaPlayer Nama Kelas : DetailReportActivity Nama Operasi Visibility Keterangan DetailReportActivity public onCreateBundle protected void readData public void Nama Atribut Visibility Tipe satu_satu TextView satu_dua TextView satu_tiga TextView satu_empat TextView satu_lima TextView satu_enam TextView satu_tujuh TextView … … … seratusempatbelas_enam TextView surat TextView posHafalSatuSatu boolean posHafalSatuDua boolean posHafalSatuTiga boolean posHafalSatuEmpat boolean posHafalSatuLima boolean posHafalSatuEnam boolean posHafalSatuTujuh boolean … … … posHafalSeratusEmpatBelas_Enam boolean Nama Atribut Visibility Tipe surah String back Button

E. Component Diagram

Component Diagram menggambarkan struktur dan hubungan antar komponen piranti lunak termasuk ketergantungan dependency. Komponen piranti lunak yang yang dimaksud adalah modul yang berisi source code atau binary code, yang ada library atau excutetable yang muncul pada compile time, link time ataupun pada runtime. Component Diagram ditunjukan pada gambar 3.26 berikut : Gambar 3.26 Component Diagram Aplikasi Al- Qur’an Widget

F. Deployment Diagram

Deployment Diagram menggambarkan rinci bagaimana komponen di-deploy dalam infrastruktur sistem, dimana komponen akan terletak pada mesin Server atau perangkat keras apa, bagaimana kemampuan jaringan pada lokasi tersebut, spesifikasi Server dan hal-hal yang lain bersifat fisikal. Gambaran arsitektur fisik dari perangkat keras dan perangkat lunak dari aplikasi Al- Qur’an Widget seperti ditunjuk pada gambar 3.27 berikut : Gambar 3.27 Deployment Diagram Aplikasi Al- Qur’an Widget

3.2 Perancangan Sistem

Perancangan sistem bertujuan untuk menspesifikasikan aspek-aspek teknik yang menjadi solusi dalam perencanaan. Pada tahap ini perancangan akan didefinisikan secara detail untuk mengatasi masalah-masalah yang lebih teknis, berkaitan dengan kegiatan implementasi seperti perancangan database, dan perancangan antarmuka.

3.2.1 Perancangan Arsitektur

3.2.1.1 Perancangan Struktur Menu

Perancangan struktur menu merupakan gambaran jalur pemakaian aplikasi. Perancangan struktur menu dari aplikasi mobile Al- Qur’an Widget dapat dilihat pada gambar 3.28 berikut : Gambar 3.28 Struktur Menu Pengguna Aplikasi Mobile Al- Qur’an Widget

3.2.1.2 Perancangan Grafis dan Antarmuka

Tahap perancangan desain bertujuan untuk mencari bentuk yang optimal dari aplikasi yang akan dibangun dengan pertimbangan faktor-faktor permasalahan dan kebutuhan yang ada pada sistem seperti yang telah ditetapkan pada tahap analisis. Dalam tahap ini upaya yang dilakukan yaitu dengan cara mengkombinasikan penggunaan teknologi perangkat keras dan perangkat lunak yang tepat sehingga diperoleh yang optimal dan mudah diimplementasikan. Perancangan grafis dan antarmuka terdiri dari satu bagian utama yaitu desain grafis dan antarmuka frontend application.

3.2.1.2.1 Perancangan Grafis Antarmuka Frontend Application

Untuk memudahkan proses pembuatan aplikasi Al- Qur’an Widget pada Mobile ini maka terlebih dahulu membuat rancangan desain tampilannya. Perancangan ini meliputi rancangan antarmuka halaman utama aplikasi, halaman teks latin, halaman huruf hijjaiyah, halaman setting, halaman menu report, halaman report, dan halaman help aplikasi. 1. Form AF01 adalah halaman aplikasi mobile Al-Qur’an Widget Gambar 3.29 Perancangan Halaman Aplikasi 2. Form AF02 adalah halaman Teks Latin Gambar 3.30 Perancangan Halaman Teks Latin 3. Form AF03 adalah halaman Huruf Hijaiyah Gambar 3.31 Perancangan Halaman Huruf Hijaiyah 4. Form AF04 adalah halaman setting aplikasi mobile Al-Qur’an Widget Gambar 3.32 Perancangan Halaman Setting 5. Form AF05 adalah halaman menu Report Gambar 3.33 Perancangan Halaman Menu Report 6. Form AF06 adalah halaman Report Gambar 3.34 Perancangan Halaman Report