IMPLEMENTASI APLIKASI TUNTUNAN IBADAH HA

Seminar Nasional Informatika 2013

IMPLEMENTASI APLIKASI TUNTUNAN IBADAH HAJI BERBASIS
ANIMASI
Evri Ekadiansyah
Program Studi Teknik Informatika, STMIK Potensi Utama
evrie1409@gmail.com

ABSTRAK
Menunaikan ibadah haji bagi orang yang mampu merupakan rukun islam yang kelima. Ibadah haji adalah
bentuk ritual tahunan yang dilaksanakan kaum muslim sedunia yang mampu (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). Mempelajari tentang ibadah haji sebagai rukun islam
sudah termasuk ke dalam kurikulum pembelajaran sekolah-sekolah di Indonesia dengan tujuan agar para
siswa/I dapat mengetahui tentang ibadah haji dalam islam. Begitu juga pemerintah Indonesia yang saat ini
sudah menyelenggarakan program pembelajaran pelaksanaan ibadah haji di Indonesia untuk
memperkenalkan ibadah haji bagi calon jamaah haji. Namun untuk mengenal dan mengetahui pelaksanaan
serta tata cara ibadah haji melalui buku-buku yang sudah tersedia, belum dapat dimaksimalkan karena masih
banyaknya orang yang malas untuk membaca buku. Tertarik dengan keadaan di atas dan didukung dengan
perkembangan teknologi desain grafis saat sekarang ini, maka penulis mencoba membuat sebuah program
aplikasi yang memperlihatkan tata cara, persiapan serta kegiatan yang dilakukan para calon jamaah haji

mencakup segala hal yang berhubungan dengan ibadah haji di tanah suci.
Kata Kunci : Haji, Rukun Islam, Animasi

Pendahuluan
Agama Islam adalah agama yang
diturunkan Allah SWT kepada Nabi Muhammad
SAW melalui Malaikat Jibril. Ajaran agama Islam
senantiasa disandarkan pada 2 sumber utama
yaitu Al Qur'an dan Al Hadits. Selain itu dalam
ajaran agama Islam pun terdapat Rukun Islam.
Seperti yang sudah diketahui, naik haji
termasuk dalam Rukun Islam. Dalam islam, orang
yang telah mencukupi syarat untuk menunaikan
ibadah haji harus segera mengerjakannya. Namun
sangat disayangkan karena banyak dari umat
islam yang tidak memahami dan tidak mengetahui
persiapan-persiapan untuk melakukan ibadah haji.
Banyak orang yang masih benar-benar awam,
tidak memahami makna yang terkandung
terhadap arti dan maksud Tawaf, Sa’i dan

Tahallul.
Pengertian Ibadah Haji
Ibadah haji adalah rukun Islam yang
kelima setelah syahadat, shalat, zakat dan puasa.
Menunaikan ibadah haji adalah bentuk ritual
tahunan yang dilaksanakan kaum muslim sedunia
yang mampu (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). Hal ini berbeda dengan ibadah
umrah yang bisa dilaksanakan sewaktu-waktu.

46

Umrah adalah menziarahi Ka’bah dan bertawaf
disekelilingnya, bersa’i antara bukit Shafa dan
Marwah, serta mencukur atau memotong rambut
tanpa wukuf di Arafah. Dalam umrah tidak
melakukan Jumrah, Wukuf dan Mabit. (Bagir,

Muhammad. “Fiqih Praktis I Menurut Al-Quran,
As-Sunnah, dan Pendapat Para Ulama”. Karisma.
Jakarta, 2008)
Sebagaimana pengertian umrah diatas,
sebagian orang mengatakan bahwa umrah adalah
Haji Kecil. Meskipun disebut sebagai Haji Kecil,
syarat dan rukunnya juga hampir sama dengan
ibadah haji, namun berbeda dalam waktu dan
lama ibadahnya.
Rukun Haji
Yang dimaksud rukun haji ialah kegiatan
yang harus dilakukan dalam ibadah haji yang jika
tidak dikerjakan maka hajinya tidak syah. (Iwan
Gayo HM. “Haji dan Umrah”. Pustaka Warga
Negara, Jakarta Hal 347)
Adapun rukun haji adalah sebagai berikut:
1. Ihram, yaitu pernyataan mulai mengerjakan
ibadah haji dengan memakai pakaian ihram
disertai niat untuk haji atau umrah di Miqat
Makani.

2. Wukuf di Arafah, yaitu berdiam diri dan
berdoa di Arafah pada tanggal 9 Zulhijah.

