BAB IV IMPLEMENTASI DAN PENGUJIAN. Setelah melakukan analisis dan perancangan terhadap aplikasi Iqra mobile,

Ukuran: px

Mulai penontonan dengan halaman:

Download "BAB IV IMPLEMENTASI DAN PENGUJIAN. Setelah melakukan analisis dan perancangan terhadap aplikasi Iqra mobile,"

Sonny Hartono
6 tahun lalu
Tontonan:

1 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah melakukan analisis dan perancangan terhadap aplikasi Iqra mobile, tahapan selanjutnya adalah implementasi dan pengujian. Pada tahapan ini terdapat beberapa implementasi, diantaranya spesifikasi kebutuhan sistem, implementasi pembuatan aplikasi yang menggunakan IDE Netbeans 6.0 dan hal-hal yang berhubungan dengan aplikasi ini. 4.2 Spesifikasi Kebutuhan Sistem Spesifikasi kebutuhan sistem ini digunakan sebagai perangkat yang mendukung dalam pembuatan aplikasi ini, beberapa diantaranya : Perangkat Keras (Hardware) Processor Intel Core 2 Duo 2.2 GHz Memory (RAM) 1 GB Harddisk 160 GB Perangkat Lunak (Software) Microsoft Windows XP Profesional version 2002 Service Pack 2 IDE Netbeans 6.0 J2ME Wireless toolkit 2.5 Java Virtual Mechine JDK 1.5 Adobe Photoshop 52

