BAB 3 ANALISIS DAN PERANCANGAN

(1)

Sejak awal berdirinya di tahun 1966, Taman Impian Jaya Ancol atau biasa disebut Ancol sudah ditujukan sebagai sebuah kawasan wisata terpadu oleh Pemerintah Daerah (Pemda) DKI Jakarta. Untuk mewujudkan tujuan tersebut, Pemda DKI menunjuk PT Pembangunan Jaya sebagai Badan Pelaksana Pembangunan (BPP) Proyek Ancol yang dilakukan secara bertahap sesuai dengan peningkatan perekonomian nasional serta daya beli masyarakat.

Sejalan dengan perkembangan perusahaan yang semakin meningkat, di tahun 1992 status Badan Pelaksana Pembangunan (BPP) Proyek Ancol diubah menjadi PT Pembangunan Jaya Ancol sesuai dengan akta perubahan No. 33 tanggal 10 Juli 1992 sehingga terjadi perubahan kepemilikan dan prosentase kepemilikan saham, yakni 20% dimiliki oleh PT Pembangunan Jaya dan 80% dimiliki oleh Pemda DKI Jakarta.

Pada 2 Juli 2004 Ancol melakukan ‘go public’ dan mengganti statusnya menjadi PT Pembangunan Jaya Ancol Tbk., dengan kepemilikan saham 72% oleh Pemda DKI Jakarta dan 18% oleh PT Pembangunan Jaya dan 10% oleh masyarakat. Sejak perubahan tersebut perusahaan melakukan pengembangan bidang usaha di bidang pembangunan, yaitu bertindak

(2)

konsultan bidang perencanaan dan pengawasan pembangunan, serta melakukan pengembangan lahan untuk usaha lain seperti properti.

Perubahan terakhir yang dilakukan oleh PT Pembangunan Jaya Ancol Tbk. adalah penggabungan tiga logo dan nama brand lama yaitu Taman Resor Jaya Ancol, Taman Impian Jaya Ancol, dan Real Estate Jaya Ancol menjadi “Ancol Jakarta Baycity” pada 10 Juli 2005. Perubahan tersebut tidak semata mengganti logo perusahaan, tetapi juga untuk memacu semangat dan budaya perusahaan secara keseluruhan.

3.1.2 Visi Misi Perusahaan

Visi PT. Pembangunan Jaya Ancol Tbk. adalah menjadi perusahaan properti dan pengembang kawasan wisata terpadu, terbesar dan terbaik di Asia Tenggara yang memiliki jaringan terluas.

Sedangkan misi PT. Pembangunan Jaya Ancol Tbk. adalah sebagai komunitas pembaharuan kehidupan masyarakat yang menjadi kebangaan bangsa. Serta senantiasa menciptakan lingkungan kehidupan sosial yang lebih baik melalui sajian hiburan berkualitas yang berunsur seni, budaya, dan pengetahuan dalam rangka mewujudkan komunitas pembaharuan kehidupan masyarakat yang menjadi kebanggaan bangsa.

(3)

sebagai berikut:

Gambar 3.1 Struktur Organisasi PT. Pembangunan Jaya Ancol Tbk.

Sedangkan penjelasan dari wewenang dan tugas dari tiap-tiap jabatan dalam perusahaan adalah sebagai berikut :

Direktur Utama Direktur Administrasi dan SDM Direktur Rekreasi,Resor dan Pengembangan Direktur Properti Direktur Keuangan Divisi Administrasi & SDM Sekretaris Perusahaan Divisi Rekreasi dan Resor Divisi Pengembangan Divisi Properti Divisi Keuangan

(4)

departemen, menerima laporan dari tiap-tiap departemen, mengesahkan proposal besar, dan memberikan laporan pertanggung jawaban pertahun pada pemilik saham.

b. Direktur Administrasi dan SDM

Membawahi departemen administrasi dan SDM, bertanggung jawab atas masalah administrasi, kepegawaian dan SDM, dan memberi laporan pertanggung jawaban pada direktur utama.

c. Direktur Rekreasi, Resor dan Pengembangan

Membawahi departemen rekreasi dan resor serta departemen pengembangan. Bertanggung jawab atas masalah produk-produk perusahaan, pemasaran, pembangunan serta pengembangan, dan memberi laporan pertanggung jawaban pada presiden direktur utama. d. Direktur Properti

Membawahi divisi properti. Bertanggung jawab atas masalah investasi, penjualan, pengelolaan, perencanaan, dan pembangunan properti.

e. Direktur Keuangan

Membawahi divisi keuangan. Bertanggung jawab atas masalah akuntansi dan pajak, sistem informasi, pengembangan keuangan, dan memberi laporan kepada direktur utama.

(5)

3.1.4 Analisis Sistem Yang Sedang Berjalan

Selama ini PT Pembangunan Jaya Ancol Tbk. memberikan informasi kepada masyarakat melalui website, selebaran, dan iklan di media cetak maupun elektronik. Website Ancol berisi informasi produk-produk dan perusahaan itu sendiri. Selebaran yang dicetak biasanya dibagikan langsung kepada masyarakat umum. Informasi dalam selebaran tersebut biasanya berisi promosi dari produk-produk yang ditawarkan oleh perusahaan. Iklan di media cetak dilakukan secara periodik dan pada hampir seluruh koran dan majalah terkemuka. Iklan pada media elektronik seperti radio dan televisi juga ditampilkan untuk melengkapi promosi produk.

3.1.5 Masalah Yang Sedang Dihadapi

Untuk mengetahui masalah yang sedang dihadapi oleh PT. Pembangunan Jaya Ancol Tbk., maka dilakukan wawancara kepada pihak PT. Pembangunan Jaya Ancol Tbk. dan juga dilakukan penyebaran kuesioner.

Wawancara dilakukan dengan perwakilan pihak PT. Pembangunan Jaya Ancol, yaitu Ibu Sofia Cakti, SIP, selaku Kepala Bidang Corporate Communication Departemen Corporate Plan. Melalui wawancara tersebut,

(6)

menampung semua informasi tentang perusahaan yang sekaligus dapat digunakan oleh konsumen untuk mendapatkan informasi yang dibutuhkan. Sistem informasi yang dibutuhkan digambarkan sebagai pusat informasi yang mudah digunakan serta memiliki informasi yang lengkap dan jelas.

Penyebaran kuesioner dilakukan pada tanggal 11-14 Maret 2007 dan diberikan kepada 50 orang, yang terdiri dari 25 orang calon pengunjung, dan 25 orang pengunjung yang sedang berada di kawasan PT. Pembangunan Jaya Ancol Tbk. Penyebaran kuesioner dilakukan untuk mengetahui bagaimana pendapat pengunjung mengenai permasalahan yang dihadapi oleh pengunjung dalam mendapatkan informasi produk PT. Pembangunan Jaya Ancol Tbk.

Adapun hasil yang diperoleh melalui metode kuesioner untuk para pengunjung dan calon pengunjung PT. Pembangunan Jaya Ancol Tbk. adalah sebagai berikut:

Tabel 3.1 Hasil kuesioner awal pertanyaan No.1

No. Pertanyaan Jumlah (orang)

Persentase (%) 1 Seberapa sering anda ke Ancol?

a. Sangat sering (> 7 kali/tahun) b. Sering (4-6 kali/tahun)

1 7

2% 14%

(7)

2% _14% 44% 38% 2% Sangat Sering Sering Jarang Sangat Jarang Tidak Pernah

Gambar 3.2 Pie Chart hasil kuesioner awal pertanyaan No.1

Berdasarkan hasil pertanyaan kuesioner No.1, dapat diketahui bahwa sebagian besar responden berkunjung ke Ancol 2-3 kali dalam setahun, sedangkan sisanya sekali setahun dan 4-6 kali setahun.

