BAB 3 ANALISIS DAN PERANCANGAN

BAB 3 ANALISIS DAN PERANCANGAN

3.1 Latar Belakang Perusahaan 3.1.1 Latar Belakang 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

37 sebagai pengembang pusat rekreasi dan resor, general contractor serta konstruksi. Sedangkan dalam bidang jasa, perusahaan bertindak sebagai 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.

38 3.1.3 Struktur Organisasi dan Wewenang Tugas Dalam sebuah perusahaan ada struktur yang mengatur tugas, wewenang dan tanggung jawab agar perusahaan dapat berjalan dengan teratur. Struktur organisasi dari PT. Pembangunan Jaya Ancol Tbk. adalah sebagai berikut: Direktur Utama

Direktur Administrasi dan SDM

Divisi Administrasi & SDM

Direktur Rekreasi,Resor dan Pengembangan

Divisi Rekreasi dan Resor

Direktur Properti

Divisi Properti

Direktur Keuangan

Sekretaris Perusahaan

Divisi Keuangan

Divisi Pengembangan

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 :

39 a. Direktur utama Bertanggung jawab atas jalannya perusahaan, membawahi semua 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.

40 f. Sekretaris Perusahaan Bertugas mengurus pengembangan anak usaha, perencanaan perusahaan, dan badan hukum perusahaan.

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,

41 Ibu Sofia menjelaskan permasalahan yang selama ini dihadapi oleh pihak perusahaan. Permasalahan tersebut berupa tidak adanya tempat untuk 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.

1

Pertanyaan

Jumlah

Persentase

(orang)

(%)

a. Sangat sering (> 7 kali/tahun)

1

2%

b. Sering (4-6 kali/tahun)

7

14%

Seberapa sering anda ke Ancol?

42 c. Jarang (2-3 kali/tahun)

22

44%

d. Sangat jarang (1 kali/tahun)

19

38%

e. Tidak pernah

1

2%

Total

50

100%

2%2%

14% Sangat Sering

38%

Sering Jarang Sangat Jarang Tidak Pernah

44%

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.


2

Pertanyaan

Jumlah

Persentase

(orang)

(%)

20

40%

Darimanakah anda mengetahui tentang Ancol? a. Tv/radio

43 b. Majalah

2

4%

c. Brosur / selebaran

4

8%

d. Teman / saudara

24

48%

Total

50

100%

40%

48%

TV / Radio Majalah Brosur / Selebaran Teman / Saudara

8%

4%


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.

44 Tabel 3.3 Hasil kuesioner awal pertanyaan No.3 No.

3

Pertanyaan

Jumlah

Persentase

(orang)

(%)

a. Sangat memenuhi

1

2%

b. Memenuhi

14

28%

c. Kurang memenuhi

33

66%

d. Tidak memenuhi

2

4%

Total

50

100%

Apakah media informasi yang ada sudah memenuhi kebutuhan informasi anda tentang Ancol?

4%

2% 28% Sangat Memenuhi Memenuhi Kurang Memenuhi Tidak Memenuhi

66%


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

45 4. Seberapa besar anda membutuhkan informasi tentang fasilitas-fasilitas di bawah ini? 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 No.

4.1

Pertanyaan

Hasil 5

4

3

2

1

Harga

33 (66%)

11 (22%)

4 (8%)

2 (4%)

0 (0%)

Total

50 (100%)

8%

4%0%

Sangat Diperlukan Cukup Diperlukan

22%

Diperlukan Kurang Diperlukan

66%

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

46 sangat diperlukan, sehingga harga termasuk informasi yang ada dalam kios informasi kami.


Pertanyaan

Hasil 5

4.2

Fasilitas (cth. Mushola, 25 (50%)

4

3

2

1

12 (24%)

9 (18%)

3 (6%)

1 (2%)

toilet, pos keamanan, dll) Total

50 (100%)

6% 2%

Sangat Diperlukan

18%

Cukup Diperlukan Diperlukan

50% 24%

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.

47 Tabel 3.6 Hasil kuesioner awal pertanyaan No.4.3 No.

Pertanyaan

Hasil 5

4.3

Transportasi

dalam 11 (22%)

4

3

2

1

16 (32%)

19(38%)

1 (2%)

3 (6%)

kawasan Ancol (bus / Ancol

link,

wira-wiri,

ojek, dll) Total

50 (100%)

2% 6%

22%

Sangat Diperlukan Cukup Diperlukan Diperlukan

38%

Kurang Diperlukan

32%

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.


Pertanyaan

Hasil 5

4.4

