Visualisasi interaktif panduan manasik haji dengan teknologi multimedia

VISUALISASI INTERAKTIF PANDUAN MANASIK HAJI
DENGAN TEKNOLOGI MULTll\ilEDIA

Sarto no

FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS ISLAM NEGERI
SYARIF HIDAYATULLAH
.TA.KARTA

VISUALISASI INTERAKTIF PANDUAN MANASIK 1-IAJI

DENGAN TEKNOLOGI MULTIMEDIA

Oleh
SARTONO

101091123335

Skripsi
Sebagai Salah Satu Syarat Untuk Memperoleh Gelar

Sarjana Komputer
Fakultas Sains dan Teknologi
Universitas Islam Negeri SyarifHidayatullah Jakarta

FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS ISLAM NEGERI.
SY ARIF HIDA YATULLAH
JAKARTA
2005 MI 1426 H

VISUALISASI INTERAKTIF P ANDUAN MANASIK HAJI
DENGAN TEKNOLOGI MUL TIMEIHA

Skripsi
Sebagai Saiall Satu Syarat U11tuk Mempernlell Gelmr
Sarja11a Komputer
Pada Fakultas Sai11s Da11 Teimoiogi UIN jak1U1a

OielJ:
SARTONO

101091123335

Me11yet11jui

Pembimbi11g 1

Pembimbillg 2

ｾﾷ＠

,,__-

Ir. Bakri La Katjo11g, MT, M.• Kom

;\/t ------

.-------------·

kri La Katjo111g, MT, M.Kom

JURUSAN TEKNIK INFORMATJKA
FAKULTAS SAINS DAN TEKNOLOGI
UIN SYARIF HIDA YATULLAH JAKARTA

Dengan Ini menyatakan bahwa Skripsi yang ditulis oleh:

Nama

: Sartono

NIM

: 101091123335

Judul Skripsi : Visualisasi Interaktif Panduan Manasik Haji Dengan
Teknologi Multimedia

Dapat diterima sebagai syarat kelulusan untuk memperoleh gelar Satjana
Komputer pada Jurusan Telmik Informatika, Fakultas Sains dan Teknologi,
Universitas Islam Negeri SyarifHidayatullah Jakarta

Jakarta, September 2005
Menyetujui,
Dosen Pembimbing
Pembimbing II

Pembimbing I

Ｏｾ［ﾷ＠
/V/
Ｏｾ｜＠
L/
Ir.

Victor Amrizal, M.Kom

ｂ｡ｫｲｩｾＬ＠

I/

