PERANCANGAN DAN IMPLEMENTASI APLIKASI PANDUAN …

PERANCANGAN DAN IMPLEMENTASI APLIKASI PANDUAN

MANASIK HAJI BERBASIS MOBILE DEVICE

Disusun Oleh:

MARKHABAN NUR IDRIS

104091002799

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH

JAKARTA

2011 M / 1432 H

PERANCANGAN DAN IMPLEMENTASI APLIKASI

PANDUAN MANASIK HAJI BERBASIS MOBILE DEVICE

Skripsi

Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana Komputer Fakultas

Sains dan Teknologi Universitas Islam Negeri Syarif Hidayatullah Jakarta

Oleh:

MARKHABAN NUR IDRIS

104091002799

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH

JAKARTA

2011 M / 1432 H

ABSTRAK

MARKHABAN NUR IDRIS (104091002799). Perancangan Dan

Implementasi Aplikasi Panduan Manasik Haji Berbasis Mobile Device

(Dibimbing Oleh RIZAL BAHAWARES dan ZULFIANDRI).

Perkembangan teknologi mobile device berkembang dengan sangat

pesatnya, sehingga fungsi handphone bukan hanya digunakan sebagai alat

komunikasi saja dengan tambahan fitur-fitur seperti imaging, music, browsing,

transfer data, aplikasi dan permainan, handphone berubah menjadi perangkat yang

canggih dan pintar. Kecanggihan perangkat mobile ini memberikan berbagai

macam dampak yang positif maupun negatif. Hal ini juga menyebabkan semua

orang yang menggunakannya menjadi lebih mudah untuk mendapatkan suatu

informasi, salah satunya untuk umat muslim yang merupakan agama mayoritas di

Indonesia untuk mendapatkan informasi tentang panduan manasik haji pada

perangkat mobile yang telah menggunakan teknologi JAVA yang dikembangkan

oleh SUN Microsystem.

Peneliti membuat aplikasi yang ditujukan untuk perangkat mobile berupa

aplikasi panduan manasik haji dengan menggunakan teknologi J2ME. Aplikasi ini

memberikan informasi tentang ibadah haji, doa-doa, istilah-istilah dalam haji dan

tahapan pelaksanaannya.

Dalam pembuatan aplikasi ini metodologi pengembangan aplikasi

menggunakan metode Rapid Application Development (RAD) dengan pemodelan

aplikasi menggunakan Unified Modelling Language (UML). Perangkat lunak

yang digunakan untuk mengembangkan aplikasi ini adalah Java2 Micro Edition

(J2ME) dengan bantuan NetBeans IDE (Integrated Development Environtment)

sebagai media untuk merancang tampilan dan menuliskan kode program, dan

J2ME Wireless Toolkit sebagai emulator untuk melihat hasil tampilan aplikasi di

komputer dengan sistem operasi Windows XP Professional Service Pack 2.

Aplikasi ini akan menghasilkan output berupa informasi tentang haji,

sebagai salah satu sarana belajar umat Islam tentang tata cara pelaksanaan haji dan

membantu umat Islam dalam menghafal doa-doa haji pada handphone yang dapat

digunakan kapan saja dan dimana saja.

Kata Kunci: Manasik Haji, J2ME, RAD, UML, Mobile Device.

KATA PENGANTAR

Assalamu’alaikum Wr. Wb.

Dengan mengucap syukur Alhamdulillah, penulis panjatkan kehadirat Allah SWT, atas

rahmat dan hidayah-Nya, sehingga skripsi ini dapat terselesaikan dengan baik. Shalawat dan salam

senantiasa penulis haturkan kepada baginda Nabi Besar Muhammad SAW, keluarganya, para sahabatnya,

dan mudah-mudahan syafa’atnya bisa menolong kita di akhirat nanti. Amin ya rabb al-‘alamin.

Skripsi yang berjudul “PERANCANGAN DAN IMPLEMENTASI APLIKASI PANDUAN

MANASIK BERBASIS MOBILE DEVICE” disusun guna memenuhi persyaratan untuk memperoleh

gelar Sarjana Strata 1 (S1) pada Program Studi Teknik Informatika Universitas Islam Negeri Syarif

Hidayatullah Jakarta.

Penulis menyadari bahwa tanpa bantuan dan bimbingan dari berbagai pihak, skripsi ini tidak akan

terselesaikan dengan baik. Oleh karena itu, ijinkanlah penulis menyampaikan ucapan terima kasih

kepada:

1. Bapak DR. Syopiansyah Jaya Putra, M.Sis., selaku Dekan Fakultas Sains dan

Teknologi UIN Syarif Hidayatullah Jakarta.

2. Bapak Yusuf Durrachman, MIT, selaku Ketua Program Studi Teknik Informatika

dan Ibu Viva Arifin, MMSI, selaku Sekretaris Program Studi Teknik Informatika,

UIN Syarif Hidayatullah Jakarta.

3. Bapak Rizal Bahaweres M.Kom dan Bapak Zulfiandri, MMSI, selaku Dosen

Pembimbing,yang telah memberikan bimbingan, waktu dan perhatiannya dalam

menyelesaikan skripsi ini.

4. Seluruh Dosen Program Studi Teknik Informatika Fakultas Sains dan Teknologi

5. UIN Syarif Hidayatullah Jakarta, yang telah memberikan ilmunya selama penulis

belajar.

6. Segenap Karyawan Fakultas Sains dan Teknologi dan Program Studi Teknik

Informatika, yang telah memberikan pelayanannya selama penulis belajar sampai

selesai dalam penulisan skripsi.

7. Seluruh pihak yang telah membantu dalam penyelesaian skripsi ini yang tidak dapat

disebutkan satu persatu.

Penulisan skripsi ini masih jauh dari sempurna sehingga segala saran dan kritik akan sangat

membangun dan bermanfaat bagi kesempurnaan skripsi ini.

Akhir kata, penulis memohon maaf yang sebesar-besarnya kepada semua pihak atas

kekurangan dan kekhilafan yang telah penulis lakukan, baik secara sengaja maupun tidak sengaja

selama mengerjakan skripsi. Semoga skripsi ini dapat bermanfaat bagi semua pihak dan segala

bantuan yang telah diberikan kepada penulis, akan mendapatkan balasan yang setimpal dari

Allah SWT. Amin.

Wassalamu’alaikum Wr. Wb.

Jakarta, Juli 201

Markhaban Nur Idris

DAFTAR ISI

Halaman Judul ....................................................................................................... i

Lembar Pengesahan Pembimbing......................................................................... ii

Lembar Pengesahan Ujian ..................................................................................... iii

Lembar Pernyataan ................................................................................................ iv

ABSTRAK ............................................................................................................... v

KATA PENGANTAR........................................................................................................... vi

DAFTAR ISI........................................................................................................................... x

DAFTAR GAMBAR.............................................................................................................. xv

DAFTAR TABEL .................................................................................................................. xx

DAFTAR LAMPIRAN .......................................................................................................... xxiii

BAB I PENDAHULUAN

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

1.2 Perumusan Masalah .................................................................................... 3

1.3 Batasan Masalah ................................................................................ 3

1.4 Tujuan Penelitian ............................................................................... 4

1.5 Manfaat Penelitian ............................................................................. 4

1.5.1 Bagi Penulis.......................................................................................... 4

1.5.2 Bagi Masyarakat ………………….. ................................................... 5

1.5.3 Bagi Universitas .................................................................................. 5

x

1.6 Metodologi Penelitian........................................................................ 6

1.6.1 Studi Pustaka…………….. ............................................................... 6

1.6.2 Diskusi…………………………........................................................ 7

1.6.2 Metode Pengembangan Aplikasi........................................................ 7

1.7 Sistematika Penulisan ................................................................................... 7

BAB II LANDASAN TEORI

2.1 Aplikasi......................................................................................................... 9

2.2 Panduan ........................................................................................................ 9

2.3 Haji…………………………......................................................................... 11

2.3.1 Macam-macam Haji………………………........................................ 12

2.3.1.1 Haji Tamattu’ ............................................................. 12

2.3.1.2 Haji Ifrad..................................................................... 13

2.3.1.3 Haji Qiran…....................................................................... 14

2.4 Mobile Device ……….................................................................................... 17

2.5 Pembahasan Umum JAVA ................................................................ 18

2.6 Java2 Micro Edition (J2ME) ............................................................. 20

2.6.1 Sekilas tentang J2ME ..................................................................... 20

2.6.2 Komponen-Komponen J2ME.................................................. 21

xi

2.6.2.1 MIDP Screen.............................................................. 21

2.6.2.2 MIDP UI .................................................................... 22

2.6.3 J2ME Configuration ................................................................ 23

2.6.3.1 Connected Limited Device Configuration (CLDC) ... 23

2.6.3.2 Connected Device Configuration (CDC)................... 24

2.6.4 J2ME Profile ........................................................................... 24

2.6.4.1 Mobile Information Device Profile (MIDP) .............. 25

2.6.5 Kilo Virtual Machine (KVM) ................................................... 25

2.6.6 MIDlet...................................................................................... 25

2.6.6.1 Daur Hidup MIDlet .................................................... 25

2.6.6.2 MIDlet Suites ............................................................. 27

2.6.7 Java Application Description (JAD) ..................................... 27

2.7 Rapid Application Development (RAD) ............................................ 30

2.8 Unified Modelling Language (UML)................................................. 32

2.8.1 Sekilas Tentang UML ............................................................ 33

2.8.2 Diagram-diagram dalam UML ................................................ 35

2.8.2.1 Use Case Diagram ..................................................... 37

2.8.2.2 Sequence Diagram ........................................................ 37

2.8.2.3 Class Diagram ........................................................... 39

xii

BAB III METODOLOGI PENELITIAN

3.1 Metode Pengumpulan Data................................................................ 43

3.2 Metode Pengembangan Aplikasi ....................................................... 48

BAB IV PENGEMBANGAN APLIKASI

4.1 Fase Perencanaan Syarat-syarat......................................................... 50

4.1.1 Tujuan Informasi ..................................................................... 50

4.1.2 Syarat-syarat Informasi ........................................................... 51

4.1.3 Analisa Masalah…. ................................................................. 52

4.2 Fase Perancangan............................................................................... 68

4.2.1 Use Case Diagram......................................................................... 68

4.2.2 Activity Diagram ................................................................. 85

4.2.3 Sequence Diagram................................................................... 86

4.2.4 Class Diagram ……................................................................ 96

4.2.5 Perancangan Antarmuka.......................................................... 99

4.3 Fase Konstruksi.................................................................................. 113

4.3.1 Instalasi Software yang Digunakan ......................................... 113

4.3.2 Membuat Project Baru di NetBeans 5.5.................................. 116

4.3.3 Membuat File MIDlet .............................................................. 119

xiii

4.3.4 Menulis Kode Program............................................................ 121

4.3.5 Menjalankan Aplikasi pada Komputer.................................... 121

4.3.6 Mempaketkan Aplikasi............................................................ 122

4.4 Fase Pelaksanaan ............................................................................... 123

4.4.1 Spesifikasi handphone yang digunakan............................. 124

4.4.2 Transfer Aplikasi dari PC ke Ponsel dan Instalasi............ 127

4.4.3 Pengujian Aplikasi pada Ponsel LG KC550 dan Nokia 3120... 127

4.4.4 Evaluasi Pengujian Aplikasi pada Ponsel LG KC550 dan Nokia 3120.. 138

4.4.5 Tanggapan user tentang aplikasi............................................................. 140

BAB V PENUTUP

5.1 Kesimpulan ........................................................................................ 146

5.2 Saran .................................................................................................. 147

DAFTAR PUSTAKA ............................................................................................. 149

LAMPIRAN A WAWANCARA....................................................................... 166

LAMPIRAN B SOURCE CODE...................................................................... 171

LAMPIRAN C FILE MAP................................................................................ 182

xiv

DAFTAR GAMBAR

Gambar 2.1 Hubungan antara J2EE, S2SE, dan J2ME .......................................... 13

Gambar 2.2 Arsitektur J2ME ….............................................................................. 14

Gambar 2.3 Posisi CLDC dalam Arsitektur J2ME ................................................. 17

Gambar 2.4 Posisi MIDP dalam arsitektur J2ME …………………....................... 19

Gambar 2.5 Posisi KVM dalam arsitektur J2ME ................................................... 19

Gambar 2.6 Diagram status daur hidup dari sebuah Midlet ..................................... 20

Gambar 2.7 Contoh emulator J2ME Wireless Toolkit ............................................ 21

Gambar 2.8 Fase RAD menurut James Martin ....................................................... 22

Gambar 2.9 Notasi use case dan actor ................................................................... 25

Gambar 2.10 Contoh use case diagram .................................................................. 25

Gambar 2.11 Contoh sequence diagram ……………………………….................. 27

Gambar 2.12 Diagram statechart untuk kelas Account .......................................

Gambar 2.13 Diagram sekuensial untuk penarikan uang 1 juta ...........................

Gambar 2.14 Diagram komponen .......................................................................

Gambar 4.1 Use Case Diagram Aplikasi .......................................................................

Gambar 4.2 Diagram aktivitas untuk aliran kejadian dalam use case

“melihat pengertian hidrokarbon” ................................................. 63


“melihat penggolongan hidrokarbon” ........................................... 63

xv


“menghitung massa hidrokarbon” ................................................. 64


“menghitung jumlah atom” ........................................................... 64


“mencari nama hidrokarbon” ........................................................ 65


“melihat daftar istilah” .................................................................. 66


“mencari istilah” ........................................................................... 66


“melihat evaluasi”......................................................................... 67


“melihat bantuan” ......................................................................... 67


“melihat tentang aplikasi” ............................................................. 68

Gambar 4.12 Class diagram Aplikasi Modul Belajar Senyawa Hidrokarbon....... 69

Gambar 4.13 Diagram Statechart untuk kelas SenyawaKimiaHidrokarbon ......... 86

Gambar 4.14 Diagram sekuensial untuk melihat pengertian hidrokarbon ............ 87

Gambar 4.15 Diagram sekuensial untuk melihat penggolongan hidrokarbon....... 88

Gambar 4.16 Diagram sekuensial untuk menghitung massa hidrokarbon ............ 89

Gambar 4.17 Diagram sekuensial untuk menghitung jumlah atom ...................... 90

Gambar 4.18 Diagram sekuensial untuk mencari nama hidrokarbon ................... 91

xvi

Gambar 4.19 Diagram sekuensial untuk melihat daftar istilah ............................. 92

Gambar 4.20 Diagram sekuensial untuk mencari istilah ...................................... 93

Gambar 4.21 Diagram sekuensial untuk melihat evaluasi.................................... 94

Gambar 4.22 Diagram sekuensial untuk melihat bantuan.................................... 95

Gambar 4.23 Diagram sekuensial untuk melihat tentang aplikasi ........................ 96

Gambar 4.24 Diagram Komponen Aplikasi Modul Belajar Senyawa

Hidrokarbon .................................................................................. 97

Gambar 4.25 Struktur Menu Utama .................................................................... 98

Gambar 4.26 Struktur Sub-Menu Materi Pelajaran.............................................. 99

Gambar 4.27 Rancangan Form Splash Screen..................................................... 100

Gambar 4.28 Rancangan List Menu Utama ......................................................... 100

Gambar 4.29 Rancangan Form Peta Konsep ....................................................... 102

Gambar 4.30 Rancangan List Materi Pelajaran.................................................... 102

Gambar 4.31 Rancangan Form Pengertian Hidrokarbon ..................................... 104

Gambar 4.32 Rancangan List Gol. Hidrokarbon.................................................. 104

Gambar 4.33 Rancangan Form Contoh Senyawa Hidrokarbon ........................... 105

Gambar 4.34 Rancangan Form Penamaan Hidrokarbon...................................... 106

Gambar 4.35 Rancangan Form Sumber Hidrokarbon.......................................... 106

Gambar 4.36 Rancangan Form Manfaat Hidrokarbon ......................................... 107

Gambar 4.37 Rancangan Form Hitung Massa Hidrokarbon ................................ 108

Gambar 4.38 Rancangan Form Mr Senyawa....................................................... 108

Gambar 4.39 Rancangan Form untuk rantai utama ............................................. 109

Gambar 4.40 Rancangan Form untuk rantai cabang ............................................ 109

xvii

Gambar 4.41 Rancangan Form Cari Istilah......................................................... 110

Gambar 4.42 Rancangan List Daftar Istilah......................................................... 110

Gambar 4.43 Rancangan Form Evaluasi ............................................................. 111

Gambar 4.44 Rancangan Form Bantuan.............................................................. 112

Gambar 4.45 Rancangan Form Tentang Aplikasi................................................ 112

Gambar 4.46 Proses instalasi Java Development Kit ............................................114

Gambar 4.47 Menentukan lokasi J2SE JDK Home Directory.............................. 114

Gambar 4.48 Menentukan lokasi NetBeans IDE Home Directory ....................... 115

Gambar 4.49 Menentukan lokasi Java Virtual Machine (JVM)........................... 116

Gambar 4.50 Jendela New Project NetBeans 5.5................................................. 117

Gambar 4.51 Jendela Choose Project.................................................................. 117

Gambar 4.52 Jendela Name and Location untuk New Project ............................. 118

Gambar 4.53 Jendela Default Platform Selection ................................................ 119

Gambar 4.54 Jendela New File ........................................................................... 120

Gambar 4.55 Jendela Name & Location untuk New File ..................................... 120

Gambar 4.56 Perancangan aplikasi menggunakan NetBeans 5.5 ......................... 121

Gambar 4.57 Tampilan Aplikasi Modul Belajar Senyawa Hidrokarbon pada

emulator J2ME WTK versi 2.5.2 ................................................... 122

Gambar 4.58 Proses Mempaketkan Aplikasi ....................................................... 123

Gambar 4.59 Output modul menampilkan definisi hidrokarbon .......................... 129

Gambar 4.60 Output modul menampilkan penggolongan hidrokarbon ................ 130

Gambar 4.61 Output modul menghitung massa hidrokarbon............................... 131

Gambar 4.62 Output modul menghitung jumlah atom......................................... 132

xviii

Gambar 4.63 Output modul mencari nama hidrokarbon ...................................... 133

Gambar 4.64 Output modul menampilkan daftar istilah ...................................... 134

Gambar 4.65 Output modul mencari istilah......................................................... 135

Gambar 4.66 Output modul menampilkan evaluasi ............................................. 136

Gambar 4.67 Output modul menampilkan bantuan penggunaan aplikasi ............. 137

Gambar 4.68 Output modul menampilkan tentang aplikasi ................................. 138

xix

DAFTAR TABEL

Tabel 2.1 Tabel Perbandingan CLDC dan CDC ............................................................ 12

Tabel 2.2 Contoh Senyawa Alkena ................................................................. 13

Tabel 2.3 Contoh Senyawa Alkuna ................................................................. 14

Tabel 2.4 Perbandingan antara CLDC dan CDC............................................. 24

Tabel 3.1 Penentuan Jumlah Sampel Dari Populasi Tertentu Dengan

Taraf Kesalahan 1%, 5%, dan 10% .................................................. 46

Tabel 4.1 Spesifikasi Use Case Melihat Pengertian Hidrokarbon.................... 55

Tabel 4.2 Spesifikasi Use Case Melihat Penggolongan Hidrokarbon .............. 55

Tabel 4.3 Spesifikasi Use Case Menghitung Massa Hidrokarbon ................... 56

Tabel 4.4 Spesifikasi Use Case Menghitung Jumlah Atom ............................. 57

Tabel 4.5 Spesifikasi Use Case Mencari Nama Hidrokarbon .......................... 58

Tabel 4.6 Spesifikasi Use Case Melihat Daftar Istilah .................................... 60

Tabel 4.7 Spesifikasi Use Case Mencari Istilah .............................................. 60

