REKAYASA PERANGKAT LUNAK IBADAH UMROH BERBASIS MOBILE HTML 5 Karmawan1, Usman Ependi2, M. Ariandi3 1
Mahasiswa Informatika, 2,3 Dosen Faklutas Ilmu Komputer Universitas Bina Darma Jl. A. Yani No.12 Plaju, Palembang 30624 Email :
[email protected] ,
[email protected],
[email protected])
Abstrack : The Aplication of try out examination semester is vocational high school 4 of palembang espectally is computer engginering and network have abstrackles in the aplication and assesment, so information technology are very need. Development of information technology nowadayas already widely, in try out of examination semester in vocational high school 4 of palembang, necessity of information technology of software web base. The purpose of development software try out of examination semester web base is to mistake and deceitfulness to answer quetion, and to make easier in assessment of recapitulation. Giving random different question by using Algorithm Fisher-Yates Shuffle is small posibility studentsto get same question. Keyword : Software, Fisher-Yates Algorithm, Try Out, Web Abstrak : Rukun Islam merupakan tiang agama bagi ummat Islam dan menjadi pedoman umum seorang muslim dalam beribadah kepada Allah. Rukun Islam terdiri dari syahadat, mendirikan shalat,menunaikan zakat, melaksanakan puasa dan menunaikan haji. Untuk itu, telah banyak beredar di masyarakat berbagai jenis tuntunan menjalankan ibadah mulai ibadah sholat, puasa, zakat atau haji sebagai panduan dalam melaksanakan ibadah dengan benar sesuai syariat Islam.Berbagai jenis tuntunan tersebut ada dalam bentuk buku, CD atau banyak dijumpai melaluisitus-situs internet. Tetapi berbagai jenis tuntunan ibadah tersebut dirasa kurang praktis karena tidak bersifat ‘mobile’, sementara mobilitas manusia semakin tinggi. Mobile merupakan aplikasi yang cara aksesnya menggunakan perangkat bergerak (mobile device) seperti handphone dan smartphone. Kata kunci : Perangkat Lunak, mobile dan tuntunan ibadah
1.
menjadi salah satu faktor yang menyebabkan
PENDAHLUAN Di
Indonesia
ibadah
umroh
telah
menjadi suatu perjalanan ibadah yang sering dilakukan oleh masyarakatnya, akan tetapi Sebagian besar dari calon jamaah ibadah umroh yang berasal dari Indonesia masih kurang mengerti dan memahami tentang tata cara ibadah umroh,
khusunya
dalam
doa-doa
yang
dipanjatkan ketika pelaksanaan ibadah umroh berlangsung. Kurangnya waktu dalam pelatihan
minimnya pengarahan yang diberikan oleh panitia ibadah umroh, akibatnya para calon jamaah umroh menjadi kurang pengetahuan tentang ibadah yang akan dilaksanakannya, yang menyebabkan kurangnya kekhusyukan dalam beribadah. Kegiatan kerja yang begitu padat yang di alami calon jamaah umroh menjadi faktor penghambat bagi calon jamaah umroh dalam melakukan pembelajaran tentang tata cara ibadah umroh dan doa-doa ibadah umroh yang di
berikan oleh panitia umroh ketika mereka berada
(mobile
diluar camp pelatihan
smartphone, dan PDAphone.
Dengan
melihat
uraian
diatas,
2.4
device)
seperti
handphone,
HTML 5
bahwasanya masih ada sebagian umat muslim
Menurut
yang masih kurang mengerti dan memahami
Himpunan
Teknik
dalam tuntunan menjalankan ibadah umroh
Informatika PENTS-ITS (2011) HTML5
berdasarkan syariat agama islam dan sesuai
merupakan hasil proyek dari W3C (World
dengan yang di perintahkan Allah SWT,
Wide Web Consortium) dan WHATWG
dikarenakan aktifitas dan rutinitas umat muslim
(web Hypertext Application Working Group)
yang begitu padat dan juga mobilitas yang
WHATWG bekerja dengan bentuk situs
semakin tinggi sehingga menyebabkan sebagian calon jamaah umroh tidak punya waktu banyak untuk mempelajari secara khusus panduan menjalankan ibadah umroh yang baik dan benar. Didukung
dengan
semakin
berkembangnya
aplikasi,
Sedangkan
W3C
merupakan
pengembang dari XHTM 2.0 pada tahun 2006, kemudian mereka bekerja sama dan membentuk versi baru dari HTML.
teknologi informasi dan komunikasi terutama mobile device dan smartphone yang menjadikan teknologi tersebut begitu erat dengan kehidupan
PHP (Hypertext Prepocessor) merupakan
lunak
(software)
adalah
program komputer yang terasosiasi dengan dokumentasi
perangkat
lunak
seperti
dokumentasi kebutuhan, model desain, dan cara penggunaan (User manual). Sebuah perangkat lunak juga
sering disebut lunak.
berbasis
Web
yang
mengolah data secara dinamis. PHP dapat
2.1 Perangkat Lunak Perangkat
pemrograman
memiliki kemampuan untuk memproses dan
LANDASAN TEORI
perangkat
PHP
bahasa
manusia. 2.
2.3
dengan sistem
Sistem berarti kumpulan
komponen yang saling terkait dan mempunyai
diartikan sebagai sebuah server-side embedded script language, artinya semua sintaks dan perintah program yang ditulis akan sepenuhnya dijalankan oleh server, tetapi dapat disertakan pada halaman HTML biasa. Pada umumnya semua aplikasi yang dibangun menggunakan PHP akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan pada server. PHP memiliki beberapa versi yaitu
satu tujuan yang ingin di capai.
PHP/FI, PHP3, PHP4, dan PHP5. PHP5 saat ini 2.2
sudah mendukung pemrograman berorientasi
Mobile
objek. PHP5 mampu menangani dan membuat
Menurut Nazruddin Safaat H (2008) Mobile
merupakan aplikasi
yang
cara
aksesnya menggunakan perangkat bergerak
session pada objek serta model keamanan dengan md5.
2.4
merespon prototipe yang ada dan peneliti
Unfied Modeling Language (UML) Unfied Modeling Language (UML)
adalah salah satu standar bahasa yang banyak digunakan didunia industri untuk membuat analisis
dan
desain,
memperbaiki
modul-modul
yang
dirancang
berdasarkan respon pengguna.
a. Tahapan perancangan alur diagram,
mendefinisikan
diantaranya :
requirement, serta menggambarkan arsitektur
1.
dalam pemrograman berorientasi objek.
use case diagram Mendiskripsikan
3.
informasi
Peneliti menggunakan metode RAD untuk pengembangan perangkat lunak yang akan oleh
peneliti
dan
yang
akan
dibuat.
Peneliti
menggunakan use case untuk mengetahui
Tahapan Pengembangan
dirancang
interaksi
antara satu atau lebih aktor dengan sistem
METODE PENELITIAN
3.1.
sebuah
menekankan
fungsi apa saja yang ada di sebuah sistem informasi dan siapa saja yang berhak menggunakan fungsi-fungsi itu.
kecepatan dalam membuat perangkat lunak.
<<extend>>
Menurut E. Kendall dan julie E. Kendall Pengenalan ibadah umroh
<<extend>> Detail pengenalan ibadah umroh
( 2010), pada model RAD ini meliputi beberapa Hikmah ibadah umroh
tahap yaitu:
persiapan ibadah umroh
3.1.1.
Tahapan
perencanaan
kebutuhan
<<extend>> Detail hikmah ibadah umroh
<<extend>> Detail persiapan ibadah umroh
Pengguna Pelaksanaan ibadah umroh
<<extend>> Detail pelaksanaan ibadah umroh
(requirement planning) Doa ibadah umroh
Dalam tahap ini, peneliti melakukan identifikasi
terhadap
tujuan-tujuan
dari
<<extend>>
Amalan ibadah umroh <<extend>>
perangkat lunak atau sistem dan melakukan Istilah ibadah umroh
Detail doa ibadah umroh
Detail amalan ibadah umroh
Detail istilah ibadah Umroh
identifikasi kebutuhan informasi untuk mencapai tujuan. 3.1.2.
Gambar 3.2 Kegiatan aktor dalam use case diagram ibadah umroh
Tahap Desain (desain workshop) untuk
Gambar diatas menjelaskan bahwa aktor
bisa
yaitu pengguna dapat melihat semua use case
digambarkan sebagai workshop. Peneliti dapat
yang ada seperti pelaksanaan ibadah umroh, doa-
bekerja
doa dalam ibadah umroh, tata cara pelaksanaan
Pada merancang
fase dan
ini
adalah
fase
memperbaiki
membangun
dan
yang
menunjukkan
representasi visual desain dan pola kerja kepada
dari
pengguna, workshop desain ini dapat dilakukan
pelaksanaan ibadah umroh, hal-hal yang tidak
selama beberapa hari tergantung dari ukuran
boleh dilakukan pada saat pelaksanaan ibadah
perangkat lunak yang akan dikembangkan.
umroh serta syarat dan rukun ibadah umroh.
Selama
workshop
desain RAD,
pengguna
awal
ibadah
umroh
sampai
selesai
Pada tahap ini peneliti merancang database
2. Activity Diagram Activity Diagram menggambarkankan workflow atau aktivitas dari sistem yang ada pada perangkat lunak tuntunan ibadah umroh. Activity
cocok digunakan untuk perangkat Android.
N o
New Sw imlane
Sistem
2
Menampilkan halaman berupa menu tentang list menu-menu dari aplikasi
Memilih menu pedoman ibadah umroh
Database menggunakan SQLite karena SQLite
Struktur database yang digunakan adalah :
Diagram yang digunakan peneliti : Pengguna
yang akan digunakan pada perangkat lunak.
3
Memilih menu yang akan ditampilkan pada list menu pedoman ibadah umroh
4
Sistem akan menampilkan isi menu pada sub menu pada list pedoman ibadah umroh
Field
Type
usernam e passwor d
Varcha r Varcha r Varcha r
Akses
Siz e
Keteranga n
20
Username
200
Password
40
Nama Admin
Memilih sub menu pada list pedoman ibadah umroh
Menampiilkan info yang dibutuhkan(menu yang dipilih)
N o
Menerima info yang telah dipilih
Tabel 3.2 Admin Siz Field Type e
1
idkategori
Int
4
Gambar 3.3 Activity Diagram pada
2
Namakateg ori
Varch ar
20 0
perangkat lunak ibadah umroh
3
keterangan
Text
20
Pada Activity diagram diatas, pengguna memilih beberapa menu pada perangkat lunak ibadah
umroh,
kemudian
sistem
akan
Tabel 3.3 Kategori
menampilkan menu yang dipilih oleh pengguna
N o
dalam bentuk list yang kemudian akan tampil
1
idmateri
2
Idkategori
Field
pada layar perangkat milik pengguna. 3. Class Diagram Class Diagram adalah model statis yang menggambarkan struktur dan description class
4
Namamat eri isi
5
Media
3
serta hubungannya antara class. Class diagram mirip ER pada perancangan database, bedanya
Keterang an Identitas Kategori Nama kategori Keteranga n
Type Int Varch ar Varch ar Text Varch ar
Siz e 4 4 25 0 20 0
Keterang an Identitas Materi Identitas kategori Nama materi Isi Media
pada ER diagram tidak terdapat operasi/metode tapi hanya atribut.
Pada penjelasan gambar diatas, pengguna dapat melihat beberapa kaitan hubungan antar class dalam perangkat lunak ibadah umroh. b. Tahapan perancangan database
Tabel 3.4 Materi 4. PENGUJIAN Pengujian yang dilakukan dalam penelitian ini adalah dengan pengujian Black Box yang berfokus pada persyaratan fungsional perangkat lunak yang di bangun.
dari
Tabel 4.1 Hasil Pengujian Perangkat Lunak
umroh
Dengan Pengujian Black Box
wajib
menu
umroh
wajib umroh
N
Nama
o
Use Case
Kegiatan
Hasil
Hasil
Yang diharapkan
1
Pengenal
Memilih
Menampil
an
perangkat kan menu
perangkat lunak
dari
lunak
petunjuk
petunjuk
petunjuk
ibadah
ibadah
ibadah
umroh
umroh
5
umroh
2
Detail
Memilih
Menampil
Syarat
menu
kan isi dari
Umroh
syarat
menu
umroh
syarat
Sesuai
Detail
Memilih
Menampil
menu
menu
kan isi dari
larangan
larangan
menu
diwaktu
diaktu
larangan
ihram
ihram
diwaktu
Seuai
ihram
umroh
6
Detail
Memilih
Menampil
menu
menu
akn isi dari
persiapan
persiapan
menu
umroh
umroh
persiapan
Sesuai
ibadah 3
Detail
Memilih
Menampil
Rukun
Menu
kan Isi
Ibadah
Rukun
Dari
Umroh
Ibadah
Rukun
Sesuai
umroh
Ibadah Umroh 7
4
Detail
Memilih
Menampil
wajib
menu
kan isi dari
Sesuai
Detail
Meilih
Menampil
menu
meu
kan isi dari
pelaksana
pelaksana
menu
an umroh
an umoh
pelaksanaa n umroh
Sesuai
0
pelaksana
menu sa’i
kan video
an sa’i
pada
animasi
pelaksana
gerak
an umroh
ibadah umroh
8
9
1
Detail
Memilih
Menampil
1
Tahallul
menu
kan video
keterangan
tahallul
animasi
pada
dan video
pada
ibadah
pelaksana
animasi
pelaksana
umroh
an umroh
umroh
an ibadah
mengenai
umroh
tahallul
Detail
Meilih
Menampil
video
menu
kan rician
gerakan
ihram
ihram
Detail
Memilih
Menampil
pelaksana
menu
kan
an thawaf
thawaf
keterangan
pada
dan video
pelaksana
animasi
an umroh
ibadah
Sesuai
Sesuai
Sesuai
5. HASIL Hasil dari penelitian ini adalah sebuah perangkat lunak ibadah umroh. Perangkat lunak ini terdiri dari 6 menu utama, yakni syarat
umroh
umroh, rukun umroh, wajib umroh, larangan ihram, persiapan umroh dan pelaksanaan umroh. Selain dari menu utama, pada perangkat lunak ini juga menyediakan halaman bagi admin daam mengelola data yang ada yaitu melalui login bagian administrator yang nantinya bertugas
1
Detail
Memilih
Menampil
Sesuai
mengupdate atau menambahkan data yang perlu
ditambahkan dari pengguna. Metode penelitian
c. Halaman Rukun Umroh
yang digunakan adalah metode action research. Dalam mengumpulkan data dan bahan – bahan yang
dibutuhkan untuk penelitian peneliti
menggunakan metode kepustakaan dan metode wawancara,. Dalam pengembangannya peneliti menggunakan
metode
Rapid
Application
Development (RAD) merupakan merupakan Model proses penegmbangan perangkat lunak yang bersifat inkremental terutama untuk waktu pengerjaan yang pendek. Model RAD adalah adaptasi dari model air terjun versi kecepatan
Gambar 4 Halaman Rukun Umroh
tinggi dengan menggunakan model air terjun untuk
pengembangan
setiap
komponen
d. Halaman Pelaksanaan Ibadah Umroh
perangkat lunak. a. Halaman Beranda
Gambar 2 Halaman Beranda
b. Halaman Syarat Umroh
Gambar 3 Halaman Syarat Umroh
Gambar 5 Halaman Pelaksanaan Umroh
e. Halaman Ihram
Gambar 6 Halaman Ihram
f.
Halaman Thawaf
i.
Halaman Login Admin
Gambar 10 Halaman Login Admin
Gambar 7 Halaman Thawaf
j.
Halaman Beranda Admin
g. Halaman Sa’i
Gambar 11 Halaman Beranda Admin
k. Halaman Form Kategori
Gambar 8 Halaman Sa’i h. Halaman Tahallul
Gambar 12 Halaman Form Kategori
Gambar 9 Halaman Tahallul
l.
Halaman Data Kategori Materi
o.
Halaman Ubah Password
Gambar 13 Halaman Data Kategori Materi
m. Halaman Form Materi
Gambar 16 Halaman Ubah Password
6.
KESIMPILAN Berdasarkan pembahasan yang telah
dijelaskan, kesimpulan yang dapat peneliti ambil dalam penelitian ini adalah sebagai berikut : 1. Perangkat
lunak
ini
dibangun
agar
membantu pengguna calon jamaah umroh Gambar 14 Halaman Form Kategori
dalam melakukan ibadah umrohnya. 2. Perangkat lunak ini berisikan tentang
n. Halaman Data Materi
tuntunan
ibadah umroh berupa
video
gerakan animasi dan pengertian-pengertian dari proses ibadah umroh yang dapat memudahkan para jamaah ibadah umroh dalam ibadah
mendapatkan informasi tentang umroh
mengenai
pembelajaran
tentang doa-doa pada saat ibadah umroh dan bagaimana cara atau gerakan pada saat Gambar 15 Halaman Data Materi
melakukan ibadah umroh.
DAFTAR RUJUKAN 1. Kristanto, Andri (2004). Rekayasa A.S Rosa & M.Shalahuddin., 2011, Rekayasa Perangkat
Lunak
(Terstruktur
berorientasi objek), Modula, Bandung.
dan
2. Fiet Romdhani, 2012, Pembuatab Aplikasi Sholat Berbasis Android, Fakultas Ilmu Komputer
&
Teknologi
Informasi,
Universitas Gunadarma Depok. 3. Intan Fadzilatunnisa & Dewi Tresnawati, 2015, Pengembangan Aplikasi Tata Cara Wudhu
dan
Sholat
untuk
Anak
Menggunakan Multimedia Program Studi Teknik
Informatika,
Sekolah
Tinggi
Teknologi Garut. 4. Kendall,
J.E.
&
Kendall,
K.E.
2010. Analisis dan Perancangan Sistem. Jakarta: Indeks. 5. Muharom Arzam, 2013, Pengembangan Aplikasi
Sunda
Berbasis
Android
Menggunakan Metode RAD, Fakultas Ilmu Komputer & Teknologi Informasi, Sekolah Tinggi Teknologi Garut. 6. Mz Labib., 2007, Problematika Puasa, Zakat, Haji dan Umroh, Putra Jaya , Surabaya. 7. Nazaruddin Safaat H., 2012, Pemrograman Aplikasi Mobile Smartphone dan Tablet PC berbasis Android, Informatika ,Bandung 8. Pressman, R., 2002, Rekayasa Perangkat Lunak Pendekatan Praktisi, Andi Offset, Yogyakarta.
9. Teknik
Informatika
PEN
ITS.,
2011,
Pelatihan HTML 5 CSS3, EEPIS, Bandung