Persentase (%) 2 Darimanakah anda mengetahui tentang Ancol?

(8)

d. Teman / saudara 24 48% Total 50 100% 40% 4% 8% 48% TV / Radio Majalah Brosur / Selebaran Teman / Saudara

Berdasarkan hasil pertanyaan kuesioner No.2, dapat diketahui bahwa sebagian besar responden mengetahui promosi tentang Ancol melalui teman/saudara, sisanya mengetahui lewat media televisi/radio, dan kemudian melalui brosur/selebaran.

(9)

memenuhi kebutuhan informasi anda tentang Ancol? a. Sangat memenuhi b. Memenuhi c. Kurang memenuhi d. Tidak memenuhi 1 14 33 2 2% 28% 66% 4% Total 50 100% 2% 28% 66% 4% Sangat Memenuhi Memenuhi Kurang Memenuhi Tidak Memenuhi

Berdasarkan hasil pertanyaan kuesioner No.3, dapat diketahui bahwa sebagian besar responden merasa bahwa media informasi yang ada di Ancol kurang memenuhi kebutuhan responden.

(10)

Catatan : Hasil 5 = sangat diperlukan, 4 = cukup diperlukan, 3 = diperlukan, 2 = kurang diperlukan, 1 = tidak diperlukan

Tabel 3.4 Hasil kuesioner awal pertanyaan No.4.1

66% 22% 8% 4%0% Sangat Diperlukan Cukup Diperlukan Diperlukan Kurang Diperlukan Tidak Diperlukan

Gambar 3.5 Pie Chart hasil kuesioner awal pertanyaan No.4.1

Berdasarkan hasil pertanyaan kuesioner No.4.1, dapat diketahui bahwa sebagian besar responden menganggap informasi harga produk-produk Ancol

No. Pertanyaan Hasil

5 4 3 2 1

4.1 Harga 33 (66%) 11 (22%) 4 (8%) 2 (4%) 0 (0%)

(11)

50% 24% 18% 6% 2% Sangat Diperlukan Cukup Diperlukan Diperlukan Kurang Diperlukan Tidak Diperlukan

Berdasarkan hasil pertanyaan kuesioner No.4.2, dapat diketahui bahwa fasilitas dalam kawasan Ancol dianggap informasi yang penting untuk diketahui oleh para responden, sehingga fasilitas pun menjadi salah satu informasi penting dalam kios informasi kami.

5 4 3 2 1

4.2 Fasilitas (cth. Mushola, toilet, pos keamanan, dll)

25 (50%) 12 (24%) 9 (18%) 3 (6%) 1 (2%)

(12)

22% 32% 38% 2% 6% Sangat Diperlukan Cukup Diperlukan Diperlukan Kurang Diperlukan Tidak Diperlukan

Berdasarkan hasil pertanyaan kuesioner No.4.3, dapat diketahui bahwa transportasi yang ada dalam kawasan Ancol adalah hal penting yang harus diketahui oleh para responden. Jenis-jenis transportasi pun terdapat dalam kios informasi kami.

5 4 3 2 1

4.3 Transportasi dalam kawasan Ancol (bus / Ancol link, wira-wiri, ojek, dll)

11 (22%) 16 (32%) 19(38%) 1 (2%) 3 (6%)

(13)

64% 16% 18% 2%0% _{Sangat Diperlukan} Cukup Diperlukan Diperlukan Kurang Diperlukan Tidak Diperlukan

Berdasarkan hasil pertanyaan kuesioner No.4.4, dapat diketahui bahwa responden merasa penting untuk mengetahui semua ragam produk rekreasi yang ada di Ancol, sehingga jenis produk-produk rekreasi pun termasuk dalam kios informasi kami.

atlantis, hailai, gondola ancol, taman dan pantai, pasar seni, dll)

(14)

20% 34% 28% 16% 2% _{Sangat Diperlukan} Cukup Diperlukan Diperlukan Kurang Diperlukan Tidak Diperlukan

Berdasarkan hasil pertanyaan kuesioner No.4.5, dapat diketahui bahwa responden merasa bahwa produk-produk resor Ancol cukup diperlukan dalam kebutuhan informasi responden.

5 4 3 2 1

4.5 Produk resor (putri duyung, marina, pulau bidadari)

10 (20%) 17 (34%) 14(28%) 8 (16%) 1 (2%)

Total 50 (100%)

(15)

Tabel 3.9 Hasil kuesioner awal pertanyaan No.4.6 4% 20% 36% 30% 10% Sangat Diperlukan Cukup Diperlukan Diperlukan Kurang Diperlukan Tidak Diperlukan

Berdasarkan hasil pertanyaan kuesioner No.4.6, dapat diketahui bahwa produk-produk perumahan Ancol sampai pada taraf ’diperlukan’ bagi para responden.

(16)

12% 30% 24% 30% 4% Sangat Diperlukan Cukup Diperlukan Diperlukan Kurang Diperlukan Tidak Diperlukan

Berdasarkan hasil pertanyaan kuesioner No.4.7, dapat diketahui bahwa responden merasa ragam dari merchandise yang ada di Ancol adalah informasi yang cukup diperlukan.

4.7 Merchandise Ancol : • Ragam / jenis (boneka bekantan, dll) 6 (12%) 15 (30%) 12(24%) 15(30%) 2 (4%) Total 50 (100%) • Lokasi kios 6 (12%) 16 (32 %) 14(28%) 13(26%) 1 (2%) Total 50 (100%)

(17)

32% 28%

Kurang Diperlukan Tidak Diperlukan

Berdasarkan hasil pertanyaan kuesioner No.4.7, dapat diketahui bahwa responden berpendapat bahwa lokasi/letak kios yang menjual ragam

merchandise Ancol diperlukan oleh responden.

5 4 3 2 1

4.8 Restoran / rumah makan/ kafe

21 (42%) 16 (32%) 9(18%) 3(6%) 1 (2%)

(18)

Berdasarkan hasil pertanyaan kuesioner No.4.8, dapat diketahui bahwa responden berharap dapat mengetahui lebih banyak informasi tentang restoran/rumah makan/kafe yang ada di kawasan Ancol.

5 4 3 2 1

4.9 Bank / ATM 34 (68%) 10 (20%) 6(12%) 0 (0%) 0 (0%)

(19)

68%

Berdasarkan pada hasil pertanyaan kuesioner No.4.9, dapat diketahui bahwa informasi Bank/ATM adalah infomasi yang sangat penting bagi para responden.

5 4 3 2 1

4.10 Sejarah Ancol 9 (18%) 8 (16%) 13(26%) 12(24%) 8 (16%)

(20)

18% 16% 26% 24% 16% Sangat Diperlukan Cukup Diperlukan Diperlukan Kurang Diperlukan Tidak Diperlukan

Berdasarkan hasil pertanyaan kuesioner No.4.10, dapat diketahui bahwa pengunjung menganggap bahwa infomasi tentang sejarah Ancol diperlukan bagi sistem informasi yang memenuhi kebutuhan responden.

5 4 3 2 1

4.11 Struktur pengelolaan Ancol

7 (14%) 10 (20%) 9(18%) 14(28%) 10(20%)

(21)

18% 28%

Berdasarkan hasil pertanyaan kuesioner No.4.11, dapat diketahui bahwa bagi responden struktur pengelolaan Ancol kurang begitu diperlukan informasinya.

5 4 3 2 1

4.12 Edutainment di Ancol (cth. komputer fisika dunia fantasi, komputer biologi Gelanggang Samudera)

7 (14%) 16 (32%) 17(34%) 8(16%) 2 (4%)