Tabel 4.8 Spesifikasi Use Case Melihat Evaluasi ........................................... 61

Tabel 4.9 Spesifikasi Use Case Melihat Bantuan............................................ 61

Tabel 4.10 Spesifikasi Use Case Melihat Tentang Aplikasi .............................. 62

Tabel 4.11a Daftar Atribut Kelas SenyawaKimiaHidrokarbon .......................... 70

Tabel 4.11b Daftar Metode Kelas SenyawaKimiaHidrokarbon.......................... 70

Tabel 4.12a Daftar Atribut Kelas SplashScreen ................................................. 71

Tabel 4.12b Daftar Metode Kelas SplashScreen ................................................ 71

Tabel 4.13a Daftar Atribut Kelas MenuUtama................................................... 72

xx

Tabel 4.13b Daftar Metode Kelas MenuUtama .................................................. 72

Tabel 4.14a Daftar Atribut Kelas MateriPelajaran ............................................. 73

Tabel 4.14b Daftar Metode Kelas MateriPelajaran............................................. 73

Tabel 4.15a Daftar Atribut Kelas Tampil........................................................... 74

Tabel 4.15b Daftar Metode Kelas Tampil .......................................................... 74

Tabel 4.16a Daftar Atribut Kelas GolonganHidrokarbon................................... 75

Tabel 4.16b Daftar Metode Kelas GolonganHidrokarbon .................................. 75

Tabel 4.17a Daftar Atribut Kelas Alkana........................................................... 76

Tabel 4.17b Daftar Metode Kelas Alkana .......................................................... 76

Tabel 4.18a Daftar Atribut Kelas Alkena........................................................... 77

Tabel 4.18b Daftar Metode Kelas Alkena .......................................................... 77

Tabel 4.19a Daftar Atribut Kelas Alkuna........................................................... 78

Tabel 4.19b Daftar Metode Kelas Alkuna .......................................................... 78

Tabel 4.20a Daftar Atribut Kelas TampilContohSenyawa ................................. 79

Tabel 4.20b Daftar Metode Kelas TampilContohSenyawa................................. 79

Tabel 4.21a Daftar Atribut Kelas HitungMassa ................................................. 80

Tabel 4.21b Daftar Metode Kelas HitungMassa................................................. 80

Tabel 4.22a Daftar Atribut Kelas CariNama ...................................................... 81

Tabel 4.22b Daftar Metode Kelas CariNama ..................................................... 81

Tabel 4.23a Daftar Atribut Kelas IstilahHidrokarbon ........................................ 82

Tabel 4.23b Daftar Metode Kelas IstilahHidrokarbon........................................ 82

Tabel 4.24a Daftar Atribut Kelas Evaluasi......................................................... 83

Tabel 4.24b Daftar Metode Kelas Evaluasi ........................................................ 83

xxi

Tabel 4.25a Daftar Atribut Kelas Bantuan ......................................................... 84

Tabel 4.25b Daftar Metode Kelas Bantuan......................................................... 84

Tabel 4.26a Daftar Atribut Kelas Tentang ......................................................... 85

Tabel 4.26b Daftar Metode Kelas Tentang......................................................... 85

Tabel 4.27 Pengujian modul menampilkan definisi hidrokarbon....................... 128

Tabel 4.28 Pengujian modul menampilkan penggolongan hidrokarbon............. 129

Tabel 4.29 Pengujian modul menghitung massa hidrokarbon............................ 130

Tabel 4.30 Pengujian modul menghitung jumlah atom...................................... 131

Tabel 4.31 Pengujian modul mencari nama hidrokarbon................................... 132

Tabel 4.32 Pengujian modul menampilkan daftar istilah ................................... 133

Tabel 4.33 Pengujian modul mecari istilah ....................................................... 134

Tabel 4.34 Pengujian modul menampilkan evaluasi.......................................... 135

Tabel 4.35 Pengujian modul menampilkan bantuan penggunaan aplikasi.......... 136

Tabel 4.36 Pengujian modul menampilkan tentang aplikasi .............................. 137

Tabel 4.37 Evaluasi Pengujian Aplikasi............................................................ 139

Tabel 4.38 Hasil Persentase Tanggapan Siswa.................................................. 140

xxii

DAFTAR LAMPIRAN

Lampiran A Transkip Hasil Wawancara ........................................................ A-1

Lampiran B Contoh dan Hasil Kuesioner ...................................................... B-1

Lampiran C Profil Sekolah ............................................................................ C-1

Lampiran D Surat Keterangan Melaksanakan Penelitian................................ D-1

Lampiran E Isi (Content) Materi dan Soal-soal Evaluasi pada Aplikasi ......... E-1

Lampiran F Spesifikasi Handphone yang diuji coba...................................... F-1

Lampiran G Proses Transfer dan Instalasi Aplikasi pada Handphone............. G-1

Lampiran H Hasil Tampilan Aplikasi pada Emulator dan Handphone........... H-1

Lampiran I Source Code .............................................................................. I-1

xxiii

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Dunia informasi saat ini seakan tak bisa terlepas dari teknologi. Salah satu

teknologi yang saat ini telah berkembang dengan pesat dalam satu dekade terakhir

yang menjadi trend dan digemari masyarakat Indonesia adalah teknologi

komunikasi terutama teknologi mobile device seperti Handphone.

Handphone merupakan alat komunikasi wireless yaitu komunikasi

bergerak tanpa kabel yang disebut dengan mobile device. Saat ini handphone

bukanlah suatu hal yang dianggap mewah atau langka lagi. Handphone sekarang

sudah menjadi kebutuhan pokok masyarakat Indonesia. Dari kalangan bawah

sampai kalangan atas sudah menggunakan handphone. Disamping harga yang

ditawarkan cukup terjangkau, berbagai fiture juga diberikan sebagai penunjang

majunya teknologi. Handphone yang awalnya hanya sekedar digunakan sebagai

telepon dan SMS saja. Namun dengan semakin berkembangnya teknologi

perangkat handphone semakin lengkap mulai dari Game, Mp3, Kamera, Radio,

dan koneksi internet.

Banyak fungsi yang bisa dilakukan dengan handphone, diantaranya

digunakan untuk menyimpan informasi, membuat daftar pekerjaan atau

perencanaan pekerjaan, mencatat appointment (janji pertemuan) dan dapat

disertakan reminder (pengingat waktu), kalkulator untuk perhitungan dasar

2

sederhana, mengirim dan menerima email, mencari informasi (berita, hiburan, dan

informasi lain) dari internet.

Perkembangan teknologi mobile device yang begitu pesat memiliki

berbagai macam dampak, baik itu dampak positif dan negatif terhadap kehidupan

masyarakat. Dampak negatif yang saat ini sedang banyak terjadi adalah :

maraknya aksi teror bom, SMS santet, video porno dan lain-lain. Tetapi dibalik

dampak negatif yang ditimbulkan oleh perkembangan teknologi perangkat mobile

yang maju pesat tersebut, masih banyak dampak positif yang bisa dimanfaatkan

dalam kehidupan sehari-hari.

Berangkat dari permasalahan diatas penulis mencoba memberikan dampak

positif atau manfaat dari perkembangan perangkat mobile tersebut dengan

mengembangkan aplikasi panduan manasik haji yang didistribusikan kedalam

sebuah ponsel untuk masyarakat Indonesia khususnya bagi umat Muslim.

Dengan aplikasi yang dibuat maka setiap orang yang ingin mengetahui tata

cara ibadah haji dapat belajar dengan cepat karena tidak hanya berbasis teks tetapi

juga dilengkapi fitur gambar-gambar tentang ibadah haji, kumpulan do’a haji dan

juga sifat handphone yang dapat dibawa kemana-mana.

1.2 Perumusan Masalah

Sesuai dengan inti dari penulisan skripsi ini, maka permasalahan yang

dapat penulis simpulkan yaitu :

3

1) Bagaimana aplikasi (yang aplikasinya didistribusikan kedalam sebuah

handphone) dapat memberikan informasi tentang tata cara melakukan

ibadah haji tamattu.

2) Bagaimana penerapan aplikasi pada perangkat yang sebenarnya yaitu

berupa handphone yang sudah mendukung aplikasi JAVA dengan Mobile

Information Device Profile (MIDP) versi 2.0.

3) Bagaimana langkah-langkah perancangan aplikasi dan tools apa saja yang

digunakan untuk membuat aplikasi Panduan Manasik Haji berbasis mobile

device ini.

1.3 Batasan masalah

Berdasarkan penelitian yang penulis lakukan, batasan-batasan yang

masalah yang dapat disimpulkan adalah :

1) Membuat aplikasi Panduan Manasik Haji berbasis mobile device

dikembangkan menggunakan bahasa pemrograman Java2 Micro Edition

(J2ME).

2) Aplikasi ini hanya dikembangkan untuk mobile device yang sudah

mendukung aplikasi JAVA MIDP versi 2.0.

3) Aplikasi ini menampilkan informasi tentang haji dan tahapan-tahapan Haji

Tamattu yang diambil dari buku Bimbingan Manasik Haji terbitan

Departemen Agama RI Tahun 2003 oleh tim ahli Prof. K.H. Alie Yafie

4) Pengujian dan pengimplementasian penulis menggunakan ponsel LG

KC550 dan Nokia 3120

4

1.4 Tujuan Penelitian

Tujuan penelitian dan pembuatan aplikasi ini adalah :

1) Membuat aplikasi yang dapat digunakan oleh calon jamaah haji khususnya

dan masyarakat pada umumnya dengan menggunakan perangkat mobile

yang mendukung aplikasi JAVA MIDP 2.0 untuk memperoleh informasi

tentang tata cara melaksanakan ibadah haji dengan cepat dan mudah

karena dapat diakses dimana saja dan kapan saja.

2) Memahami cara pembuatan aplikasi mobile device menggunakan

teknologi J2ME dari tahap perancangan, coding, sampai implementasi

pada perangkat mobile.

3) Menerapkan aplikasi pada ponsel yang sudah mendukung aplikasi JAVA

MIDP 2.0 dalam hal ini penulis menerapkan aplikasi pada ponsel LG


4) Melakukan pengujian dan membandingkan kinerja aplikasi pada kedua

ponsel tersebut.

1.5 Manfaat Penelitian

Sesuai permasalahan dan tujuan penelitian yang sudah disebutkan, maka

manfaat penelitian dapat dirumuskan, yaitu :

1.5.1 Bagi penulis

1) Untuk memenuhi salah satu syarat kelulusan dalam menempuh

gelar Sarjana Strata Satu (S1) pada Program Studi Teknik

5

Informartika Fakultas Sains Dan Teknologi Universitas Islam

Negeri Syarif Hidayatullah Jakarta.

2) Menambah wawasan penulis tentang bahasa pemrograman

JAVA khsusnya J2ME dan dapat menerapkan langsung

dengan membuat aplikasi untuk perangkat mobile.

1.5.2 Bagi Masyarakat

1) Membantu umat Islam mendapatkan informasi tentang haji,

istilah-istilah haji, menghafal doa-doa haji dan tahapan

pelaksanaan haji tamattu dengan menggunakan perangkat

mobile device yang sudah mendukung aplikasi JAVA MIDP

versi 2.0.

2) Sebagai referensi bagi masyarakat yang mempunyai minat

dalam mengembangkan aplikasi mobile dengan J2ME.

3) Sebagai salah satu sarana belajar umat Islam tentang tata cara

pelaksanaan haji.

1.5.3 Bagi Universitas

1) Mengetahui kemampuan mahasiswa dalam menguasai materi

baik teori maupun praktek yang telah diperoleh selama masa

kuliah.

2) Mengetahui kemampuan mahasiswa dalam menerapakan

ilmunya sebagai bahan evaluasi.

6

1.6 Metode Penelitian

Untuk memperoleh data dan informasi yang diperlukan, ada beberapa

metode yang penulis gunakan:

1.6.1 Studi pustaka

Yaitu pengumpulan data dan informasi dengan cara membaca

buku-buku referensi yang dapat dijadikan acuan pembahasan yang

berhubungan dengan judul skripsi Perancangan dan Implementasi Aplikasi

Panduan Manasik Haji Berbasis Mobile Device.

1.6.2 Diskusi

Melakukan diskusi dengan dosen pembimbing dan teman-teman di

kampus.

1.6.3. Metode pengembangan aplikasi

Pengembangan aplikasi dalam penelitian ini penulis lakukan

mengunakan lima tahap siklus pengembangan model RAD (Rapid

Aplication Development) yang dibuat oleh James Martin, yang terdiri dari

empat tahapan yaitu:

1) Fase Perencanaan Syarat-Syarat

Yaitu menentukan tujuan dan syarat-syarat informasi.

2) Fase Perancangan

Yaitu perancangan proses-proses yang akan terjadi di dalam

aplikasi.

7

3) Fase Konstruksi pada tahapan ini dilakukan pengkodean

terhadap rancangan-rancangan yang telah didefinisikan dan

menjalankan aplikasi.

4) Fase Pelaksanaan pada tahapan ini dilakukan pengujian

terhadap sistem dan melakukan pengenalan terhadap aplikasi.

1.7 Sistematik Penulisan

Dalam penulisan skripsi ini, penulis membaginya dalam dalam lima bab

pembahasan, rincian pembahasan setiap bab yaitu sebagai berikut:

BAB I PENDAHULUAN

Dalam bab ini berisi uraian tentang latar belakang penelitian,

perumusan masalah, batasan masalah, tujuan penelitian, manfaat

penelitian, metode penelitian dan sistematika penulisan

BAB II LANDASAN TEORI

Dalam bab ini berisi uraian tentang landasan teori yang

berhubungan dengan materi yang penulis buat. Teori-teori

tersebut antara lain adalah Haji, Mobile Device, JAVA, J2ME,

UML dan RAD.

BAB III METODOLOGI PENELITIAN

Dalam bab ini berisi uraian tentang metodologi pengembangan

aplikasi yang penulis gunakan pada aplikasi yaitu mengunakan

model RAD.

8

BAB IV PENGEMBANGAN APLIKASI

Pada bab ini dibahas mengenai pengembangan aplikasi yang

menggunakan beberapa tahapan, yaitu meliputi fase

perencanaan syarat-syarat, fase perancangan, fase konstruksi,

dan fase pelaksanaan.

BAB V PENUTUP

Pada bab ini diuraikan kesimpulan dari pembahasan bab-bab

sebelumnya dan saran-saran yang yang bisa ditambahkan dalam

penulisan skripsi ini sehingga menjadi lebih baik.

DAFTAR PUSTAKA

LAMPIRAN

9

BAB II

LANDASAN TEORI

2.1 Aplikasi

Aplikasi atau perangkat lunak aplikasi adalah suatu subkelas perangkat

lunak komputer yang memanfaatkan kemampuan komputer langsung untuk

melakukan suatu tugas yang diinginkan pengguna. Biasanya dibandingkan dengan

perangkat lunak sistem yang mengintegrasikan berbagai kemampuan komputer,

tapi tidak secara langsung menerapkan kemampuan tersebut untuk mengerjakan

suatu tugas yang menguntungkan pengguna. Contoh utama perangkat lunak

aplikasi adalah pengolah kata, lembar kerja, dan pemutar media.