{/• ﾷｾＭ＠

. ---

MT, M.Kom

Mengetahui
Ketua Jurusan

T
ｾＭ

T\ __ ...___

11. A"C1TC1

PERYATAAN
DENGAN !NI SAYA MENYATAKAN BAHWA SKRIPSI INI BENAR-BENAR
HASIL KARYA SENDIRI YANG BELUM PERNAH DIAJUKAN SEBAGAI
SKRIPSI ATAU KARYA ILMIAH PADA PERGURUAN TINGGI ATAU

LEMBAGA MANAPUN.

Jakarta, September 2005

Sarto no
(101091123335)

KATA PENGANTAR
Puji syukur penulis panjatkan kehadirat Allah SWT dan atas segala
karunia yang diberikan-Nya, karena hanya dengan taufik dan hidayah-Nyalah
maka penulis dapat menyelesaikan skripsi ini dengan judul Visualisai Interaktif

Panduan Manasik Haji Dengan Teknologi Multimedia. Penulisan skripsi ini
adalah untuk memenuhi persyaratan dalam menyelesaikan program studi Strata-I
(S l)

pada jurusan

Teknik

Informatika,

Universitas Islam Negeri

Syarif

Hidayatullah Jakarta.
Selama penyusunan skripsi ini, banyak halangan dan hambatan yang
penulis hadapi, namun halangan dan hambatan tersebut dapat dilalui berkat
adanya dukungan, bantuan dan nasehat serta bimbingan dari berbagai pihak, dari
awal

hingga akhir penyusunan.

Untuk itu

pada kesempatan ini

penulis

menyampaikan rasa terima kasih dan penghargaan yang tak terhingga kepada:
1. Bapak DR. Ir. Syopiansyah Jaya Putra, MSIS., selaku Dekan Fakultas Sains

dan Teknologi, Universitas Islam Negeri SyarifHidayatullah.
2. Bapak Victor Amrizal, M.Kom selaku dosen Pembimbing I yang telah banyak

memberikan bimbingan dan semangat dalam menyelesaikan skripsi ini.
3. Bapak Ir. Bakri La Katjong, M.KOM, M.T., selaku dosen Pembimbing II
sekaligus Ketua Jurusan Teknik Informatika, Fakult2,s Sains dan Teknologi,
Universitas Islam Negeri Syarif Hidayatullah, yang telah banyak memberikan
bimbingan dan masukan dalam meyelesaikan skripsi ini
4. Bapak Ir. Adil Siregar selaku dosen mata kuliah Multimedia, yang telah
memberikan ilmunya pada penulis
5. Kedua orang tua yang selalu mendoakan, membimbing dan memberikan
dorongan semangat pada penulis.
Akhir kata, penulis berharap semoga skripsi ini dapat dijadikan sebagai
bahan masukan dan sumbangan untuk perkembangan ilmu pengetahuan dan
teknologi informasi.

ABSTRAK

Sartono, Visualisasi Interaktif Panduan Manasik Haji dengan Teknologi
Multimedia. Di bawah bimbingan Bapak Victor Amrizal, M.Kom dan Bapak
Ir.Bakri La Katjong, M.Kom, MT.
Ibadah haji selain termasuk salah satu rukun lslam yang kelima, juga
termasuk ibadah badaniyah dan sekaligus ibadah harta benda. Dengan semakin
meningkatnya jumlah jamaah haji dari tahun ketahun, maka semakin dibutuhkan
pula panduan yang dapat membantu masyarakat dalam mempermudah
pelaksanaan ibadah haji. Dilain pihak seiring dengan perkembangan ilmu
pengetahuan dan teknologi pada masa sekarang ini yang sudah sangat cepat dan
maju, mengakibatkan munculnya berbagai disiplin ilmu yang baru, salah satunya
adalah bidang ilmu multimedia. Dimana teknologi multimedia ini digunakan
hampir disemua bidang. Berdasarkan ha! tersebut cliatas, penulis berusaha
membuat suatu bentuk penyajian informasi mengenai cara manasik haji tamatu
berbasis multimedia yang menggabungkan antara teks, gambar, video, dan suara
serta clapat berinteraksi langsung dalam proses belajar tersebut, sehingga
menjadikan proses baelajar manasik yang lebih menarik, mudah clipahami, mudah
cliingat serta fleksibelitas waktu belajar yang fleksibel bagi user. Metode yang
cligunakan dalam pengembangan aplikasi ini terclapat empat tahap tahap pra
produksi, tahap procluksi, tahap implementasi, dan tahap pemeliharaan. Pacla tahap
pra produksi clilakukan pendefinisian masalah, pembuatan script clan perancangan

story board. tahap produksi dilakukan procluksi, coding, clan testing, tahap
implementasi dilak-ukan implementasi dari aplikasi yang clibuat, tahap
pemeliharaan dilakukan evaluasi dan pemeliharaan sistem. Hasil dari aplikasi ini
adalah berupa CD interaktif yang menyajikan informasi menegenai tata earn
manasik haji tamatu yang dapat digunakan oleh para calon jamaah haji dalam
mempelajari cara-cara manasik haji yang sesuai dengan tuntunan Rasulullah SAW

DAFT AR !SI
Halaman judul
Lembar Persetujuan .................................................................................................. i
Lem bar Pengesahan ........................................................................ ·......... ··........ ·.... ii
Lembar Peryataan ......................... ····· ···· ······ ···· ······ ···· ····· ...... ··· ······ ····· ···· ······ ···· ····· · iii
Kata Pengantar ······· ········ ................. ···· ····· ······ ········· ···· ........... ··· ·········· ······ ····· ····· ··· iv
Abstrak ................................................................................................................... v
Daftar Isi ... ·............................... ·.... ·........ ·.... ·........ ··... ·.......... · ... ·................. ··.... ·.... vi
Daftar Gambar ....................... ·.... ·................... · .. ··... ··.... ·... ·.... ·.... ·.... ·........ ·.... ·........ x
Daftar Table ........................................................................................................... xii
Daftar Lampiran ····:·······························································································xiii
BAB I PENDAHULUAN ........................................................................................ I
I J Latar Belakang ........................................................................................ 1

1. 2 Permasalahan Penelitian ......................................................................... 3
1. 3 Rumusan Masalah .......................... · ....................................................... 3
1.4 Batasan Masalah ............................................................ ·...................... · 3
1. 5 Tujuan Penelitian ................................................................................... 4
1.6 Manfaat Penelitian ............................................................................. ·... 4
1.6.1 Manfaat Bagi Penulis .......................................................................... 4
1.6.2 Manfaat Bagi Universitas .................................................................... 4
1.6.3 Manfaat bagi Masyarakat .................................................................... 4
1. 7 Metode Penelitian .................................................................................. 5
1.7.1. Metode Pengumpulan Data ........................................................... 5
1.7.2. Metode Perancangan dan Pengembangan Apli.kasi ...................... 6
l. 8 Sistematika Penulisan ............................................................................ 6
BAB II LANDASAN TEORI .................................................................................. 8
2.1 Tinjauan Umum .....................................................,. ............................... 8
2. 2 Landasan Teori .............. ·.......................................................... ·... ·.... ·... 9
2.2. l Multimedia ................................................................................... 10
A. Definisi Multimedia ............................................................... I 0
B. Elemen Multimedia ............................................................... 11

r

PPr::ll::lt::ln M11ltlmf':rli::1 .............................................................

17

A. Pengertian ····· · ··· · ··· ····· ···· · ···· ···· · ········· ····· ····· ···· ···· ·············· · ···· · 23

B. Proses Rekayasa Piranti Lunak .............................................. 24
2.2.3 Interaksi Manusia dan Komputer ················································ 26
A. Prinsip Dan Petunjuk Perancangan Layer ································ 27

B. Pedoman Perancangan Menu ················································· 28

C. State Transisi Diagram ··························································· 29
2.2.4 Visualisai Informasi ··································································· 30
A. Definisi Informasi ·································································· 30

B. Definisi Visualisasi ································································· 32
2.2.5. Gambaran Umum Ibadah Haji ................................................... 32
A. Pengertian Haji ....................................................................... 32
B. Macam-macam Haji ................................................................. 33

C. Syarat Haji .............................................................................. 34
D. Rukun Haji ............................................................................. 34
E. Wajib Haji .............................................................................. 36
F. Tertib Haji ............................................................................... 38
BAB III METODELOGI PENELITIAN ............................................................... 39
3.1. Tahap Pra Produksi .......................................................................... 41
3 .2. Tahap Produksi ................................................................................ 43
3.3. Tahap Implementasi ......................................................................... 44
3.4. Tahap Pemeliharaan ......................................................................... 44
BAB IV ANALISA PERANCANGAN DAN IMPLEMENTASI .......................... 45
4. l Tahap Pra Produksi .......................................................................... 45
4.1. I Definisi Masalah .................................................................... 45
a. Analisa Sistem Berdasarkan Hasil Wawancara ................... 45
b. Analisa Berdasarkan Pengamatan, Wawancara Langsung Dan
Kuisioner ........................................................................... 4 7
c. Analisa Kebutuhan Sistem ................................................. 5 I
d. Pembuatan Narasi dan Scrip ............................................... 52
e. Storyboard .......................................................................... 52
4. 2. Tahap Produksi ............................................................................... 54
4.2.1 Produksi ................................................................................ 54

4.2.4 Rancangan Layar Visualisasi Interaktif Panduan Manasik Haji
dengan Teknologi Multimedia ............................................... 59
4.2.5 Perangkat Lunak Pengembangan ·········································· 60
4.2.6 Perangkat Lunak Pengembangan ············································ 62
4.2 Spesifikasi Proses ············································································ 63
4.3.1 Spesifikasi Proses Layar Intro················································ 63
4.3.2

Spesifikasi Proses Halaman Utama ······························· 63

4.3.3

Spesifikasi Proses Dalil-Dalil Haji ································ 64

4.3.4

Spesifikasi Proses Haji Tamatu ····································· 64

4.3.5

Spesifikasi Proses Urutan Pelaksanaan Haji .................. 64

4.3.6

Spesifikasi Proses Kuiz ················································· 67

4.3.7

Spesifikasi Proses Ucapan Trima Kasih ························ 67

4.3.8

Spesifikasi Proses Profil. ················································ 67

4.4 Layar Visualisasi Interaktif Panduan Manasik Haji Dengan Teknologi
Multimedia. ····················································································· 67
4.4.1

Layar Intro ·········································································· 67

4.4.2

Layar Halaman Utama ······················································· 68

4.4.3

Layar Haji Tamatu ····························································· 68

4.4.4

Layar Urutan Pelaksanaan Haji Tamatu ······························ 68

4.4.5
4.4.6

Layar Dam Haji ··································································· 68
Layar Dalil-dalil Haji .......................................................... 69

4.4.7

Layar Kuis Haji .................................................................. 69

4.4.8

Layar Ucapan Trimakasih ................................................... 69

4.4.9

Layar Profil ........................................................................ 70

4.4.10 Layar Konfirmaasi Keluar ................................................... 70
4.5 Testing ······························································································ 70
4.6 Tahap lmplementasi ........................................... ., .............................. 70
4.6.1 Spesifikasi Perangkat Keras Untuk Menjalankan Program lni. ·· 71
4.6.2 Spesifikasi Perangkat Lunak Untuk Menjalankan Program ....... 72
4. 7 Tahap Pemeliharaan ......................................................................... 72
4. 7. 1 Evaluasi ··················································································· 72
4.7. 2 Pemeliharaan ........................................................................... 74

5. I KESIMPULAN .................................................................................... 75
5.2 SARAN ............................................................................................. 75

DAFT AR PUST AKA ............................................................................................ 77

Daftar Gambar

Gb.2.1 Model classic life cycle···························································································· 2'.i
Gb.2.2 Simbol STD ··························· ···················································· ····························· 30
Gb.2.3 Si kl us informasi ··········································································

··························JI

Gb.3.1 Tahapan-tahapan pengembangan dalam merancang aplikasi ································ 40
Gb.4.1 Tampilan layer intro································································································ 149
Gb.4.2 Tampilan layer halaman utama ············································································· 149
Gb.4.3 Tampilan layer haji tamatu ···················································································· 150
Gb.4.4 Tampilan Layar urutan pelaksanaan haji tamatu ·················································· 150
Gb.4.4.1 Tampilan ihram dari miqot ················································································· 151
Gb.4.4.1.1 Tampilan larangan ihram ················································································· 151
Gb.4.4.1.2 Tampilan cara memakai ihram ········································································ 152
Gb.4.4.2 Tampilan tawaf qudum ······················································································· 152
Gb.4.4.2.1 Tampilan batas tawaf ······················································································ 153
Gb. 4.4.3 Tampilan sa'i umroh ·························································································· 153
Gb.4.4.4 Tampilan proses tahalul ································································· ···················· 154
Gb.4.4.5 Tampilan ihram haji ···························································································· 154
Gb.4.4.6 Tampilan mabit di hari tarwaiyah ······································································ 155
Gb.4.4.7Tampilan wukufdi arofah ·················································································· 155
Gb.4.4.8 Tampilan mabit di muzdalifah ················································ ··· ·············

···· 156

Gb.4.4.9 Tampilan jumroh aqobah kubro ······································ ···· ····· ············ ·········· 156
Gb.4.4.10 Tampilan tawafifadhoh ···················································································· 157
Gb.4.4.11 Tampilan sa'i haji ······························································································ 157
Gb.4.4.12 Tampilan tahalul haji ........................................................................................ 158
Gb.4.4.13 Mabithari tasriq ............................................................. ,.................................. 158
Gb. 4.4. l 4 Tampilan layer tawaf wada ·························································

·· · I '.'9

Gb.4.5 Tampilan layer dam haji ······················································································· 159
Gb.4.6 Tampilan layer persiapan haji .............................................................................. 160
Gb.4.7 Tampilan menu dalil haji ....................................................................................... 160
Gb.4.7.l Tamoilan laverdalil qur'an ................................................................................ 161

Gb.4.7.2 Tampilan layer dalil sunnah .............................................................................. 161
Gb.4.8 Tampilan kuis haji ................................................................................................. 162
Gb.4.9 Tampilan layer ucapan trima kasih ....................................................................... 162
Gb. 4.10 Tampilan layer profil .......................................................................................... 163
Gb. 4.11 Tampilan layer konfirmasi keluar ...................................................................... 163
Gb.4.11.1 Tampilan layer keluar ....................................................................................... 164

Daftar Tabel

Tabel 4.1 Perbandingan antarajamaah yang merasa cukup memahami dan Jamaah
yang kurang memahami cara manasik haJi ......................................................... 48
Tabel 4.2 Persentase materi yang dianggap sulit ................................................................ 49
Tabel 4.3 Persentase Penyebab kesulitan yang dihadapi. ·················································· 49
Tabel 4.4 Perbandingan jamaah yang memahami komputer dan tidak memahami
computer. ·············································································································· 50
Tabel 4.5 Tingkat kesetujuan jamaah terhadap aplikasi Visualisasi Interaktif Panduan
Manasik Haji Dengan Teknologi Multimedia. ················································· 50
Tabel 4.6 Fasilitas yang diinginkan dalam aplikasi Visualisasi lnteraktif Panduan
Manasik Haji Dengan Teknologi Multimedia. ·················································· 51
Tabel 4.7 Hasil kuisioner evaluasi aplikasi Visualisai Interaktif Panduan Manasik
Haji Dengan Teknologi Multimedia. ·································································· 72

Daftar LampiFan
Lampiran I Hasil Wawancara ....................................................................................... 78
Lampiran 2 Kuisioner ······ ············· ····· ·· ·· ·· ··· ·· ·· ·· ··· ·· ···· · ·· ·· ·· ··· ···· ·· ·· ··· ·· ···· ··· ·· ····· ·· ···· ··· ·· ·· · &O
Lampiran 3 Narasi da11 Scrip ······················································································ 94
Lampi ran 4 Storyboard ········ ··· ............. ······· ...... ··· .... ··· ······ ....... ·· ·· ... ·· ···· · ·· ·· ···· · ······ ·· · ··· 136
Lampiran 5 Struktur M¥rw ......................................................................................... 147
Lampiran 6 Daftar Ga°'l;iar ......................................................................................... 149

BAB I PENDAHULUAN
I.I Latar Belakang

Ibadah haji merupakan rukun Islam yang kelima, juga termasuk ibadah
badaniyah dan sekaligus sebagai ibadah harta benda. Dengan semakin
meningkatnya jumlah jamaah haji dari tahun ketahun, maka semakin dibutuhkan
pula panduan-panduan yang dapat membantu masyarakat dalam mempermudah
pelaksanaan ibadah haji. Seiring ha! tersebut diatas maim muncullah lembagalembaga penyelenggara ibadah haji yang memberikan bimbingan, baik secara
langsung maupun melalui buku panduan.
Dari buku panduan yang ada saat ini antara lain buku penuntun manasik
haji dan umroh yang diterbitkan oleh CV. Media Ilmu Demak, buku petunjuk
bergambar perjalanan ibadah haji Indonesia yang diterbitkan oleh Departemen
Agama, buku petunjuk ibadah haji, umroh dan ziarah yang ditulis oleh DR.
Miftah Farid! dan diterbitkan Penerbit Pustaka, buku karya Abdul Hakim bin
Amir Abdat dan masih banyak buku yang lain yang sejenis. Buk:u-buku tersebut
temyata mempunyai banyak informasi yang berbeda dalarn penyamapian tata cara
pelaksanaan ibadah haji. Contohnya adalah pada buku karangan Abdul Hakim bin
Amir Abdat, pada buku panduan tersebut tidak dicantumkan bagaimana cara
memalcai kain ihram yang benar. Buku yang ditulis oleh DR. Miftah Farid!, dalam
menyampaikan informasi tidak menyatu atau berurut.

Misalnya adalah

pembahasan tentang tata cara berihram, pembahasannya. tidak berurut sehingga
bagi orang-orang tertentu akan sulit untuk memahaminya. Pada buku keluaran
Departemen Agama banyak sekali mencantumkan do' a-do' a, tetapi kurang

membahas masalah pelaksanaan ibadah itu sendiri dan juga sedikit sekali
membawakan dalil-dalil mengenai pelaksanaan ibadah haji. Pada buku petunjuk
yang ada tersebut juga ternyata tidak mudah dipahami oleh semua calon jamaah
haji. Sehingga jamaah haji sering mengalami kesulitan dalam memahami tata cara
pelaksanaan ibadah haji, yang pada akhirnya para jamaah. hanya mengikuti apa
yang dilakukan oleh pembimbing tanpa mengetahui dalil-dalilnya secara baik.
padahal Rasulullah SAW telah bersabda "Hendaklah kamu mengambil (dariku)
cara-cara manasik kamu". HR. Muslim.

Dilain

pihak,

perkembangan

ilmu

pengetah.uan

dan

teknologi

memunculkan berbagai disiplin ilmu yang baru, yang salah satunya adalah
multimedia. Teknologi multimedia ini digunakan hampir disemua bidang
khususnya bidang pendidikan, dunia kerja baik pemerintah maupun swasta.
Karena semakin meningkatnya penggunaan teknologi multimedia ini pula
yang mendasari penulis untuk menyusun skripsi ini dengan judul Visualisasi
lnteraktif Panduan Manasik Haji dengan Teknologi Multimedia. Denganjudul

ini penulis akan menampilkan gambaran ritual manasik haji yang mudah dipahami
oleh calon jamaah haji. Penulis berharap hasil skripsi ini dapat digunakan sebagai
panduan oleh masyarakat kh.ususnya umat Islam dalam mempermudah
mempelajari pelaksanaan manasik haji sesuai dengan tuntunan Rasulullah SAW.

1.2 Permasalahan Penelitian
Dengan judul "Visualisasi Interaktif Panduan Manasik Haji dengan

Teknologi Multimedia" ini penulis berusaha mengangkat permasalahan sebagai
berikut:
"Masih banyaknya jamaah haji Indonesia yang mengalami kebingungan dalam melaksanakan ritual ibad11h haji di tanah suci
akibat kurangnya Pemahaman terhadap informasi dari panduan
yang ada pad a saat ini".
1.3 Rumusan Masalah
Adapun permasalahan yang ada, sesuai dengan uraian diatas dapat
dirumuskan sebagai berikut:
1. Bagaimana rancangan software Visualisasi Interaktif Panduan Manasik
Haji Dengan Teknologi Multimedia yang harus dibuat sehingga mudah
dipahami oleh para calon jamaah haji.
1.4 Batasan Masalab
Berdasarkan judul dan uraian yang telah disampaikan diatas, serta agar
pembahasan masalah tidak menyimpang dari judul yang ada, maka penulis hanya
melakukan pembahasan pada permasalahan;
1). Bagaimana rancangan software Visualisai Interaktif Panduan Manasik Haji