(22)

14% 32% 34% 16% 4% _{Sangat Diperlukan} Cukup Diperlukan Diperlukan Kurang Diperlukan Tidak Diperlukan

Berdasarkan hasil pertanyaan kuesioner No.4.12, dapat diketahui bahwa informasi tentang edutainment-edutainment yang ada di Ancol adalah hal yang cukup diperlukan bagi para responden.

5 4 3 2 1

4.13 Lokasi / letak objek-objek rekreasi Ancol

36 (72%) 9 (18%) 5(10%) 0(0%) 0 (0%)

(23)

72%

Berdasarkan hasil pertanyaan kuesioner No.4.13, dapat diketahui bahwa informasi letak setiap objek-objek yang ada di Ancol adalah informasi yang sangat penting bagi responden.

5. Seberapa penting letak sebuah pusat informasi Ancol di tempat-tempat di bawah ini menurut anda ?

Catatan : Hasil 5 = sangat diperlukan, 4 = cukup diperlukan, 3 = diperlukan, 2 = kurang diperlukan, 1 = tidak diperlukan

5 4 3 2 1

5.1 Gerbang Pintu Utama 32 (64%) 13 (26%) 2(4%) 2(4%) 1 (2%)

(24)

64% 26% 4% 4% 2% Sangat Diperlukan Cukup Diperlukan Diperlukan Kurang Diperlukan Tidak Diperlukan

Berdasarkan pada hasil pertanyaan kuesioner No.5.1, dapat diketahui bahwa letak sebuah pusat informasi di gerbang pintu utama dianggap sangat penting oleh para responden.

5 4 3 2 1

5.2 Loket per unit 28 (56%) 14 (28%) 7(14%) 1(2%) 0 (0%)

(25)

56%

28% Kurang Diperlukan

Tidak Diperlukan

Berdasarkan hasil pertanyaan kuesioner No.5.2, dapat diketahui bahwa letak sebuah pusat informasi di loket setiap unit yang ada di Ancol dianggap sangat penting oleh para responden.

5 4 3 2 1

5.3 Pintu Gerbang Barat Ancol (dari arah mangga dua)

19 (38%) 17 (34%) 7(14%) 4(8%) 3 (6%)

(26)

38% 34% 14% 8% 6% _{Sangat Diperlukan} Cukup Diperlukan Diperlukan Kurang Diperlukan Tidak Diperlukan

Berdasarkan hasil pertanyaan kuesioner No.5.3, dapat diketahui bahwa letak sebuah pusat informasi di pintu gerbang barat Ancol dianggap cukup penting oleh para responden.

5 4 3 2 1

5.4 Pintu Gerbang Tengah (dekat Pasar Seni)

9 (18%) 20 (40%) 12(24%) 7(14%) 2 (4%)

(27)

40%

24% Kurang Diperlukan

Tidak Diperlukan

Berdasarkan hasil pertanyaan kuesioner No.5.4, dapat diketahui bahwa letak sebuah pusat informasi di pintu gerbang tengah dianggap cukup penting oleh para responden.

5 4 3 2 1

5.5 Pintu Gerbang Timur (dari arah Tanjung Priuk)

11 (22%) 19 (38%) 14(28%) 4(8%) 2 (4%)

(28)

Berdasarkan hasil pertanyaan kuesioner No.5.5, dapat diketahui bahwa letak sebuah pusat informasi di pintu gerbang timur Ancol dianggap cukup penting oleh para responden.

5 4 3 2 1

5.6 Pasar Seni Ancol 7 (14%) 18 (36%) 15(30%) 8(16%) 2 (4%)

(29)

36% 30%

Berdasarkan hasil pertanyaan kuesioner No.5.6, dapat diketahui bahwa letak sebuah pusat informasi di Pasar Seni Ancol dianggap cukup penting oleh para responden.

Persentase (%) 6 Kekurangan apa yang anda rasakan dari media

informasi yang telah ada di Ancol? a. Kurang jelas b. Kurang menarik c. Kurang lengkap 13 14 23 26% 28% 46% Total 50 100%

(30)

26% 28% 46% Kurang Jelas Kurang Menarik Kurang Lengkap

Berdasarkan hasil pertanyaan kuesioner No.6, dapat diketahui bahwa responden menganggap media informasi yang telah ada di Ancol kurang lengkap informasinya.

Persentase (%) 7 Jika pusat informasi Ancol tersedia dalam bentuk

komputerisasi, bagaimana bentuk pusat informasi tersebut yang baik menurut anda ?

a. Mudah untuk digunakan

b. Memiliki tampilan yang menarik

c. Ada sistem pencarian yang cepat dan mudah

15 10 11 30% 20% 22%

(31)

30% 20% 22% 28% Mudah Menarik Pencarian Lengkap

Berdasarkan hasil pertanyaan kuesioner No.7, dapat diketahui bahwa responden berharap pusat informasi Ancol akan memiliki sistem pencarian yang cepat dan mudah, selain itu juga memiliki informasi yang lengkap yang dapat memenuhi kebutuhan responden.

Persentase (%) 8 Apakah menurut anda sebuah pusat informasi

(32)

b. Penting c. Biasa saja d. Tidak penting 14 4 0 28% 8% 0% Total 50 100% 63% 29% 8% 0%0% Sangat Penting Penting Biasa Saja Tidak Penting Tidak Tahu

Berdasarkan hasil pertanyaan kuesioner No.8, dapat diketahui bahwa responden berpendapat bahwa sebuah pusat informasi Ancol sangat dibutuhkan.

3.1.6 Rumusan Masalah

Adapun kesimpulan dari hasil kuesioner yang telah dibagikan adalah sebagian besar responden tidak mendapatkan informasi yang lengkap tentang produk-produk PT Pembangunan Jaya Ancol Tbk., sebab media informasi yang disediakan perusahaan saat ini tidak mampu memenuhi

(33)

3.1.7 Usulan Pemecahan masalah

Setelah menganalisis permasalahan yang dihadapi berdasarkan hasil wawancara dan kuesioner, maka diusulkan suatu sistem penyampaian informasi yang baru bagi Ancol, yaitu aplikasi Kios Informasi berbasis multimedia yang menyajikan informasi lengkap tentang PT. Pembangunan Jaya Ancol Tbk. dan produk-produknya, agar kebutuhan informasi dari setiap pengunjung terpenuhi.

3.2 Perancangan Sistem

Pada perancangan aplikasi akan dibahas tentang hirarki menu, rancangan layar, penentuan STD, perancangan ERD, dan spesifikasi proses untuk setiap rancangan layar.

3.2.1 Rancangan Hirarki Menu 1) Aplikasi User

Pada Gambar 3.28 menggambarkan hirarki menu utama dimana terdapat dua menu utama, yaitu :

a. Produk. b. Perusahaan.

(34)

diperlihatkan animasi awal yang berfungsi sebagai intro pembukaan yang menggambarkan tentang Ancol secara keseluruhan.

Gambar 3.28 Hirarki Menu Utama Front-End

Gambar 3.29 Hirarki Menu Perusahaan Animasi Awal (Intro) Menu Utama Produk Perusahaan Perusahaan Sejarah

Inovasi / Kebijakan Kegiatan Sosial

Tentang Perusahaan Peristiwa

(35)

Gambar 3.30 Hirarki Menu Produk Produk Resor Perumahan Pencarian Bowling Ancol Padang Golf Hailai Gondola Ancol Taman dan Pantai

Pasar Seni Putri Duyung Marina Pulau Bidadari Puri Jimbaran Puri Jimbaran 2 Marina Coast Royal Residence

Puri Nusa Dua Tugu Permai Lain-lain Fasilitas