Seminar Nasional Informatika 2013

3. Tawaf Ifadah, yaitu mengelilingi Ka’bah
sebanyak tujuh kali, dilakukan sesudah
melontar Jumrah Aqabah pada tanggal 10
Zulhijah.
4. Sa’i, yaitu berjalan atau berlari-lari kecil
antara Shafa dan Marwah sebanyak tujuh kali,
dilakukan sesudah Tawaf Ifadah.
5. Tahallul, yaitu bercukur atau menggunting
rambut setelah selesai melaksanakan Sa’i.
6. Tertib, yaitu mengerjakannya sesuai dengan
urutan serta tidak ada yang tertinggal.
Wajib Haji
Wajib haji merupakan rangkaian kegiatan
yang harus dilakukan dalam ibadah haji sebagai
pelengkap ibadah rukun haji, jika tidak dikerjakan

harus membayar dam (denda). Yang termasuk
wajib haji ialah:
1. Niat, Ihram untuk haji dari miqat makani,
dilakukan setelah berpakaian ihram.
2. Mabit (bermalam) di Muzdalifah pada tanggal
9 Zulhijah (dalam perjalanan dari Arafah ke
Mina).
3. Melempar Jumrah aqabah tanggal 10 Zulhijah.
4. Mabit di Mina pada hari Tasyrik (11-13
Zulhijah).
5. Melontar Jumrah Ula, Wustha dan Aqabah
pada hari Tasyrik (tanggal 11, 12 dan 13
Zulhijah).
6. Tawaf Wada’, yaitu melakukan tawaf
perpisahan sebelum meninggalkan kota
Mekah.
7. Meninggalkan perbuatan yang dilarang waktu
ihram.
Macam-macam Haji
Ditinjau dari cara pelaksanaannya, ibadah haji

dibedakan dalam tiga jenis berdasarkan tatacara
atau urutan pelaksanaannya, yaitu:
1. Haji Ifrad, yaitu melaksanakan dengan cara
terpisah antara haji dan umrah, dimana
masing-masing dikerjakan sendiri dalam
waktu berbeda tetapi tetap dalam satu musim
haji. Pelaksanaan ibadah haji dilakukan
terlebih dahulu, selanjutnya melakukan umrah
dalam satu musim haji atau waktu haji
2. Haji Qiran, artinya bersama-sama. Maksudnya
yaitu melaksanakan ibadah haji dan umrah
secara bersamaan. Dengan cara ini, berarti
seluruh pekerjaan umrahnya sudah tercakup
dalam pekerjaan haji.
3. Haji Tamattu, yaitu melakukan umrah terlebih
dahulu dan setelah selesai baru melakukan
haji. Banyak jama’ah yang memilih Haji
Tamattu karena relatif lebih mudah, sebab
selesai Tawaf dan Sa’i langsung Tahallul agar
terbebas dari larangan sesama ihram. (Rasjid

Sulaiman. “Fiqh Islam”. Attahiriyah, Jakarta)

Perbedaan Haji dan Umrah
Perbedaan Haji dan Umrah ditinjau dari
pelaksanaan dan waktu (Iwan Gayo HM. “Haji
dan Umrah”. Pustaka Warga Negara, Jakarta Hal
22)
Tabel 1 Perbedaan Haji dan Umrah
HAJI
UMRAH
1. Tawaf,
Sa’i, 1. Tawaf,
Sa’i,
Tahallul, Wukuf,
Tahallul.
Mabit,
dan 2. Waktu
kapan
melontar jumrah.
saja

kecuali
2. Waktu
hanya
hari-hari haji.
tanggal 19, 10,
11, 12 dan 13
Zulhijah.

Analisa dan Pembahasan
Blok Diagram
Untuk aplikasi ini, blok diagram terdiri
dari beberapa button utama yaitu Ka’bah,
Pemberangkatan Haji, Persiapan Haji, Jenis Haji,
Rukun Haji, Wajib Haji, Tempat-tempat Mustajab
Do’a, Tempat-tempat Ziarah, dan Kamus Haji
yang mana masing-masing button utama tersebut
memiliki sub button sebagai pilihan informasi
yang di inginkan user serta dilengkapi dengan
gambar dan juga beberapa video.
Button Ka’bah memiliki sub button berupa