Produk rekreasi (dufan, 32 (64%)

4

3

2

1

8 (16%)

9(18%)

1 (2%)

0 (0%)

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

50 (100%)

18%

2%0%


16%

64%



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.


Pertanyaan

Hasil 5

4.5

Produk

resor

(putri 10 (20%)

4

3

2

1

17 (34%)

14(28%)

8 (16%)

1 (2%)

duyung, marina, pulau bidadari) Total

50 (100%)

16%

2%

20%


28%

Kurang Diperlukan

34%

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.

No.

Pertanyaan

Hasil

50 5 4.6

Produk perumahan (puri 2 (4%)

4

3

2

1

10 (20%)

18(36%)

15(30%)

5 (10%)

jimbaran 1 & 2, marina coast royal residence, dll) Total

50 (100%) Tabel 3.9 Hasil kuesioner awal pertanyaan No.4.6

10%

4%

20%


30%

Kurang Diperlukan

36%

Tidak Diperlukan


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

Tabel 3.10 Hasil kuesioner awal pertanyaan No.4.7

51 No.

Pertanyaan

Hasil 5

4.7

4

3

2

1

15 (30%)

12(24%)

15(30%)

2 (4%)

16 (32 %)

14(28%)

13(26%)

1 (2%)

Merchandise Ancol : •

Ragam

/

jenis 6 (12%)

(boneka bekantan, dll) Total •

50 (100%) 6 (12%)

Lokasi kios

Total

50 (100%)

4%

12%

Sangat Diperlukan

30%

Cukup Diperlukan Diperlukan

30%


24%


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

52

2% 26%

12%


32%


28%


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


Pertanyaan

Hasil 5

4.8

Restoran / rumah makan/ 21 (42%) kafe Total

50 (100%)

4

3

2

1

16 (32%)

9(18%)

3(6%)

1 (2%)

53

6% 2%

Sangat Diperlukan

18%

42%

Cukup Diperlukan Diperlukan Kurang Diperlukan Tidak Diperlukan

32%


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.


4.9

Pertanyaan

Hasil 5

4

3

2

1

Bank / ATM

34 (68%)

10 (20%)

6(12%)

0 (0%)

0 (0%)

Total

50 (100%)

54

0%

12%


20%


68%

Tidak Diperlukan


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


Pertanyaan

4.10 Sejarah Ancol Total

Hasil 5

4

3

9 (18%)

8 (16%)

13(26%) 12(24%) 8 (16%)

50 (100%)

2

1

55

16%

18%


16%

24%


26%


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.


Pertanyaan

Hasil 5

4.11 Struktur

pengelolaan 7 (14%)

Ancol Total

50 (100%)

4

3

2

1

10 (20%)

9(18%)

14(28%) 10(20%)

56

14%

20%


20%


28%

Tidak Diperlukan

18%


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


Pertanyaan

Hasil 5

4.12 Edutainment (cth.

di

komputer

Ancol 7 (14%) fisika

dunia fantasi, komputer biologi

Gelanggang

Samudera) Total

50 (100%)

4

3

2

1

16 (32%)

17(34%)

8(16%)

2 (4%)

57

16%

4%

14%

Sangat Diperlukan Cukup Diperlukan Diperlukan Kurang Diperlukan

32%

Tidak Diperlukan

34%


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.


Pertanyaan

Hasil 5

4.13 Lokasi / letak objek- 36 (72%) objek rekreasi Ancol Total

50 (100%)

4

3

2

1

9 (18%)

5(10%)

0(0%)

0 (0%)

58

0%0%

10%

Sangat Diperlukan

18%


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 Tabel 3.17 Hasil kuesioner awal pertanyaan No.5.1 No.

5.1

Pertanyaan

Hasil 5

4

3

2

1

Gerbang Pintu Utama

32 (64%)

13 (26%)

2(4%)

2(4%)

1 (2%)

Total

50 (100%)

59

4% 4% 2%


26%


64%

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.2

Pertanyaan

Hasil 5

4

3

2

1

Loket per unit

28 (56%)

14 (28%)

7(14%)

1(2%)

0 (0%)

Total

50 (100%)

60

14%

2% 0%


56%

28%



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.


Pertanyaan

Hasil 5

5.3

Pintu

Gerbang

Barat 19 (38%)

Ancol (dari arah mangga dua) Total

50 (100%)

4

3

2

1

17 (34%)

7(14%)

4(8%)

3 (6%)

61

8%

6%

Sangat Diperlukan

38%

14%


34%


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.


Pertanyaan

Hasil 5

5.4

Pintu Gerbang Tengah 9 (18%) (dekat Pasar Seni) Total

50 (100%)

4

3

2

1

20 (40%)

12(24%)

7(14%)

2 (4%)

62

14%

4%

18%

Sangat Diperlukan Cukup Diperlukan Diperlukan Kurang Diperlukan

24%

Tidak Diperlukan

40%


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


Pertanyaan

Hasil 5

5.5

Pintu

Gerbang

Timur 11 (22%)

(dari arah Tanjung Priuk) Total

50 (100%)

4

3

2

1

19 (38%)

14(28%)

4(8%)

2 (4%)

63

8%

4%

22%


28%


38%


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.6

Pertanyaan

Hasil 5

4

3

2

Pasar Seni Ancol

7 (14%)

18 (36%)

15(30%) 8(16%)

Total

50 (100%)

1 2 (4%)

64

16%

4%

14%


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.


6

Pertanyaan

Jumlah

Persentase

(orang)

(%)

a. Kurang jelas

13

26%

b. Kurang menarik

14

28%

c. Kurang lengkap

23

46%

Total

50

100%

Kekurangan apa yang anda rasakan dari media informasi yang telah ada di Ancol?

65

26% Kurang Jelas

46%

Kurang Menarik Kurang Lengkap

28%


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


7

Pertanyaan

Jumlah

Persentase

(orang)

(%)

a. Mudah untuk digunakan

15

30%

b. Memiliki tampilan yang menarik

10

20%

c. Ada sistem pencarian yang cepat dan mudah

11

22%

Jika pusat informasi Ancol tersedia dalam bentuk komputerisasi, bagaimana bentuk pusat informasi tersebut yang baik menurut anda ?

66 (cth. Yahoo / Google) d. Memiliki informasi yang lengkap

14

28%

Total

50

100%

28%

30%

Mudah Menarik Pencarian Lengkap

22%

20%


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.


8

Pertanyaan

Apakah menurut anda sebuah pusat informasi

Jumlah

Persentase

(orang)

(%)

67 Ancol penting untuk dibuat ? a. Sangat penting

31

62%

b. Penting

14

28%

c. Biasa saja

4

8%

d. Tidak penting

0

0%

Total

50

100%

8%

0% 0% Sangat Penting Penting

29%

Biasa Saja Tidak Penting

63%

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

68 kebutuhan informasi responden. Sedangkan responden membutuhkan banyak informasi detail seperti harga, fasilitas, transportasi, ragam produk, dan letak objek-objek wisata di Ancol.

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.

69

Sebelum menuju ke halaman utama yang berisi menu utama akan diperlihatkan animasi awal yang berfungsi sebagai intro pembukaan yang menggambarkan tentang Ancol secara keseluruhan.

Animasi Awal (Intro)

Menu Utama

Produk

Perusahaan

Gambar 3.28 Hirarki Menu Utama Front-End

Perusahaan

Peristiwa

Sejarah

Inovasi / Kebijakan

Tentang Perusahaan

Kegiatan Sosial

Gambar 3.29 Hirarki Menu Perusahaan

Pencarian

70

Rekreasi

Dunia Fantasi Atlantis Water Adventure The Lost Kingdom Bowling Ancol Padang Golf Hailai

Produk

Gondola Ancol Taman dan Pantai Pasar Seni Resor

Putri Duyung Marina Pulau Bidadari

Perumahan

Puri Jimbaran Puri Jimbaran 2 Marina Coast Royal Residence Puri Nusa Dua Tugu Permai

Lain-lain

Fasilitas Peta

Pencarian

Gambar 3.30 Hirarki Menu Produk

71 2) Aplikasi Admin