(36)

Gambar 3.31 Hirarki Menu Admin Login Home Edit Sejarah Edit Inovasi / Kebijakan Edit Peristiwa Edit Kegiatan Sosial Edit Tentang Perusahaan Edit Dunia Fantasi Edit Atlantis Water Adventure

Edit The Lost Kingdom Edit Bowling Ancol Edit Padang Golf Edit Hailai Edit Gondola Ancol Edit Taman dan Pantai

Edit Pasar Seni

Edit Putri Duyung Edit Marina Edit Pulau Bidadari Edit Puri Jimbaran Edit Puri Jimbaran II

Edit Marina Coast Royal Residence Edit Puri Nusa Dua Edit Tugu Permai Edit Fasilitas

(37)

Gambar 3.32 State Transition Diagram untuk Layar Menu Utama

Gambar 3.32 menggambarkan jalannya perubahan layar dari aplikasi mulai dijalankan. STD tersebut akan dilanjutkan dengan STD lainnya yang menggambarkan jalannya perubahan layar. Untuk halaman ini, dimulai dari Layar Intro yang kemudian dihubungkan dengan Layar Halaman Menu Utama dengan meng-klik SKIP untuk langsung terhubung dengan Layar Halaman Menu Utama, atau dapat juga menunggu hingga animasi Intro selesai. Pada Layar Halaman Menu Utama terdapat menu Produk yang menghubungkan kepada Layar Produk dan menu Perusahaan yang menghubungkan kepada Layar Perusahaan. Apabila tidak terjadi suatu action dari user selama 5 menit,

Menu Utama

Produk Intro

Perusahaan

Pilih halaman Produk Tampilkan produk

Pilih halaman Menu Utama Tampilkan menu utama Pilih halaman Perusahaan

Tampilkan perusahaan

Tampilkan screen saver

Selama tidak aktif Tampilkan screen saver

Skip Tampilkan

Menu Utama

Pilih halaman Menu Utama Tampilkan menu utama

(38)

b) STD Layar Menu Produk

Gambar 3.33 State Transition Diagram untuk Layar Produk

Pada Gambar 3.33 menjelaskan tentang STD pada menu Produk. Dalam menu produk ini terdapat tiga sub menu yaitu Rekreasi, Resor, Perumahan, dan Lain-lain. Sub-sub menu pada STD tersebut tidak digambarkan secara keseluruhan karena keterbatasan ruang gambar,

Menu Utama Produk Screen Saver Intro Rekreasi Resor Perumahan Pilih produk Tampilkan produk Saat aktif Tampilkan Intro

Pilih Perumahan Tampilkan isi perumahan Pilih halaman Resor

Tampilkan isi resor Pilih Rekreasi Tampilkan isi rekreasi Skip Tampilkan Menu Utama Peristiwa Pilih produk Tampilkan produk Lain-Lain Pilih Lain-Lain Tampilkan isi lain-lain

Pencarian

Pilih Pencarian Tampilkan hasil pencarian

(39)

c) STD Layar Menu Rekreasi

Gambar 3.34 State Transition Diagram untuk Layar Rekreasi

Menu Utama Intro Screen Saver

Produk Rekreasi Dunia Fantasi Atlantis Water Adventure The Lost Kingdom Sea World Bowling Ancol Padang Golf Hailai Gondola Ancol Taman dan Pantai Pasar Seni Skip Tampilkan Menu Utama Saat aktif Tampilkan Intro Pilih Produk

Tampilkan produk Selama tidak aktif

Tampilkan screen saver Pilih Menu Utama

Tampilkan menu utama

Pilih Dunia Fantasi Tampilkan dunia

fantasi

Pilih Atlantis Water Adventure Tampilkan atlantis

water adventure

Pilih The Lost Kingdom Tampilkan the lost

kingdom

Pilih Sea World Tampilkan sea world

Pilih Bowling Ancol Tampilkan bowling

Ancol

Pilih Padang Golf Tampilkan padang golf

Pilih Hailai Tampilkan hailai

Pilih Gondola Ancol Tampilkan gondola

ancol

Pilih Taman dan Pantai Tampilkan taman dan

pantai

Pilih Pasar Seni Tampilkan pasar seni

Pencarian Pilih Pencarian Tampilkan hasil pencarian

(40)

Water Adventure yang menghubungkan kepada Layar Atlantis Water Adventure, The Lost Kingdom yang menghubungkan kepada Layar The Lost Kingdom, Bowling Ancol yang menghubungkan kepada Layar Bowling Ancol, Padang Golf yang menghubungkan kepada Layar Padang Golf, Hailai yang menghubungkan kepada Layar Hailai, Gondola Ancol yang meghubungkan kepada Layar Gondola Ancol, Taman dan Pantai yang menghubungkan kepada Layar Taman dan Pantai, dan Pasar Seni yang menghubungkan kepada Layar Pasar Seni. Juga terdapat menu Pencarian yang akan menghubungkan dengan Layar Hasil Pencarian.

d) STD Layar Menu Resor

Gambar 3.35 State Transition Diagram untuk Layar Resor

Produk

Putri Duyung Marina Pulau Bidadari

Resor

Selama tidak aktif Tampilkan screen saver Pilih halaman Produk

Tampilkan produk Skip Tampilkan Menu Utama Saat aktif Tampilkan Intro Pilih Resor Tampilkan resor Pilih Menu Utama

Pilih Pulau Bidadari Tampilkan pulau bidadari Pilih Marina

Tampilkan marina Pilih Putri Duyung

Tampilkan putri duyung Pilih halaman Produk

Tampilkan produk

Pencarian

(41)

Pencarian yang akan menghubungkan dengan Layar Hasil Pencarian.

e) STD Layar Menu Perumahan

Gambar 3.36 State Transition Diagram untuk Layar Perumahan

Pada sub menu Perumahan terdapat lima sub menu yaitu Puri Jimbaran yang menghubungkan kepada Layar Puri Jimbaran, Puri

Produk

Perumahan

Puri Jimbaran

Marina Coast Royal Resindence

Puri Jimbaran II Tugu Permai Puri Nusa Dua

Skip Tampilkan Menu Utama

Saat aktif Tampilkan Intro

Pilih halaman Produk Tampilkan produk

Pilih Perumahan Tampilkan perumahan Pilih Menu Utama

Pilih Puri Jimbaran Tampilkan puri jimbaran

Pilih Puri Jimbaran II Tampilkan puri

jimbaran II

Pilih Marina Coast Royal Residence Tampilkan marina coast royal residence

Pilih Puri Nusa Dua Tampilkan puri nusa dua

Pilih Tugu Permai Tampilkan tugu permai Pilih halaman Produk

Tampilkan produk

Pencarian

(42)

Marina Coast Raya Residence, Puri Nusa Dua yang menghubungkan dengan Layar Puri Nusa Dua, dan Tugu Permai yang menghubungkan dengan Layar Tugu Permai. Pada Layar Menu Perumahan juga terdapat menu Pencarian yang akan menghubungkan dengan Layar Hasil Pencarian.

f) STD Layar Menu Lain-Lain

Gambar 3.37 State Transition Diagram untuk Layar Lain-Lain

Pada Gambar 3.37 menjelaskan tentang STD pada menu Lain-Lain. Dalam sub menu Lain-Lain ini terdapat dua sub menu yaitu sub menu Fasilitas yang menghubungkan dengan layar Fasilitas, dan sub menu Peta yang menghubungkan dengan layar Peta. Pada Layar ini juga

Lain-Lain Fasilitas

Pilih Lain-Lain Tampilkan isi lain-lain

Pilih Fasilitas Tampilkan fasilitas Pilih Menu Utama