Dengan Teknologi Multimedia yang harus dibuat sehingga mudah
dipahami oleh para calon jamaah haji.
2). Pada pembahasan skripsi ini penulis hanya akan membahas mengenai tata
cara pelaksanaan manasik Haji Tamatu.

3). Aplikasi ini tidak menggunakan database.
4). Aplikasi ini tidak menggunakan teknologi internet.

5). Aplikasi ini dibuat dengan menggunakan sofWare Flash MX 2004, Ulied
Video Studio Versi 7, Sound Forge 6.0, Swish

Versi 2.0, Adobe

Photoshop CS dan Macromedia Fireworks MX.
6). Aplikasi multimedia ini tidak menggunakan teknologi Computer Based

Animation, hanya menggunakan animasi sederhana berupa animasi text
dan animasi image.
7). Hasil akhir aplikasi ini adalah sebuah Compac Disc Multimedia.

1.5 Tujuan Penelitian
Tujuan dari skripsi ini adalah dihasilkannya sebuah panduan manasik haji
dalam bentuk CD yang dapat digunakan oleh para calon jamaah haji dalam
mempelajari cara-cara manasik haji yang sesuai dengan tuntunan Rasulullah
SAW.

1.6 Manfaat Penelitian
1.6.1. Manfaat Bagi Penulis
a. Sebagai sarana untuk pengembangan disiplin ilmu bagi penulis.
b. Memberikan sumbangan terhadap pengemba.ngan teori-teori yang
telah didapat.
1.6.2. Manfaat Bagi Universitas
a. Sebagai sumbangan terhadap Universitas dalam memperkaya literatur
dan pustaka yang ada.
1.6.3. Bagi Masyarakat