Login

Home

Edit Sejarah Edit Inovasi / Kebijakan

Edit Bowling Ancol

Edit Pulau Bidadari

Edit Padang Golf

Edit Puri Jimbaran

Edit Gondola Ancol

Edit Puri Jimbaran II

Edit Peristiwa Edit Kegiatan Sosial

Edit Hailai Edit Tentang Perusahaan

Edit Taman dan Pantai

Edit Dunia Fantasi

Edit Puri Nusa Dua

Edit Pasar Seni

Edit Atlantis Water Adventure

Edit The Lost Kingdom

Edit Marina Coast Royal Residence

Edit Putri Duyung

Edit Marina

Gambar 3.31 Hirarki Menu Admin

Edit Tugu Permai

Edit Fasilitas

72 3.2.2

State Transition Diagram Aplikasi Front-End a) STD Layar Menu Utama Saat aktif Tampilkan Intro

Screen Saver

Selama tidak aktif Tampilkan screen saver


Intro

Pilih halaman Produk Tampilkan produk

Produk Skip Tampilkan Menu Utama

Menu Utama

Pilih halaman Menu Utama Tampilkan menu utama Pilih halaman Perusahaan Tampilkan perusahaan

Perusahaan Pilih halaman Menu Utama Tampilkan menu utama

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,

73 maka akan terhubung ke Layar Screen Saver, dan akan menuju ke Layar Intro lagi jika user menekan mouse.

b) STD Layar Menu Produk

Menu Utama

Intro

Skip Tampilkan Menu Utama

Peristiwa

Pilih produk Tampilkan produk

Screen Saver

Saat aktif Tampilkan Intro


Produk Pilih produk Tampilkan produk

Pilih Rekreasi Tampilkan isi rekreasi

Rekreasi Pilih halaman Resor Tampilkan isi resor

Resor Pilih Perumahan Tampilkan isi perumahan

Perumahan Pilih Lain-Lain Tampilkan isi lain-lain

Lain-Lain Pilih Pencarian Tampilkan hasil pencarian

Pencarian

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,

74 tetapi akan digambarkan secara satu per satu seperti yang dapat dilihat pada Gambar 3.34, Gambar 3.35, Gambar 3.46, dan Gambar 3.37. Pada Layar Menu Produk juga terdapat menu Pencarian yang akan menghubungkan dengan Layar Hasil Pencarian.

c) STD Layar Menu Rekreasi Menu Utama


Pilih Menu Utama Tampilkan menu utama

Intro


Screen Saver

Pilih Produk Tampilkan produk


Produk

Dunia Fantasi

Atlantis Water Adventure

The Lost Kingdom

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

Sea World Bowling Ancol

Pilih Padang Golf Tampilkan padang golf

Pilih Bowling Ancol Tampilkan bowling Ancol

Padang Golf

Pilih Hailai Tampilkan hailai

Hailai Rekreasi Pilih Pencarian Tampilkan hasil pencarian

Pencarian

Pilih Gondola Ancol Tampilkan gondola ancol

Pilih Taman dan Pantai Tampilkan taman dan pantai

Gondola Ancol

Taman dan Pantai

Pilih Pasar Seni Tampilkan pasar seni

Pasar Seni

Gambar 3.34 State Transition Diagram untuk Layar Rekreasi

75 Pada sub menu Rekreasi terdapat sembilan sub menu yaitu Dunia Fantasi yang menghubungkan kepada Layar Dunia Fantasi, Atlantis 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 Menu Utama


Intro

Screen Saver


Pilih Menu Utama Tampilkan menu utama Pilih halaman Produk Tampilkan produk

Produk

Pilih Resor Tampilkan resor

Pilih halaman Produk Tampilkan produk

Pilih Putri Duyung Tampilkan putri duyung

Putri Duyung


Resor Pilih Marina Tampilkan marina

Marina

Pilih Pulau Bidadari Tampilkan pulau bidadari

Pilih Pencarian Tampilkan hasil pencarian

Pulau Bidadari

Pencarian

Gambar 3.35 State Transition Diagram untuk Layar Resor

76 Pada sub menu Resor terdapat tiga sub menu yaitu Putri Duyung yang menghubungkan dengan Layar Putri Duyung, Marina yang menghubungkan dengan Layar Marina, dan Pulau Bidadari yang menghubungkan dengan Layar Pulau Bidadari. Juga terdapat menu Pencarian yang akan menghubungkan dengan Layar Hasil Pencarian.

e) STD Layar Menu Perumahan Menu Utama


Intro


Screen Saver