(http://id.wikipedia.org/wiki/Aplikasi).

2.2 Panduan

Menurut kamus besar Indonesia (2009:230), panduan atau petunjuk adalah

tuntunan dalam melakukan suatu pekerjaan.

2.3 Haji

Haji adalah rukun (tiang agama) Islam yang kelima setelah syahadat,

shalat, zakat dan puasa. Menunaikan ibadah haji adalah bentuk ritual tahunan

yang dilaksanakan umat Islam sedunia yang mampu (secara material, fisik, dan

keilmuan) dengan berkunjung dan melaksanakan beberapa kegiatan di beberapa

tempat di Arab Saudi pada suatu waktu yang dikenal sebagai musim haji (bulan

Dzulhijjah) (http://www.sifaalikhlas.wordpress.com/). Hal ini berbeda dengan

ibadah umrah yang bisa dilaksanakan sewaktu-waktu.

9

http://id.wikipedia.org/wiki/Syahadat

http://id.wikipedia.org/wiki/Shalat

http://id.wikipedia.org/wiki/Arab_Saudi

http://id.wikipedia.org/wiki/Dzulhijjah

http://www.sifaalikhlas.wordpress.com/

http://id.wikipedia.org/wiki/Umrah

10

Kegiatan inti ibadah haji dimulai pada tanggal 8 Dzulhijjah ketika umat Islam

bermalam di Mina, wukuf (berdiam diri) di Padang Arafah pada tanggal 9

Dzulhijjah, bermalam di Muzdalifah, dan berakhir setelah melempar jumrah

(melempar batu simbolisasi setan) pada tanggal 10, 11, dan 12 Dzulhijjah.

Masyarakat Indonesia lazim juga menyebut hari raya Idul Adha sebagai hari raya

haji karena bersamaan dengan perayaan ibadah haji ini. Ibadah haji dimulai

dengan:

1. berihram

2. thawaf (qudum, ifadhah)

3. sa'i (antara Shafa-Marwah)

4. wuquf di Arafah

5. mabit di Muzdalifah

6. melempar jumrah

7. memotong/mencukur rambut dan diakhiri dengan

8. thawaf wada'

2.3.3 Macam-macam Haji

Setiap jamaah bebas memilih jenis ibadah haji yang ingin

dilaksanakannya. Berikut adalah jenis dan pengertian haji yang

dimaksud (http://id.wikipedia.org/wiki/Haji#Jenis_ibadah_haji):

2.3.3.1 Haji Tamattu'

Haji Tamattu’ adalah ibadah yang hanya berniat

(berihram) untuk umroh saja di bulan-bulan ibadah haji. Bila sudah

sampai di Makkah, dia bisa langsung melakukan thawaf dan sa'i

http://id.wikipedia.org/wiki/Mina

http://id.wikipedia.org/wiki/Wukuf

http://id.wikipedia.org/wiki/Arafah

http://id.wikipedia.org/wiki/Idul_Adha

http://id.wikipedia.org/wiki/Hari_Raya_Haji

http://id.wikipedia.org/wiki/Hari_Raya_Haji

11

untuk berumrah, mencukur rambut, dan memotong kuku. Ketika

tiba hari Tarwiyyah (hari ke-8 bulan Dzulhijjah), dia mulai ihram

dengan melakukan haji secara tersendiri dengan seluruh aktifitas

ibadah hajinya.

2.3.3.2 Haji Ifrad

Haji ifrad adalah ibadah haji secara tersendiri. Jika sudah

sampai di Makkah, dia bisa melakukan thawaf qudum (thawaf

kedatangan ke tanah suci) lalu melakukan sa'i untuk ibadah haji

tanpa mencukur rambut atau memotong kuku. Dia juga tidak perlu

ber-tahallul (terlepasnya seseorang dari halangan atau pantangan

selama ihram) selama ihram karena posisinya tetap atau telah

berihram hingga kemudian ber-tahallul setelah melempar jumrah

al-aqabah di hari Idul Adha (10 Dzulhijjah). Jika dia

mengakhirkan ibadah sa'i sampai waktu thawaf haji, maka tidak

masalah.

2.3.3.3 Haji Qiran

Haji qiran adalah ibadah haji dimana seseorang berihram

untuk ibadah haji dan umrah secara bersamaan, atau berihram

untuk umrah terlebih dahulu kemudian masuk pada ihram ibadah

haji. Kegiatan ini dilaksanakan sebelum melakukan thawaf. Orang

yang melaksanakan haji qiran sama dengan yang dilaksanakan

pada haji Ifrad, hanya saja orang yang melaksanakan haji Qiran

12

berkewajiban membayar dam (denda), sementara haji ifrad tidak

ada kewajiban.

2.4 Mobile Device

Computing device berukuran relatif lebih kecil, dengan tipikal penggunaan

layar display visual kecil sebagai output dan keyboard kecil sebagai input. Pada

device tertentu, misalnya Personal Digital Assistant (PDA), input dan output

menjadi satu pada tampilan touch-screen (http://en.wikipedia.org/wiki/Handheld

device).

2.5 Pembahasan Umum JAVA

JAVA menurut definisi dari SUN adalah nama untuk sekumpulan

teknologi untuk membuat dan menjalankan perangkat lunak pada komputer

standalone ataupun pada komputer dalam lingkungan jaringan. JAVA 2 adalah

generasi kedua dari JAVA platform (generasi awalnya adalah Java Development

Kit). Java berdiri diatas sebuah mesin interpreter yang diberi nama Java Virtual

Machine (JVM). JVM ini yang akan membaca byte code dalam file .class dari

suatu program sebagai representasi langsung program yang berisi bahasa mesin.

Oleh karena itu bahasa JAVA disebut sebagai bahasa pemrograman yang portable

karena dapat dijalankan pada berbagai sistem operasi, asalkan pada sistem operasi

tersebut terdapat JVM (Shalahuddin, 2006:1).

Platform JAVA memiliki tiga buah edisi yang berbeda yaitu J2EE (Java 2

Enterprise Edition), J2SE (Java 2 Standard Edition) dan J2ME (Java 2 Micro

13

Edition) (Shalahuddin, 2006:4). Hubungan antara J2EE, J2SE dan J2ME dapat

dilihat pada Gambar 2.1 .

Gambar 2.1 Hubungan antara J2EE, J2SE dan J2ME (de Jode, 2004:4)

2.6 JAVA2 Micro Edition (J2ME)

2.6.1 Sekilas tentang J2ME

Java 2 Micro Edition atau yang biasa disebut J2ME adalah

lingkungan pengembangan yang didesain untuk meletakkan perangkat

lunak JAVA pada barang elektronik beserta perangkat pendukungnya.

Pada J2ME, jika perangkat lunak berfungsi baik pada sebuah perangkat

maka belum tentu juga berfungsi pada perangkat yang lainnya J2ME biasa

digunakan pada telepon seluler, pager, Personal Digital Assistance

(PDA’s) dan sejenisnya (Shalahuddin, 2006:5). Arsitektur J2ME dapat

dilihat pada Gambar 2.2 .

14

Profile

Configuration

Libraries

JVM

Host Operating System

Gambar 2.2 Arsitektur J2ME (Shalahuddin, 2006:5)

Teknologi J2ME ditujukan untuk cakupan user yang luas sekali

dari mulai handphone hingga set-top-box yang powerful seperti halnya

sebuah komputer yang dilengkapi dengan J2SE atau J2EE. J2ME memiliki

beberapa keunggulan yaitu (http://j2me.winfaisal.info):

1. Sebagaimana kekhasan aplikasi yang ditulis dengan bahasa

pemrograman JAVA maka aplikasi J2ME memiliki ciri running

any where, any time, over any dvice.

2. Aplikasi dapat dijalankan secara on-line maupun off-line.

3. Memiliki kode yang portable.

4. Safe network delivery.

5. Aplikasi yang ditulis dengan J2ME akan memiliki kompatibilitas

yang tinggi dengan platform J2SE dan J2EE.

Tetapi selain memiliki beberapa keunggulan, teknologi J2ME juga

memiliki beberapa keterbatasan, terutama jika diaplikasikan pada ponsel

J2ME sangat bergantung pada perangkat (device) yang digunakan, bisa

dari segi merk ponsel, maupun kemampuan ponsel, dan dukungannya

terhadap teknologi J2ME. Misalnya, jika sebuah ponsel tidak memiliki

kamera maka J2ME pada ponsel tersebut tidak dapat mengakses kamera.

15

Keterbatasan lainnya adalah pada ukuran aplikasi, karena memori pada

ponsel sangat terbatas. (Shalahuddin, 2006:6).

2.6.2 Komponen-Komponen J2ME

Komponen user interface untuk aplikasi J2ME MIDlet sangat

terbatas. Komponen-komponen yang disediakan bagi aplikasi MIDlet,

secara garis besar dibagi menjadi dua kelompok, yaitu MIDP Screen dan

MIDP UI (Purnomo, 2006:200).

2.6.2.1 MIDP Screen

Berkaitan dengan kecilnya layar (display) dan keterbatasan

memori perangkat mobile, MIDP menggunakan class khusus untuk

menangani hal tersebut, sehingga bisa menyesuaikan dengan lebar

layar perangkat mobile. Jika pada aplikasi desktop menggunakan

frame, maka pada aplikasi mobile menggunakan Displayable.

Displayable adalah suatu obyek yang dapat digunakan

untuk menggambar atau meletakkan komponen yang dapat

menyesuaikan ukuran dengan layar perangkat mobile. Class

Displayable memiliki dua buah sub-class, yaitu Screen dan

Canvas, dan terdapat empat turunan dari class Screen, yaitu Alert,

Form, List, dan TextBox.

2.6.2.2 MIDP UI

Terdapat beberapa komponen yang dapat digunakan untuk

merancang tampilan aplikasi berbasis mobile. Adapun komponen-

komponen tersebut diantaranya, yaitu:

16

1. ChoiceGroup

Komponen yang digunakan untuk membuat pilihan, baik

berupa pilihan tunggal maupun pilihan jamak.

2. DataField

Komponen yang dapat digunakan untuk menampilkan waktu

berupa tanggal atau jam atau kedua-duanya.

3. Gauge

Komponen yang digunakan sebagai grafik bar untuk

menunjukan suatu proses.

4. ImageItem

Komponen untuk meletakkan gambar berformat PNG.

5. StringItem

Komponen untuk meletakkan teks tetapi tidak dapat diubah.

6. TextField

Komponen untuk meletakkan teks. Teks dapat diubah dan

dibatasi jumlah maksimal karakter yang dimasukkan.

7. Ticker

Komponen yang menjadikan sebuah teks dapat bergerak.

8. Spacer

Komponen untuk membuat ruang kosong antara komponen

satu dengan komponen yang lain.

17

2.6.3 J2ME Configuration

Configuration adalah sesutau spesifikasi yang menggambarkan

lingkungan perangkat lunak untuk suatu device yang digambarkan oleh

suatu kumpulan karakteristik yang bersandar pada suatu spesifikasi

contohnya antara lain (Topley, 2002:10):

1. Jenis dan jumlah ketersediaan memori

2. Jenis prosesor dan kecepatannya

3. Jenis koneksi jaringan yang tersedia pada suatu device

Dalam J2ME telah didefinisikan dua buah konfigurasi yaitu CLDC

(Connected Limited Device Configuration) untuk perangkat kecil dan

CDC (Connected Device Configuration) untuk perangkat yang lebih besar.

(Shalahuddin, 2006:6).

1. Connected Limited Device Configuration (CLDC)

Connected Limited Device Configuration (CLDC) adalah

perangkat dasar dari J2ME profiles untuk perangkat kecil, seperti

telepon seluler, pager, dan low-end PDAs (Topley, 2002:16).

Gambar 2.3 menjelaskan tentang posisi CLDC dalam

arsitektur J2ME.

MIDP

CLDC

Kumpulan

Library

KVM

Sistem Operasi

Gambar 2.3 Posisi CLDC dalam Arsitektur J2ME (Shalahuddin, 2006:7).

18

2. Connected Device Configuration (CDC)

CDC ditujukan untuk memenuhi kebutuhan dari device

yang terletak di antara device yang ditujukan untuk CLDC dan

sistem desktop yang berjalan penuh menggunakan J2SE. CDC

dapat ditemukan pada device seperti PDA yang lebih canggih,

pada smart phones, web telephones, residential gateway, dan set-

top boxes (Topley, 2002:11).

Berikut adalah perbandingan CLDC dan CDC (Shalahuddin,

2006:8).

Tabel 2.1 Tabel Perbandingan CLDC dan CDC (Shalahuddin, 2006:8)

CLDC CDC

Mengimplementasikan sebagian

dari J2SE

Mengimplementasikan seluruh fitur

J2SE

JVM yang digunakan adalah KVM

(Kilo Virtual Machine).

JVM yang digunakan adalah CVM

(C-Virtual Machine).

Digunakan pada perangkat

genggam (handphone, PDA,

twoway pager) dengan memori

terbatas (160-512 KB).

Digunakan pada perangkat

genggam (Internet TV, Nokia

Communicator, Car TV) dengan

memori minimal 2 MB.

Prosesor : 16/32 bit Prosesor : 32 bit

2.6.4 J2ME Profile

Profile melengkapi Configuration dengan menambahkan kelas-

kelas tambahan yang menyediakan fitur-fitur yang lebih spesifik yang

sesuai bagi jenis-jenis device tertentu (Topley, 2002:12).

Salah satu profile yang terdapat dalam arsitektur J2ME adalah

MIDP atau Mobile Information Device Profile.

a. Mobile information device profile (MIDP)

19

MIDP atau Mobile Information Device Profile adalah

spesifikasi untuk sebuah profile J2ME (Shalahuddin, 2006:9).

Profile ini menambah networking, user interface

components, dan local storage pada CLDC. Profile ini ditujukan

khususnya kepada mobile device yang memiliki keterbatasan pada

display dan fasilitas penyimpanan, dan oleh karena itu MIDP

menyediakan user interactif yang relatif sederhana dan networking

dasar yang berbasis HTTP 1.1 (Topley, 2002:12).

Posisi MIDP pada arsitektur J2ME dapat dilihat pada

Gambar 2.4 (Shalahuddin, 2006:9).

MIDP

CLDC

Libraries

KVM

Host Operating System

Gambar 2.4. Posisi MIDP dalam arsitektur J2ME (Shalahuddin, 2006:9)

2.6.5 Kilo Virtual Machine (KVM)

KVM atau Kilo Virtual Machine adalah paket JVM yang didesain

untuk perangkat yang kecil. Posisi KVM pada arsitektur J2ME dapat

dilihat pada gambar 2.5 di bawah ini (Shalahuddin, 2006:11).

MIDP

CLDC

Kumpulan

Library

KVM

Sistem Operasi

Gambar 2.5. posisi KVM pada arsitektur J2ME (Shalahuddin, 2006:11)

20

2.6.6 MIDlets

Sebuah MIDlets adalah aplikasi java yang didesain untuk dapat

berjalan pada mobile device. Sebuah midlet terdiri dari satu atau lebih

paket-paket midlet dan bersama-sama menggunakan suatu file JAVA

archive (JAR) (Muchow, 2001:20).

2.6.6.1 Daur Hidup MIDlet

Di setiap waktu, suatu midlet satu dari tiga status: Paused,

Actived atau Destroyed. Gambar 2.6 di bawah ini menunjukan

diagram status daur hidup dari sebuah midlet (Topley, 2002:58).

Gambar 2.6 Diagram status daur hidup dari sebuah Midlet (Topley,

2002:58).

2.6.6.2 Emulator perangkat MIDlet

SUN Microsystem telah menyediakan J2ME Wireless

Toolkit (sering disingkat J2ME WTK) untuk mengembangkan

aplikasi dalam handphone (Raharjo, 2007:8).

21

J2ME Wireless Toolkit dapat didownload di

http://java.sun.com/j2me secara gratis. J2ME Wireless Toolkit

adalah kakas yang menyediakan lingkungan emulator, dokumentasi

berserta contoh-contoh aplikasi java untuk perangkat kecil (small

device) (Shalahuddin, 2006:15).

Gambar 2.7 berikut ini adalah contoh J2ME Wireless

Toolkit versi 2.5.2

Gambar 2.7. Contoh emulator J2ME Wireless Toolkit 2.5.2

2.6.7 Java Application Descriptor (JAD)

Digunakan untuk mendeskripsikan isi aplikasi untuk keperluaan

pemetaan. File JAD berisi deskripsi file JAR (Java Archieve) dan

pemetaan atribut Midlet, sedanglan file JAR berisi kumpulan kelas dan

resource (Shalahuddin, 2006:14).

2.7 Rapid Application Development (RAD)

RAD (Rapid Application Development) adalah istilah yang dibuat oleh

James Martin, yaitu seorang konsultan komputer dan pengarang, untuk suatu

siklus hidup pengembangan yang dimaksudkan untuk menghasilkan sistem secara

cepat tanpa mengorbankan kualitas (McLeod, 2004:153).

http://java.sun.com/j2me

22

Menurut Kendall (2006:237), Pengembangan Aplikasi Cepat (PAC)

(Rapid Application Development) adalah suatu pendekatan berorientasi obyek

terhadap pengembangan sistem yang mencakup suatu metode pengembangan

serta perangkat-perangkat lunak.

Berikut ini adalah fase-fase RAD menurut James Martin (Kendall,

2006:238), yang meliputi empat tahapan yaitu:

1) Fase Perencanaan Syarat-syarat

Pada tahap ini dilakukan penentuan tujuan dan syarat-syarat informasi.

2) Fase Perancangan.

Pada tahap ini dilakukan perancangan proses-proses yang akan

terjadi dalam aplikasi dan perancangan antarmuka.

3) Fase Konstruksi

Pada tahap ini dilakukan pengkodean terhadap rancangan-rancangan

yang telah didefinisikan pada tahap sebelumnya.

4) Fase Pelaksanaan

Pada tahap ini dilakukan pengujian terhadap aplikasi dan melakukan

pengenalan terhadap aplikasi.

Gambar 2.8 Fase RAD menurut James Martin (Kendall, 2006:238)

Dalam menggunakan RAD ada beberapa hal yang perlu

diperhatikan terutama berkaitan dengan kelebihan dan kekurangan.

23

Berikut ini adalah beberapa poin kelebihan dan kekurangan menggunakan

metode RAD, yaitu (Noertjahyana, 2002:78):

a. Kelebihan metode RAD

Beberapa kelebihan dalam menggunakan metode RAD antara lain:

1) Proses pengiriman menjadi lebih mudah, hal ini dikarenakan

proses pembuatan lebih banyak menggunakan potongan-potongan

script.

2) Mudah untuk diamati, karena menggunakan model prototype,

sehingga user lebih mengerti akan sistem yang dikembangkan.

3) Lebih fleksibel, karena pengembang dapat melakukan proses

desain ulang pada saat yang bersamaan.

4) Keterlibatan user semakin meningkat, karena merupakan bagian

dari tim secara keseluruhan.

5) Mampu meminimalkan kesalahan-kesalahan, dengan menggunakan

alat-alat bantuan (CASE tools).

b. Kekurangan metode RAD

Beberapa kekurangan dalam menggunakan metode RAD antara lain:

1) Kesulitan dalam melakukan pengukuran mengenai kemajuan

proses.

2) Ketelitian menjadi berkurang, karena tidak menggunakan metode

yang formal dalam melakukan pengkodean.

3) Lebih banyak terjadi kesalahan, apabila hanya mengutamakan

kecepatan dibandingkan dengan biaya dan kualitas.

24

4) Fasilitas-fasilitas banyak yang dikurangi, karena terbatasnya waktu

yang tersedia.

5) Sistem sulit diaplikasikan di tempat yang lain.

2.8 Unified Modelling Language (UML)

2.8.1 Sekilas tentang UML

Menurut Grady Booch, James Rumbaugh, Ivar Jacobson (1998)

UML (Unified Modelling Language) adalah sebuah bahasa yang

berdasarkan grafik/gambar untuk memvisualisasi, menspesifikasikan,

membangun dan pendokumentasian benda-benda dari sebuah sistem

pengembangan perangkat lunak.

UML sendiri diangkat dari metode object-oriented analysis and

design (OOA&D) yang muncul pada akhir tahun 1980 dan awal tahun

1990. UML menyatukan secara langsung metode-metode dari Booch,

Rumbaugh (OMT) dan Jacobson, tetapi jangkauannya lebih luas. UML

melewati proses standarisasi dengan OMG (Fowler, 1999).

2.8.2 Diagram-diagram dalam UML

Setiap sistem yang kompleks seharusnya bisa dipandang dari sudut

yang berbeda-beda sehingga kita bisa mendapatkan pemahaman yang

menyeluruh (Nugroho, 2005:18). untuk upaya tersebut UML menyediakan

beberapa jenis diagram, diantaranya yang digunakan dalam penelitian ini

adalah Use Case Diagram, Sequence Diagram dan Class Diagram yang

akan dijelaskan sebagai berikut

2.8.2.1 Use Case Diagram

25

Use case diagram adalah teknik untuk merekam persayaratn

fungsional sebuah sistem. Use case mendeskripsikan interaksi

tipikal antara para pengguna sistem dengan sistem itu sendiri,

dengan memberi sebuah narasi tentang bagaimana sistem tersebut

digunakan (Fowler, 2005:141).

Use case diagram menggambarkan suatu kesimpulan dari

beberapa use case dan actors dan hubungan mereka. Diagram ini

sangat penting dalam mengatur dan mencontohkan perilaku dari

sebuah sistem (Booch , 1998).

Gambar 2.9 dalah notasi use case dan actor. yang

digunakan dalam use case diagram

Use case Actor

Gambar 2.9 Notasi Use Case dan Actor

Contoh Use Case Diagram dapat dilihat pada Gambar 2.10.

Gambar 2.10 Contoh Use Case Diagram (Booch, 1998).

26

Di dalam use case terdapat teks untuk menjelaskan urutan

kegiatan yang disebut use case specification. Use case

specification terdiri dari (Hermawan, 2004:16).

1. Nama use case

Mencantumkan nama dari use case yang bersangkutan.

Sebaiknya diawali dari kata kerja untuk menunjukkan suatu

aktivitas.

2. Deskripsi singkat (brief description)

Menjelaskan secara singkat dalam satu atau dua kalimat

tentang tujuan dari use case ini.

3. Aliran normal (basic flow)

Ini adalah jantung dari use case. Menjelaskan interaksi antara

actor dan sistem dalam kondisi normal, yaitu segala sesuat

berjalan dengan baik, tiada halangan atau hambatan dalam

mencapai tujuan dari use case.

4. Aliran alternative (alternate flow)

Merupakan perlengakapan dari basic flow karena tidak ada

yang sempurna dalam setiap kali use case berlangsung. Di

dalam alternate flow ini dijelaskan apa yang akan terjadi bila

suatu halangan terjadi sewaktu use case berlangsung.

5. Pre-condition

Menjelaskan persyaratan yang harus dipenuhi sebelum use

case bisa dimulai.

27

6. Post-condition

Menjelaskan kondisi yang berubah atau terjadi saat use case

selesai dieksekusi.

2.8.2.2 Sequence Diagram

Sebuah sequence diagram, secara khusus, menjabarkan

behavior sebauh skenario tunggal. Diagram tersebut menunjukkan

sebuah objek contoh dan pesan-pesan yang melewati objek-objek

ini didalam use case (Fowler, 2005:81).

Kita dapat membaca diagram ini dengan melihat pada

objek-objek dan pesan-pesan (message). Objek-objek yang

berperan dalam aliran diperlihatkan pada kotak bersegi empat

panjang yang melintas pada bagian atas diagram. Setiap objek

memiliki garis hidup (lifeline), yang digambarkan sebagai garis

vertikal dibawah nama sutau objek (Nugroho, 2005:92).

Contoh sequence diagram dapat dilihat pada gambar 2.11

dibawah ini.

Gambar 2.11. contoh sequence diagram (Martin Fowler, 2005:85)

28

2.8.2.3 Class Diagram

Class Diagram mendeskripsikan jenis-jenis objek dalam

sistem dan berbagai macam hubungan statis yang terdapat diantara

mereka. Class Diagram juga menunjukkan properti dan opersi

sebuah class (Martin Fowler, 2005:53).