Nama Ka’bah, Kiswah, dan Hajar Aswad. Dalam
button ini, user dapat mengetahui informasi
tentang hal-hal yang berkaitan dengan Ka’bah
secara detail. Button Pemberangkatan Haji terdiri
dari sub button berupa Embarkasi, Kloter,
Melapor Pada Petugas, dan King Abdul Aziz
Jeddah. User dapat mengetahui tentang tata cara
pelaksanaan ibadah haji dimulai dari pembagian
kelompok berupa embarkasi dan kloter sampai
pada kegiatan calon jamaah haji setiba nya di
Bandara Jeddah. Pada button Persiapan Haji,
terdiri dari sub button Persiapan Calon Haji,
Perlengkapan, Vaksinasi, Paspor, Visa dan
Identitas. User dapat mengetahui kesiapan calon
haji mulai dari persiapan fisik sampai pada
pengurusan kartu tanda pengenal yang di gunakan
sebagai persyaratan memasuki wilayah Arafah
dan Mina. Button Jenis Haji terdapat sub button
berupa Haji Tamattu, Haji Ifrad, Haji Qiran dan
Perbedaan Haji yang menjelaskan tentang tata

cara pelaksanaan masing-masing haji.
Button Rukun Haji terdiri dari sub button
berupa Ihram, Wukuf di Arafah, Tawaf Ifadah,
Sa’i, Tahallul, dan Tertib yang didalamnya
terdapat berbagai penjelasan masing-masing
rukun haji. Button Wajib Haji terdiri atas sub
button berupa Niat, Mabit Di Muzdalifah, Jumrah
Aqabah, Mabit Di Mina, Melontar Ketiga Jumrah,
Tawaf Wada, dan Taat yang mana masing-

47

Seminar Nasional Informatika 2013

masingnya
melengkapi
ketentuan
dalam
menjalankan ibadah haji.
Adapun button Tempat Mustajab yang sub

button nya terdiri dari Multazam, Hijir Ismail,
Maqam Ibrahim, dan Raudah yang merupakan
tempat-tempat yang dikunjungi para jamaah haji
untuk meminta do’a. Button Tempat Ziarah pun
merupakan bagian penting sebagai tempat
berkunjungnya para jamaah haji, didalamnya
terdiri dari sub button Nabawi, Sumur Zam-Zam,
Gua Hira, Jabal Rahma, dan Jabal Tsur.
Selanjutnya Button Kamus Haji yang
menjelaskan tentang pengertian dari istilah-istilah
yang digunakan dalam pembahasan. Button ini
terdiri dari sub button Tanah Haram, Miqat,
Talbiyah, Tahallul Qubra, Tawaf, Nafar Awal,
dan Nafar Akhir.
(Diagram Aplikasi dapat dilihat di Lampiran
Gambar 1 dan Gambar 2)
Menu Aplikasi Tuntunan Ibadah Haji

Gambar 4. Tampilan Utama
Tampilan Menu Ka’bah
Untuk tampilan menu Ka’bah, akan muncul
pilihan button Nama Dinding, Kiswah, Hajar
Aswad, yang memberikan informasi mengenai
Ka’bah, seperti yang terlihat di gambar 5.

Tampilan Menu Awal
Pada tampilan menu awal, akan muncul gambar
ka’bah yang merupakan icon di dalam Ibadah
Haji, seperti yang terlihat di gambar 3

Gambar 5 Tampilan Menu Ka’bah

Gambar 3 Tampilan Menu Awal
Tampilan Utama
Setelah gambar Ka’bah disentuh, akan muncul
button-button tentang ibadah haji yaitu button
Ka’bah, Pemberangkatan Haji, Persiapan Haji,
Jenis Haji, Rukun Haji, Wajib Haji, Tempattempat Mustajab, Kamus Haji, dan Tempattempat Ziarah. User dapat memilih button yang
tersedia sesuai dengan informasi yang diinginkan,
seperti yang terlihat di gambar 4.

48

Tampilan Menu Pemberangkatan Haji
Tampilan menu Pemberangkatan Haji terdiri dari
button Embarkasi, Pengecekan, Kloter, KAA
Jeddah, dan Gelombang yang memberikan
informasi mengenai keberangkatan haji dari mulai
Embarkasi, Pengecekan, Kloter, KAA Jeddah
serta Gelombang, seperti yang terlihat di gambar
6.

Seminar Nasional Informatika 2013

Gambar 6. Tampilan Menu Pemberangkatan Haji

Gambar 8. Tampilan Menu Jenis Haji