Tampilkan Menu Utama

Pencarian Pilih Pencarian Tampilkan hasil pencarian Peta Pilih Peta Tampilkan peta

(43)

Gambar 3.38 State Transition Diagram untuk Layar Perusahaan

Pada Gambar 3.38 menjelaskan tentang STD pada menu Perusahaan. Dalam menu Perusahaan ini terdapat lima sub menu yaitu Sejarah yang menghubungkan kepada Layar Sejarah, Inovasi / Kebijakan yang menghubungkan kepada Layar Inovasi / Kebijakan, Kegiatan Sosial yang menghubungkan kepada Layar Kegiatan Sosial, Tentang perusahaan yang menghubungkan kepada Layar Tentang Perusahaan. Pada Layar Menu Perusahaan juga terdapat menu Pencarian yang akan menghubungkan dengan Layar Hasil Pencarian.

Menu Utama Intro Screen Saver

Perusahaan Sejarah Inovasi / Kebijakan Kegiatan Sosial Peristiwa Tentang Perusahaan Pilih Menu Utama

Selama tidak aktif Tampilkan screensaver Pilih Perusahaan Tampilkan perusahaan Pilih Sejarah Tampilkan sejarah Pilih Perusahaan Tampilkan perusahaan Pilih Inovasi / Kebijakan Tampilkan inovasi / kebijakan

Pilih Kegiatan Sosial Tampilkan kegiatan sosial Pilih Sejarah Tampilkan sejarah Pilih Galeri Tampilkan galeri Pencarian Pilih Pencarian Tampilkan hasil pencarian

(44)

Gambar 3.39 State Transition Diagram untuk Layar Pencarian

Untuk halaman ini, terdapat menu Cari yang berfungsi untuk memulai pencarian dan menghubungkan kepada Layar Hasil Pencarian yang menampilkan hasil pencarian

Menu Utama Intro

Pencarian Hasil Pencarian

Pilih Pencarian Tampilkan Pencarian

Klik Cari Tampilkan Hasil Pencarian

Pilih Pencarian Tampilkan Pencarian Pilih Menu Utama

Tampilkan Menu Utama

Selama tidak aktif Tampilkan screen saver

(45)

Gambar 3.40 State Transition Diagram untuk Aplikasi Back-End Edit Kegiatan Sosial Edit Inovasi / Kebijakan Edit Sejarah Edit Peristiwa Edit Tentang Perusahaan Edit Dunia Fantasi Edit Atlantis Water Adventure

Edit The Lost Kingdom

Edit Sea World

Edit Bowling Ancol

Edit Padang Golf

Edit Hailai Edit Gondola Ancol Edit Taman dan Pantai Edit Pasar Seni Edit Puri Jimbaran Edit Puri Jimbaran II

Edit Marina Coast Royal Residence

Edit Puri Nusa Dua

Edit Tugu Permai Pilih Edit Sejarah

Tampilkan edit sejarah

Pilih Edit Inovasi / Kebijakan Tampilkan edit inovasi

/ kebijakan

Pilih Edit Kegiatan Sosial Tampilkan edit kegiatan

sosial Edit Putri Duyung Edit Pulau Bidadari Edit Marina

Pilih Edit Peristiwa Tampilkan edit peristiwa

Pilih Edit Tentang Perusahaan Tampilkan edit tentang

perusahaan

Pilih Edit Dunia Fantasi Tampilkan dunia fantasi

Pilih Edit Hailai Tampilkan edit hailai

Pilih Edit Pasar Seni Tampilkan edit pasar seni

Pilih Edit Atlantis Water Adventure Tampilkan edit atlantis water

adventure

Pilih Edit The Lost Kingdom Tampilkan edit the lost kingdom

Pilih Edit Sea World Tampilkan edit sea world

Pilih Edit Bowling Ancol Tampilkan edit bowling ancol

Pilih Edit Padang Golf Tampilkan edit padang golf

Pilih Edit Gondola Ancol Tampilkan edit gondola ancol

Pilih Edit Taman dan Pantai Tampilkan edit taman dan pantai

Pilih Edit Putri Duyung Tampilkan edit putri duyung

Pilih Edit Marina Tampilkan edit marina

Pilih Edit Pulau Bidadari Tampilkan edit pulau bidadari

Pilih Edit Puri Jimbaran Tampilkan edit puri jimbaran

Pilih Edit Puri Jimbaran II Tampilkan edit puri

jimbaran II

Pilih Edit Msrina Coast Royal Residence Tampilkan edit marina coast

royal residence

Pilih Edit Pui Nusa Dua Tampilkan edit puri nusa dua

Pilih Edit Tugu Permai Tampilkan edit tugu permai

Edit Fasilitas Pilih Edit Fasilitas Tampilkan edit fasilitas

(46)

Rancangan layar untuk aplikasi user adalah sebagai berikut: 1. Layar Intro

Animasi

Skip

Gambar 3.41 Rancangan layar Intro (Animasi Awal)

Setiap kali program dijalankan pertama kali akan muncul animasi awal sebagai pembukaan yang memperlihatkan kepada

user tentang Ancol secara keseluruhan. Rancangan layar

pembukaan dapat dilihat pada Gambar 3.41 di atas. Animasi yang akan ditampilkan adalah animasi dari gambar produk-produk yang ditawarkan oleh Ancol.

Selain itu, pada layar ini juga terdapat tombol SKIP yang teletak pada kanan bawah layar. Tombol ini berfungsi untuk langsung masuk ke halaman utama tanpa perlu menunggu layar pembuka untuk menyelesaikan segala kegiatannya. Setelah layar

(47)

Gambar 3.42 Rancangan Layar Menu Utama

Setelah layar pembukaan selesai dijalankan maka akan tampil menu utama yang dapat dilihat rancangan layarnya pada Gambar 3.42 di atas. Pada layar ini terdapat dua menu utama yaitu menu Produk dan menu Perusahaan. Jika user memilih tombol Produk, maka akan ditampilkan layar Produk, dan jika

user memilih tombol Perusahaan, maka akan ditampilkan layar

Perusahaan. Menu-menu tersebut berbentuk tombol yang direalisasikan dalam bentuk gambar-gambar yang dibuat beranimasi.

(48)

Gambar 3.43 Rancangan Layar Produk

Pada layar produk terdapat animasi peta Ancol dan jingle Dufan sebagai background musik. Musik dihalaman ini juga dapat dinyala-hidupkan lewat tombol “On-Off”. Di sebelah kiri terdapat link menuju layar produk-produk dan fasilitas-fasilitas yang ada di Ancol. Pada layar ini terdapat sistem pencarian data yang yaitu dengan cara mengetikkan kata yang ingin dicari pada

textfield yang telah disediakan kemudian tekan tombol bergambar

kaca pembesar yang terletak di sebelahnya, maka akan ditampilkan data-data sesuai hasil pencarian tersebut. Pada layar

Teks Pencarian Tombol Pencarian Rekreasi

Resor

Perumahan

Animasi Peta Ancol

Menu Utama Lain-lain

Dunia Fantasi

Atlantis Water Adventure

Putri Duyung

Puri Jimbaran

Fasilitas

Music On Off

(49)

Gambar 3.44 Rancangan Layar Perusahaan

Pada Layar Perusahaan terdapat animasi pintu lift yang dapat membuka dan menutup. Pada halaman ini terdapat tombol 1 untuk menuju ke Layar Sejarah Ancol, tombol 2 untuk menuju ke Layar Inovasi / Kebijakan, tombol 3 untuk menuju ke Layar Peristiwa, tombol 4 untuk menuju ke Layar Kegiatan Sosial, tombol 5 untuk menuju ke Layar Tentang Perusahaan, tombol ><