Notasi class dapat dilihat pada gambar 2.12 di bawah ini.

Nama Kelas

Atribut

Operasi

Gambar 2.12. Notasi Class dalam UML (Nugroho, 2005:111)

Bagian paling atas memuat nama kelas. Bagian tengah

mendaftarkan atribut-atribut yang dimiliki sebuah kelas

sedangkan paling bawah mendaftarkan operasi-operasi yang

dimiliki kelas yang bersangkutan (Nugroho, 2005:112).

Class diagram umumnya tersusun dari elemen class,

interface, dependency, generalization dan association. Relasi

dependency menunjukkan bagaimana terjadi ketergantungan

antar class yang ada. Relasi generalization menunjukkan

bagaimana suatu class menjadi superclass dari class lainnya dan

class tersebut menjadi subclass dari class tersebut. Relasi

association menggambarkan navigasi antar class, berapa banyak

obyek lain bisa berhubungan dengan satu obyek (multiplicity

antar class), dan apakah suatu class menjadi nenjadi bagian dari

class lainnya (agregation) (Hermawan, 2004:28).

29

Contoh class diagram dapat pada gambar 2.13 dibawah

ini.

Gambar 2.13. Contoh Class Diagram (Booch, 1998).

30

BAB III

METODOLOGI PENELITIAN

Seperti yang telah dibahas pada bab I, dalam perancangan aplikasi

Panduan Manasik Haji berbasis mobile device ini, ada beberapa metode yang

dilakukan diantaranya :

3.1 Metode Pengumpulan Data

Dalam menyusun skripsi ini, diperlukan data-data informasi yang relatif

lengkap sebagai bahan yang dapat mendukung kebenaran materi uraian

pembahasan. Oleh karena itu sebelum menyusun skripsi ini, dalam persiapannya

terlebih dahulu dilakukan riset atau penelitian untuk menjaring data-data atau

bahan materi yang diperlukan. Adapun metode pengumpulan data-data dan

informasi yang diperlukan adalah metode studi pustaka, yaitu pengumpulan data

dan informasi dengan cara membaca buku-buku referensi, e-book dan website.

Adapun sumber buku-buku referensi, e-book dan website dapat dilihat

selengkapnya pada daftar pustaka.

3.2 Metode Pengembangan Aplikasi

Pengembangan aplikasi yang penulis lakukan menggunakan empat tahap

siklus pengembangan model RAD (Rapid Aplication Development), yaitu fase

perencanan syarat-syarat dan tujuan informasi, fase perancangan, fase konstruksi

dan fase pelaksanaan. Model RAD penulis gunakan karena melihat dari aplikasi

yang dikembangkan oleh penulis, merupakan aplikasi yang sederhana dan tidak

membutuhkan waktu yang lama yaitu sekitar 2 bulan, metode RAD adalah metode

30

31

yang diperuntukan untuk jangka pendek sesuai dengan aplikasi yang

dikembangkan.

Model pengembangan RAD yang oleh James Martin melingkupi fase-fase

sebagai berikut (Kendall, 2006:238):

Gambar 3.1 Fase-fase RAD James Martin (Kendall & Kendall, 2006:238)

Gambar 3.2 menjelaskan fase-fase yang dilakukan dalam pembuatan

aplikasi Panduan Manasik Haji ini sesuai dengan tahapan-tahapan yang ada di

model RAD.

Fase Perancanan

Syarat-syarat

Fase Perancangan

Fase Kontruksi

Fase Pelaksanaan

32

Perancangan dan Implementasi Aplikasi Panduan Manasik Haji Berbasis Mobile Device

Gambar 3.2 Fase-fase pembuatan Aplikasi Panduan Manasik Haji Berbasis

Mobile Device

Buku Tuntunan

Perjalanan haji terbitan

Depag RI dan website

Daftar urutan

pelaksanaan Haji Tamattu

dan Kumpulan Do’a-

Do’a Haji

Software untuk pembuatan aplikasi, antara

lain : J2SE SDK 1.5.0_02, J2ME WTK 2.5.2,

Netbeans Mobiliy Pack 5.5, Sistem Operasi

Windows XP SP 2

Hardware berupa 1 buah

PC dan 2 buah Ponsel LG


untuk pengujian aplikasi

Fase menentukan syarat-syarat informasi

Fase Kontruksi

Tahap Pembuatan Program

Fase Pelaksanaan

Aplikasi Panduan Manasik Haji

Berbasis Mobile Device

Spesifikasi Ponsel yang digunakan

Transfer Aplikasi dari PC ke Ponsel

dan Instalasi

Pengujian Aplikasi pada ponsel LG KC550 dan Nokia 3120

dan Instalasi

EvaluasiPengujian Apliksi pada Ponsel LG KC550 dan Nokia 3120

N70

dan Instalasi

Fase Perancangan

Use Case

Diagram

Sequence

Diagram

Class

Diagram

Perancangan menggunakan

Diagram UML

Perancangan Antar Muka

Tanggapan User

Baik

Kurang

Perubahan Atau

Tambahan

33

Adapun penjelasan dari fase-fase perancangan aplikasi ini sesuai dengan

Gambar 3.2 adalah sebagai berikut :

1. Fase Perencanaan Syarat-syarat

Pada tahap ini dilakukan pengidentifikasian tujuan-tujuan aplikasi serta

untuk mengidentifikasi syarat-syarat informsi yang ditimbulkan dari

tujuan-tujuan tersebut.

2. Fase Perancangan

Pada tahap ini dilakukan beberapa tahapan antara lain :

a) Perancangan proses-proses yang akan terjadi didalam aplikasi

menggunakan diagram UML yaitu dengan membuat Use Case

Diagram, Class Diagram dan Sequence Diagram.

b) Perancangan Antar Muka

Antar muka pemakai memberikan fasilitas komunikasi antara pemakai

dengan aplikasi, memberikan berbagai fasilitas informasi dan berbagai

keterangan yang bertujuan untuk membantu mengarahkan alur

penulusuran masalah sampai ditemukan solusi.

3. Fase Konstruksi

Pada tahapan ini dilakukan tahap pembuatan program yang telah dirancang

sebelumnya menggunakn Netbeans IDE 5.5 untuk membuat user interface,

source code dan emulator J2ME Wireless Toolkit 2.5.2 untuk menjalankan

program dalam PC (Personal Computer).

4. Fase Pelaksanaan

Pada fase ini dilakukan beberapa tahapan antara lain :

34

a) Spesifikasi Ponsel yang digunakan

Menjelaskan spesifikasi minimal yang harus dimiliki oleh ponsel yang

akan menerapkan aplikasi ini.

b) Transfer Aplikasi dari PC ke Ponsel dan Instalasi

Menjelaskan tahapan-tahapan transfer aplikasi dari PC ke dalam

Ponsel LG KC550 dan Nokia 3120 dengan media kabel data dan

Bluetooth, kemudian dilakukan proses instalasi aplikasi dalam ponsel.

c) Pengujian Aplikasi pada ponsel LG KC550 dan Nokia 3120

Pengujian aplikasi dilakukan pada ponsel dengan menguji seluruh

fitur yang terdapat pada Aplikasi Panduan Manasik Haji Berbasis

Mobile Device.

d) Evaluasi pengujian apliksi pada handphone LG KC550 dan Nokia

3120. Melakukan evaluasi aplikasi pada kedua ponsel tersebut

menggunakan beberapa kategori pengujian dan kemudian dievaluasi.

e) Tanggapan User

Meminta tanggapan user terhadap aplikasi ini kemudian

mengevaluasinya.

Berikut ini adalah beberapa alasan kenapa peneliti menggunakan metode RAD

dalam pengembangan aplikasi ini, yaitu karena:

1) Aplikasi yang dibuat merupakan dalam skala kecil, yakni hanya berkisar

antara 600 – 900 KB.

2) Memerlukan waktu yang tidak terlalu lama yaitu 2 bulan dalam pembuatan

aplikasi.

35

3) Konten atau isi pada aplikasi bersifat statis dan jumlah data yang

digunakan tidak besar dan hanya berfokus pada materi tentang panduan

manasik haji.

4) Spesifikasi kebutuhan sistem sudah diketahui yaitu data-data diperoleh

melaluli metode pengumpulan data.

36

BAB IV

PENGEMBANGAN APLIKASI

Untuk pengembangan aplikasi ini digunakan metode RAD (Rapid

Application Development) yang terdiri dari fase perencanaan syarat-syarat, fase

perancangan, fase konstruksi dan fase pelaksanaan sesuai dengan fase-fase

pembuatan Aplikasi Panduan Manasik Haji berbasis Mobile Device yang telah

digambarakan pada gambar 3.2 pada bab 3.

4.1 Fase Perencanaan Syarat-Syarat

4.1.1 Tujuan Informasi

Tujuan pembuatan aplikasi ini adalah sebagai salah satu solusi

yang dapat membantu user atau pengguna ponsel, khususnya yang telah

mendukung aplikasi JAVA MIDP versi 2.0 untuk dapat memperoleh

informasi tentang Panduan Manasik Haji dengan menggunakan perangkat

mobile atau ponsel miliknya kapan saja dan dimana saja. Cara ini

dirasakan lebih mudah dilakukan karena ponsel memiliki fisik yang

mudah dibawa kemana saja dan memiliki menu yang mudah diakses (user

friendly).

Dalam aplikasi ini, user dapat memperoleh informasi tentang

Panduan Manasik Haji yang telah dilengkapi dengan doa-doa, tentang

pelaksanaan ibadah haji dan istilah-istilah dalam haji.

Selain itu juga aplikasi ini dapat didistribusikan dengan mudah dan

cepat kepada pengguna lain melalui media transfer seperti kabel data,

bluetooth, infrared dan card reader.

36

37

4.1.2 Syarat-syarat Informasi

Pembuatan aplikasi Panduan Manasik Haji ini harus memenuhi

syarat-syarat pembuatan aplikasi mobile device menggunakan J2ME yang

meliputi kelengkapan data, kelengkapan perangkat lunak (software) dan

kelengkapan perangkat keras (hardware).

Kelengkapan data yang digunakan dalam pembuatan aplikasi

panduan manasik haji adalah

1. Buku Bimbingan Manasik Haji yang diterbitkan oleh

Departemen Agama RI.

2. Buku Doa dan Zikir Ibadah Haji yang diterbitkan oleh

Departemen Agama RI.

Sedangkan kelengkapan software yang digunakan yang digunakan

untuk pembuatan aplikasi adalah:

1. J2SE SDK versi 1.5.0_02 sebagai platform JAVA yang

membuat wireless toolkit dapat berjalan.

2. J2ME Wireless Toolkit versi 2.5.2 sebagai emulator untuk

aplikasi Midlet.

3. Netbeans IDE versi 5.5 sebagai integrated Development

Environment (IDE) untuk merancang user interface dan

source code.

4. Netbeans Mobility Pack versi 5.5 yang digunakan sebagai

software tambahan atau plug-in untuk mengembangkan

aplikasi J2ME menggunakan IDE dari Netbeans versi 5.5

tersebut.

38

5. Sistem Operasi Windows XP service pack 2 yang berjalan

pada PC (Personal Computer).

Adapun kelengkapan hardware yang digunakan:

1. Satu buah PC untuk membuat program dengan spesifikasi

sebagai berikut:

a. Processor 1500 MHz

b. Memory 512 MB

c. Harddisk 120 GB

d. Mouse

e. Keyboard

f. Monitor dengan resolusi 1024 x 768 pixel.

2. Sebuah kabel data dan bluetooth untuk mentransfer file

aplikasi dari PC ke ponsel.

3. Handphone yang telah mendukung aplikasi JAVA MIDP

versi 2.0. Dalam hal ini penulis menggunakan perangkat LG

KC550 dan Nokia 3120 untuk pengujian aplikasi.

4.1.2 Analisa Masalah

Informasi tentang panduan haji baru sebatas buku seperti buku

Bimbingan Manasik Haji dan buku Doa Dan Zikir Ibadah Haji yang

diterbitkan oleh Departemen Agama. Hal ini menyebabkan buku kurang

efektif untuk dibawa setiap saat, membaca dan menghafal doa-doa haji

tanpa mengenal waktu dan tempat sehingga minat masyarakat beragama

Islam tidak meningkat untuk mempelajari hal-hal tentang ibadah haji.

39

Masalah yang dapat diselesaikan adalah dengan Perancangan dan

Implementasi Aplikasi Panduan Manasik Haji Berbasis Mobile Device.

Adapun kelebihan-kelebihan dari aplikasi ini adalah :

a) Kemudahan dalam mengakses informasi tentang haji karena

sifat handphone selalu dibawa kemana-mana.

b) Tidak membutuhkan pulsa untuk mengakses karena informasi

telah terbenam didalam aplikasi.

c) Menu-menu yang user friendly dalam penggunaan aplikasi ini.

4.2 Fase Perancangan

Dalam perancangan program aplikasi Panduan Manasik Haji ini, terdiri

dari perancangan menggunakan notasi UML sebagai case tool dalam merancang

proses yang akan terjadi dalam sistem, yakni dengan membuat use case diagram,

activity diagram, sequence diagram, class diagram dan perancangan antar muka

(user interface).

4.2.1 Use Case Diagram

Use case adalah teknik untuk merekam persyaratan fungsional

sebuah sistem. Use case mendiskripsikan interaksi tipikal antara pengguna

sistem dengan sistem itu sendiri, dengan memberi sebuah narasi tentang

bagaimana sistem tersebut digunakan.

Pada aplikasi ini, terdapat beberapa use case antara lain use case

melihat tentang haji , use case melihat istilah-istilah haji, use case melihat

doa-doa haji, use case melihat tahapan haji tamattu, use case melihat

bantuan dan use case melihat tentang

40

Melihat Tentang

Haji

Melihat Istilah-

istilah Haji

Melihat Doa-doa

Haji

Melihat Tahapan

Haji Tamattu

Melihat Bantuan

Melihat Tentang


User

Gambar 4.1 berikut ini menunjukkan use case diagram yang dibuat

pada aplikasi ini.

Gambar 4.1. Use Case Diagram Aplikasi Panduan Manasik Haji Berbasis

Mobile Device

Berikut ini adalah spesifikasi dari beberapa use case diatas yang

menjelaskan urutan kegiatan yang dilakukan sistem dan user, yaitu antara

lain :

1. Use Case melihat tentang haji

Table 4.1

Spesifikasi Use Case Melihat Tentang Haji

Use Case Name Melihat Tentang Haji

Actor User

Brief Description Use Case ini digunakan untuk menampilkan

hal-hal mengenai ibadah haji. Hal-hal itu

diantaranya pengertian haji, macam-macam

Haji, waktu pelaksanaan haji, hikmah dan

keutamaan haji, hukum dan dalil haji, syarat-

syarat haji, rukun dan wajib haji, dam haji dan

larangan dalam haji

41

Basic Flow 1. User membuka menu Tentang Haji dengan

memilih Tentang Haji pada Menu Utama

2. User memilih salah satu List Tentang Haji

yang ingin ditampilkan

Alternate Flow -

Pre Condition User harus memilih Tentang Haji pada Menu

Utama kemudian memilih salah satu List

Tentang Haji

Post Condition Aplikasi menampilkan definisi dan hal-hal

mengenai ibadah haji sesuai yang dipilih oleh

user.

2. Use Case melihat Istilah-istilah Haji

Table 4.2

Spesifikasi Use Case Melihat Istilah-istilah Haji

Use Case Name Melihat Istilah-istilah Haji

Actor User


istilah-istilah yang terdapat dalam pelaksanaan

ibadah haji.

Basic Flow 1. User membuka menu Istilah-istilah Haji

dengan memilih Istilah-istilah Haji pada

Menu Utama

2. User memilih salah satu List Istilah-istilah

Haji yang ingin ditampilkan

Alternate Flow -

Pre Condition User harus memilih Istilah-istilah Haji pada

Menu Utama kemudian memilih salah satu

List Istilah-istilah Haji

Post Condition Aplikasi menampilkan definisi istilah-istilah

dalam pelaksanaan ibadah haji yang dipilih

oleh user

3. Use Case melihat Doa-doa Haji

Table 4.3

Spesifikasi Use Case Melihat Doa-doa Haji

Use Case Name Melihat Doa-doa Haji

Actor User


doa-doa dalam pelaksanaan ibadah haji.

Basic Flow 1. User membuka menu Doa-doa Haji dengan

memilih Doa-doa Haji pada Menu Utama

42

2. User memilih salah satu List Doa-doa Haji

Alternate Flow -

Pre Condition User harus memilih Doa-doa Haji pada Menu

Utama kemudian memilih salah satu List Doa-

doa Haji yang ingin ditampilkan

Post Condition Aplikasi menampilkan salah satu doa dalam

pelaksanaan ibadah haji yang dipilih oleh user

4. Use Case melihat Tahapan Haji Tamattu

Table 4.4

Spesifikasi Use Case Melihat Tahapan Haji Tamattu

Use Case Name Melihat Tahapan Haji Tamattu

Actor User


tahapan-tahapan dalam pelaksanaan ibadah

haji tamattu.

Basic Flow 1. User membuka menu Tahapan Haji Tamattu

dengan memilih Tahapan Haji Tamattu pada

Menu Utama

2. User memilih salah satu List Tahapan Haji

Tamattu

Alternate Flow -

Pre Condition User harus memilih Tahapan Haji Tamattu

pada Menu Utama kemudian memilih salah

satu List Tahapan Haji Tamattu

Post Condition Aplikasi menampilkan beberapa tahapan haji

dalam pelaksanaan ibadah haji tamattu yang

dipilih oleh user

5. Use Case melihat Bantuan

Table 4.5

Spesifikasi Use Case Melihat Bantuan

Use Case Name Melihat Bantuan

Actor User


mengenai bantuan dalam penggunaan aplikasi

panduan manasik haji.

Basic Flow 1. User membuka menu Bantuan dengan

memilih Bantuan pada Menu Utama

Alternate Flow -

Pre Condition User harus memilih menu Bantuan terlebih

43

dahulu.

Post Condition Aplikasi menampilkan mengenai bantuan

penggunaan aplikasi.

6. Use Case melihat Tentang Aplikasi

Table 4.6

Spesifikasi Use Case Melihat Tentang Aplikasi

Use Case Name Melihat Tentang Aplikasi

Actor User


info mengenai aplikasi panduan manasik haji.

Basic Flow User membuka menu Tentang dengan memilih

Tentang pada Menu Utama

Alternate Flow -

Pre Condition User harus memilih menu Tentang terlebih

dahulu.

Post Condition Aplikasi menampilkan informasi mengenai

aplikasi panduan manasik haji.

4.2.2 Activity Diagram

Activity diagram digunakan untuk menggambarkan aliran

fungsionalitas didalam aplikasi. Seperti diketahui memodelkan aliran

kejadian dapat juga menggunakan teks, tetapi akan kesulitan jika membaca

dan memahami logika aliran kejadian yang lebih kompleks.

Berikut ini adalah beberapa gambar activity diagram yang

berhubungan dengan aliran kejadian dari use case yang telah didefinisikan

pada tahap sebelumnya. Activity diagram tersebut diantaranya, yaitu:

1. Activity diagram untuk melihat tentang haji

44

User masuk menu utama aplikasi

Aplikasi menampilkan

Daftar list tentang hajiMemilih menu “Tentang Haji”

Menekan tombol “Kembali”

Memilih salah satu list tentang hajiAplikasi menampilkan definisi salah

Satu dari list tentang haji

Gambar 4.2. Activity diagram untuk aliran kejadian

dalam use case ”melihat tentang haji”

2. Activity diagram untuk melihat istilah-istilah haji



Daftar list istilah-istilah hajiMemilih menu “Istilah-istilah Haji”


Memilih salah satu list istilah-istilah hajiAplikasi menampilkan definisi salah