2 4.3 Pembuatan Program Pada bab ini dijelaskan beberapa potongan-potongan dari kode-kode (source code) yang terdapat pada aplikasi Iqra mobile ini Pengkodean Halaman Awal Pengkodean halaman awal pada aplikasi Iqra ini dapat dilihat pada source code di bawah ini. public SplashScreen getsplashscreenlogo() { if (splashscreenlogo == null) { // write pre-init user code here splashscreenlogo = new SplashScreen(getDisplay()); splashscreenlogo.settitle(""); splashscreenlogo.setcommandlistener(this); splashscreenlogo.setimage(getimage()); splashscreenlogo.settext(""); splashscreenlogo.settimeout(2000); // write post-init user code here //splashscreenlogo.setfullscreenmode(true); return splashscreenlogo; public Image getimage() { if (image == null) { // write pre-init user code here try { image = Image.createImage("/iqro/image/mobile-iqro.jpg"); catch (java.io.ioexception e) { e.printstacktrace(); // write post-init user code here Mobile. return image; Pada program di ataa dijelaskan bahwa ketika pengguna user membuka aplikasi Iqra mobile, maka perintah public SplashScreen getsplashscreenlogo() { adalah perintah dimana mencari logo halaman awal

3 baik itu gambar, tulisan serta waktu timeout selama 2 detik. Kemudian perintah image = Image.createImage("/iqro/image/mobile-iqro.jpg"); adalah merupakan tempat folder dimana logo pada halaman awal Iqra mobile ditempatkan Pengkodean Menu Utama Pengkodean menu utama ini adalah dimana kita masuk pada tahapan selanjutnya dari halaman awal aplikasi, lihat potongan sourecode dibawah ini protected void keypressed(int keycode) { code = getkeyname(keycode).touppercase(); if (code.equals("up") code.equals("down")) { belajar =!belajar; repaint(); else if (code.equals("select")) { if (belajar) { mobileiqro.switchdisplayable(null, mobileiqro.getcanvasmenubermain()); mobileiqro.getcanvasbelajar(); else { CanvasHelp canvashelp = mobileiqro.getcanvashelp(); canvashelp.mulaihelp(); Display display = mobileiqro.getdisplay(); display.setcurrent(canvashelp); Perintah diatas adalah perintah dimana ada hanya ada 2 tombol, dan tombol tersebut hanya ada 2 arah antara naik dan turun. Tombol tersebut adalah Start dan Help, Bila masuk tombol Start akan masuk pada canvas pilihan Iqra, bila memilih tombol menu Help akan masuk pada perintah menu Help.

4 4.3.3 Pengkodean Menu Help Pengkodean menu help ini adalah menu yang dimana kita memilh tombol Help untuk mengtahui petunjuk penggunaan iqra mobile public CanvasHelp(MobileIqro mobileiqro) { //setfullscreenmode(true); this.mobileiqro = mobileiqro; setcommandlistener(this); commandkembali = new Command("Kembali", Command.EXIT, 0); addcommand(commandkembali); Perintah ini berisi dimana tampilan menu help berikan gambar dimana dijelaskan petunjuk penggunaan aplikasi ini, dan commandkembali = new Command("Kembali", Command.EXIT, 0); ini adalah perintah untuk kembali ke menu utama Pengkodean Pilihan Iqra (Jilid 1 6) Pengkodean Iqra (Jilid 1-6) adalah ketika pengguna memulai untuk pembelajaran iqra mulai dari jilid 1-6. Dibawah ini adalah contoh source code iqra (Jilid 1) yang mewakili Iqra (Jilid 1-6) private Image[] image = new Image[]{ KeyUtilities.getImageKey1a(), KeyUtilities.getImageKey2a(), KeyUtilities.getImageKey3a(), KeyUtilities.getImageKey4a(), KeyUtilities.getImageKey5a(), KeyUtilities.getImageKey6a(), ;

5 Maksud dari Perintah diatas adalah perintah dimana KeyUtilities.getImageKey1a(), merupakan perintah untuk memanggil gambar 1a pada Iqra (Jilid 1) protected void keypressed(int keycode) { code = getkeyname(keycode).touppercase(); try { if (code.equals("up") && step==0) { SoundUtilities.getPlayer1().start(); else if (code.equals("up") && step==1) { SoundUtilities.getPlayer2().start(); else if (code.equals("up") && step==2) { SoundUtilities.getPlayer3().start(); else if (code.equals("up") && step==3) { SoundUtilities.getPlayer4().start(); else if (code.equals("up") && step==4) { SoundUtilities.getPlayer5().start(); else if (code.equals("up") && step==5) { SoundUtilities.getPlayer6().start(); Maksud dari sourcecode diatas adalah dimana perintah ini akan memanggil suara pada source code diatas, dan untuk menjalankan suara tersebut gunakan tombol UP dan 4.4 Pengujian Pengujian merupakan langkah untuk memastikan bahwa hasil program aplikasi Iqra mobile ini sesuai dengan yang direncanakan. Pengujian tehadap aplikasi ini dengan menggunakan metode pengujian sistem metode blackbox Skenario Pengujian Blackbox help Skenario yang dijelaskan dalam metode blackbox ini antara lain, menu dan

6 Tabel 4.1 Skenario Pengujian metode Blackbox Menu yang diuji Bagian yang diuji Hasil yang diharapkan Menu Memilih Start pilihan Iqra (Jilid) Memilih Help Help Memilih Keluar Keluar dari aplikasi Iqra Memilih Iqra 1 iqra 1 Memilih Iqra 2 iqra 2 Start Memilih Iqra 3 iqra 3 Memilih Iqra 4 iqra 4 Memilih Iqra 5 iqra 5 Memilih Iqra 6 iqra 6 Memilih Kembali Kembali ke Menu Utama Help Memilih Keluar Kembali ke Menu Utama Hasil pengujian Blackbox Dari hasil skenario serta pengujian pada aplikasi iqra mobile, maka dapat diperoleh hasil pengujian tersebut yang sesuai dengan rumusan rancangan aplikasi tersebut dan diterangkan didalam tabel hasil pengujian di bawah ini.

7 Tabel 4.2 Hasil pengujian metode blackbox Menu yang Bagian yang Hasil yang diharapkan Keterangan diuji diuji Memilih Start Start Menu Memilih Help Help Memilih Keluar dari aplikasi Kembali Memilih Iqra 1 Iqra 1 Memilih Iqra 2 Iqra 1 Memilih Iqra 3 Iqra 1 Start Memilih Iqra 4 Iqra 1 Memilih Iqra 5 Iqra 1 Memilih Iqra 6 Iqra 1 Memilih Kembali ke Menu Kembali Utama Help Memilih Kembali ke Menu kembali Utama Kesimpulan Hasil Pengujian Setelah melakukan pengujian dengan menjalankan program aplikasi maka dari hasil tersebut sebagai berikut:

8 1. Pada pengujian menu yang diuji ialah Start dan Help, dan juga terdapat tombol keluar dimana tombol keluar ini digunakan untuk keluar dari aplikasi tersebut 2. Pada bagian yang diujikan antara iqra 1 6 terdapat beberapa bagian didalamnya antara lain, tombol selanjutnya dan tombol kembali. Dimana tombol selanjutnya digunakan untuk melanjutkan contohcontoh pada iqra selanjutnya dan tombol kembali digunakan untuk kembali ke menu utama. 3. Dalam bagian pada help hanya ada terdapat tombol untuk kembali, pada halaman help ini hanya menampilkan cara menggunakan aplikasi ini, dan tombol kembli digunakan untuk kembali pada menu utama. 4.5 Tampilan Antarmuka (Interface) Pada bab ini dijelaskan tentang implementasi visual secara antarmuka (Interface) pada aplikasi iqra mobile dengan menggunakan emulator Halaman Awal Judul Aplikasi Pada saat sebelum memulai aplikasi iqra mobile akan muncul judul Iqra Mobile yang dalam waktu beberapa detik, kemudian akan memasuki menu utama

Gambar 4.1 Halaman awal Iqra 4.4.2 Halaman Menu Utama Setelah pengguna (user) masuk pada halaman awal aplikasi ini pengguna (user) akan memasuki halaman menu utama.

9 Gambar 4.1 Halaman awal Iqra Halaman Menu Utama Setelah pengguna (user) masuk pada halaman awal aplikasi ini pengguna (user) akan memasuki halaman menu utama.aplikasi iqra ini memiliki 2 menu diantaranya menu Start dan menu Help, dan juga terdapat 1 tombol, yaitu tombol keluar dari halaman menu utama.

10 Gambar 4.2 Halaman menu utama Halaman Menu Start Halaman ini terdiri dari beberapa macam Iqra (Jilid) mulai dari Jilid 1-6 dan memiliki 6 menu tombol untuk memilih Iqra (Jilid). Dan terdapat tombol kemballi dimana tombol ini digunakan untuk kembali ke menu utama

11 Gambar 4.3 Halaman menu Start Halaman Iqra (Jilid) Pada halaman ini pengguna (user) dapat langgsung belajar iqra, karena pada halaman ini terdapat contoh huruf hijaiyah, huruf sambungnya dan bacaanya. Pada Halaman ini terdapat 2 tombol, yakni tombol Selanjutnya dan Kemnbali. Tombol Selanjutnya digunakan untuk melanjutkan contoh lainnya, dan tombol kembali untuk kembali pada menu Start.

12 Gambar 4.4 Halaman iqra Halaman Menu Help Jika pengguna (User) memilih menu Help maka akan muncul tampilan petunjuk cara menggunakan aplikasi ini, dan halaman menu ini terdapat 1 tombol, yaitu tombol kembali yang digunakan untuk kembali pada halaman menu Utama aplikasi Iqra mobile

13 Gambar 4.5 Halaman menu Help

dokumen-dokumen yang mirip

BAB III ANALISIS DAN PERANCANGAN. permasalahan secara umum dan analisis perancangan sistem dari aplikasi Iqra ini.

BAB III ANALISIS DAN PERANCANGAN 3.1 Analisis Berdasarkan pada latar belakang masalah dan perumusan masalah yang terdapat pada bab sebelumnya, pada bab ini penulis melakukan analisis berdasarkan pada permasalahan