Tampilan Menu Persiapan Haji
Untuk tampilan menu Persiapan Haji terdiri dari
button Persiapan Jasmani Calon Haji, Passport,
Perlengkapan, Visa, Vaksinasi, dan Identitas yang
memberikan informasi mengenai persiapan yang
harus dilakukan oleh jamaah haji dari
perlengkapan, passport, visa, vaksinasi serta
identitas pendukung, seperti yang terlihat di
gambar 7.

Tampilan Menu Rukun Haji
Tampilan Menu Rukun Haji berisi informasi
mengenai rukun haji yang wajib dilakukan oleh
para jamaah haji.

Gambar 9. Tampilan Menu Rukun Haji
Gambar 7. Tampilan Menu Persiapan Haji
Tampilan Menu Jenis Haji
Pada tampilan menu Jenis Haji terdapat button
Haji Tamattu’, Haji Ifrad, Haji Qiran, dan
Perbedaan Haji, seperti yang terlihat pada gambar
8. Begitu selanjutnya untuk pilihan-pilihan button
lainnya sesuai dengan informasi yang diinginkan
user.

Tampilan Menu Wajib Haji
Tampilan ini berisi mengenai Wajib haji seperti
Niat, Jumroh, Serta Tawaf, seperti yang terlihat
pada gambar 10.

49

Seminar Nasional Informatika 2013

Gambar 10. Tampilan Menu Wajib Haji
Tampilan Menu Tempat-tempat Mustajab
Tampilan ini berisi informasi mengenai tempat –
tempat Mustajab yang harus dikunjungi oleh para
jamaah haji seperti Makam Ibrahim, Hajar
Aswad, Multazam, seperti yang terlihat pada
gambar 11.

Gambar 11. Tampilan Menu Tempat-tempat
Mustajab
Tampilan Menu Kamus Haji
Berisi informasi mengenai semua aktifitas yang
dilakukan oleh para jamaah haji, seperti yang
terlihat pada gambar 12.

50

Gambar 12. Tampilan Menu Kamus Haji
Tampilan Menu Tempat-tempat Ziarah
Berisi informasi mengenai tempat ziarah yang
dapat dikunjungi oleh para jamaah haji, seperti
mesjid nabawi, sumur zam-zam, jabal rahmah,
jabal tsur, seperti yang yang terlihat pada gambar
13.

Gambar 13. Tampilan Menu Tempat-tempat
Ziarah
Tampilan Menu Galeri
Tampilan galeri berisi foto – foto yang
berhubungan dengan ibadah haji, seperti yang
terlihat pada gambar 14.

Seminar Nasional Informatika 2013

Gambar 14. Tampilan Menu Galeri
Tampilan Menu Video
Dalam button Video, terdapat video perjalanan
haji yang dimulai dari tanah air, setibanya di
Tanah Suci, sampai kembali lagi ke tanah air.
Dengan demikian, user dapat lebih memahami
persiapan serta perjalanan haji yang akan dijalani
selama berada di Tanah Suci, seperti yang terlihat
pada gambar 15.

Gambar 16. Tampilan Menu Bacaan Do’a
Setiap menu button tersebut, masing-masingnya
dilengkapi dengan thumbnail foto dan menu bar.

Thumbnail
Foto

Menu
Bar

Gambar 17. Thumbnail Foto dan Menu Bar

Gambar 15. Tampilan Menu Video
Tampilan Menu Bacaan Do’a
Dalam button Bacaan Do’a terdapat
berbagai bacaan do’a selama beribadah haji.
Bacaan do’a dalam aplikasi ini menggunakan
tulisan arab serta dilengkapi sound untuk lebih
dipahami user, seperti yang terlihat pada gambar
16.

Pada thumbnail foto, user dapat melihat
foto-foto yang berhubungan dengan menu yang
dipilih. Caranya, user tinggal mendekatkan kursor
kearah foto yang diinginkan maka foto secara
otomatis tampil besar saat disentuh kursor. Foto
akan mengikuti arah kursor. Selain itu, pada
pilihan-pilihan button diatas terdapat menu bar
yang terletak dibawah thumbnail foto. Menu bar
tersebut berupa button-button utama seperti yang
terdapat pada tampilan menu utama di awal
animasi. Selain itu pada menu bar juga terdapat
button pelengkap seperti Home, Galeri, Bacaan
Do’a, Video, Help, About, dan Keluar. Masingmasing button ini bertujuan agar penjelasan data
lebih terarah.
Apabila button Home di klik, maka user
akan kembali pada tampilan menu awal (seperti
gambar 3). Pada button Galeri, terdapat galeri
foto mini. Untuk melihat foto-foto secara
bergantian, user tinggal memilih „thumbnail‟ foto
yang bergeser otomatis sesuai arah gerak kursor