Satu dari list istilah-istilah haji


dalam use case ”melihat Istilah-istilah

haji”

45

3. Activity diagram untuk melihat doa-doa haji



Daftar list doa-doa hajiMemilih menu “Doa-doa Haji”


Memilih salah satu list doa-doa hajiAplikasi menampilkan definisi salah

Satu dari list doa-doa haji


dalam use case ”melihat doa-doa haji”

4. Activity diagram untuk melihat tahapan haji tamattu



Daftar list tahapan haji tamattuMemilih menu “Tahapan Haji Tamattu”


Memilih salah satu list tahapan haji tamattuAplikasi menampilkan definisi salah

Satu dari list tahapan haji tamattu

46


dalam use case ”melihat tahapan haji

tamattu”

5. Activity diagram untuk melihat Bantuan


dalam use case ”melihat bantuan”

6. Activity diagram untuk melihat tentang aplikasi


dalam use case ”melihat tentang”

47

4.2.3 Sequence Diagram

Sebuah sequence diagram, secara khusus, menjabarkan behavior

sebuah skenario tunggal. Diagram tersebut menunjukan sejumlah objek

contoh dan pesan-pesan yang melewati objek-objek ini di dalam use case

(Fowler, 2005:81).

Adapun skenario yang dijalankan atau dibuat berdasarkan use case

yang telah dirancang sebelumnya pada use case diagram. Sequence

diagram yang dibuat antara lain sequence diagram Melihat Tentang Haji,

sequence diagram Melihat Istilah-istilah Haji, sequence diagram Melihat

Doa-doa Haji, sequence diagram Melihat Tahapan Haji Tamattu,

sequence diagram Melihat Bantuan, sequence diagram Melihat

Tentang.Aplikasi

Berikut ini adalah sequence diagram yang telah penulis buat.

1. Sequence Diagram Melihat Tentang Haji

Pada sequence diagram ini dijelaskan bagaimana langkah-langkah

user untuk melihat suatu topik atau hal-hal mengenai ibadah haji seperti:

pengertian haji, macam-macam haji, waktu pelaksanaan haji, hikmah dan

keutamaan haji, hukum dan dalil haji, syarat-syarat haji, rukun dan wajib

haji, dam haji dan larangan dalam haji.

48

Gambar 4.8. Sequence Diagram Melihat Tentang Haji

2. Sequence Diagram Melihat Istilah Haji


user untuk melihat istilah-istilah dalam pelaksanaan ibadah haji.

Gambar 4.9. Sequence Diagram Melihat Istilah Haji

49

3. Sequence Diagram Melihat Doa Haji


user untuk melihat doa-doa dalam pelaksanaan ibadah haji.

Gambar 4.10. Sequence Diagram Melihat Doa Haji

4. Sequence Diagram Melihat Tahapan Haji Tamattu


user untuk melihat beberapa tahapan pelaksanaan ibadah haji tamattu.

Gambar 4.11. Sequence Diagram Melihat Haji Tamattu

50

5. Sequence Diagram Melihat Bantuan


user untuk melihat bantuan penggunan aplikasi Panduan Manasik Haji.

Gambar 4.12. Sequence Diagram Melihat Bantuan

6. Sequence Diagram Melihat Tentang


user untuk melihat penjelasan mengenai aplikasi Panduan Manasik Haji.

Gambar 4.13. Sequence Diagram Melihat Tentang

51

4.2.4 Class Diagram

Class diagram mendeskripsikan jenis-jenis objek dalam sistem dan

berbagai macam hubungan statis yang terdapat diantara mereka. Class

diagram juga menunjukan properti dan operasi sebuah class dan batasan-

batasan yang terdapat dalam hubungan-hubungan objek tersebut. UML

menggunakan istilah fitur sebagai istilah umum yang meliputi properti dan

operasi sebuah class (Martin Fowler, 2005:53).

Pada aplikasi Panduan Manasik Haji ini terdapat 4 class yaitu class

ManasikHaji, class Menu, class Const dan class Splash. Notasi class

berbentuk persegi panjang 3 bagian yaitu persegi panjang paling atas

untuk nama class, persegi panjang paling bawah untuk operasi atau

method dan persegi panjang di tengah untuk atribut. Berikut adalah class

diagram aplikasi Panduan Manasik Haji yang telah dirancang.

52

Gambar 4.14. Class Diagram Aplikasi Panduan Manasik Haji

Keterangan kelas-kelas yang terdapat pada diagram diatas, yaitu:

1. Kelas ManasikHaji

Kelas ini digunakan sebagai kelas MIDlet dari aplikasi yang dibuat.

Berikut ini adalah daftar atribut pada tabel 4.7a dan daftar metode pada

tabel 4.7b dari kelas ManasikHaji.

Tabel 4.7a

Daftar Atribut Kelas ManasikHaji

Nama Atribut Visibility Tipe

cmdBackFrmTampil, cmdBackLstDoaHaji,

cmdBackLstIstilahHaji, cmdBackLstTentangHaji,

cmdBackLstTahapanHaji, cmdOpenLstDoaHaji,

cmdOpenLstIstilahHaji, cmdOpenLstTentangHaji,

cmdOpenLstTahapanHaji, cmdPlay, cmdStop

Private Command

Display Private Display

fileDoa, fileIstilah, fileTahapan, fileTentang, fileName Private String

frmTampil Private Form

im, imgAlert, imgContent, imgName Private Image

lstDoaHaji, lstIstilahHaji, lstTahapanHaji,

lstTentangHaji

Private List

Menu Private Menu

mnuDoaHaji, mnuIstilahHaji, mnuTahapanHaji,

mnuTentangHaji

Private String[]

Pil Private Integer

siContent Private StringItem

splashScreen Private Splash

txtJalan Private Ticker

Ada Private Boolean

Choice Private Integer

53

Tabel 4.7b

Daftar Metode Kelas ManasikHaji

Nama Metode Visibility Tipe Keterangan

startApp() Public Void Yaitu metode yang digunakan

untuk menampilkan aplikasi

ketika siap dijalankan oleh

Aplication Management System

(AMS).

pauseApp() Public Void Yaitu metode yang digunakan

oleh AMS ketika sebuah

MIDlet baru dibuat.

destroyApp() Public void Yaitu metode yang digunakan

oleh AMS ketika aplikasi sudah

tidak digunakan lagi.

ReadFileText() Public Void Yaitu metode yang digunakan

untuk membaca file teks

commandAction() Public Void Yaitu metode yang digunakan

untuk menangkap event dari

sebuah Command c pada

Displayable d

exitMidlet() Public void Yaitu metode yang digunakan

untuk keluar dari aplikasi

getDisplay() Public Display Yaitu metode yang digunakan

untuk memanggil metode

Display.getDisplay(this)

getListDoaHaji Public List Yaitu metode yang digunakan

untuk membuat List doa haji

getListIstilahHaji Public List Yaitu metode yang digunakan

untuk membuat List istilah haji

getListTahapanHaji Public List Yaitu metode yang digunakan

untuk membuat List tahapan

haji tamattu

getListTentangHaji Public List Yaitu metode yang digunakan

untuk membuat List tentang haji

showForm() Public Void Yaitu metode yang digunakan

untuk menempatkan file teks

dan file image pada form tampil

showMenu() Public Void Yaitu metode yang digunakan

untuk menampilkan menu

utama

54

2. Kelas Const

Kelas ini digunakan untuk membuat atribut atau field-field yang

akan digunakan pada kelas Menu. Berikut ini adalah daftar atribut pada

tabel 4.8 dari kelas Const.

Tabel 4.8

Daftar Atribut Kelas Const


MENU_TENTANG_HAJI Public Integer

MENU_ISTILAH_HAJI Public Integer

MENU_DOA_HAJI Public Integer

MENU_TAHAPAN_HAJI Public Integer

MENU_BANTUAN Public Integer

MENU_TENTANG Public Integer

BLUE Public Integer

WHITE Public Integer

BLACK Public Integer

GREEN Public Integer

YGREEN Public Integer

ORANGE Public Integer

3. Kelas Menu

Kelas ini digunakan untuk menampilkan daftar menu utama

aplikasi Panduan Manasik Haji yang dibuat menggunakan canvas. Berikut

ini adalah daftar atribut pada tabel 4.9a dan daftar metode pada tabel 4.9b

dari kelas Menu.

Tabel 4.9a

Daftar Atribut Kelas Menu


daftarMenu private String[]

55

imgPointerMenu private Image

imgBGroundMenu Private Image

imgHeaderMenu Private Image

imgHeaderMakkah Private Image

ftPPS Private Font

strPilih Private Font

strKeluar Private Font

Midlet Private ManasikHaji

tngImgHeaderMenu Private Integer

Tabel 4.9b

Daftar Metode Kelas Menu

Nama Atribut Visibility Tipe Keterangan

Menu() Public Void Konstruktor dari kelas Menu

keyPressed( ) Public Void Yaitu metode yang

digunakan untuk menangkap

event ketika tombol ditekan

paint( ) Public Void Yaitu metode yang

digunakan untuk

menggambar pada canvas

showFont( ) Public Void Yaitu metode yang dipanggil

untuk menampilkan tulisan

dengan menggunakan metode

drawString()

showLine() Public Void Yaitu metode yang

digunakan untuk

menampilkan garis dengan

memanggil metode

drawLine()

4. Kelas Splash

Kelas ini digunakan untuk menampilkan splash screen dari aplikasi

Panduan Manasik Haji yang dibuat menggunakan canvas. Berikut ini

56

adalah daftar atribut pada tabel 4.10a dan daftar metode pada tabel 4.10b

dari kelas Splash.

Tabel 4.10a

Daftar Atribut Kelas Splash


imgTitle private Image

Midlet private ManasikHaji

Tabel 4.10b

Daftar Metode Kelas Splash

Nama Atribut Visibility Tipe Keterangan

Splash() Public Void Konstruktor dari kelas Menu

keyPressed Public Void Yaitu metode yang

digunakan untuk menangkap

event ketika tombol ditekan

paint() Public Void Yaitu metode yang

digunakan untuk

menggambar pada canvas

4.2.5 Perancangan Antar Muka

Dalam perancangan antarmuka, dibuat beberapa canvas, form dan

list yang akan diuraikan sebagai berikut.

1. Canvas Splash Screen

Canvas splash screen adalah tampilan awal ketika aplikasi

panduan mansik haji ini dijalankan. Canvas ini menampilkan gambar

sebagai menu pembuka aplikasi panduan manasik haji.

Rancangan Canvas Splash Screen dapat dilihat pada gambar

dibawah ini

57

Gambar 4.15 Rancangan Canvas Splash Screen

2. Canvas Menu Utama

Canvas ini berfungsi untuk menampilkan menu utama yang ada

dalam aplikasi yang dapat dipilih sesuai dengan keinginan user.

Rancangan Canvas menu utama dapat dilihat pada gambar 4.16 dibawah

ini.

Gambar 4.16 Rancangan Canvas Menu Utama

a) Menu Tentang Haji : berfungsi untuk menampilkan list tentang

haji.

(Gambar Splash Screen)

Aplikasi Panduan

Manasik Haji


Menu Utama

Tentang Haji

Istilah Haji

Doa-doa Haji

Tahapan Haji Tamattu

Bantuan

Tentang Aplikasi

Keluar Pilih

58

b) Menu Istilah Haji : berfungsi untuk menampilkan list istilah haji.

c) Menu Doa-doa Haji : berfungsi untuk menampilkan list doa haji.

d) Menu Tahapan Haji Tamattu : berfungsi untuk menampilkan list

tahapan haji tamattu.

e) Menu Bantuan : berfungsi untuk menampilkan form tampil bantuan

penggunaan aplikasi ini.

f) Menu Tentang Aplikasi : berfungsi untuk menampilkan form

tampil tentang aplikasi ini.

g) Tombol Keluar : berfungsi untuk keluar dari aplikasi ini.

h) Tombol Pilih : berfungsi untuk memilih menu yang dikehendaki

user.

3. List Tentang Haji

List ini berfungsi untuk menampilkan hal-hal mengenai ibadah haji

seperti: pengertian haji, macam-macam haji, waktu pelaksanaan haji,

hikmah dan keutamaan haji, hukum dan dalil haji, syarat-syarat haji, rukun

dan wajib haji, dam haji dan larangan dalam haji. Rancangan list tentang

haji dapat dilihat pada gambar 4.17 dibawah ini.

Tentang Haji

<List Tentang Haji>

<List Tentang Haji>

<List Tentang Haji>

<List Tentang Haji>

<List Tentang Haji>

<List Tentang Haji>

<List Tentang Haji>

<List Tentang Haji>

<List Tentang Haji>

Pilih Menu Utama

59

Gambar 4.17 Rancangan List Tentang Haji

a) Menu List Tentang Haji : berfungsi untuk

menampilkan form tampil tentang haji.

b) Tombol Pilih : berfungsi untuk menampilkan

form tampil tentang haji sesuai pilihan user yang

dikehendaki.

c) Tombol Menu Utama : berfungsi untuk

menampilkan canvas menu utama.

4. List Istilah Haji

List ini berfungsi untuk menampilkan hal-hal mengenai istilah-

istilah yang terdapat dalam pelaksanaan ibadah haji. Seperti: aqabah,

arafah, arbain dll. Rancangan list istilah haji dapat dilihat pada gambar

4.18 dibawah ini.

Gambar 4.18 Rancangan List Istilah Haji

Istilah Haji

<List Istilah Haji>

<List Istilah Haji>

<List Istilah Haji>

<List Istilah Haji>

<List Istilah Haji>

<List Istilah Haji>

<List Istilah Haji>

<List Istilah Haji>

<List Istilah Haji>

Pilih Menu Utama

60

a) Menu List Istilah Haji : berfungsi untuk

menampilkan form tampil istilah haji.


form tampil istilah-istilah haji sesuai pilihan

user yang dikehendaki.



5. List Doa Haji

List ini berfungsi untuk menampilkan hal-hal mengenai doa-doa

yang terdapat dalam pelaksanaan ibadah haji. Seperti: aqabah, arafah,

arbain dll. Rancangan list istilah haji dapat dilihat pada gambar 4.19

dibawah ini.

Gambar 4.19. Rancangan List Doa-doa Haji

Doa-doa Haji

<List Doa-doa Haji>

<List Doa-doa Haji>

<List Doa-doa Haji>

<List Doa-doa Haji>

<List Doa-doa Haji>

<List Doa-doa Haji>

<List Doa-doa Haji>

<List Doa-doa Haji>

<List Doa-doa Haji>

Pilih Menu Utama

61

a) Menu List Doa-doa Haji : berfungsi untuk

menampilkan form tampil doa-doa haji.


form tampil doa-doa haji sesuai pilihan user

yang dikehendaki.



6. List Tahapan Haji Tamattu

List ini berfungsi untuk menampilkan hal-hal mengenai tahapan-

tahapan yang harus dilakukan yang terdapat dalam pelaksanaan ibadah haji

tamattu. Seperti: ihrom umroh, tawaf qudum, sai umroh, tahalul, ihram

haji, mabit di mina, wukuf di arafah, mabit di muzdalifah, lontar jumrotul

mina, tawaf ifadoh, sai haji, tahalul haji, mabit di mina pada hari tasyrik,

melontar ketiga dan umrah tawaf wada. Rancangan list tahapan haji

tamattu dapat dilihat pada gambar 4.20 dibawah ini.

Gambar 4.20. Rancangan List Tahapan Haji Tamattu

Tahapan Haji Tamattu

<List Tahapan Haji Tamattu >









Pilih Menu Utama

62

a) Menu List Tahapan Haji Tamattu : berfungsi

untuk menampilkan form tampil tahapan-

tahapan haji tamattu.


form tampil tahapan haji tamattu sesuai pilihan

user yang dikehendaki.



7. Form Tampil

Form ini berfungsi untuk menampilkan content atau isi dari list

tentang haji, list istilah-istilah haji, list doa-doa haji, list tahapan haji

tamattu dan menampilkan bantuan penggunaan dan informasi tentang

aplikasi ini. Rancangan form tampil dilihat pada gambar 4.21 dibawah ini.

Gambar 4.21. Rancangan Form Tampil yang menampilkan content

list tentang haji

Hukum dan Dalil Haji

<salah satu content atau isi List

Tentang Haji>

Kembali

63

Gambar 4.22. Rancangan Form Tampil yang menampilkan

bantuan dalam menggunakan aplikasi.

a) Tombol Kembali : berfungsi untuk

menampilkan daftar list sebelumnya, seperti list

tentang haji, list istilah-istilah haji, list doa-doa

haji dan list tahapan haji tamattu.

b) Tombol Menu Utama : berfungsi untuk


4.3 Fase Kontruksi

Berikut ini dijelaskan proses-proses yang dilakukan pada fase konstruksi

mulai dari instalasi software yang digunakan, membuat project baru di NetBeans

versi 5.5, menulis kode program, menjalankan aplikasi pada emulator, dan

mempaketkan aplikasi.

4.3.1 Instalasi Software yang Digunakan

Sebelum membuat sebuah aplikasi, tahap pertama yang harus

dilakukan adalah melakukan instalasi software-software yang diperlukan.

Bantuan

Petunjuk penggunaan aplikasi

panduan manasik haji

Menu Utama

64

Dalam rnembuat aplikasi Panduan Manasik Haji ini, dilakukan instalasi

software, diantaranya yaitu:

1. Menginstal Java Development Kit

a) Menjalankan file j2sdk—I _5_0_05-windows·i586—p.exe

b) Menentukan lokasi instalasi. Secara default Java akan

diinstal pada direktori c:\

c) Menunggu sampai proses instalasi selesai dan kemudian

mengklik tombol Finish.

Gambar 4.23. Proses Instalasi Java Development

Kit

2. Menginstal NetBeans versi 5.5

a) Menjalankan file netbeans-5_5-windows.exe

b) Menentukan lokasi instalasi. Secara default akan diinstal

pada direktori C:\Program FiIes\netbeans—5.5

65

c) Menentukan lokasi J2SE JDK Home Directory, seperti yang

ditunjukan pada gambar 4.24 berikut ini.

Gambar 4.24. Menentukan lokasi J2SE JDK Home

Directory

d) Menunggu sampai proses instalasi selesai dan kemudian


3. Menginstal NetBeans Mobility Pack versi 5.5

a) Menjalankan file netbeans-mobility-5_5-windows.exe

b) Menentukan lokasi NetBeans IDE Home Directory, seperti

yang ditunjukan pada gambar 4.25 di bawah ini

66

Gambar 4.25. Menentukan lokasi NetBeans IDE Home

Directory

c) Menunggu sampai proses instalasi selesai dan kemudian


4. Menginstal J2ME Wireless Toolkit

a) Menjalankan file sun_java_wireless_toolkit-2_5_2-

windows.exe

b) Menentukan lokasi Java Virtual Machine (JVM) seperti

pada gambar 4.26.

c) Menentukan lokasi instalasi secara default akan diinstal pada

direktori C:\WTK2.5.2.

d) Menunggu sampai proses instalasi selesai dan kemudian


67

Gambar 4.26 Menentukan lokasi Java Virtual Machine (JVM)

4.3.2 Membuat Project Baru di NetBeans 5.5

Berikut ini adalah urutan langkah-langkah yang dilakukan dalam

proses pembuatan project baru di NetBeans yaitu:

a) Menjalankan program NetBeans dengan cara mengklik tombol

Start klik Program pilih NetBeans 5.5 klik

NetBeans IDE

b) Setelah jendala utama dari program NetBeans tampil. Membuat

project baru dengan cara mengklik File New Project

68

Gambar 4.27. Jendela New Project NetBeans 5.5

c) Pada jendela New Project, langkah pertama yang harus

dilakukan adalah memilih project yaitu kategori Mobile dengan