a. Bagi calon haji panduan ini diharapkan dapat rnengurangi biaya dan
waktu dalarn mempersiapkan pelaksanaan ibadah haji .
b. Sebagai masukan bagi para penyelenggara ibadah haji akan
pentingnya panduan yang mudah bagi para calonjamaah haji.
I. 7 Metode Penelitian

Metodologi yang digunakan dalarn pelaksanaan Penelitian mt adalah
sebagai berikut:
1.7.1. Metode Pengumpulan Data
a. Studi Lapangan
Yaitu dengan langsung melihat clan melakukan survey ke lembaga
atau penyelenggara ibadah haji yang ada dilingkungan penulis.
b.

Wawancara dan Penyebaran Kuis
Melakukan wawancara dengan para pembimbing calon jarnaah haji,
mengenai pelaksanaan badah haji dan penye:baran kuis kepada para
calon jarnaah haji. Hasil wawancara dart hasil kuis dapat dilihat pada
lembar larnpiran.

c. Analisa dan Penyelesaian Masalah
Meneliti dan mengarnati tentang basil dari panduan yang ada, sekaligus untuk menganalisa kekurangan dan kelebihan dari panduan
yang telah ada selarna ini.

d. Studi Pustaka
Mencari data-data tentang pelaksanaan ibadah haji dan multimedia,
baik melalui internet maupun perpustakaan yang ada baik dikampus
maupun di lingkungan peneliti.
I. 7 .2. Metode Perancangan dan Pengembangan Aplikasi
Dalam perancangan dan pengembangan aplikasi ini, dilakukan tahapan
pengembangan multimedia dalam empat tahap sebagai berikut;
a. Tahap Pra Produksi
Pada tahap ini dilakukan pendefinisian masalah, pembuatan script
dan perancangan story board.
b. Tahap Produksi
Pada tahap ini dilakukan produksi, coding, dan testing.
c. Tahap Implementasi
Tahapan ini dilakukan implementasi dari aplikasi yang dibuat
d. Tahap Pemeliharaan
Tahapan ini dilakukan evaluasi dan pemeliharaan sistem