51

Seminar Nasional Informatika 2013

lalu mengklik gambar yang ingin dilihat (seperti
gambar 14).

Kesimpulan
Berdasarkan analisa kerja dari sistem ini
telah dibuktikan sesuai dengan kemampuannya,
maka dapat ditarik kesimpulan sebagai berikut :
1. Publik dapat menggunakan aplikasi ini
sebagai salah satu bahan acuan dalam
memperoleh informasi tentang tata cara
pelaksanaan ibadah haji terutama Ka’bah,
Pemberangkatan Haji, Persiapan Haji, Jenis
Haji, Rukun Haji, Wajib Haji, Tempat
Mustajab, Tempat Ziarah, dan yang terakhir
Kamus Haji untuk informasi secara umum.
2. Tata cara pelaksanaan ibadah haji
memiliki ruang lingkup yang sangat
luas. Pada aplikasi ini hanya
disediakan informasi tata cara
pelaksanaan secara umum yaitu mulai
dari ka’bah sampai pada persiapanpersiapan yang dilakukan. Sehingga,
masih kurang memuaskan untuk
dijadikan
sumber
informasi
pelaksanaan ibadah haji.
3. Aplikasi ini menyediakan menumenu yang interaktif sehingga
memudahkan
user
dalam
penggunaannya.

LAMPIRAN :

52

Saran-saran
Beberapa saran yang bermanfaat untuk
pengembangan dan penyempurnaan hasil karya
berikutnya :
1. Diharapkan pengembangan lebih lanjut pada
aplikasi ini. Yaitu dapat berupa menambah
data atau video yang lebih rinci untuk
masing-masing menu utama.
2. Dengan pembelajaran yang terus dilakukan,
diharapkan aplikasi ini dapat tampil dengan
desain yang lebih menarik, sehingga dapat
digunakan oleh semua kalangan terutama
pelajar.
3. Aplikasi animasi tata cara ibadah haji
diharapkan dapat tersedia tersedia dalam
bahasa Inggris sehingga penggunaannya
dapat dimaksimalkan untuk WNA (Warga
Negara Asing) yang belum bisa berbahasa
Indonesia.

DAFTAR PUSTAKA
MADCOMS, 2009, “ 55 Kreasi Populer Animasi
Cantik dengan Adobe Flash ”, Jakarta :
ANDI Yogyakarta
Supriyanto Aji, 2005, “ Pengantar Teknologi
Informasi ”, Jakarta : Salemba Infotek
Sulhan Setiawan, 2007, “ Merancang Aplikasi
FLASH Secara Optimal ”, Yogyakarta :
ANDI Yogyakarta.
Tim P4en.erbAit ANDI, 2003,” Jalan Pintas
Mengpuasai Macromedia Flash MX ”,
Yogylakarta : ANDI Yogyakarta.
Wahana Koimputer, 2005,” Panduan Aplikatif
Mengkuasai Macromedia Flash MX 2004 ”,
Semaarang : Penerbit Andi, Wahana
Kompsuter.
i
a

Seminar Nasional Informatika 2013

CD

INTRO

Menu Utama

Persiapan
Haji

Pemberangka
tan Haji

Ka’bah

Nama
Dinding

Embarkasi

Kiswah

Kloter

Hajar Aswad

Gelombang

Jenis Haji

Persiapan
Jamaah
Calon Haji

Rukun Haji

Wajib Haji

Haji Tamattu

Ihram

Niat

Haji Ifrad

Wukuf

Mabit di
Muzdalifah

Vaksinasi

Haji Qiran

Tawaf
Ifadah

Jumrah
Aqabah

Pengecekan

Passport

Perbedaan
Haji

Sa’i

Mabit di
Mina

KAA,
Jeddah

Visa

Tahallul

Melontar
Ketiga
Jumrah

Identitas

Tertib

Tawaf Wada

Perlengkapan

Taat

1

Gambar 1 Blok Diagram Aplikasi Tuntunan Haji
1

Menu Utama

Tempat
Ziarah

Kamus Haji

Nabawi

Tanah
Haram

Sumur ZamZam

Miqat

Ballad

Talbiyah

Gua Hira

Tahallul
Qubra

Wadi Fatma

Tawaf

Jamal
Rahmah

Nafar Awal

Jabal Tsur

Nafar Akhir

Exit

Gambar 2 Blok Diagram Aplikasi Tuntunan Haji ( Lanjutan )

53