Project Mobile Application, seperti pada gambar 4.28

kemudian tekan tombol Next.

Gambar 4.28. Jendela Chooses Project

69

d) Langkah selanjutnya yaitu memberikan nama dan menentukan

lokasi penyimpanan project yang akan dibuat, dan kemudian

menekan tombol Next. Seperti pada gambar 4.29.

Gambar 4.29. Jendela Name and Location untuk New Project

e) Langkah selanjutnya yaitu menentukan Emulator Platform,

Device, Device Configuration, dan Device Profile. Seperti

yang ditunjukan oleh gambar 4.30, selanjutnya menekan

tombol Finish.

70

Gambar 4.30. Jendela Default Platform Selection

4.3.3 Membuat file MIDlet

Berikut adalah urutan langkah-langkah, yang dilakukan dalam

proses pembuatan file MIDlet baru untuk project yang sudah dibuat pada

tahap sebelumnya yaitu:

a) Mengklik menu File New File. Maka akan tampil jendela

New File seperti pada gambar 4.31.

b) Pada jendela New File, langkah pertama yang dilakukan adalah

memilih file type yaitu kategori MIDP dengan tipe file MlDlet,

seperti pada gambar 4.31 dan kemudian tekan tombol Next.

71

Gambar 4.31. Jendela New File

c) Menentukan nama dan lokasi penyimpanan file, seperti gambar

4.32 kemudian tekan tombol Finish.

Gambar 4.32. Jendela Name & Location untuk New File

72

4.3.4 Menulis Kode Program

Pada tahap ini dilakukan pengkodean aplikasi Panduan Mansik haji

menggunakan software NetBeans versi 5.5 yang dapat dilihat pada gambar

4.33 dibawah ini.

Gambar 4.33. perancangan aplikasi menggunakan NetBeans 5.5

untuk melihat source code dari aplikasi ini secara lengkap dapat dilihat

pada lamapiran

4.3.5 Menjalankan Aplikasi pada Komputer

Untuk menjalankan aplikasi di komputer, dapat dilakukan dengan

cara Pilih menu Build Run Main Project pada toolbar NetBeans 5.5

atau tekan tombol F6 pada keyboard. Setelah proses running selesai, maka

aplikasi akan muncul di emulator, seperti yang ditunjukan pada gambar

73

4.34 Pada Penulisan ini menggunakan emulator J2ME Wireless Toolkit

versi 2.5.2

Gambar 4.34 Tampilan Aplikasi Panduan Manasik Haji pada

emulator J2ME Wireless Toolkit versi 2.5.2

untuk melihat source code dari aplikasi ini secara lengkap dapat

dilihat pada lamapiran.

4.3.6 Mempaketkan Aplikasi

Sebelum dilakukan proses pemindahan aplikasi dari komputer ke

handphone, maka perlu dilakukan pemaketan aplikasi. Proses pemaketan

aplikasi ini akan terbentuk secara otomatis ketika program dijalankan, atau

74

dengan memilih menu Build Build Menu Project atau menekan

tombol F11 pada keyboard seperti yang ditunjukan pada gambar 4.35

Gambar 4.35 Proses Mempaketkan Aplikasi

Maka akan terbentuk dua buah file yakni file *.jar yang berisi

kumpulan kelas dan resource, dan file *.jad yang berisi deskripsi dari file

JAR, misalkan MIDlet-Name, MIDlet-Vendor, MlDlet-Version,

MicroEdition-Configuration, MicroEdition-Profile, dan Iain-lain. File

*.jar dan *.jad ini akan terbentuk di dalam folder "dist" yang berada di

direktori sesuai dengan ketika membentuk project baru. Misalkan pada

project Panduan Manasik Haji yang terbentuk di direktori "C:/Documents

and Setting\j2mewtk\2.5.2\apps\Panduan Manasik Haji".

4.4 Fase Pelaksanaan

Pada fase pelaksanaan, penulis menggunakan beberapa tahapan yaitu:

a. Menganalisa spesifikasi kebutuhan handphone yang dapat digunakan

untuk menerapkan aplikasi ini.

b. Transfer Aplikasi dari PC ke dalam handphone dan instalasi.

75

c. Melakukan pengujian aplikasi pada handphone dengan syarat-syarat

yang telah terpenuhi, yaitu LG KC550 dan Nokia 3120

d. Melakukan evaluasi pengujian aplikasi pada kedua handphone

tersebut

e. Meminta tanggapan user untuk aplikasi yang telah penulis buat

4.4.1 Spesifikasi handphone yang digunakan

Ponsel yang dapat digunakan untuk menjalankan aplikasi ini harus

memiliki spesifikasi minimal sebagai berikut :

1. mendukung aplikasi JAVA MIDP versi 2.0

2. Memiliki memori minimal 600 kilobyte (KB) atau lebih untuk

proses instalasi aplikasi.

3. Memiliki layar tampilan dengan resolusi 240 x 320 pixel.

Dalam pengimplementasian aplikasi yang dilakukan oleh penulis,

ponsel yang digunakan adalah LG KC550 dan Nokia 3120 yang dapat

dilihat pada gambar 4.36. Kedua ponsel tersebut telah memenuhi

kebutuhan spesifikasi minimal ponsel yang digunakan yang telah

disebutkan diatas.

Gambar 4.36 Ponsel LG KC550 dan Nokia 3120 yang digunakan

76

Berikut ini adalah tabel spesifikasi kedua ponsel yang digunakan

dalam pengujian Aplikasi Panduan Manasik Haji.

Tabel 4.7

Tabel Spesifikasi Ponsel yang digunakan

Merk dan Tipe Ponsel LG KC550 Nokia 3120

Layar TFT 262.000 warna 240

x 320

TFT 262.000 warna 240

x 320

Spesifikasi:

Network

Operating System

Transfer Data

Browser

JAVA

Konektivitas

Memori Ekternal

Memori Internal

Tri Band

-

GPRS 10, EDGE 12

WAP 2.0

JAVA MIDP 2.0

Bluetooth, infrared, USB

MMC

14 MB

Tri Band

Symbian OS

GPRS 10

WAP 2.0

JAVA MIDP 2.0

Bluetooth, infrared,

USB

MMC

60 MB

4.4.2 Transfer Aplikasi dari PC ke dalam Ponsel dan Instalasi

Untuk memindahkan aplikasi ke dalam ponsel dapat

menggunakan beberapa tools diantaranya : Bluetooth, cardreader, kabel

data dan infra red. Dalam hal ini, penulis menggunakan kabel data dan

bluetooth untuk transfer aplikasi ke dalam ponsel LG KC550 dan Nokia

3120. Proses transfer aplikasi dan instalasi dapat dilihat selengkapnya

pada lampiran.

Hasil dari proses instalasi diatas dapat dilihat pada tampilan dalam

ponsel seperti gambar 4.37 di bawah ini, dan hasil seluruh tampilan

aplikasi pada kedua ponsel dapat dilihat selengkapnya pada lampiran.

77

Gambar 4.37 Tampilan Aplikasi Panduan Manasik Haji yang sudah

terinstall pada Ponsel LG KC 550 dan Nokia 3120

4.4.3 Pengujian Aplikasi pada Ponsel LG KC550 dan Nokia 3120

Setelah dilakukan transfer aplikasi dari PC ke dalam ponsel dan

instalasi program pada ponsel maka dilakukan pengujian program pada

ponsel. Pengujian dilakukan dengan mengujia seluruh fitur yang ada pada

aplikasi ini. Fitur-fitur yang diuji antara lain:

1. Menampilkan tampilan awal aplikasi

Table 4.8

Pengujian modul menampilkan tampilan awal aplikasi

Rancangan Proses Hasil yang

diharapkan

hasil keterangan

Mulai jalankan

program dengan

meng-klik icon

aplikasi

Menampilkan

tampilan awal

program aplikasi

panduan manasik

haji

sesuai

Berikut adalah output yang dihasilkan untuk modul

menampilkan tampilan awal aplikasi, pada handphone LG KC550

(a) dan Nokia 3120 (b). Seperti yang terlihat pada gambar 4.38

dibawah ini.

78

Gambar 4.38 output modul menampilkan tampilan awal aplikasi

2. Menampilkan Menu Utama aplikasi

Table 4.9

Pengujian modul menampilkan Menu Utama aplikasi


diharapkan

hasil Keterangan

Mulai jalankan

program dengan

meng-klik icon

aplikasi klik

sembarang tombol

Menampilkan

Menu Utama

aplikasi panduan

manasik haji

sesuai


menampilkan menu utama aplikasi, pada handphone LG KC550


dibawah ini.

Gambar 4.39 output modul menampilkan menu utama aplikasi

79

3. Menampilkan list-list tentang haji

Table 4.10

Pengujian modul menampilkan list-list tentang haji


diharapkan

hasil Keterangan

Mulai jalankan

program dengan

meng-klik icon

aplikasi klik

sembarang tombol

Pilih menu

“Tentang Haji” lalu

klik tombol “Pilih”

Menampilkan list-

list tentang haji

sesuai


menampilkan list-list tentang haji pada handphone LG KC550 (a)

dan Nokia 3120 (b). Seperti yang terlihat pada gambar 4.40

dibawah ini.

Gambar 4.40 output modul menampilkan list-list tentang haji

4. Menampilkan pengertian haji

Table 4.11

Pengujian modul menampilkan pengertian haji


diharapkan

hasil Keterangan

Mulai jalankan

program dengan

meng-klik icon

aplikasi klik

Menampilkan

pengertian haji

sesuai

80

sembarang tombol

Pilih menu

“Tentang Haji” lalu


Pilih list

“Pengertian Haji”

lalu klik tombol

“Pilih”

Berikut adalah output yang dihasilkan untuk modul menampilkan

pengertian haji pada handphone LG KC550 (a) dan Nokia 3120

(b). Seperti yang terlihat pada gambar 4.41 dibawah ini.

Gambar 4.41 output modul menampilkan pengertian haji

5. Menampilkan list-list istilah haji

Table 4.12

Pengujian modul menampilkan list-list istilah haji


diharapkan

hasil Keterangan

Mulai jalankan

program dengan

meng-klik icon

aplikasi klik

sembarang tombol

Pilih menu

“Istilah Haji” dan


Menampilkan list-

list istilah haji

sesuai


menampilkan list-list istilah haji pada handphone LG KC550 (a)

81


dibawah ini.

Gambar 4.42 output modul menampilkan list-list istilah haji

6. Menampilkan istilah aqabah

Table 4.13

Pengujian modul menampilkan istilah aqabah


diharapkan

hasil Keterangan

Mulai jalankan

program dengan

meng-klik icon

aplikasi klik

sembarang tombol

Pilih menu

“Istilah Haji” dan


Pilih list

“Aqabah”

Menampilkan

definisi dari aqabah

sesuai


menampilkan istilah aqabah pada handphone LG KC550 (a) dan

Nokia 3120 (b). Seperti yang terlihat pada gambar 4.43 dibawah

ini.

82

Gambar 4.43 output modul menampilkan istilah aqabah

7. Menampilkan list-list doa haji

Table 4.14

Pengujian modul menampilkan list-list doa haji


diharapkan

hasil Keterangan

Mulai jalankan

program dengan

meng-klik icon

aplikasi klik

sembarang tombol

Pilih menu “Doa

Haji” dan klik

tombol “Pilih”

Menampilkan list-

list doa haji

sesuai


menampilkan istilah list-list doa haji pada handphone LG KC550


dibawah ini.

Gambar 4.43 output modul menampilkan list-list doa haji

83

8. Menampilkan doa keluar rumah

Table 4.15

Pengujian modul menampilkan doa keluar rumah


diharapkan

hasil Keterangan

Mulai jalankan

program dengan

meng-klik icon

aplikasi klik

sembarang tombol

Pilih menu “Doa

Haji” dan klik

tombol

“Pilih”Pilih list

doa “Keluar

Rumah”

Menampilkan doa

keluar rumah

sesuai


menampilkan doa keluar rumah pada handphone LG KC550 (a)


dibawah ini.

Gambar 4.45 output modul menampilkan doa keluar rumah

9. Menampilkan list-list tahapan haji tamattu

Table 4.16

Pengujian modul menampilkan list-list tahapan haji

tamattu


diharapkan

hasil Keterangan

Mulai jalankan

program dengan

meng-klik icon

Menampilkan list-

list tahapan haji

tamattu

sesuai

84

aplikasi klik

sembarang tombol

Pilih menu

“Tahapan Haji

Tamattu” lalu klik

tombol “Pilih”


menampilkan list-list tahapan haji tamattu pada handphone LG

KC550 (a) dan Nokia 3120 (b). Seperti yang terlihat pada gambar

4.46 dibawah ini.

Gambar 4.46 output modul menampilkan list-list tahapan haji

tamattu

10. Menampilkan ihram umrah

Table 4.17

Pengujian modul menampilkan ihram umrah


diharapkan

hasil Keterangan

Mulai jalankan

program dengan

meng-klik icon

aplikasi klik

sembarang tombol

Pilih Menu

“Tahapan Haji

Tamattu” lalu klik

tombol “Pilih”

Pilih list “Ihram

Umrah” dan klik

tombol “Lihat”

Menampilkan

tahapan haji

dimulai dari ihram

untuk umrah

sesuai

85


menampilkan ihram umrah pada handphone LG KC550 (a) dan


ini.

Gambar 4.47 output modul menampilkan ihram umrah

11. Menampilkan bantuan

Table 4.18

Pengujian modul menampilkan bantuan


diharapkan

hasil Keterangan

Mulai jalankan

program dengan

meng-klik icon

aplikasi klik

sembarang tombol

Pilih menu

“Bantuan” dan klik

tombol “Pilih”

Menampilkan

halaman bantuan

sesuai


menampilkan bantuan pada handphone LG KC550 (a) dan Nokia

3120 (b). Seperti yang terlihat pada gambar 4.48 dibawah ini.

Gambar 4.48 output modul menampilkan bantuan

86

12. Menampilkan tentang aplikasi

Table 4.19

Pengujian modul menampilkan tentang aplikasi


diharapkan

hasil Keterangan

Mulai jalankan

program dengan

meng-klik icon

aplikasi klik

sembarang tombol

Pilih menu

“Tentang Aplikasi”

dan klik tombol

“Pilih”

Menampilkan

halam tentang

aplikasi

sesuai


menampilkan tentang aplikasi pada handphone LG KC550 (a) dan


ini.

Gambar 4.49 output modul menampilkan tentang aplikasi

87

4.4.4 Evaluasi Pengujian Aplikasi pada handphone LG KC550 dan

Nokia 3120

Dalam evaluasi dari pengujian aplikasi Panduan Manasik Haji ini

ada beberapa kategori pengujian yaitu :

1. Proses transfer aplikasi

2. Proses instalasi aplikasi

3. Pengujian tombol atau command.

4. Pengujian tampilan aplikasi.

Berdasarkan kategori pengujian di atas, maka diperoleh sesuai

dengan yang dipaparkan pada table 4.20 Di bawah ini.

Tabel 4.20

Evaluasi Pengujian Aplikasi

NO Kategori LG KC550 Nokia 3120

1

Proses Transfer file

menggunakan kabel data dan

bluetoooth

Berhasil Berhasil

2 Proses Instalasi Berhasil Berhasil

3 Pengujian Tombol Berhasil Berhasil

4 Pengujian Tampilan Berhasil Berhasil

Keterangan dari table 4.20 di atas adalah sebagai berikut:

1) Proses transfer file aplikasi yang dilakukan menggunakan kabel

data dan bluetooth semuanya berhasil dilakukan.

2) Proses instalasi aplikasi dapat dijalankan dengan baik pada

handphone.

88

3) Pengujian tombol-tombol dikatakan berhasil karena dalam

aplikasi Panduan Manasik Haji ini tidak terjadi kesalahan atau

dengan kata lain tombol-tombol berfungsi dengan baik.

4) Pengujian tampilan pada kedua handphone berjalan dengan

baik karena mampu menampilkan konten sesuai yang

diinginkan.

4.4.5 Tanggapan user tentang aplikasi

Setelah dilakukan pengujian terhadap aplikasi Panduan Manasik

Haji, maka untuk mengetahui tanggapan user tentang aplikasi ini maka

disebarkan kuesioner. Contoh angket kuesioner dan hasil kuesioner

selengkapnya dapat dilihat pada lamapiran

Hasil persentase dari kuesioner yang dibagikan kepada 10 user

adalah sebagai berikut:

Tabel 4.21

Hasil Persentase Tanggapan User

No Pertanyaan

Jumlah presentase

(%)

1

Apakah anda memiliki ponsel yang sudah

mendukung aplikasi JAVA MIDP 2.0 ?

a. Ya

b. Tidak

100 %

0 %

89

2

Menurut anda, apakah aplikasi ini sudah user

friendly ?

a. Sangat user friendly

b. Cukup user friendly

c. Biasa-biasa saja

d. Kurang user friendly

e. Tidak user friendly

0 %

100 %

0 %

0 %

0 %

3

Bagaiaman kemudahan dalam penggunaan

aplikasi ?

a. Sangat mudah

b. mudah

c. Sedang

d. Sulit

e. Sangat sulit

0 %

60 %

4 0 %

0 %

0 %

4

Bagaimana layout tampilan atau user interface

pada aplikasi ini ?

a. Sangat bagus

b. Bagus

c. Sedang

d. Kurang Bagus

e. Tidak Bagus

0 %

70 %

30 %

0 %

0 %

5

Fitur apa saja yang sering anda gunakan dalam

aplikasi ini ?

a. Tentang Haji

b. Istilah Haji

c. Doa-doa Haji

d. Tahapan Haji

20 %

20 %

40 %

20 %

6

Apakah setiap aplikasi ini dijalankan sering

timbul gangguan berupa hang atau error ?

a. Sangat sering

b. Sering

0 %

0 %

0 %

90

c. Jarang

d. Kadang-kadang

e. Tidakpernah

0 %

100 %

7

Apakah aplikasi ini sudah cukup memenuhi

kebutuhan anda akan informasi Panduan Manasik

Haji ?

a. Sangat cukup

b. Cukup

c. Sedang

d. Kurang

e. Sangat Kurang

0 %

100 %

0 %

0 %

0 %

8

Apa Saran anda terhadap pengembangan aplikasi

ini?

a. Informasi yang lebih komplek mengenai

haji dan panduan haji

b. Ditambah fitur video

c. Ditambah fitur suarapada doa

d. Tampilan dibuat lebih menarik

e. lain-lain

30%

10 %

40 %

20 %

0 %

Hasil kuesioner diatas menunjukkan semua user menyatakan bahwa

aplikasi Panduan Manasik Haji ini sudah sesuai keinginan user.

Dalam evaluasi untuk penggunaan fitur apa sasja yang paling digunakan

oleh user ternyata adalah fitur doa-doa haji. Untuk pengembangan aplikasi ini

selanjutnya, banyak user yang menginginkan ditambah fitur suara untuk doa-doa

haji dan juga informasi tentang haji yang lebih komplek seperti pembahasan

tentang haji wanita.

95

BAB V

PENUTUP

Pada bab ini berisi mengenai kesimpulan selama mengerjakan skripsi, beserta

saran-saran untuk penelitian lebih lanjut, sehingga dapat membangun skripsi ini menjadi lebih

baik lagi.

5.1 Kesimpulan

Berdasarkan uraian bab-bab sebelumnya, maka dapat diambil kesimpulan sebagai berikut:

1) Hasil yang diperoleh dari penelitian ini adalah pembuatan aplikasi Panduan Manasik

Haji Berbasis Mobile Device untuk masyarakat umat islam di indonesia dengan

memberikan informasi tentang haji, seperti pengertian haji, syarat haji, rukun dan