Pilih Menu Utama Tampilkan menu utama Pilih halaman Produk Tampilkan produk


Produk Pilih Perumahan Tampilkan perumahan Pilih halaman Produk Tampilkan produk

Perumahan Pilih Puri Jimbaran Tampilkan puri jimbaran

Pilih Puri Nusa Dua Tampilkan puri nusa dua

Puri Jimbaran

Puri Nusa Dua Pilih Puri Jimbaran II Tampilkan puri jimbaran II

Pilih Tugu Permai Tampilkan tugu permai

Puri Jimbaran II

Marina Coast Royal Resindence

Tugu Permai Pilih Marina Coast Royal Residence Tampilkan marina coast royal residence


Pencarian

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

77 Jimbaran II yang menghubungkan dengan Layar Puri Jimbaran II, Marina Coast Royal Residence yang menghubungkan kepada Layar 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 Menu Utama Pilih Menu Utama Tampilkan Menu Utama

Skip Tampilkan Menu Utama Pilih Lain-Lain Tampilkan isi lain-lain

Intro


Screen Saver Selama tidak aktif Tampilkan screen saver

Pilih Fasilitas Tampilkan fasilitas

Lain-Lain

Fasilitas Pilih Peta Tampilkan peta Pilih Pencarian Tampilkan hasil pencarian

Peta

Pencarian

Gambar 3.37 State Transition Diagram untuk Layar Lain-Lain

Pada Gambar 3.37 menjelaskan tentang STD pada menu LainLain. 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

78 terdapat menu Pencarian yang akan menghubungkan dengan Layar Hasil Pencarian.

g) STD Layar Menu Perusahaan Menu Utama


Pilih Menu Utama Tampilkan menu utama

Intro


Screen Saver

Pilih Perusahaan Tampilkan perusahaan

Selama tidak aktif Tampilkan screensaver

Perusahaan Pilih Perusahaan Tampilkan perusahaan Pilih Sejarah Tampilkan sejarah

Sejarah


Pilih Inovasi / Kebijakan Tampilkan inovasi / kebijakan

Pencarian

Pilih Kegiatan Sosial Tampilkan kegiatan sosial

Inovasi / Kebijakan

Pilih Sejarah Tampilkan sejarah

Kegiatan Sosial

Pilih Galeri Tampilkan galeri

Peristiwa

Tentang Perusahaan

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.

79 h) STD Layar Menu Pencarian Menu Utama

Skip Tampilkan Menu Utama Pilih Pencarian Tampilkan Pencarian

Pilih Menu Utama Tampilkan Menu Utama

Intro


Screen Saver Selama tidak aktif Tampilkan screen saver

Klik Cari Tampilkan Hasil Pencarian

Pencarian Pilih Pencarian Tampilkan Pencarian

Hasil Pencarian

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

80 3.2.3

State Transition Diagram Aplikasi Back-End Berhasil Tampilkan Home

Login Gagal Tampilkan Login

Edit Sejarah Pilih Edit Inovasi / Kebijakan Tampilkan edit inovasi / kebijakan

Edit Inovasi / Kebijakan Pilih Edit Kegiatan Sosial Tampilkan edit kegiatan sosial

Edit Kegiatan Sosial Pilih Edit Peristiwa Tampilkan edit peristiwa

Edit Peristiwa Pilih Edit Tentang Perusahaan Tampilkan edit tentang perusahaan

Edit Tentang Perusahaan Pilih Edit Dunia Fantasi Tampilkan dunia fantasi

Edit Dunia Fantasi Pilih Edit Hailai Tampilkan edit hailai

Edit Hailai Pilih Edit Pasar Seni Tampilkan edit pasar seni

Edit Pasar Seni

Pilih Home Tampilkan home

Pilih Logout Tampilkan Login

Pilih Edit Sejarah Tampilkan edit sejarah

Home

Pilih Edit Atlantis Water Adventure Tampilkan edit atlantis water adventure

Edit Atlantis Water Adventure Pilih Edit The Lost Kingdom Tampilkan edit the lost kingdom

Edit The Lost Kingdom Pilih Edit Sea World Tampilkan edit sea world

Edit Sea World Pilih Edit Bowling Ancol Tampilkan edit bowling ancol

Edit Bowling Ancol Pilih Edit Padang Golf Tampilkan edit padang golf

Edit Padang Golf Pilih Edit Gondola Ancol Tampilkan edit gondola ancol

Edit Gondola Ancol Pilih Edit Taman dan Pantai Tampilkan edit taman dan pantai

Edit Taman dan Pantai Pilih Edit Putri Duyung Tampilkan edit putri duyung

Edit Putri Duyung

Pilih Edit Marina Tampilkan edit marina

Edit Marina Pilih Edit Pulau Bidadari Tampilkan edit pulau bidadari

Edit Pulau Bidadari Pilih Edit Puri Jimbaran Tampilkan edit puri jimbaran

Edit Puri Jimbaran Pilih Edit Puri Jimbaran II Tampilkan edit puri jimbaran II

Edit Puri Jimbaran II Pilih Edit Msrina Coast Royal Residence Tampilkan edit marina coast royal residence

Edit Marina Coast Royal Residence Pilih Edit Pui Nusa Dua Tampilkan edit puri nusa dua

Edit Puri Nusa Dua Pilih Edit Tugu Permai Tampilkan edit tugu permai

Edit Tugu Permai Pilih Edit Fasilitas Tampilkan edit fasilitas

Edit Fasilitas

Gambar 3.40 State Transition Diagram untuk Aplikasi Back-End

81 3.2.4

Perancangan Layar a. Rancangan Layar Aplikasi Front-End 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

82 pembuka selesai, maka aplikasi langsung dilanjutkan ke halaman utama.

2. Layar Menu Utama

Produk

Perusahaan

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.