1. 8 Sistematika Penulisan
Sistematika penulisan dari penelitian ini secara garis besar adalah sebagai
berikut;

DAFTARISI
BABIPENDAHULUAN
Pada bab ini akan dibahas mengenai latar belakang masalah, rumusan
masalah, tujuan penelitian dan sistematika penulisan.

BAB II LANDASAN TEORI
Pada Bab II dibahas tentang landasan teori dari multimedia, yaitu
penjelasan

mengenai

multimedia,

elemen-elemen

multimedia,

kegunaan

multimedia dan teori-teori pendukung lainnya yang digunakan dalam penulisan
ini serta penjelasan mengenai sotware yang dipakai.
BAB III METODE PENELITIAN
Pada bab ini akan di bahas mengenai metode-metode yang dipakai dalam
penelitian, baik dalam pengumpulan data maupun mengenai tahapan-tahapan
yang dilakukakn dalam penulisan skripsi ini.
BAB IV ANALISA PERANCANGAN DAN IMPLEMJl':NTASI
Pada bab ini membahas langkah-langkah pembuatan software Visualisai
Interaktif Panduan Manasik Haji Dengan Teknologi Multimedia, mulai dari
mendefinisian masalah, pembuatan scrip, story board, proses produksi, coding,
testing, implementasi, evaluasi serta pemeliharaan system.
BAB V KESIMPULAN DAN SARAN
Bab kesimpulan dan saran, akan berisi kesimpulan dari pembuatan aplikasi
dan saran-saran dari penulis.
DAFTAR PUSTAKA

BAB II LANDASAN TEORI
2.1 Tinjauan Umum
Sebelum

terlalu jauh membahas mengenai

teori yang melandasi