wajib haji, doa-doa haji, istilah-istilah haji dan tahapan pelaksanaan Haji Tamattu.

2) Penerapan aplikasi yang dikembangkan, dapat didistribuskan pada perangkat mobile

yaitu berupa telepon genggam (handphone) yang sudah mendukung aplikasi Java

MIDP (Mobile Information Device Profile) versi 2.0. Sehingga user dapat

menggunakan aplikasi Panduan Manasik Haji Berbasis Mobile Device ini, kapan saja

dan di mana saja.

3) Aplikasi ini dapat dijadikan sebagai solusi mendapatkan informasi tentang tata cara

pelaksanaan ibadah haji karena memiliki beberapa kelebihan, diantaranya:

a. Leluasa, karena dibatasi ruang dan waktu,

95

96

b. Mudah, karena menggunakan menu-menu yang user friendly

c. Hemat, karena tidak menggunakan pulsa.

d. Cepat karena tidak menggunakan koneksi internet dalam mengaksesnya.

5.2 Saran

Pengembangan aplikasi Panduan Manasik Haji Berbasis Mobile Device pada penelitian

ini, tentu masih terdapat banyak kekurangan. Oleh karena itu, penulis ingin menyampaikan

beberapa saran, antara lain:

1) Diharapkan agar aplikasi ini dapat dikembangkan lebih lanjut lagi, sampai materi

meliputi semua hal-hal tentang ibadah haji.

2) Aplikasi dapat menyesuaikan tampilan dengan ukuran ponsel dengan baik pada ponsel

yang memiliki ukuran layar ponsel lebih kecil dari 240 x 320

3) Materi atau content didalam aplikasi ini masih bersifat immutables artinya user tidak

dapat merubah, menambah atau mengurangi isi atau materi yang telah ada dari aplikasi

ini.

DAFTAR PUSTAKA

Badriyah, Tessy. UML Class Diagram. 2007. http://lecturer.eepis-

its.edu/~tessy/tutorial/java/UMLClassDiagram.pdf,

diakses

Dharwiyanti, Sri. Pengantar Unified Modeling Language (UML). 2003.

http://ikc.vip.net.id/umum/yanti-uml.pdf, dikases 12 Januari 2009, Pkl 19.23 WIB.

Java Education Network for Indonesia (JENI). Pengembangan Aplikasi Mobile.

http://poss.ipb.ac.id/files/JENI-J2ME-Bab01-Pengembangan%20Aplikasi

%20Mobile.pdf, 17 Desember 2008, Pkl 10.19 WIB.

Kadir, Abdul. PENGENALAN SISTEM INFORMASI. Yogyakarta: ANDI, 2003.

Kendall, Kenneth E dan Julie E. Kendall. Analisis dan Perancangan Sistem, Edisi

Kelima. Jakarta: PT INDEKS, 2006.

McLeod, Raymond dan George Schell. Sistem Informasi Manajemen, Edisi

Bahasa Indonesia. Jakarta: PT Indeks, 2004.

Mic, Chocolove. Pendahuluan J2ME. 2003. http://ikc.vip.net.id/berseri/mic-

j2me/index.php, diakses 17 Desember 2008, Pkl 8.45 WIB.

Noertjahyana, Agustinus. STUDI ANALISIS RAPID APLICATION

DEVELOPMENT SEBAGAI SALAH SATU ALTERNATIF METODE

PENGEMBANGAN PERANGKAT LUNAK. 2002. http://www.petra.ac.id/~puslit/journals/pdf.php?PublishedID=INF0203020

3.pdf, diakses 12 Januari 2009, Pkl 8.19 WIB

Nugroho, Yohanes. J2ME – MIDP. 2005. http://kur2003.if.itb.ac.id/file/

IF2281_J2ME-MIDP.pdf, diakses 12 Januari 2009, Pkl 7.12 WIB.

Purnomo, Adi. Belajar Pemrograman Java dengan JBuilder 2006 Enterprise.

Yogyakarta: ANDI, 2006.

Shalahuddin, M dan Rosa A.S. PEMROGRAMAN J2ME Belajar Cepat

Pemrograman Perangkat Telekomunikasi Mobile. Bandung: Informatika, 2006.

http://lecturer.eepis-its.edu/~tessy/tutorial/java/5UML%20Class%20Diagram.pdf

http://lecturer.eepis-its.edu/~tessy/tutorial/java/5UML%20Class%20Diagram.pdf

http://ikc.vip.net.id/umum/yanti-uml.pdf

http://poss.ipb.ac.id/files/JENI-J2ME-Bab01-Pengembangan%20Aplikasi%20%20Mobile.pdf

http://poss.ipb.ac.id/files/JENI-J2ME-Bab01-Pengembangan%20Aplikasi%20%20Mobile.pdf

http://ikc.vip.net.id/berseri/mic-j2me/index.php

http://ikc.vip.net.id/berseri/mic-j2me/index.php

http://www.petra.ac.id/~puslit/journals/pdf.php?PublishedID=INF02030203.pdf

http://www.petra.ac.id/~puslit/journals/pdf.php?PublishedID=INF02030203.pdf

http://kur2003.if.itb.ac.id/file/%20IF2281_J2ME-MIDP.pdf

http://kur2003.if.itb.ac.id/file/%20IF2281_J2ME-MIDP.pdf

150

Sholiq. Pemodelan Sistem Informasi Berorientasi Objek dengan UML.

Yogyakarta: GRAHA ILMU, 2006.

Sugiyono. METODE PENELITIAN KUANTITATIF KUALITATIF DAN R&D.

Bandung: ALFABETA, 2008.

Susanto,

Budi.

Pemrograman

Perangkat

Bergereak.

2008.

http://lecturer.ukdw.ac.id/ budsus/Minggu1_PemPerangkatBergerak.pdf,

diakses 17 Desember 2008, Pkl 9.34 WIB.

Widodo, Priyono Dwi. Kamus Istilah Internet dan Komputer. Jombang: Lintas

Media, 2005.

http://lecturer.ukdw.ac.id/%20budsus/Minggu1_PemPerangkatBergerak.pdf

http://lecturer.ukdw.ac.id/%20budsus/Minggu1_PemPerangkatBergerak.pdf

1. Tampilan awal aplikasi / splash screen

2. Tampilan Menu Utama Aplikasi

3. Tampilan list-list Tentang Haji

4. Tampilan form Pengertian Haji

5. Tampilan list-list Istilah Haji

6. Tampilan form Istilah Aqabah

7. Tampilan list-list Doa Haji

8. Tampilan form Doa Keluar Rumah

9. Tampilan list-list Tahapan Haji Tamattu’

10. Tampilan form Ihram Umrah

11. Tampilan form Bantuan

12. Tampilan form Tentang Aplikasi

1. Splash.java

package haji;

import javax.microedition.lcdui.Font;

import javax.microedition.lcdui.Graphics;

import javax.microedition.lcdui.Image;

import javax.microedition.lcdui.Canvas;

/**

* @author IDRIS

*/

public class Splash extends Canvas

{

/** Creates a new instance of Splash */

public Splash(ManasikHaji midlet)

{

this.midlet = midlet;

setFullScreenMode(true);

try

{

imgTitle = Image.createImage("/image/imgTitle.png");

}

catch (Exception e)

{

System.err.println("Msg: " + e.toString());

}

}

public void paint(Graphics g)

{

g.setColor(Const.YGREEN);

g.fillRect(0, 0, getWidth(), getHeight());

g.setColor(Const.WHITE);

g.fillRoundRect(5, 5, getWidth()-10, getHeight()-10, 7, 7);

g.setColor(Const.YGREEN);

g.drawRoundRect(6, 6, getWidth()-13, getHeight()-13, 7, 7);

g.setColor(Const.BLACK);

g.setFont(Font.getFont(64, 1, 8));

if(getHeight() > 130)

{

Graphics _tmp = g;

Graphics _tmp1 = g;

g.drawImage(imgTitle, getWidth()/2, 40, g.TOP |

g.HCENTER);

g.drawString("Press Any Key", getWidth()/2, getHeight()-25,

g.BOTTOM | g.HCENTER);

}else {

Graphics _tmp2 = g;

Graphics _tmp3 = g;

g.drawImage(imgTitle, getWidth()/2, getHeight()/2,

g.VCENTER | g.HCENTER);

g.drawString("Press Any Key", getWidth()/2, getHeight()-2,

g.BOTTOM | g.HCENTER);

}

}

protected void keyPressed(int KeyCode)

{

midlet.showMenu();

}

private Image imgTitle;

private ManasikHaji midlet;

}

2. Menu.java

package haji;

import java.io.IOException;


import javax.microedition.lcdui.Command;

import javax.microedition.lcdui.CommandListener;

import javax.microedition.lcdui.Display;

import javax.microedition.lcdui.Displayable;

import javax.microedition.lcdui.Font;

import javax.microedition.lcdui.Graphics;


/**

* @author IDRIS

*/

public class Menu extends Canvas

{

public Menu(ManasikHaji midlet)

{

this.midlet = midlet;


try {

imgBGroundMenu =

Image.createImage("/image/backgroundMenu.jpg");

imgHeaderMenu =

Image.createImage("/image/headerMenu.jpg");

imgPointerMenu =

Image.createImage("/image/selector.png");

imgHeaderMakkah =

Image.createImage("/image/makkah.jpg");

}

catch(IOException ioe)

{

ioe.printStackTrace();

}

}

public void paint( Graphics g )

{


g.setColor(Const.YGREEN); // warna background hijau

g.fillRect(0, 0, getWidth(), getHeight());

g.setColor( Const.WHITE);

g.fillRect(2, 0, getWidth()-5, tngImgHeaderMenu-1);

tngImgHeaderMenu = imgHeaderMenu.getHeight();

g.fillRoundRect(4, 60, getWidth()-6, getHeight()-81, 5, 5); //

sblmnya getheight()-71

g.drawImage(imgBGroundMenu, getWidth()-10, 125, g.RIGHT

| g.TOP);// seharusnya w-5, h-10,

ftPPS = Font.getFont(Font.FACE_PROPORTIONAL,

Font.STYLE_BOLD, Font.SIZE_SMALL);

g.drawImage(imgHeaderMakkah, getWidth()-2, 0, g.TOP |

g.RIGHT); //

g.drawImage(imgHeaderMenu, 2, 0, g.TOP | g.LEFT);

//gambar panduan kiri-atas

g.setColor( 128, 64, 0); //warna coklat

g.drawRect(2, 0, getWidth()-5, tngImgHeaderMenu-1);

//bingkai coklat

g.setColor( Const.BLUE);

showFont( g, "Menu Utama", 3, 40, ftPPS);

g.setColor(Const.BLACK);

g.drawString("Pilih", 2, getHeight(), g.LEFT|g.BOTTOM);

g.drawString("Keluar", getWidth()-2, getHeight(),

g.RIGHT|g.BOTTOM);

if( ManasikHaji.choice == 1 )

{

g.setColor( 249, 198, 43 );

g.fillRect(10, 65, getWidth()-12, 20);

g.setColor( Const.GREEN );

g.drawImage(imgPointerMenu, 5, 68, g.LEFT |

g.TOP);

showFont( g, daftarMenu[0], 10, 65, ftPPS );

g.setColor( Const.BLACK);

showFont( g, daftarMenu[1], 10, 85, ftPPS);

showFont( g, daftarMenu[2], 10,

105, ftPPS);




showLine(g);

repaint();

}

else if( ManasikHaji.choice == 2 )

{


g.setColor( 249, 198, 43 );


g.setColor( Const.GREEN);

g.drawImage(imgPointerMenu, 5,

88, g.LEFT | g.TOP);




105, ftPPS);




showLine(g);

repaint();

}


{



g.setColor( 249, 198, 43 );








125, ftPPS);



showLine(g);

repaint();

}


{




105, ftPPS);

g.setColor( 249, 198, 43 );









showLine(g);

repaint();

}


{




105, ftPPS);


g.setColor( 249, 198, 43 );








showLine(g);

repaint();

}


{




105, ftPPS);



g.setColor( 249, 198, 43 );






showLine(g);

repaint();

}

}

public void showLine(Graphics g){

g.setColor(Const.GRAY);

g.setStrokeStyle(1);

g.drawLine(10, 65, getWidth(),65);







}

public void showFont( Graphics g, String temp, int x, int y, Font f

)

{

g.setFont(f);

g.drawString( temp, x, y, Graphics.LEFT| Graphics.TOP );

repaint();

}

public void keyPressed( int keyCode )

{

if( getGameAction(keyCode) == Canvas.FIRE

||(keyCode) == Canvas.KEY_NUM5 ||(keyCode) == -6)

{

if (ManasikHaji.choice == 1)

{

midlet.getDisplay().setCurrent(midlet.getListTentangHaji());

}


{

midlet.getDisplay().setCurrent(midlet.getListIstilahHaji());

}


{

midlet.getDisplay().setCurrent(midlet.getListDoaHaji());

}


{

midlet.getDisplay().setCurrent(midlet.getListTahapanHaji());

}


{

midlet.getDisplay().setCurrent(midlet.getFrmVideoHaji());

}

if( ManasikHaji.choice == 6)

midlet.getDisplay().setCurrent(midlet.getFrmTentang());

{}

}

else if( getGameAction( keyCode ) == Canvas.DOWN &&

ManasikHaji.choice == 1)

ManasikHaji.choice = 2;

else if( getGameAction( keyCode ) ==

Canvas.DOWN && ManasikHaji.choice == 2)



Canvas.DOWN && ManasikHaji.choice == 3 )



Canvas.DOWN && ManasikHaji.choice == 4 )



ManasikHaji.choice == 5 )





else if( getGameAction( keyCode ) == Canvas.UP &&







Canvas.UP && ManasikHaji.choice == 3 )



Canvas.UP && ManasikHaji.choice == 4 )



ManasikHaji.choice == 5 )





else if( keyCode == -7)

midlet.exitMidlet();

}

private Image imgPointerMenu;

private Image imgBGroundMenu;

private Image imgHeaderMenu;

private Image imgHeaderMakkah;

private Font ftPPS;

private Font strPilih;

private Font strKeluar;

private int tngImgHeaderMenu;

private ManasikHaji midlet;

private String[] daftarMenu =

{

"Tentang Haji",

"Istilah-istilah Haji",

"Do'a-do'a Haji",

"Tahapan Haji Tamattu",

"Bantuan",

"Tentang"

};

}

3. Const.java

package haji;

/**

* @author IDRIS

*/

public class Const {

public static final int MENU_TENTANG_HAJI= 1;

public static final int MENU_ISTILAH_HAJI = 2;

public static final int MENU_DOA_HAJI = 3;

public static final int MENU_TAHAPAN_HAJI = 4;

public static final int MENU_BANTUAN = 5;

public static final int MENU_TENTANG = 6;

public static final int BLUE = 0x3300ff;

public static final int WHITE = 0xffffff;

public static final int RED = 0xFF0000;

public static final int BLACK = 0x000000;

public static final int GREEN = 0x005f00;

public static final int YGREEN = 0x00bf00;

public static final int GRAY = 0x808080;

public static final int YELLOW = 0xffffc0;

public static final int ORANGE = 0xffbf00; // xx40xx rubah 40

dng+4

}

4. ManasikHaji.java

package haji;

import java.io.IOException;

import java.io.InputStream;

import javax.microedition.lcdui.Alert;

import javax.microedition.lcdui.AlertType;


import javax.microedition.lcdui.Choice;

import javax.microedition.lcdui.ChoiceGroup;

import javax.microedition.lcdui.Command;

import javax.microedition.lcdui.CommandListener;

import javax.microedition.lcdui.Display;

import javax.microedition.lcdui.Displayable;

import javax.microedition.lcdui.Form;


import javax.microedition.lcdui.ImageItem;

import javax.microedition.lcdui.Item;

import javax.microedition.lcdui.List;

import javax.microedition.lcdui.StringItem;

import javax.microedition.lcdui.TextField;

import javax.microedition.lcdui.Ticker;

import javax.microedition.media.Manager;

import javax.microedition.media.MediaException;

import javax.microedition.media.Player;

import javax.microedition.media.PlayerListener;

import javax.microedition.media.control.VideoControl;

import javax.microedition.midlet.MIDlet;

/**

*

* @author IDRIS

* @version

*/

public class ManasikHaji extends MIDlet implements

CommandListener, Runnable, PlayerListener