83 3. Layar Produk

Teks Pencarian

Music On Off

Tombol Pencarian

Rekreasi Dunia Fantasi Atlantis Water Adventure Animasi Peta Ancol Resor Putri Duyung Perumahan Puri Jimbaran Lain-lain Fasilitas Menu Utama

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

84 ini juga terdapat sebuah tombol untuk kembali ke layar menu utama.

4. Layar Perusahaan

Teks Pencarian

Tombol Pencarian Music On Off Menu Utama

1

2

3

4

Animasi Pintu Lift

5 ><

<>

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 ><

85 untuk membuka pintu lift, dan tombol <> untuk menutup pintu lift. 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.

5. Layar Pencarian Produk

Teks Pencarian

Tombol Pencarian

Rekreasi

Music On Off

Hasil Pencarian

Dunia Fantasi

Prev

Resor

Next

Putri Duyung

Foto Perumahan Puri Jimbaran Lain-lain

Keterangan Fasilitas Menu Utama

Gambar 3.45 Rancangan Layar Pencarian Produk

86 Pada layar pencarian, user memasukkan kata yang hendak dicari informasinya di dalam aplikasi ini. Setelah itu ketika 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 dinyalahidupkan 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

Teks Pencarian

Tombol Pencarian

Hasil Pencarian Prev

Music On Off Next

Foto

Keterangan

Menu Utama

1

2

3

4

5 ><

<>

Gambar 3.46 Rancangan Layar Pencarian Perusahaan

87 Pada layar pencarian, user memasukkan kata yang hendak dicari informasinya di dalam aplikasi ini. Setelah itu ketika 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 dinyalahidupkan 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 Teks Pencarian

Tombol Pencarian

Rekreasi

Music On Off

Judul

Dunia Fantasi Resor

Prev

Next

Putri Duyung Perumahan

Foto

Puri Jimbaran Lain-lain Fasilitas

Keterangan

Menu Utama

Gambar 3.47 Rancangan Layar Isi Produk

88 Pada layar Isi Produk terdapat animasi peta Ancol yang menjadi

latar

belakang

untuk

tampilan

foto

beserta

keterangannya. Terdapat tombol Prev dan Next untuk melihat data sebelum dan selanjutnya. 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 untuk kembali ke layar menu utama serta tombol ”On-Off” untuk musik.

89 8. Layar Peta Teks Pencarian

Music On Off

Tombol Pencarian

Rekreasi Dunia Fantasi Resor Putri Duyung Perumahan

Peta Ancol

Puri Jimbaran Lain-lain Fasilitas Menu Utama

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

90 untuk kembali ke layar menu utama serta tombol ”On-Off” untuk musik.

9. Layar Isi Perusahaan Teks Pencarian

Tombol Pencarian Indikator

Judul Prev

Next Foto

Menu Utama

1

2

3

4

5 Keterangan

><

<> Music On Off

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,

91 tombol 5 untuk menuju ke Layar Tentang Perusahaan, tombol >< untuk membuka pintu lift, dan tombol <> untuk menutup pintu 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.

92 b. Rancangan Layar Aplikasi Back-End 1. Layar Login

Logo

Nama Perusahaan

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.

93 2. Layar Home

Logo

Nama Perusahaan Menu

Perusahaan Isi Menu Perusahaan Produk Rekreasi Isi Menu Rekreasi Resor Isi Menu Resor Perumahan Isi Menu Perumahan Lain-Lain Isi Menu Lain-Lain Footer

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.

94 3. Layar Perusahaan

Nama Perusahaan

Logo

Menu

Judul Halaman Tambah Data Kode Perusahaan Data

Tanggal Data

Foto Data

Video Data

Edit

Hapus Footer

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.

95 4. Layar Produk

Nama Perusahaan

Logo

Menu

Judul Halaman Tambah Data Kode Produk Data

Nama Produk Data

Foto Data

Video Data

Edit

Hapus Footer

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.

96 5. Layar Tambah Data Perusahaan

Nama Perusahaan

Logo

Menu

Judul Halaman Kode Perusahaan : Tanggal : Keterangan : Browse

Foto : Video : Tambah

Back Footer

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.

97 6. Layar Tambah Data Produk

Nama Perusahaan

Logo

Menu

Judul Halaman Kode Produk : Nama Produk : Keterangan : Browse

Foto : Video : Tambah

Back Footer

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.

98 7. Layar Edit Data Perusahaan

Logo

Nama Perusahaan Menu

Judul Halaman Kode Perusahaan : Tanggal : Keterangan : Browse

baru:

Foto :

lama:

Video : Simpan

Back Footer

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.

99 8. Layar Edit Data Produk

Nama Perusahaan

Logo

Menu

Judul Halaman Kode Produk : Nama Produk : Keterangan : Browse

baru:

Foto :

lama:

Video : Simpan

Back Footer

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.

100 3.2.5

Perancangan Database Perancangan database digunakan untuk merancang suatu tempat untuk menampung data. Dimana data-data tersebut dapat diupdate, dihapus, atau ditambah secara dinamis melalui aplikasi back-end side. Berikut ini adalah rancangan database yang digunakan : 1. Tabel User Tabel ini digunakan sebagai tempat untuk menampung datadata yang digunakan yang berhubungan dengan 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

Keterangan

Field 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 datadata produk yang ada di Ancol seperti tempat-tempat rekreasi, resor, perumahan, dan fasilitas baik pada aplikasi front-end maupun backend.

101 Primary Key : Kd_Produk

Foreign Key : username

Nama Tabel : produk

Tabel 3.27 Keterangan Tabel Database “Produk” Nama Field

Tipe Data

Ukuran

Keterangan

Field Kd_Produk

Teks