Teks Pencarian Tombol Pencarian

Menu Utama

Animasi Pintu Lift

1 2 3 4 5 >< <> Music On Off

(50)

dengan cara mengetikkan kata yang ingin dicari pada textfield yang telah disediakan kemudian tekan tombol Cari yang terletak di sebelahnya, maka akan ditampilkan data-data sesuai hasil pencarian tersebut. Pada layar ini juga terdapat sebuah tombol untuk kembali ke layar menu utama serta tombol ”On-Off” untuk musik.

5. Layar Pencarian Produk

Gambar 3.45 Rancangan Layar Pencarian Produk

Rekreasi Resor Perumahan Menu Utama Lain-lain Dunia Fantasi Putri Duyung Puri Jimbaran Fasilitas Music On Off Hasil Pencarian Prev Next Foto Keterangan

(51)

tombol next dan prev. Musik dihalaman ini juga dapat dinyala-hidupkan lewat tombol “On-Off”. Di sebelah kiri terdapat link menuju layar produk-produk dan fasilitas-fasilitas yang ada di Ancol. Pada layar ini juga terdapat sebuah tombol untuk kembali ke layar menu utama.

6. Layar Pencarian Perusahaan

Gambar 3.46 Rancangan Layar Pencarian Perusahaan

Menu Utama 1 2 3 4 5 >< <> Prev Next Foto Keterangan Music On Off Hasil Pencarian

(52)

tombol Cari ditekan maka akan muncul hasil pencarian yang dapat berupa foto, video dan keterangan yang disertai dengan tombol next dan prev. Musik dihalaman ini juga dapat dinyala-hidupkan lewat tombol “On-Off”. Di sebelah kanan terdapat tombol-tombol yang berupa angka 1, 2, 3, 4, dan 5 menuju layar Sejarah Ancol, Inovasi/Kebijakan, Peristiwa, Kejadian Sosial, dan Tentang Perusahaan. Pada layar ini juga terdapat sebuah tombol untuk kembali ke layar menu utama.

7. Layar Isi Produk

Gambar 3.47 Rancangan Layar Isi Produk

Rekreasi Resor Perumahan Menu Utama Lain-lain Dunia Fantasi Putri Duyung Puri Jimbaran Fasilitas Music On Off Judul Prev Next Foto Keterangan

(53)

layar produk-produk dan fasilitas yang ada di Ancol. Pada layar ini terdapat sistem pencarian data yang yaitu dengan cara mengetikkan kata yang ingin dicari pada textfield yang telah disediakan kemudian tekan tombol Cari yang terletak di sebelahnya, maka akan ditampilkan data-data sesuai hasil pencarian tersebut. Pada layar ini juga terdapat sebuah tombol untuk kembali ke layar menu utama serta tombol ”On-Off” untuk musik.

(54)

Gambar 3.48 Rancangan Layar Peta

Gambar 3.48 ini merupakan rancangan untuk tampilan layar Peta. Terdapat peta Ancol secara keseluruhan dan apabila ditekan daerah yang dituju maka akan menghubungkan kepada peta daerah yang dituju tersebut. Di bagian kiri terdapat link menuju layar produk-produk dan fasilitas yang ada di Ancol. Pada layar ini terdapat sistem pencarian data yang yaitu dengan cara mengetikkan kata yang ingin dicari pada textfield yang telah disediakan kemudian tekan tombol Cari yang terletak di sebelahnya, maka akan ditampilkan data-data sesuai hasil pencarian tersebut. Pada layar ini juga terdapat sebuah tombol

Teks Pencarian Tombol Pencarian Rekreasi Resor Perumahan Menu Utama Lain-lain Dunia Fantasi Putri Duyung Puri Jimbaran Fasilitas On Off Peta Ancol

(55)

Gambar 3.49 Rancangan Layar Isi Perusahaan

Jika tombol 1 ditekan, maka pintu lift akan membuka dan masuk ke Layar Sejarah Ancol. Layar Sejarah Ancol ini berisi tentang sejarah Ancol dari awal mulai berdirinya sampai sekarang. Pada halaman ini juga terdapat delapan tombol, yaitu tombol Main Menu untuk menuju Layar Menu Utama, tombol 1 untuk menuju ke Layar Sejarah Ancol, tombol 2 untuk menuju ke Layar Inovasi / Kebijakan, tombol 3 untuk menuju ke Layar Peristiwa, tombol 4 untuk menuju ke Layar Kegiatan Sosial,

Menu Utama 1 2 3 4 5 >< <> Prev Next Foto Keterangan Music On Off Judul Indikator

(56)

lift. Musik dihalaman ini juga dapat dinyala-hidupkan lewat tombol “On-Off”.

10. Layar Screen Saver

Logo Ancol

Gambar 3.50 Rancangan Layar Screen Saver

Apabila pada layar Menu Utama, Produk, maupun Perusahaan tidak aktif selama 5 menit (tidak terjadi interaksi), maka akan muncul Screen Saver yang menampilkan animasi logo Ancol. Jika layar kembali aktif (terjadi pergerakkan mouse), maka akan menuju layar Intro.

(57)

Username : Password :

Submit

Footer

Gambar 3.51 Rancangan Layar Login

Layar Login adalah layar sederhana tempat admin melakukan verifikasi password untuk memasuki daerah admin site.

(58)

Nama Perusahaan

Logo

Footer Menu

Perusahaan

Isi Menu Perusahaan Produk

Rekreasi

Isi Menu Rekreasi Resor

Isi Menu Resor Perumahan

Isi Menu Perumahan Lain-Lain

Isi Menu Lain-Lain

Gambar 3.52 Rancangan Layar Home

Halaman Home adalah halaman dimana semua menu ditampilkan, yaitu menu-menu pada halaman perusahaan, maupun menu-menu pada halaman produk.

(59)

Footer Hapus

Judul Halaman

Kode Perusahaan Tanggal Foto Video

Tambah Data

Edit Data Data Data Data

Gambar 3.53 Rancangan Layar Perusahaan

Pada Layar Perusahaan, admin dapat menghapus data yang diinginkan dengan cara memberi tanda cek pada checkbox yang berada pada sebelah kiri data lalu menekan tombol Hapus, atau menghapus semua data dengan cara memberi tanda cek pada

checkbox paling atas lalu tekan tombol Hapus. Untuk mengedit

data, pilih link Edit yang terdapat pada sebelah kanan dari data yang ingin diedit. Pada layar ini juga terdapat link untuk menambah data.

(60)

Nama Perusahaan

Logo

Footer Hapus

Judul Halaman

Kode Produk Nama Produk Foto Video

Tambah Data

Menu

Edit Data Data Data Data

Gambar 3.54 Rancangan Layar Produk

Pada Layar Produk, admin dapat menghapus data yang diinginkan dengan cara memberi tanda cek pada checkbox yang berada pada sebelah kiri data lalu menekan tombol Hapus, atau menghapus semua data dengan cara memberi tanda cek pada

checkbox paling atas lalu tekan tombol Hapus. Untuk mengedit

data, pilih link Edit yang terdapat pada sebelah kanan dari data yang ingin diedit. Pada layar ini juga terdapat link untuk menambah data.

(61)

Footer Tambah

Judul Halaman

Kode Perusahaan : Tanggal : Keterangan : Foto : Video : Browse Back

Gambar 3.55 Rancangan Layar Tambah Data Perusahaan

Pada Layar Tambah Data Perusahaan ini, admin menambah data dengan cara mengisi Kode Perusahaan, Tanggal, Keterangan, dan nama video pada textfield dan textarea yang disediakan dengan benar. Untuk meng-upload foto, tekan tombol