pembuatan aplikasi Visualisasi Interaktif Panduan Manasik Haji Dengan
teknologi Multimedia, penulis akan memberikan pengertian dari judul tersebut.
Pengertian kata perkata adalah sebagai berikut. Visualisasi adalah pembentukan
gagasan dalam bentuk gambar, grafik, peta dan sebagainya. Interaktif adalah hal
yang saling mempengaruhi. Panduan adalah penunjuk jalan, pendamping, buku
pedoman. Manasik Haji hal-hal peribadatan yang berkenaan dengan ibadah haji
atau peragaan pelaksanaan yang sesuai dengan rukun-rukunnya atau syaratsyaratnya yang biasanya menggunakan alat-alat atau perlengkapan yang
mempunyai kesamaan dengan keadaan di sekitar kabah Teknologi adalah ilmu
atau seni praktis tentang industri, ilmu pengetahuan terapan, metode, proses,
penanganan masalah teknis. Multimedia bermacam-macam jenis sarana atau
media. Dari Semua pengertian tersebutu maka penulis mengambil kesimpulan
bahwa pengertian Visualisasi Interaktif Panduan Manasik Haji dengan Teknologi
Multimedia adalah pembentukan gagasan dalam bentuk gambar, grafik, video
yang saling mempengaruhi, yang dapat di jadikan petunjuk peribadatan yang
berkenaan dengan ibadah haji dengan menggunakan metode dari berbagai macam
media.
Visualisai interaktif panduan manasik haji dengan menggunakan teknologi
multimeda. Ini adalah sebuah kalimat yang mungkin asing bagi sebagian
masyarakat kita. Dan ini adalah ha! yang wajar karena memang pemahaman

masyarakat kita terhadap teknologi sebagian besar mernang masih didominasi
oleh masyarakat perkotaan. Ritual manasik haji adalah sebuah ibadah yang rutin
dilaksanakan setiap tahun, disepanjang tahun itu pula masyarakat yang telah
membulatkan tekadnya untuk menunaikan ibadah haji ke tanah suci Mekkah
berusaha membuat persiapan-persiapan yang mendukung suksesnya perjalanan
ibadah haji sehingga memperoleh haji mabrur_ Dengan panduan yang ada mereka
berusaha memahami poin-poin yang hams dikerjakan dalam pelaksanaan ibadah
haji.
2.2 Landasan Teori
Multimedia yang secara singkat diartiakan sebagai gabungan dari berbagai
media merupakan sarana yang paling tepat dalam menyampaikan informasi.
Dalam menyampaikan informasi, komunikasi lebih sedikit lebih baik. Informasi
harus mempertajam pesan agar masuk ke dalam pikiran penerima informasi.
Multimedia dapat membantu mempertajam pesan informasi tersebut, karena
kelebihan multimedia adalah menarik indera dan minat dan merupakan gabungan
antara pandangan, suara, dan gerakan. Lembaga riset dan penerbitan komputer,
yaitu Computer Technology Reseach (CTR) menyatakan bahwa orang hanya
mampu mengingat 20% dari yang dilihat dan 30% dari yang didengar. Akan
tetapi, orang dapat mengingat 50% dari yang dilihat dan didengar dan 80% dari
yang dilihat, didengar, dan dilakukan sekaligus. Para pendukung multimedia
menyatakan bahwa jika media berbagai indera ini dikombinasikan, maka efek
yang dihasilkan melebihi penjumlahan bagian-bagiannya. Perusahaan-perusahaan
top dunia yang unggul dalam bersaing menggunakan multimedia untuk

mempertajam pesan-pesan pemasarannya. Dengan multimedia, informasi dapat
diterima dengan lebih mudah, karena informasi dapat disajikan dalam bentuk
media audio visual dan interaktif Banyak elemen yang dapat digunakan untuk
menyajikan informasi dalam bentuk multimedia. Elemen-•elemen itu dapat berupa
software maupun hardware. Untuk memperjelas hal tersebut akan diterangkan
teori yang melandasi multimedia. Tentu saja tidak semua ha! yang mendukung
multimedia akan diterangkan disini, karena landasan teori multimedia sangat luas.
Secara singkat teori-teori

yang

melandasi

pembuatan

multimeda dapat

diterangkan sebagai berikut.
2.2.1. Multimedia
A. Definisi Multimedia

Menurut Turban dan kawan-kawan 1 multimedia adalah kombinasi
dari paling sedikit dua media input atau output da.ri data, media ini dapat
berupa audio (suara, musik), animasi video, teks, grafik dan gambar.
Menurut Hofstetter multimedia adalah pemanfaatan komputer
untuk membuat dan menggabungkan teks, grafik, audio, gambar bergerak
(video dan animasi) dengan menggabungkan link dan tool yang memungkinkan pemakai melakukan nafigasi, berinteraksi, berkreasi dan
komunikasi. Dalam definisi ini terkandung empat komponen penting
multimedia yaitu:
•

Harus ada komputer yang mengkoordinasikan apa yang dilihat dan
didengar, yang berinteraksi dengan kita.

o

Harus ada link yang menghubungkan kita dengan informasi.

"

Harus ada alat nafigasi yang memandu kita, menjelajah 3armgan
informasi yang saling terhubung.

•

Multimedia menyediakan tempat untuk mengumpulkan, memproses,
dan mengkomunikasikan informasi dan ide kita.
Jika keempat

komponen tersebut sudah terpenuhi maka itulah

yang dimaksud dengan multimedia dalam arti yang luas.
B. Elemen Multimedia
Multimedia berasal dari dua kata, yaitu multi dan media. Multi
berarti banyak atau lebih dari satu, sedangkan media berarti bentuk atau
sarana. Dari kedua kata tersebut maka dapat disimpulkan bahwa
multimedia adalah penyampaian informasi melelui lebih dari satu atau
banyak media. Berdasarkan arti dari multimedia di atas dapat ditarik
sebuah pemahaman, bahwa dalam membuat aplikasi multimedia diperlukan penggabungan dari beberapa elemen diantaranya:
a. Teks
Teks adalah bentuk data yang paling mudah disimpan dan
dikendalikan. Teks juga merupakan bentuk data yang paling dekat
dengan kita dan yang paling banyak kita lihat. Teks dapat berbentuk kata, surat atau narasi dalam media yang disajikan dalam
bahasa yang mudah dipahami oleh para pembuatnya.
Terdapat empat elemen teks yaitu:

Teks cetak
Yaitu teks yang dicetak dalam media kertas
b. Teks hasil scan
Yaitu teks yang discan oleh scanner dan diubah menjadi bentuk
yang dapat dibaca oleh komputer.
c. Electronic teks
Yaitu teks yang dapat dibaca oleh komputer.
d. Hyperteks
Yaitu teks yang mengacu pada teks yang telah masuk link
(linked).
2. Grafik atau Gambar
Grafik atau gambar akan lebih menarik perhatian dan dapat
mengurangi kebosanan dibandingkan dengan teks. Gambar atau
grafik dapat meringkas dan menyajikan data komplek dengan cara
yang baru. Gambar dapat berupa gambar sintetis, artinya gambar
yang dibuat dengan program editor gambar seperti adobe
photoshop. Dapat juga gambar hasil scanning dari foto atau pula
dapat berupa gabungan antara hasil scanning dan editing.
Grafik merupakan elemen multimedia yang dipresentasikan
dalam dua dimensi (2d) maupun tiga dimensi (3d) sebagai media
ilustrasi yang memperjelas penyampaian informasi. Grafik atau
gambar terdiri dari dua bentuk dasar yaitu grafik dan vector.

Gambar bitmap merupakan rekonstruksi dari gambar asli.
Gambar bitmap adalah gambar yang tersimpan dalam rangkaian
pixel (titik-titik) yang memenuhi titik-titik di layar komputer.
Untuk menampilkan gambar, komputer akan mengatur tiap titik di
layar sesuai dengan detail warna bitmap. Kelemahan dari gambar
bitmap adalah kita tidak dapat memperbesar atau memperkecil
resolusinya, selain itu ukuran failnya relatif besar dan bila
dikompresi kualitasnya akan turun. Meskipun demikian gambar
bitmap mempunyai kelebihan antara lain pengolahannya minimal
dan lebih cepat untuk ditampilkan, karena gambar bitmap dapat
ditrasfer secara langsung dari file ke layar monitor.
Sedangkan gambar vector disusun dari bentuk-bentuk grafts
seperti lingkaran, garis, elips, persegi panjang dan sebagainya,
yang ditempatkan dengan koordinat, ukuran ketebalan, sisi dan
pola pengisisan pada bidang. Graftk vector biasanya digunakan
untuk menyimpan gambar-gambar kartun dalam bentuk dua
dimensi atau tiga dimensi.
Gambar vector memilki tiga kelebihan dibandingkan
dengan gambar bitmap:
a. Gambar vektor bersifat scalable, artinya kita bisa menggunakan
program grafts untuk memperbesar a1au memperkecil ukuran
gambar tanpa mengubah kualitasnya atau tidak bergantung
pada resolusinya.

b. Gambar vector biasanya memilik ukuran file lebih kecil
dibandingkan gratis dalam format bitmap, karena gambar
vector yang lebih besar dapat dikodekan dengan instruksi yang
lebih ringkas maka vector bisa didownload lebih cepat di
internet.
c. Gambar vector dapat diubah dalam berbagai tampilan tiga
dimensi. Dengan perangkat lunak yang sesuai, kita dapat
membangun sebuah tampilan gambar dari setiap arah bahkan
dari potongan melintang.
3. Animasi

(animation)

adalah

sekumpulan

image

yang

dikumpulkan dalam waktu bergantian yang sangat cepat dan
menipu mata kita, sehingga terlihat bergerak2 . Image dalam
kontek animasi disebut frame. Kecepatan frame continu agar
dapat terkesan bergerak oleh mata kita adalah diatas 15 f]ls
(frame per second).
Animasi terdiri dari dua macam, yaitu:
I. Computer based animation, yaitu animasi yang terbuat dari
pemrosesan dan perhitungan dari program komputer.
Dengan komputer dibuat efek-efek fisual seperti perubahan
posisi, bentuk, warna, struktur atau object, perubahan
dalam pencahayaan, sudut pandang., orientasi dan focus.

2. Full Motion Video adalah animasi yang terbuat atas bantuan
video atau kamera sehingga yang dihasilkan berupa gambar
alami (real). Full motion video m1emiliki komponen yang
paling kompleks dari sistem multimedia, yang tentu saja
membutuhkan alat penyimpanan yang cukup besar karena
ukuran file yang dihasilkannya.
4. Suara

Informasi tidak bisa ditampilkan secara efektif apabila tidak
menggunakan suara. Contohnya gambaran yang jelas mengenai
gelombang laut, maka diperlukan pula suara gelombang laut,
disamping itu suara juga dapat memperjelas pengertian pemakai
disamping informasi yang diterima dari media lainnya.. untuk
menghasilkan suara harus melalui proses sampling3 . Yaitu
gelombang analog diambil dan dicatat pada tiap selang periode
yang sama untuk menghasilkan amplitudo dari sinyal ini selama
selang waktu tertentu. Amplitudo dari grafik mempengaruhi tinggi
rendahnya suara.
Gelombng berbentuk analog tersebut kemudian dikonfersikan ke dalam bentuk digital dengan menggunakan ADC (Analog to
Digital Converter). Dan kemudian suara dapat dimanipulasi,
dikombinasi, lalu dapat dikonversikan kembali dalam bentuk
analog dengan menggunakan DAC (Digital to Analog Converter).

Suara dibagi menjadi tiga kategori, yaitu:
1. Percakapan (speech), berupa suara orang bicara