10


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 datadata yang berhubungan dengan Perusahaan seperti sejarah Ancol, kebijakan perusahaan, kegiatan-kegiatan yang dilakukan oleh perusahaan baik yang berada pada aplikasi front-end maupun backend. Primary Key : Kd_Perusahaan Nama Tabel : perusahaan

Foreign Key : username

102 Tabel 3.28 Keterangan Tabel Database “Perusahaan” Nama Field

Tipe Data

Ukuran

Keterangan

Field Kd_Perusahaan

Teks

10


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: Produk PK

Kd_produk

FK1

username Nama Foto Video Keterangan

User 1

PK

*

username password 1

Perusahaan *

PK

Kd_perusahaan

FK1

username Foto Video Keterangan

Gambar 3.59 Entity Relationship Diagram

103 3.2.6

Spesifikasi Proses Pada Spesifikasi proses, aplikasi dibagi menjadi beberapa modul 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

104 JIKA tombol On ditekan MAKA Mainkan musik AKHIR JIKA JIKA tombol Off ditekan MAKA 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 JIKA tombol Off ditekan MAKA

105 Matikan musik AKHIR JIKA 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 JIKA tombol “Hailai”ditekan MAKA

106 Select * from produk where Kd_Produk like ‘HA0%’ Tampilkan layar “Hailai” AKHIR JIKA JIKA tombol “Gondola Ancol”ditekan MAKA 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” AKHIR JIKA

107 JIKA tombol “Pulau Bidadari”ditekan MAKA Select * from produk where Kd_Produk like ‘PB0%’ 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”

108 AKHIR JIKA JIKA tombol “Fasilitas” ditekan MAKA Select * from produk where Kd_Produk like ‘FS0%’ Tampilkan layar “Fasilitas” 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 AKHIR JIKA AKHIR JIKA JIKA tombol “Menu Utama”ditekan MAKA Tampilkan layar menu “Menu Utama” AKHIR JIKA

109 JIKA tidak_aktif = 5 menit MAKA Tampilkan ScreenSaver AKHIR JIKA JIKA aktif MAKA Tampilkan layar “Animasi Awal” AKHIR JIKA

Spesifikasi proses “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” AKHIR JIKA JIKA tombol On ditekan MAKA Mainkan musik AKHIR JIKA JIKA tombol Off ditekan MAKA Matikan musik AKHIR JIKA JIKA tombol “1”ditekan MAKA Select * from perusahaan where Kd_perusahaan like ‘SJ%'

110 Tampilkan layar menu “Sejarah Ancol” AKHIR JIKA JIKA tombol “2”ditekan MAKA Select * from perusahaan where Kd_perusahaan like ‘IK%’ Tampilkan layar menu “Inovasi / Kebijakan” AKHIR JIKA JIKA tombol “3”ditekan MAKA 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 JIKA tombol “5” ditekan MAKA 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

111 AKHIR JIKA JIKA tombol “Next” ditekan MAKA Select * from Perusahaan where Kd_Perusahaan like “kode” JIKA tidak EOF MAKA Tampilkan data selanjutnya AKHIR JIKA AKHIR JIKA JIKA tombol “Prev” ditekan MAKA Select * from Perusahaan where Kd_Perusahaan like “kode” JIKA tidak BOF MAKA Tampilkan data sebelumnya AKHIR JIKA AKHIR JIKA JIKA tidak_aktif = 5 menit MAKA Tampilkan ScreenSaver AKHIR JIKA JIKA aktif MAKA Tampilkan layar “Animasi Awal” AKHIR JIKA

Spesifikasi proses “pencarian produk” JIKA tombol “Pencarian” ditekan MAKA select * from produk where Nama_Produk like '%$initial%' or

112 Keterangan like '%$initial%’ Tampilkan layar hasil Pencarian AKHIR JIKA JIKA tombol On ditekan MAKA Mainkan musik AKHIR JIKA JIKA tombol Off ditekan MAKA Matikan musik AKHIR JIKA 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%’

113 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 JIKA tombol “Hailai”ditekan MAKA Select * from produk where Kd_Produk like ‘HA0%’ Tampilkan layar “Hailai” AKHIR JIKA JIKA tombol “Gondola Ancol”ditekan MAKA 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

114 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” AKHIR JIKA JIKA tombol “Pulau Bidadari”ditekan MAKA Select * from produk where Kd_Produk like ‘PB0%’ 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

115 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” AKHIR JIKA JIKA tombol “Fasilitas” ditekan MAKA Select * from produk where Kd_Produk like ‘FS0%’ Tampilkan layar “Fasilitas” AKHIR JIKA JIKA tombol “Peta” ditekan MAKA Tampilkan layar “Peta Ancol” AKHIR JIKA JIKA tombol “Menu Utama”ditekan MAKA Tampilkan layar menu “Menu Utama” AKHIR JIKA JIKA tombol “Next” ditekan MAKA Select * from Produk where Kd_Produk like “kode” JIKA tidak EOF MAKA Tampilkan data selanjutnya AKHIR JIKA

116 AKHIR JIKA JIKA tombol “Prev” ditekan MAKA Select * from Produk where Kd_Produk like “kode” JIKA tidak BOF MAKA Tampilkan data sebelumnya AKHIR JIKA AKHIR JIKA JIKA tidak_aktif = 10 menit MAKA Tampilkan ScreenSaver AKHIR JIKA JIKA aktif MAKA Tampilkan layar “Animasi Awal” AKHIR JIKA

Spesifikasi proses “pencarian 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” AKHIR JIKA JIKA tombol On ditekan MAKA