{

public ManasikHaji()

{

menu = new Menu(this);

menu = null;

txtJalan = new Ticker("Panduan Manasik Haji");

}

private String ReadFileText(String s)

{

InputStream inputstream =

getClass().getResourceAsStream(s);

StringBuffer stringbuffer;

try{

stringbuffer = new StringBuffer();

boolean flag = false;

int i;

while((i = inputstream.read()) != -1)

stringbuffer.append((char)i);

return stringbuffer.toString();

}

catch(Exception e)

{

System.out.println("Unable to create stream");

}

return null;

}

private Image getPicture(String s)

{

Image image = null;

try

{

image = Image.createImage(s);

}

catch(Exception exception)

{

System.err.println("Msg: " + exception.toString());

return null;

}

return image;

}

private void showForm(String s, String s1, int i)

{

im = null;

String s2 = ReadFileText(s);

siContent.setText(s2);

if(s1 != "0")

try

{

im = Image.createImage(s1);

}

catch(Exception exception)

{

System.err.println("Msg: " + exception.toString());

}

imgContent.setImage(im);

}

public List getListTentangHaji()

{

lstTentangHaji = new List("Tentang Haji", List.IMPLICIT,

mnuTentangHaji,null);

lstTentangHaji.setTicker(txtJalan);

cmdBackLstTentangHaji = new Command("Menu

Utama",Command.BACK,0);

cmdOpenLstTentangHaji= new Command("Pilih",

Command.SCREEN,1);

lstTentangHaji.addCommand(cmdBackLstTentangHaji);

lstTentangHaji.addCommand(cmdOpenLstTentangHaji);

lstTentangHaji.setCommandListener(this);

return lstTentangHaji;

}

public List getListIstilahHaji()

{

lstIstilahHaji = new List("Istilah-istilah dalam Haji",

List.IMPLICIT, mnuIstilahHaji, null);

lstIstilahHaji.setTicker(txtJalan);

cmdBackLstIstilahHaji = new Command("Menu Utama",

Command.BACK, 1);

cmdOpenLstIstilahHaji = new Command("Lihat",

Command.SCREEN, 1);

lstIstilahHaji.addCommand(cmdBackLstIstilahHaji);

lstIstilahHaji.addCommand(cmdOpenLstIstilahHaji);

lstIstilahHaji.setCommandListener(this);

return lstIstilahHaji;

}

public List getListDoaHaji()

{

lstDoaHaji = new List("Do'a-do'a Haji",List.IMPLICIT,

mnuDoaHaji, null);

lstDoaHaji.setTicker(txtJalan);

cmdBackLstDoaHaji = new Command("Menu Utama",

Command.BACK, 1);

cmdOpenLstDoaHaji = new Command("Lihat",

Command.SCREEN, 1);

lstDoaHaji.addCommand(cmdBackLstDoaHaji);

lstDoaHaji.addCommand(cmdOpenLstDoaHaji);

lstDoaHaji.setCommandListener(this);

return lstDoaHaji;

}

public List getListTahapanHaji()

{

lstTahapanHaji = new List ("Tahapan Haji

Tamattu",List.IMPLICIT, mnuTahapanHaji, null);

lstTahapanHaji.setTicker(txtJalan);

cmdBackLstTahapanHaji = new Command("Menu

Utama",Command.BACK,1);

cmdOpenLstTahapanHaji = new Command("Lihat",

Command.SCREEN, 1);

lstTahapanHaji.addCommand(cmdBackLstTahapanHaji);

lstTahapanHaji.addCommand(cmdOpenLstTahapanHaji);

lstTahapanHaji.setCommandListener(this);

return lstTahapanHaji;

}

public Form getFrmVideoHaji()

{

frmVideoHaji = new Form("Bantuan");

cmdBackFrmVideo = new

Command("Kembali",Command.BACK,1);

cmdPlay = new Command("Play", Command.SCREEN,1);

cmdStop = new Command("Stop", Command.STOP, 1);

try {

imgBantuan = Image.createImage("/image/imgTitle.png");

}catch(Exception e){

e.printStackTrace();

}

imgItemBantu = new ImageItem(null, imgBantuan, 3, null);

StringItem siBantu = new StringItem(null, "Petunjuk

penggunaan:");

StringItem siBantu1 = new StringItem(null, "Gunakan tombol

navigasi keatas atau kebawah untuk memilih menu yang anda

inginkan lalu tekan tombol pilih untuk masuk ke menu tersebut");

frmVideoHaji.addCommand(cmdBackFrmVideo);

frmVideoHaji.append(imgItemBantu);

frmVideoHaji.append(siBantu);

frmVideoHaji.append(siBantu1);

//frmVideoHaji.addCommand(cmdPlay);

frmVideoHaji.setCommandListener(this);

return frmVideoHaji;

}

public Form getFrmTentang()

{

frmTentang = new Form("Tentang Aplikasi");

cmdBackFrmTentang = new


// cmdPlay = new Command("Play", Command.SCREEN,1);

//cmdStop = new Command("Stop", Command.STOP, 1);

try {

imgTentang = Image.createImage("/image/imgTitle.png");

}catch(Exception e){


}

imgItemTentang = new ImageItem(null, imgTentang, 3, null);

StringItem siTentang = new StringItem(null, "Panduan

Manasik Haji v.1.0");

StringItem siTentang1 = new StringItem(null, "");

StringItem siTentang2 = new StringItem(null, "Created By:");

StringItem siTentang3 = new StringItem(null, "Markhaban

Nur Idris");

StringItem siTentang4 = new StringItem(null, "");

StringItem siTentang5 = new StringItem(null, "Kritik dan

Saran : [email protected]");

frmTentang.addCommand(cmdBackFrmTentang);

frmTentang.append(imgItemTentang);

frmTentang.append(siTentang);

frmTentang.append(siTentang1);





//frmVideoHaji.addCommand(cmdPlay);

frmTentang.setCommandListener(this);

return frmTentang;

}

/* public void tampilFile(String namaFile){

frmTampil.deleteAll();

bukaFile = new openFile();

bukaFile.openFile(namaFile);

} */

public Display getDisplay()

{

return Display.getDisplay(this);

}

public void showMenu()

{

menu = new Menu(this);

getDisplay().setCurrent(menu);

}

public void startApp()

{

splashScreen = new Splash(this);

getDisplay().setCurrent(splashScreen);

}

public void destroyApp( boolean unconditional ) {

if (vPlayer != null) {

vPlayer.close();

}

}

public void pauseApp() {}

public void exitMidlet()

{

destroyApp(true);

notifyDestroyed();

}

public void commandAction( Command c, Displayable d )

{

if (d == menu)

{ /*

if(choice == 6)

{ exitMidlet(); }

else if (choice == 1)

{ getDisplay().setCurrent(lstTentangHaji); }


{ getDisplay().setCurrent(lstIstilahHaji); }


{ getDisplay().setCurrent(lstDoaHaji); }


{ getDisplay().setCurrent(lstTahapanHaji); }


{ getDisplay().setCurrent(frmVideoHaji); } */

}

else if (d == lstTentangHaji){

if (c == cmdBackLstTentangHaji)

{ getDisplay().setCurrent(menu); }

if (c == lstTentangHaji.SELECT_COMMAND || c ==

cmdOpenLstTentangHaji){

String s = "";

if(frmTampil == null)

{

ada = true;

frmTampil = new Form("");

siContent= new StringItem("", "");

imgContent = new ImageItem(null, null, 3, null);

cmdBackFrmTampil= new


frmTampil.addCommand(cmdBackFrmTampil);

frmTampil.append(imgContent);

frmTampil.append(siContent);

Object obj = null;

frmTampil.setCommandListener(this);

} else

{

ada = false;

}

pil = lstTentangHaji.getSelectedIndex();

fileTentang = "tentang_haji";

fileName = "/data/" + fileTentang + pil + ".txt";

imgName = "/image/" + fileTentang + pil + ".png";

showForm(fileName, imgName, 0);

frmTampil.setTitle(mnuTentangHaji[lstTentangHaji.getSelectedInde

x()]);

getDisplay().setCurrent(frmTampil);

}

}

else if (d == lstIstilahHaji){

if (c == cmdBackLstIstilahHaji)


if (c == lstIstilahHaji.SELECT_COMMAND || c ==

cmdOpenLstIstilahHaji){

String s = "";


{

ada = true;









Object obj = null;


} else

{

ada = false;

}

pil = lstIstilahHaji.getSelectedIndex();

fileIstilah = "istilah";

fileName = "/data/" + fileIstilah + pil + ".txt";

imgName = "/image/" + fileIstilah + pil + ".png";


frmTampil.setTitle(mnuIstilahHaji[lstIstilahHaji.getSelectedIndex()]

);


}

}

else if (d == lstDoaHaji){

if (c == cmdBackLstDoaHaji)


if (c == lstDoaHaji.SELECT_COMMAND || c ==

cmdOpenLstDoaHaji){

String s = "";


{

ada = true;









Object obj = null;


} else

{

ada = false;

}

pil = lstDoaHaji.getSelectedIndex();

fileDoa = "doa";

fileName = "/data/" + fileDoa + pil + ".txt";

imgName = "/image/" + fileDoa + pil + ".png";


frmTampil.setTitle(mnuDoaHaji[lstDoaHaji.getSelectedIndex()]);


}

}

else if (d == lstTahapanHaji){

if (c == cmdBackLstTahapanHaji){


}

if(c == lstTahapanHaji.SELECT_COMMAND || c ==

cmdOpenLstTahapanHaji){

String s = "";

if(frmTampil== null)

{

ada = true;



imgContent= new ImageItem(null, null, 3, null);






Object obj = null;


} else

{

ada = false;

}

pil = lstTahapanHaji.getSelectedIndex();

fileTahapan = "tahapan";

fileName = "/data/" + fileTahapan + pil + ".txt";

imgName = "/image/" + fileTahapan + pil + ".png";


frmTampil.setTitle(mnuTahapanHaji[lstTahapanHaji.getSelectedInd

ex()]);


}

}

else if (d == frmTampil){

if(c == cmdBackFrmTampil)

{

if(frmTampil.getTitle().equals("Pengertian Haji") ||

frmTampil.getTitle().equals("Macam-macam Haji")||

frmTampil.getTitle().equals("Waktu Pelaksanaan Haji")||

frmTampil.getTitle().equals("Hikmah dan Keutamaan

Haji") ||

frmTampil.getTitle().equals("Hukum dan Dalil Haji") ||

frmTampil.getTitle().equals("Syarat-syarat Haji") ||

frmTampil.getTitle().equals("Rukun dan Wajib Haji") ||

frmTampil.getTitle().equals("Dam Haji") ||

frmTampil.getTitle().equals("Larangan Haji"))

getDisplay().setCurrent(lstTentangHaji);

else if(frmTampil.getTitle().equals("Doa keluar rumah") ||

frmTampil.getTitle().equals("Doa ketika berangkat ke

Arafah")||

frmTampil.getTitle().equals("Doa ketika masuk

Arafah")||

frmTampil.getTitle().equals("Doa ketika melihat

ka'bah")||

frmTampil.getTitle().equals("Doa ketika pulang haji")||

frmTampil.getTitle().equals("Doa ketika sampai di

mina")||

frmTampil.getTitle().equals("Doa ketika sampai di

muzdalifah")||

frmTampil.getTitle().equals("Doa masuk kota

madinah")||

frmTampil.getTitle().equals("Doa Melontar Jumrah")||

frmTampil.getTitle().equals("Doa menggunting

rambut")||

frmTampil.getTitle().equals("Doa Setelah Menggunting

Rambut")||

frmTampil.getTitle().equals("Doa Thawaf")||

frmTampil.getTitle().equals("Doa sa\'i")||

frmTampil.getTitle().equals("Doa waktu masuk arafah")||

frmTampil.getTitle().equals("Doa wukuf")||

frmTampil.getTitle().equals("Doa ihram")||

frmTampil.getTitle().equals("Doa sesudah Shalawat")||

frmTampil.getTitle().equals("Doa masuk masjid

nabawi")||

frmTampil.getTitle().equals("Doa masuk masjidil

haram")||

frmTampil.getTitle().equals("Doa melihat Jabal

Rahmah")||

frmTampil.getTitle().equals("Doa memasuki kota

makkah")||

frmTampil.getTitle().equals("Doa sesudah selesai

ihram")||

frmTampil.getTitle().equals("Niat Haji")||

frmTampil.getTitle().equals("Niat Umrah")||

frmTampil.getTitle().equals("Doa sewaktu diatas

kendaraan")||

frmTampil.getTitle().equals("Bacaan Talbiyah"))

getDisplay().setCurrent(lstDoaHaji);

else if(frmTampil.getTitle().equals("Ihrom Umroh") ||

frmTampil.getTitle().equals("Tawaf Qudum")||

frmTampil.getTitle().equals("Sai Umroh")||

frmTampil.getTitle().equals("Tahalul")||

frmTampil.getTitle().equals("Ihram Haji")||

frmTampil.getTitle().equals("Mabit di Mina")||

frmTampil.getTitle().equals("Wukuf di Arafah")||

frmTampil.getTitle().equals("Mabit di Muzdalifah")||

frmTampil.getTitle().equals("Lontar Jumratul Mina")||

frmTampil.getTitle().equals("Tawaf Ifadoh")||

frmTampil.getTitle().equals("Sai Haji")||

frmTampil.getTitle().equals("Tahalul Haji")||

frmTampil.getTitle().equals("Mabit Di Mina Pd Hari

Tasyrik")||

frmTampil.getTitle().equals("Melontar Ke Tiga")||

frmTampil.getTitle().equals("Umrah Tawaf Wada"))

getDisplay().setCurrent(lstTahapanHaji);

else

getDisplay().setCurrent(lstIstilahHaji);

}

}

else if (d == frmVideoHaji){

if (c == cmdBackFrmVideo){


}

else if (c == cmdPlay){

getDisplay().setCurrent(frmVideoHaji);

frmVideoHaji.deleteAll();

thread = new Thread(this);

thread.start();

frmVideoHaji.addCommand(cmdStop);

frmVideoHaji.removeCommand(cmdPlay);

}

else if (c == cmdStop){

try{

vPlayer.stop();

stopVideo();

} catch (MediaException me){

me.printStackTrace();

}

}

}

else if(d == frmTentang){

if (c == cmdBackFrmTentang){


}

}

} // public void commandAction

public void run() {

try {

InputStream is =

getClass().getResourceAsStream("/res/data/Test.3gp");

vPlayer = Manager.createPlayer(is, "video/3gpp");

vPlayer.addPlayerListener(this);

vPlayer.realize();

// mendapatkan kontrol video

vControl = (VideoControl)

vPlayer.getControl("VideoControl");

// mendapatkan GUI untuk memainkan video

Item videoItem = (Item)

vControl.initDisplayMode(VideoControl.USE_GUI_PRIMITIVE,

null);

// memasukkan item yang didapat ke dalam form

frmVideoHaji.append(videoItem);

// menjalankan video

vPlayer.start();

} catch (Exception e) {


}

}

public void stopVideo() {

try {

vPlayer.deallocate();

vPlayer.close();

vPlayer = null;

thread = null;

frmVideoHaji.removeCommand(cmdStop);

frmVideoHaji.addCommand(cmdPlay);

frmVideoHaji.addCommand(cmdBackFrmVideo);

} catch (Exception e) {


}

}

public void playerUpdate(Player player, String event, Object data)

{

if (event.equals(STOPPED) ||

event.equals(STOPPED_AT_TIME) ||

event.equals(ERROR) ||

event.equals(END_OF_MEDIA)) {stopVideo(); }

}

static int choice = 1;

private Menu menu ; //--- dari class Menu

private Splash splashScreen ; //--- dari class Splash

private Ticker txtJalan;

private Display display = null;

private Image imgAlert;

//1 dignkan oleh getListTentangHaji

private openFile bukaFile;

private Command cmdBackLstTentangHaji;

private Command cmdOpenLstTentangHaji;

private List lstTentangHaji;

String[] mnuTentangHaji ={"Pengertian Haji",

"Macam-macam Haji","Waktu Pelaksanaan Haji",

"Hikmah dan Keutamaan Haji","Hukum dan Dalil Haji",

"Syarat-syarat Haji","Rukun dan Wajib Haji",

"Dam Haji","Larangan Haji"};

String fileTentang;

//2 dignkan oleh getListIstilahHaji

private Command cmdBackLstIstilahHaji;

private Command cmdOpenLstIstilahHaji;

private List lstIstilahHaji;

String[] mnuIstilahHaji =

{"Aqabah","Arafah","Arbain","Babus

Salam","Badar","Baitullah","Bier Ali",

"Binatang Hadyu","Dam","Fidyah", "Green Dome", "Gua

Hira", "Haji Ifrad", "Haji Qiran",

"Haji Tamattu", "Hijir Ismail", "Ifrad", "Ihram", "Jabal

Uhud", "Jabal Rahmah", "Jumrah",

"Ka\'bah", "Kiswah", "Mabit", "Maqam Ibrahim", "Masjidil

Haram", "Mina", "Miqat", "Multazam",

"Muzdalifah", "Nafar Awal", "Nafar Tsani", "Qiran",

"Rukun Haji", "Sa\'i", "Sunat Haji",

"Sunat Umroh", "Tahallul", "Talang Emas", "Talbiyah",

"Tamattu", "Tawaf", "Tawaf Ifadah",

"Tawaf Qudum", "Tawaf Wada", "Wajib Haji", "Wukuf",

"Zam-zam"

};

String fileIstilah;

//3 dignkan oleh getLstDoaHaji

private Command cmdBackLstDoaHaji;

private Command cmdOpenLstDoaHaji;

private List lstDoaHaji;

String[] mnuDoaHaji=

{"Doa keluar rumah", "Doa ketika berangkat ke Arafah",

"Doa ketika masuk Arafah",

"Doa ketika melihat ka'bah", "Doa ketika pulang haji", "Doa

ketika sampai di mina",

"Doa ketika sampai di muzdalifah", "Doa masuk kota

madinah", "Doa Melontar Jumrah",

"Doa menggunting rambut", "Doa Setelah Menggunting

Rambut", "Doa Thawaf", "Doa sa\'i",

"Doa waktu masuk arafah", "Doa wukuf", "Doa ihram",

"Doa sesudah Shalawat", "Doa masuk masjid nabawi",

"Doa masuk masjidil haram", "Doa melihat Jabal Rahmah",

"Doa memasuki kota makkah",

"Doa sesudah selesai ihram", "Niat Haji", "Niat Umrah",

"Doa sewaktu diatas kendaraan",

"Bacaan Talbiyah"

};

String fileDoa;

//4 dignkan oleh getLstTahapanHaji

private Command cmdBackLstTahapanHaji;

private Command cmdOpenLstTahapanHaji;

private List lstTahapanHaji;

String[] mnuTahapanHaji =

{"Ihrom Umroh","Tawaf Qudum","Sai

Umroh","Tahalul","Ihram Haji","Mabit di Mina",

"Wukuf di Arafah","Mabit di Muzdalifah","Lontar Jumratul

Mina","Tawaf Ifadoh", "Sai Haji", "Tahalul Haji", "Mabit Di Mina

Pd Hari Tasyrik",

"Melontar Ke Tiga", "Umrah Tawaf Wada"

};

String fileTahapan;

// digunakan oleh frmTampil

private Command cmdBackFrmTampil;

String fileName;

String imgName;

Form frmTampil;

StringItem siContent;

ImageItem imgContent;

Image im;

int pil;

boolean ada;

// digunakan oleh frmVideoHaji

private Form frmVideoHaji;

private Item videoItem;

private Player vPlayer;

private VideoControl vControl;

Image imgBantuan;

ImageItem imgItemBantu;

private Thread thread;

private Command cmdPlay;

private Command cmdStop;

private Command cmdBackFrmVideo;

// digunakan oleh frmTentang

private Form frmTentang;

Image imgTentang;

ImageItem imgItemTentang;

private Command cmdBackFrmTentang;

} // class ManasikHaji

a. Proses transfer aplikasi dari komputer ke handphone dan instalasinya pada handphone

menggunakan media infrared

• Proses transfer aplikasi

1. Pasang Infrared devices (Kingsun KS-959 USB Infrared Adapter) pada port USB yang

terdapat dikomputer.

2. Aktifkan Infrared port pada handphone, dengan cara meng-klik Menu > Settings >

Connectivity > Infrared port > pilih On.

3. Dekatkan Infrared port pada handphone dengan Infrared device pada komputer, sampai

muncul Shortcut “Send files to another computer” pada desktop.

4. Klik Shortcut tersebut, kemudian jendela Wireless Link akan terbuka.

5. Cari lokasi file *.JAR yang akan ditransfer, misalkan di D:\ manasik haji\dist.

6. Pilih file Modul Belajar Hidrokarbon.jar.

7. klik tombol send, maka komputer akan mentransfer data ke handphone.

8. Dari handphone klik tombol Yes, untuk memulai proses transfer.

9. Tunggu sampai proses transfer selesai.

10. Jika berhasil maka proses transfer aplikasi dari komputer ke handphone telah selesai dan

file tersebut akan otomatis langsung di install kedalam handphone.

• Proses instalasi

1. Pilih lokasi tempat menyimpan aplikasi, apakah akan disimpan pada folder Application

atau Games.

2. Setelah proses instalasi selesai, maka icon aplikasi Modul Belajar Hidrokarbon akan

muncul didalam folder sesuai dengan yang dipilih pada tahapan sebelumnya. Sampai

tahap ini proses instalasi telah berhasil dan aplikasi siap untuk dijalankan.

Proses transfer aplikasi dari komputer ke handphone dan instalasinya pada handphone Sony

Ericsson K750i menggunakan media bluetooth.

• Proses transfer aplikasi

1. Pasang perangkat Bluetooth pada port USB komputer.

2. Aktifkan Bluetooth pada handphone, dengan cara meng-klik Menu > Settings >

Connectivity > Bluetooth > Turn on.

3. Aktifkan perangkat Bluetooth pada komputer

4. Double klik icon My Bluetooth Places yang terdapat pada desktop

5. Klik menu view devices in range untuk mencari perangkat bluetooth yang akan

dikoneksikan.

6. Double klik icon perangkat yang terkoneksi.

7. Double klik menu OBEX file transfer

8. Cari lokasi file *.JAR yang akan ditransfer, misalkan di D:\ Modul Belajar

Hidrokarbon\dist. Selanjutnya copy file Modul Belajar Hidrokarbon.jar

9. Cari lokasi dimana file *.JAR akan di paste, misalkan di folder Other pada Phone memory.

Kemudian paste file Modul Belajar Hidrokarbon.jar

10. Dari handphone klik tombol Yes, untuk memulai proses transfer.

11. Tunggu sampai proses transfer selesai.

12. Jika berhasil maka proses transfer aplikasi dari komputer ke handphone telah selesai dan

file tersebut akan otomatis langsung di install kedalam handphone.

• Proses instalasi Proses instalasi sama seperti dengan menggunakan media infrared.

G-2

PERANCANGAN DAN IMPLEMENTASI APLIKASI PANDUAN …

Documents

Transcript of PERANCANGAN DAN IMPLEMENTASI APLIKASI PANDUAN …