2. Musik, berupa suara yang dihasilkan oleh alat musik, baik
akustik maupun elektronik serta syntheizer.
3. Efek suara (sound effect) adalah suara. selain percakapan dan
musik, seperti suara tembakan, halilintar, gelas pecah dan lainlain.
Format standar data suara dalam multimedia:
a. MIDI (Musical instrument Digital ｬｮｴ･ｾｦ｡｣Ｉ＠

Midi adalah protocol yang menghubungkan informasi yang
bersifat musik, antara lain alat musik, synthesizer, sound card,
dengan mengunakan midi, orang merekam musik dari seratus alat
musik yang mempunyai standar MIDI ke dalam bentuk digital di
dalam komputer. Untuk merekam lagu yang terdiri dari berbagai
macam komposisi (lirik) dan musik, para musisi professional
menggunakan sistem perekaman yang berformat MIDI4 .
b. WAVE (Wavefonn Audio File Format)
Wave merupakan format file audio yang disimpan secara
digital. File-file tersebut disimpan dalam extensi wav(.wav).
dengan audio digital ini orang dapat merekam dan memainkan
efek-efek suara yang nyata seperti mobil, suara orang, suara air dan
sebagainya.

5. Video
Video adalah elemen multimedia yang paling komplek
yang mampu menggambarkan gerakan yang sulit diterangkan
dengan kata-kata. Penyampaian informasi lebih komunikatif
dibandingkan gambar biasa. Walaupun terdiri dari elemen-elemen
yang sama, seperti suara dan teks, namun bentuk video berbeda
dengan animasi. Perbedaan terletak pada penyajiannya. Dalam
video informasi disajikan dalam satuan utuh dari objek, sedangkan
animasi menyajikan gabungan beberapa objek yang dimodifikasi
sehingga terlihat sating mendukung penggambaran yang seakan
terlihat hidup.
C. Peralatan Multimedia
Untuk menjalankan berbagai elemen multimedia diatas, diperlukan
komponen utama agar dihasilkan aplikasi multimedia yang menarik: yaitu

1. Prosesor
Adalah chip elektronik yang mampu merespon dan
memproses instruksi yang diberikan lalu mengeluarkan basil dari
instruksi yang diberikan tersebut. Prosesor terletak pada matherboard di dalam control prosesing unit (CPU). Prosesor ini biasa di-

sebut mikroprosesor.
2. Memori
Memori

adalah

perangkat

keras

untuk

meny1mpan

informasi untuk waktu sementara maupun permanen. Ada dua jenis

memori yang dapat digunakan yaim random access memory atau
biasa disebut memori utama dan read only memo1y (rom)
3. Monitor
Adalah suatu perangkat keras yang biasa disebut layar
tampilan, karena mampu menampilkan berbagai macam bentuk
format sesuai dengan jenis kartu grafis yang digunakan.
4. Kartu grafis
Adalah kartu yang menampilkan format warna dan tulisan
yang akan terlihat di monitor.
5. Kartu suara
Kartu suara yang dipasang pada matherboard untuk
manipulasi, merekam suara dari CD-ROM atau dari peralatan
audio lain dan mengeluarkan suara melalui speker setelah diproses
di dalam !computer.
6. Pengeras suara
Adalah alat yang mampu mengeluarkan suara yang dikirim
dari kartu suara. Selain digunakan pada !computer, speker juga
dapat digunakan

untuk keperluan elektronik lainnya seperti

televisi, radio dan sebagainya.
7. Hard Disk
Adalah sebuah piringan keras dari magnetic yang berfungsi
untuk menyimpan data Ice dalam !computer. Kata hard artinya

keras, disini maksudnya untuk membedakan dengan floppy disk
yang biasa disebut dengan piringan lunak.
8. CD-ROM
Adalah suatu perangkat keras yang mampu membaca data
yang disimpan dalam piringan compact disk. Untuk menulis data
yang akan disimpan kedalam compact disk digunakan CD-Rom
Write.

9. Piranti lunak yang dibutuhkan
Piranti lunak yang dibutuhkan untuk, membuat, mengedit,
dan memodifikasi element-element multimedia seperti text,
gambar, suara, video dan animasi. Pemanfaatan perangkat lunak
sangat bergantung terhadap kreatifitas dan penguasaan terhadap
perangkat lunak itu sendiri. Jadi dapat dikatakan bahwa pemilihan
perangkat

lunak

tergantung

kepada

selera

.

.

masmg-masmg

pengguna untuk dalam memilih perangkat lunak apa yang akan
digunakan dalam pembuatan aplikasinya.
D. Software Multimedia
Software mulitmedia yang banyak digunakan oleh masayarakat
pada saat ini antara lain Flash MX, Makromedia Direktor, Adobe Premire
dan lain-lain. Namun pada pembahasan ini penulis hanya akan membahas
beberapa software yang penulis gunakan dalam mcnyelesaikan tugas akhir
ini. Karena memang banyak sekali jenis softwarn yang dapat digunakan

dalam mengembangkan aplikasi multimedia. Adapun beberapa software
yang akan penulis uraikan adalah sebagai berikut:
a. Flash MX
Flash adalah salah satu program yang sangat populer
dalam pengembangan multimedia. Flash mempunyai kemampuan
yang sangat baik dalam pengembangan multimedia. Flash adalah
program grafis animasi standar professional untuk menghasilkan
halaman web yang menarik. Move flash terdiri dari grafik, teks,
animasi dan aplikasi untuk situs web. Dengan keunggulan grafik
berbasis vector, yang memungkinkan akses yang lebih cepat dan
menghasilkan gambar yang halus pada resolusi berapapun,
kemampuan

lain yang

dipunyai

flash adalah kemampuan

mengimpor video, gambar, dan suara dari aplikasi diluarnya.
Movie flash juga bisa menampilkan unsur interaktif, dalam
movienya menggunakan action scrip (sua1u bahasa pemrograman
berorientasi objeck) yang nantinya user da.pat berinteraksi dengan
movie, memindahkan objek-objek, memasukan informasi melalui
form dan oprasi lainnya.
b. Adobe Premier
Adobe premier adalah salah satu program yang dapat
mengolah data dalam bentuk video, image, dan juga text. Program
Adobe Premier biasa digunakan oleh para profesional dibidang

video editing dalam mengolah hasil karyanya. Kemampuan Adobe
Premier dalam mengolah video antara lain;
a. Dapat menyusun image menjadi slide yang berurutan yang
akan memberikan efek gambar bergerak.
b. Dapat memberikan efek-efek khusus pada movie maupun
image
c. Terdapat banyak efek transisi
d. Terdapat

berbagai

filter

yang