Browse kemudian cari letak foto tersebut berada. Kemudian

tekan tombol Tambah untuk menyimpan data. Pada halaman ini juga terdapat tombol Back untuk kembali ke halaman sebelumnya.

(62)

Nama Perusahaan

Logo

Footer Tambah

Judul Halaman

Kode Produk : Menu Nama Produk : Keterangan : Foto : Video : Browse Back

Gambar 3.56 Rancangan Layar Tambah Data Produk

Pada Layar Tambah Data Produk ini, admin menambah data dengan cara mengisi Kode Produk, Nama Produk, Keterangan, dan nama file video pada textfield dan textarea yang disediakan dengan benar. Untuk meng-upload foto, tekan tombol

Browse kemudian cari letak foto tersebut berada. Kemudian

tekan tombol Tambah untuk menyimpan data. Pada halaman ini juga terdapat tombol Back untuk kembali ke halaman sebelumnya.

(63)

Footer Simpan

Judul Halaman

Kode Perusahaan : Tanggal : Keterangan : Foto : Video : Browse Back baru: lama:

Gambar 3.57 Rancangan Layar Edit Data Perusahaan

Pada Layar Edit Data Perusahaan, admin dapat merubah data yang lama dengan yang baru dengan cara mengisi textfield dan

textarea yang telah disediakan, kemudian tekan tombol Simpan

untuk menyimpan data yang telah dirubah tersebut. Pada halaman ini juga terdapat tombol Back untuk kembali ke halaman sebelumnya.

(64)

Nama Perusahaan

Logo

Footer Simpan

Judul Halaman

Kode Produk : Menu Nama Produk : Keterangan : Foto : Video : Browse Back baru: lama:

Gambar 3.58 Rancangan Layar Edit Data Produk

Pada Layar Edit Data Produk, admin dapat merubah data yang lama dengan yang baru dengan cara mengisi textfield dan

textarea yang telah disediakan, kemudian tekan tombol Simpan

untuk menyimpan data yang telah dirubah tersebut. Pada halaman ini juga terdapat tombol Back untuk kembali ke halaman sebelumnya.

(65)

Berikut ini adalah rancangan database yang digunakan : 1. Tabel User

Tabel ini digunakan sebagai tempat untuk menampung data-data yang digunakan yang berhubungan dengan data-data-data-data user baik pada aplikasi front-end maupun back-end.

Primary Key : username Nama Tabel : user

Tabel 3.26 Keterangan Tabel Database “User” Nama Field Tipe Data Ukuran

Field

Keterangan

username Teks 10 Primary Key, tidak dapat di duplikasi. password Teks 10 Berisi password dari user.

2. Tabel Produk

Tabel ini digunakan sebagai tempat menampung seluruh data-data produk yang ada di Ancol seperti tempat-tempat rekreasi, resor, perumahan, dan fasilitas baik pada aplikasi front-end maupun

(66)

Tabel 3.27 Keterangan Tabel Database “Produk” Nama Field Tipe Data Ukuran

Field

Keterangan

Kd_Produk Teks 10 Primary Key, tidak dapat di duplikasi. Nama_Produk Teks 40 Berisi nama produk yang ada di Ancol. username Teks 10 Berisi nama user yang menjadi admin Keterangan Memo - Berisi nama file teks tentang produk

tersebut.

Foto Teks 160 Berisi nama file foto yang akan diload. Video Teks 160 Berisi nama file video yang akan diload.

3. Tabel Perusahaan

Tabel ini digunakan sebagai tempat menampung seluruh data-data yang berhubungan dengan Perusahaan seperti sejarah Ancol, kebijakan perusahaan, kegiatan-kegiatan yang dilakukan oleh perusahaan baik yang berada pada aplikasi front-end maupun

back-end.

Primary Key : Kd_Perusahaan Foreign Key : username Nama Tabel : perusahaan

(67)

username Teks 10 Berisi nama user yang menjadi admin Tanggal Date - Berisi tanggal kejadian

Keterangan Memo - Berisi keterangan tentang kejadian atau foto tersebut.

Foto Teks 160 Berisi nama file foto yang akan diload. Video Teks 160 Berisi nama file video yang akan diload.

Adapun Entity Relationship Diagram untuk setiap tabel dapat dilihat pada gambar berikut:

User PK username password Produk PK Kd_produk FK1 username Nama Foto Video Keterangan Perusahaan PK Kd_perusahaan FK1 username Foto Video Keterangan 1 * 1 *

(68)

yang saling berhubungan. Adapun spesifikasi per-modul pada aplikasi kios informasi ini berupa:

Spesifikasi proses “Animasi Awal” Tampilkan layar “Animasi Awal” Mainkan Musik

Mainkan animasi pembuka JIKA klik tombol “Skip” MAKA

Tampilkan Layar “Menu Utama” AKHIR JIKA

JIKA animasi selesai dimainkan MAKA Tampilkan layar “Menu Utama” AKHIR JIKA

Spesifikasi proses “Menu Utama” JIKA tombol “Produk”ditekan MAKA

Tampilkan layar menu “Produk” AKHIR JIKA

JIKA tombol “Perusahaan”ditekan MAKA Tampilkan layar menu “Perusahaan” AKHIR JIKA

(69)

Matikan musik AKHIR JIKA

JIKA tidak_aktif = 5 menit MAKA

Tampilkan ScreenSaver

AKHIR JIKA

JIKA aktif MAKA

Tampilkan layar “Animasi Awal” AKHIR JIKA

Spesifikasi proses “Produk”

JIKA tombol “Pencarian” ditekan MAKA

select * from produk where Nama_Produk like '%$initial%' or Keterangan like '%$initial%’

Tampilkan layar hasil Pencarian AKHIR JIKA

JIKA tombol On ditekan MAKA

Mainkan musik

AKHIR JIKA

(70)

JIKA tombol “Dunia Fantasi”ditekan MAKA

Select * from produk where Kd_Produk like ‘DF0%’ Tampilkan layar “Dunia Fantasi”

AKHIR JIKA

JIKA tombol “Atlantis Water Adventure”ditekan MAKA Select * from produk where Kd_Produk like ‘AW0%’ Tampilkan layar “Atlantis Water Adventure”

AKHIR JIKA

JIKA tombol “The Lost Kingdom”ditekan MAKA

Select * from produk where Kd_Produk like ‘LK0%’ Tampilkan layar “The Lost Kingdom”

AKHIR JIKA

JIKA tombol “Bowling Ancol”ditekan MAKA

Select * from produk where Kd_Produk like ‘BA%’ Tampilkan layar “Bowling Ancol”

AKHIR JIKA

JIKA tombol “Padang Golf”ditekan MAKA

Select * from produk where Kd_Produk like ‘PG%’ Tampilkan layar “Padang Golf”

AKHIR JIKA

(71)

Select * from produk where Kd_Produk like ‘GA0%’ Tampilkan layar “Gondola Ancol”

AKHIR JIKA

JIKA tombol “Taman dan Pantai”ditekan MAKA

Select * from produk where Kd_Produk like ‘TP0%’ Tampilkan layar “Taman dan Pantai”

AKHIR JIKA

JIKA tombol “Pasar Seni”ditekan MAKA

Select * from produk where Kd_Produk like ‘PS0%’ Tampilkan layar “Pasar Seni”

AKHIR JIKA

JIKA tombol “Putri Duyung”ditekan MAKA

Select * from produk where Kd_Produk like ‘PD0%’ Tampilkan layar “Putri Duyung”

AKHIR JIKA

JIKA tombol “Marina”ditekan MAKA

Select * from produk where Kd_Produk like ‘MA0%’ Tampilkan layar “Marina”