117 Mainkan musik AKHIR JIKA JIKA tombol Off ditekan MAKA Matikan musik AKHIR JIKA JIKA tombol “1”ditekan MAKA Select * from perusahaan where Kd_perusahaan like ‘SJ%' Tampilkan layar menu “Sejarah Ancol” AKHIR JIKA JIKA tombol “2”ditekan MAKA Select * from perusahaan where Kd_perusahaan like ‘IK%’ Tampilkan layar menu “Inovasi / Kebijakan” AKHIR JIKA JIKA tombol “3”ditekan MAKA 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 JIKA tombol “5” ditekan MAKA Select * from perusahaan where Kd_perusahaan like ‘TE%’

118 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 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 AKHIR JIKA AKHIR JIKA JIKA tidak_aktif = 5 menit MAKA Tampilkan ScreenSaver AKHIR JIKA

119 JIKA aktif MAKA Tampilkan layar “Animasi Awal” AKHIR JIKA

Spesifikasi proses “Isi 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 JIKA tombol Off ditekan MAKA Matikan musik AKHIR JIKA 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”

120 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 JIKA tombol “Hailai”ditekan MAKA Select * from produk where Kd_Produk like ‘HA0%’ Tampilkan layar “Hailai” AKHIR JIKA JIKA tombol “Gondola Ancol”ditekan MAKA 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%’

121 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” AKHIR JIKA JIKA tombol “Pulau Bidadari”ditekan MAKA Select * from produk where Kd_Produk like ‘PB0%’ 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

122 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” AKHIR JIKA JIKA tombol “Fasilitas” ditekan MAKA Select * from produk where Kd_Produk like ‘FS0%’ Tampilkan layar “Fasilitas” AKHIR JIKA JIKA tombol “Peta” ditekan MAKA Tampilkan layar “Peta Ancol” AKHIR JIKA JIKA tombol “Next” ditekan MAKA

123 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 AKHIR JIKA AKHIR JIKA JIKA tombol “Menu Utama”ditekan MAKA Tampilkan layar menu “Menu Utama” AKHIR JIKA JIKA tidak_aktif = 5 menit MAKA Tampilkan ScreenSaver AKHIR JIKA JIKA aktif MAKA Tampilkan layar “Animasi Awal” AKHIR JIKA

Spesifikasi proses “Peta Ancol” Tampilkan peta Ancol

124 JIKA tombol “Dufan” ditekan MAKA Tampilkan peta Dufan AKHIR JIKA JIKA tombol “Atlantis” ditekan MAKA 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 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 JIKA tombol Off ditekan MAKA Matikan musik AKHIR JIKA

125 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 JIKA tombol “Hailai”ditekan MAKA Select * from produk where Kd_Produk like ‘HA0%’ Tampilkan layar “Hailai”

126 AKHIR JIKA JIKA tombol “Gondola Ancol”ditekan MAKA 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” AKHIR JIKA JIKA tombol “Pulau Bidadari”ditekan MAKA Select * from produk where Kd_Produk like ‘PB0%’

127 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” AKHIR JIKA JIKA tombol “Fasilitas” ditekan MAKA

128 Select * from produk where Kd_Produk like ‘FS0%’ Tampilkan layar “Fasilitas” AKHIR JIKA JIKA tombol “Peta” ditekan MAKA Tampilkan layar “Peta Ancol” AKHIR JIKA JIKA tombol “Menu Utama”ditekan MAKA Tampilkan layar menu “Menu Utama” AKHIR JIKA JIKA tidak_aktif = 5 menit MAKA Tampilkan ScreenSaver AKHIR JIKA JIKA aktif MAKA Tampilkan layar “Animasi Awal” AKHIR JIKA

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”

129 AKHIR JIKA JIKA tombol On ditekan MAKA Mainkan musik AKHIR JIKA JIKA tombol Off ditekan MAKA Matikan musik AKHIR JIKA JIKA tombol “1”ditekan MAKA Select * from perusahaan where Kd_perusahaan like ‘SJ%' Tampilkan layar menu “Sejarah Ancol” AKHIR JIKA JIKA tombol “2”ditekan MAKA Select * from perusahaan where Kd_perusahaan like ‘IK%’ Tampilkan layar menu “Inovasi / Kebijakan” AKHIR JIKA JIKA tombol “3”ditekan MAKA 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

130 JIKA tombol “5” ditekan MAKA 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 AKHIR JIKA JIKA tombol “Next” ditekan MAKA Select * from Perusahaan where Kd_Perusahaan like “kode” JIKA tidak EOF MAKA Tampilkan data selanjutnya AKHIR JIKA AKHIR JIKA JIKA tombol “Prev” ditekan MAKA Select * from Perusahaan where Kd_Perusahaan like “kode” JIKA tidak BOF MAKA Tampilkan data sebelumnya AKHIR JIKA AKHIR JIKA JIKA tidak_aktif = 5 menit MAKA

131 Tampilkan ScreenSaver AKHIR JIKA JIKA aktif MAKA Tampilkan layar “Animasi Awal” AKHIR JIKA

Spesifikasi proses “Login” JIKA tombol “submit” ditekan MAKA Cek database JIKA benar MAKA Panggil Modul Home JIKA salah MAKA Warning = “Username atau Password salah” Tampilkan Warning Panggil Modul Login AKHIR JIKA AKHIR JIKA

Spesifikasi proses “Home” JIKA tombol “Home” ditekan MAKA Tampilkan layar menu “Home” AKHIR JIKA JIKA tombol “Sejarah Ancol” ditekan MAKA