(72)

Tampilkan layar “Pulau Bidadari” AKHIR JIKA

JIKA tombol “Puri Jimbaran”ditekan MAKA

Select * from produk where Kd_Produk like ‘PJ0%’ Tampilkan layar “Puri Jimbaran”

AKHIR JIKA

JIKA tombol “Puri Jimbaran 2”ditekan MAKA

Select * from produk where Kd_Produk like ‘PJ2%’ Tampilkan layar “Puri Jimbaran 2”

AKHIR JIKA

JIKA tombol “Marina Coast Royal Residence”ditekan MAKA Select * from produk where Kd_Produk like ‘MC0%’ Tampilkan layar “Marina Coast Royal Residence” AKHIR JIKA

JIKA tombol “Puri Nusa Dua”ditekan MAKA

Select * from produk where Kd_Produk like ‘PN0%’ Tampilkan layar “Puri Nusa Dua”

AKHIR JIKA

JIKA tombol “Tugu Permai”ditekan MAKA

Select * from produk where Kd_Produk like ‘TG0%’ Tampilkan layar “Tugu Permai”

(73)

AKHIR JIKA

JIKA tombol “Peta” ditekan MAKA Tampilkan layar “Peta Ancol” AKHIR JIKA

JIKA tombol “Next” ditekan MAKA

Select * from Produk where Kd_Produk like “kode” JIKA tidak EOF MAKA

Tampilkan data selanjutnya

AKHIR JIKA AKHIR JIKA

JIKA tombol “Prev” ditekan MAKA

Select * from Produk where Kd_Produk like “kode” JIKA tidak BOF MAKA

Tampilkan data sebelumnya

JIKA tombol “Menu Utama”ditekan MAKA Tampilkan layar menu “Menu Utama” AKHIR JIKA

(74)

AKHIR JIKA JIKA aktif MAKA

Spesifikasi proses “Perusahaan”

select * from perusahaan where Keterangan like '%$initial%' Tampilkan layar hasil Pencarian

AKHIR JIKA

Mainkan musik

AKHIR JIKA

JIKA tombol Off ditekan MAKA

Matikan musik

AKHIR JIKA

JIKA tombol “1”ditekan MAKA

(75)

Tampilkan layar menu “Inovasi / Kebijakan” AKHIR JIKA

Select * from perusahaan where Kd_perusahaan like ‘PP%’ Tampilkan layar menu “Peristiwa”

AKHIR JIKA

JIKA tombol “4” ditekan MAKA

Select * from perusahaan where Kd_perusahaan like ‘KS%’ Tampilkan layar menu “Kegiatan Sosial”

AKHIR JIKA

Select * from perusahaan where Kd_perusahaan like ‘TE%’ Tampilkan layar menu “Tentang Perusahaan”

AKHIR JIKA

JIKA tombol “><” ditekan MAKA Animasi pintu lift menutup AKHIR JIKA

JIKA tombol “<>” ditekan MAKA Animasi pintu lift membuka

(76)

Select * from Perusahaan where Kd_Perusahaan like “kode” JIKA tidak EOF MAKA

Select * from Perusahaan where Kd_Perusahaan like “kode” JIKA tidak BOF MAKA

AKHIR JIKA

JIKA aktif MAKA

Spesifikasi proses “pencarian produk” JIKA tombol “Pencarian” ditekan MAKA

(77)

Mainkan musik AKHIR JIKA

Matikan musik

AKHIR JIKA

(78)

AKHIR JIKA

JIKA tombol “Hailai”ditekan MAKA

Select * from produk where Kd_Produk like ‘HA0%’ Tampilkan layar “Hailai”

AKHIR JIKA

JIKA tombol “Gondola Ancol”ditekan MAKA

AKHIR JIKA

(79)

AKHIR JIKA

JIKA tombol “Pulau Bidadari”ditekan MAKA

Select * from produk where Kd_Produk like ‘PB0%’ Tampilkan layar “Pulau Bidadari”

AKHIR JIKA

(80)

Tampilkan layar “Puri Nusa Dua” AKHIR JIKA

AKHIR JIKA

JIKA tombol “Fasilitas” ditekan MAKA

Select * from produk where Kd_Produk like ‘FS0%’ Tampilkan layar “Fasilitas”

AKHIR JIKA

(81)

Tampilkan data sebelumnya AKHIR JIKA

AKHIR JIKA

JIKA aktif MAKA

Spesifikasi proses “pencarian perusahaan” JIKA tombol “Pencarian” ditekan MAKA

select * from perusahaan where Keterangan like '%$initial%' Tampilkan layar hasil Pencarian

AKHIR JIKA

(82)

Matikan musik

AKHIR JIKA

Select * from perusahaan where Kd_perusahaan like ‘SJ%' Tampilkan layar menu “Sejarah Ancol”

AKHIR JIKA

Select * from perusahaan where Kd_perusahaan like ‘IK%’ Tampilkan layar menu “Inovasi / Kebijakan”

AKHIR JIKA

Select * from perusahaan where Kd_perusahaan like ‘PP%’ Tampilkan layar menu “Peristiwa”

AKHIR JIKA

Select * from perusahaan where Kd_perusahaan like ‘KS%’ Tampilkan layar menu “Kegiatan Sosial”

AKHIR JIKA

(83)

AKHIR JIKA

JIKA tombol “<>” ditekan MAKA Animasi pintu lift membuka AKHIR JIKA

(84)

AKHIR JIKA

Spesifikasi proses “Isi Produk”

Select * from produk where Nama_Produk like '%$initial%' or Keterangan like '%$initial%’

Mainkan musik

AKHIR JIKA

Matikan musik

AKHIR JIKA

(85)

AKHIR JIKA

JIKA tombol “Gondola Ancol”ditekan MAKA

AKHIR JIKA

(86)

AKHIR JIKA

Select * from produk where Kd_Produk like ‘PB0%’ Tampilkan layar “Pulau Bidadari”

AKHIR JIKA

(87)

Select * from produk where Kd_Produk like ‘MC0%’ Tampilkan layar “Marina Coast Royal Residence” AKHIR JIKA

AKHIR JIKA

JIKA tombol “Fasilitas” ditekan MAKA

Select * from produk where Kd_Produk like ‘FS0%’ Tampilkan layar “Fasilitas”

AKHIR JIKA

(88)

Tampilkan data selanjutnya AKHIR JIKA

AKHIR JIKA

JIKA aktif MAKA

Tampilkan layar “Animasi Awal” AKHIR JIKA

Spesifikasi proses “Peta Ancol” Tampilkan peta Ancol

(89)

Tampilkan peta Atlantis AKHIR JIKA

JIKA tombol “Lost_Kingdom” ditekan MAKA Tampilkan peta The Lost Kingdom AKHIR JIKA

JIKA tombol “Pasar_Seni” ditekan MAKA Tampilkan peta Pasar Seni

AKHIR JIKA

Select * from produk where Nama_Produk like '%$initial%' or Keterangan like '%$initial%’

Mainkan musik

AKHIR JIKA

Matikan musik

(90)

Tampilkan layar “Dunia Fantasi” AKHIR JIKA

AKHIR JIKA

(91)

AKHIR JIKA

(92)

AKHIR JIKA

(93)

Tampilkan layar “Peta Ancol” AKHIR JIKA

AKHIR JIKA

JIKA aktif MAKA

Spesifikasi proses “isi perusahaan” JIKA tombol “Pencarian” ditekan MAKA

Select * from perusahaan where Keterangan like '%$initial%' Tampilkan layar hasil Pencarian

AKHIR JIKA

JIKA tombol “Menu Utama”ditekan MAKA Tampilkan layar menu “Menu Utama”