132 Tampilkan layar menu “Sejarah Ancol” AKHIR JIKA JIKA tombol “Inovasi / kebijakan”ditekan MAKA Tampilkan layar menu “Inovasi / kebijakan” AKHIR JIKA JIKA tombol “Peristiwa”ditekan MAKA Tampilkan layar menu “Peristiwa” AKHIR JIKA JIKA tombol “Kegiatan Sosial”ditekan MAKA Tampilkan layar menu “Kegiatan Sosial” AKHIR JIKA JIKA tombol “Tentang Perusahaan”ditekan MAKA Tampilkan layar menu “Tentang Perusahaan” AKHIR JIKA JIKA tombol “Dunia Fantasi”ditekan MAKA Tampilkan layar menu “Dunia Fantasi” AKHIR JIKA JIKA tombol “Atlantis Water Adventure”ditekan MAKA Tampilkan layar menu “Atlantis Water Adventure” AKHIR JIKA JIKA tombol “The Lost Kingdom”ditekan MAKA Tampilkan layar menu “The Lost Kingdom” AKHIR JIKA

133 JIKA tombol “Bowling Ancol” ditekan MAKA Tampilkan layar menu “Bowling Ancol” AKHIR JIKA JIKA tombol “Padang Golf”ditekan MAKA Tampilkan layar menu “Padang Golf” AKHIR JIKA JIKA tombol “Hailai”ditekan MAKA Tampilkan layar menu “Hailai” AKHIR JIKA JIKA tombol “Gondola Ancol (Sky Lift)”ditekan MAKA Tampilkan layar menu “Gondola Ancol (Sky Lift)” AKHIR JIKA JIKA tombol “Taman dan Pantai”ditekan MAKA Tampilkan layar menu “Taman dan Pantai” AKHIR JIKA JIKA tombol “Pasar Seni”ditekan MAKA Tampilkan layar menu “Pasar Seni” AKHIR JIKA JIKA tombol “Putri Duyung”ditekan MAKA Tampilkan layar menu “Putri Duyung” AKHIR JIKA JIKA tombol “Marina”ditekan MAKA Tampilkan layar menu “Marina”

134 AKHIR JIKA JIKA tombol “Pulau Bidadari”ditekan MAKA Tampilkan layar menu “Pulau Bidadari” AKHIR JIKA JIKA tombol “Puri Jimbaran 1”ditekan MAKA Tampilkan layar menu “Puri Jimbaran 1” AKHIR JIKA JIKA tombol “Marina Coast Royal Residence”ditekan MAKA Tampilkan layar menu “Marina Coast Royal Residence” AKHIR JIKA JIKA tombol “Puri Jimbaran 2”ditekan MAKA Tampilkan layar menu “Puri Jimbaran 2” AKHIR JIKA JIKA tombol “Puri Nusa Dua”ditekan MAKA Tampilkan layar menu “Puri Nusa Dua” AKHIR JIKA JIKA tombol “Tugu Permai” ditekan MAKA Tampilkan layar menu “Tugu permai” AKHIR JIKA JIKA tombol “Logout” ditekan MAKA Tampilkan layar menu “Login” AKHIR JIKA

135 Spesifikasi proses “Edit Isi Perusahaan” Tampilkan data perusahaan JIKA pilih “edit” MAKA Select * from Perusahaan Tampilkan Layar Edit data perusahaan AKHIR JIKA JIKA tombol “Hapus”ditekan MAKA Delete data from Perusahaan Menghapus isi data AKHIR JIKA JIKA pilih “Tambah Data” MAKA Tampilkan Layar Tambah Data Perusahaan AKHIR JIKA JIKA tombol “Back”ditekan MAKA Tampilkan layar Edit Isi Perusahaan AKHIR JIKA

Spesifikasi proses “Edit Isi Produk” Tampilkan data Produk JIKA pilih “edit” MAKA Select * from Produk Tampilkan Layar Edit data produk AKHIR JIKA

136 JIKA tombol “Hapus”ditekan MAKA Delete from Produk Menghapus isi data AKHIR JIKA JIKA pilih “Tambah Data” MAKA Tampilkan Layar Tambah Data Produk AKHIR JIKA JIKA tombol “Back”ditekan MAKA Tampilkan layar Edit Isi Perusahaan AKHIR JIKA

Spesifikasi proses “Tambah Data Perusahaan” Masukkan data pada textfield dan textarea JIKA tombol “Browse”ditekan MAKA Mencari letak file disimpan AKHIR JIKA JIKA tombol “Tambah”ditekan MAKA Insert into Perusahaan Menyimpan data yang telah dimasukkan AKHIR JIKA JIKA tombol “Back”ditekan MAKA Tampilkan layar Edit Isi Perusahaan AKHIR JIKA

137 Spesifikasi proses “Tambah Data Produk” Masukkan data pada textfield dan textarea JIKA tombol “Browse”ditekan MAKA Mencari letak file disimpan AKHIR JIKA JIKA tombol “Tambah”ditekan MAKA Insert into Perusahaan Menyimpan data yang telah dimasukkan AKHIR JIKA JIKA tombol “Back”ditekan MAKA Tampilkan layar Edit Isi Perusahaan AKHIR JIKA

Spesifikasi proses “Edit Data Perusahaan” Masukkan data baru pada textfield dan textarea JIKA tombol “Browse”ditekan MAKA Mencari letak file disimpan AKHIR JIKA JIKA tombol “Simpan”ditekan MAKA Insert into Perusahaan Menyimpan data yang telah dirubah AKHIR JIKA JIKA tombol “Back”ditekan MAKA

138 Tampilkan layar Edit Isi Perusahaan AKHIR JIKA

Spesifikasi proses “Edit Data Produk” Masukkan data baru pada textfield dan textarea JIKA tombol “Browse”ditekan MAKA Mencari letak file disimpan AKHIR JIKA JIKA tombol “Simpan”ditekan MAKA Menyimpan data yang telah dirubah AKHIR JIKA JIKA tombol “Back”ditekan MAKA Tampilkan layar Edit Isi Perusahaan AKHIR JIKA

BAB 3 ANALISIS DAN PERANCANGAN

Recommend Documents