BAB 3 ANALISIS DAN PERANCANGAN

BAB 3 ANALIS IS DAN PERANCANGAN

3.1

Latar Belakang Bekasi Cyber Park Kota besar selalu memberikan inspirasi baru, mulai dari gaya hidup terkini

hingga panduan belanja. Salah satunya adalah teknologi. Teknologi merupakan sesuatu yang tidak terpisahkan dari kehidupan kita sehari-hari. Penerapan teknologi dalam kehidupan bermasyarakat dapat dikatakan selalu menyentuh hampir seluruh lapisan masyarakat. Secara global, teknologi mengalami perkembangan yang sangat pesat. Namun harus diakui bahwa pandangan masyarakat di Indonesia terhadap teknologi pada umumnya masih sebatas fashion atau sekedar prestige semata. M asih sedikit masyarakat kita yang dapat mengakses informasi teknologi dan mengaplikasikan teknologi tersebut secara utuh. M elihat kondisi masyarakat Bekasi sekarang ini, informasi yang diberikan melalui interaksi langsung adalah sesuatu yang sangat efektif dan menyentuh langsung pada sasaran. Layanan informasi teknologi melalui interaksi langsung ini sudah mulai diaplikasikan oleh beberapa vendor maupun provider teknologi. Namun lokasi ini umumnya masih terpusat di ibukota Indonesia. M aka digerakkan usaha lebih dari masyarakat untuk mendapatkan layanan teknologi melalui interaksi langsung ini. M emperhatikan situasi tersebut, maka kami berinisiatif untuk mengkondisikan suatu tempat dimana masyarakat dapat bertemu dengan berbagai macam vendor dan provider teknologi untuk mendapatkan akses informasi teknologi.

61

62 Bekasi Cyber Park merupakan tempat belanja handphone, computer, electronic dan leisure yang nyaman dan terlengkap di kota Bekasi menunjukkan bukti bagaimana gaya hidup dan seni berbelanja menjadi milik konsumen. Suasana belanja yang cosmopolitan, pelayanan konsumen yang mind-satisfaction serta kompetisi bisnis yang menguntungkan, menjadikan tempat ini sebagai segmented mall dengan preferensi konsumen menjadi pilihan utama.

3.2

S truktur Organisasi Bekasi Cyber Park CENTER MANAGER

CHIEF FINANCE ACC & TAX

OPERATIONAL MANAGER

CHIEF ENGINEER

CHIEF PERSONALIA, HRD / GA

BUSINESS DEVELOPMENT MANAGER

CHIEF CASUAL LEASING

CHIEF TENANT RELATION

CHIEF EVENT & PROMO

Gambar 3.1 S truktur Organisasi Bekasi Cyber Park

3.2.1

Tugas dan Wewenang Berikut ini mengenai deskripsi tugas dan tanggung jawab masing masing jabatan berdasarkan struktur organisasi yang digambarkan pada sub-bab sebelumnya, antara lain : 1.

Center Manager Tugas dan tanggung jawab Center Manager terbagi menjadi beberapa bidang :

63 -

M anajemen • M emahami dan menjabarkan kebijakan yang telah ditetapkan direksi ke dalam rencana kerja. • M erencanakan dan melaksanakan program improvement pada pengelolaan gedung.

- Hubungan dengan Keuangan dan Accounting • Bertanggung jawab dalam penyusunan dan review anggaran biaya tahunan. • M e-review, bertanggung jawab, dan menjamin kebenaran data atas laporan keuangan bulanan. • M enjamin kelancaran biaya operasional. - Hubungan dengan Promotion & Event • M engarahkan

departemen

Promotion

&

Event

untuk

menjalankan rencana kerja yang telah ditetapkan. • M enjamin pengunjung sesuai dengan target yang ditetapkan oleh manajemen. - Hubungan dengan Sumber Daya M anusia • M emastikan bahwa telah dilakukan pengembangan sumber daya manusia secara optimal. • M emastikan pelaksanaan evaluasi kinerja seluruh karyawan. • M embina hubungan kerjasama yang harmonis dengan seluruh karyawan.

64 2.

Chief Finance & Accounting Tugas dan tanggung jawab Chief Finance & Accounting terbagi menjadi beberapa bidang : -

-

M embuat perencanaan budget •

M enyusun rencana kerja dan anggaran.

•

M embuat proyeksi keuangan perusahaan.

•

M elakukan penilaian terhadap aset perusahaan.

M emonitor kinerja keuangan perusahaan •

M embuat inventarisasi dan dokumentasi atas semua transaksi, aset perusahaan dan dokumen.

-

3.

•

M embuat dan menganalisa laporan kerja bulanan.

•

M e-review laporan keuangan.

Kegiatan rutin finance dan accounting •

M emeriksa voucher pengeluaran.

•

M emonitor penerimaan dan pengeluaran uang perusahaan.

•

M embayar gaji karyawan.

•

Bertanggung jawab untuk mengelola dana yang ada.

Business Development Manager Tugas dan tanggung jawab Business Development Manager terbagi menjadi beberapa bidang : -

Perencanaan dan Pengembangan Sumber Daya M anusia •

M empersiapkan rencana kebutuhan tenaga kerja.

•

M elaksanakan proses seleksi dan rekrutmen karyawan.

65 • -

M engatur hubungan kerja karyawan dengan perusahaan.

M engkoordinasikan pelaksanaan tugas-tugas administrasi •

M embuat dan menganalisa laporan kerja bulanan Departemen HRD dan GA.

•

M elakukan

koordinasi

dan

interaksi

dengan

instansi

pemerintah. -

M enangani General Affairs •

M elakukan pendataan dan pemeriksaan inventaris perusahaan.

•

M ewakili perusahaan dalam menangani masalah-masalah hukum.

4. Operational Manager Tugas dan tanggung jawab Operational Manager terbagi menjadi beberapa bidang : -

Management •

M erencanakan dan melaksanakan program improvement pada bisnis development.

-

Hubungan dengan Keuangan dan Accounting •

Bertanggung jawab dalam penyusunan dan review anggaran budget tahunan.

•

M e-review, bertanggung jawab dan menjamin kebenaran data atas laporan keuangan bulanan.

-

Hubungan dengan Promotion dan Event

66 •

M engarahkan departemen Promotion dan Event untuk menjalankan rencana kerja yang telah ditetapkan.

• 5.

Review rencana dan pelaksanaan advertising dan promosi.

Chief Engineer Tugas dan tanggung jawab Chief Engineer terbagi menjadi beberapa bidang : -

M embuat perencanaan sistem maintenance •

M enyusun rencana kerja dan anggaran tahunan untuk kebutuhan engineering.

•

M embuat

perencanaan

mengenai

kelayakan

jadwal

inspeksi

penggunaan

sarana

rutin

tahunan

dan

fasilitas

bangunan. -

M engkoordinasikan kegiatan Departemen Engineering. •

M enerapkan sistem dan prosedur yang berlaku secara efektif.

•

M emastikan gedung dan fasilitasnya beroperasi sesuai rencana.

-

M emastikan penanganan permintaan pekerjaan dari tenant. •

M engawasi,

mengendalikan,

dan

mengevaluasi

biaya

operasional pengelolaan peralatan dan gedung. 6. Chief Personalia, HRD, GA Tugas dan tanggung jawab Chief Personalia, HRD, GA terbagi menjadi beberapa bidang : -

Perencanaan dan Pengembangan Sumber Daya M anusia.

67 •

M empersiapkan rencana kebutuhan tenaga kerja sesuai dengan struktur organisasi yang disahkan.

•

M elaksanakan proses seleksi dan rekrutmen karyawan.

•

M empersiapkan rencana, pelaksanaan dan evaluasi training karyawan.

-

M engkoordinasikan pelaksanaan tugas-tugas administrasi. •

M embuat dan menganalisa laporan kerja bulanan Departemen HRD dan GA.

• -

7.

Pengawasan administrasi kepersonaliaan, termasuk payroll.

M enangani General Affairs. •

M elakukan pendataan dan pemeriksaan inventaris perusahaan.

•

M enjaga kelengkapan dan pembaharuan perizinan.

M elakukan koordinasi dengan Departemen lain.

Chief Casual Leasing Tugas dan tanggung jawab Chief Casual Leasing terbagi menjadi beberapa bidang : -

Bertanggung jawab untuk meningkatkan nilai properti dengan cara mencari retailer baru, yang akan menambahkan aset perusahaan.

-

M empersiapkan strategi bisnis dan rencana penyewaan tenant.

-

M empersiapkan penyewaan tenant.

rencana

budget

yang

dibutuhkan

untuk

68 -

M empersiapkan pembuatan proposal dan rekomendasi kepada Business Manager untuk melakukan review.

8.

Chief Tenant Relation Tugas dan tanggung jawab Chief Tenant Relation terbagi menjadi beberapa bidang : -

M ereview kegiatan customer service. •

M engkaji ulang sistem dan prosedur kerja customer service secara periodik.

•

M elaksanakan dan mengawasi operasional customer service sehari-hari.

•

M elakukan penelitian dan survei terhadap customer untuk meningkatkan pelayanan.

- M e-manage kegiatan customer service. •

M erencanakan budget customer service.

•

M engkoordinasikan kegiatan customer service.

•

M enjalin hubungan baik dengan pelanggan / tenant.

•

M enangani keluhan para pelanggan.

•

M enjalin hubungan baik dengan pelanggan / tenant.

•

M elakukan follow-up ke bagian terkait untuk penyelesaian keluhan pelanggan / tenant sampai tuntas.

•

M engendalikan desain/tata ruang yang diajukan pelanggan sesuai standar spesifikasi gedung sebelum memberikan izin renovasi.

69 •

M emastikan realisasi tata ruang sesuai dengan desain yang disepakati.

- M elaksanakan kegiatan administrasi. •

M emeriksa kebenaran laporan.

•

M emeriksa kerapian dan keteraturan penanganan surat atau dokumen.

• 9.

Pendataan tenant.

Chief Event and Promo Tugas dan tanggung jawab Chief Event and Promo terbagi menjadi beberapa bidang : -

M emasarkan Common Area •

M engkoordinasikan penetapan harga pameran.

•

M engklasifikasikan dan menyeleksi produk yang dijual di pameran.

•

M emberikan

pelayanan

kepada

pelanggan

dalam

mempersiapkan fasilitas yang diperlukan dalam penyewaan common area. - M engkoordinasikan persiapan penyelenggaraan pameran. •

M elakukan koordinasi dengan organizer pameran untuk persiapan pelaksanaan pameran.

•

M engadakan pengawasan untuk penyelenggaraan pameran.

- M engevaluasi penyelenggaraan pameran yang diadakan. •

M elakukan pengecekan ke lapangan.

70 •

M engevaluasi

penyelenggara

pameran

mengenai

keberhasilannya, meliputi ketertuban, jumlah pengunjung, jenis produk, dan lain-lain. - M engevaluasi penyelenggaraan event.

3.3

Visi dan Misi Bekasi Cyber Park Visi M emberikan total solusi telematika bagi pemerintah Indonesia, dalam rangka turut serta mengmbangkan dan mengimplementasikan e-Government di Indonesia. Misi •

M enjadikan Bekasi Cyber Park sebagai pusat pelayanan solusi Teknologi.

•

M enjadikan Bekasi Cyber Park sebagai pusat pelatihan dan pengembangan teknologi komunikasi dan informasi bagi pemerintah pusat dan daerah yang berkualitas tinggi, sehingga akan menghasilkan tenaga profesional di bidang teknologi komunikasi dan informasi.

•

M embantu mewujudkan program pemerintah dalam implementasi dan pengembangan teknologi komunikasi dan informasi khususnya pada bidang egovernment.

•

M emberikan dan menyediakan suatu layanan infrastruktur, dan jasa jaringan internet untuk kantor dan unit kerja pada pemerintah pusat dan daerah.

•

M ensosialisasikan layanan teknologi telekomunikasi berbasis internet kepada pemerintah pusat dan daerah.

71 3.4

S trategi Bekasi Cyber Park Bekasi Cyber Park mempunyai lokasi paling strategis, terletak di pusat bisnis utama kota Bekasi, dimana akses sangat mudah dapat dijangkau dari berbagai arah. Bekasi Cyber Park merupakan pusat belanja teknologi dan leisure satusatunya di kota Bekasi dengan konsep ”lifestyle dan IT center” yang lengkap dengan resto dan cafe ternama baik dari dalam negeri maupun dari mancanegara.

Promosi Untuk mendukung konsep tersebut di atas, pihak pengelola Bekasi Cyber Park akan mengembangkan sistem Advertising dan Promotion yang senantiasa bekerjasama dengan surat kabar, majalah, flyer, buletin internal, radio serta website. Dengan demikian, diharapkan seluruh produk maupun informasi yang ada di Bekasi Cyber Park dapat diketahui masyarakat tanpa batasan waktu dan tempat.

Konsep Zone Dalam perencanaan, dialokasikan Bekasi Cyber Park sebagai berikut : •

Lantai LG : Supermarket dan Tenant Mix serta Entertainment

•

Lantai GF : Pusat Handphone dan Cafe Resto

•

Lantai 1

: Pusat Computer dan Food Court

•

Lantai 2

: Function Room dan Fitness Center serta Tenant Mix

Konsep ini diikuti dengan dasar informasi teknologi serta entertainment yang dapat dicapai semudah mungkin.

72 - Untuk Entertainment, diletakkan di gedung Bekasi Cyber Park Wing Leisure. - Untuk pusat informasi dan teknologi, diletakkan di gedung Bekasi Cyber Park Wing Cyber.

3.5

Analisis Sistem yang Berjalan pada Bekasi Cyber Park Berdasarkan wawancara yang dilakukan terhadap Business Development Manager

Bekasi Cyber Park, pada tanggal 20 Oktober 2008, didapatkan keterangan bahwa dalam memberikan informasi kepada masyarakat luas masih dilakukan secara konvensional, seperti penggunaan banner, spanduk, iklan melalui radio, brosur-brosur ataupun penjelasan langsung dari karyawan yang berada di Bekasi Cyber Park. Banner yang tersedia berupa informasi mengenai promosi produk-produk terbaru dan event atau program yang diadakan di Bekasi Cyber Park. Banner tersebut hanya memberikan informasi singkat mengenai penjelasan produk, harga dan diskon, serta penawaran khusus tentang produk tersebut. Selain itu, banner yang ada juga memberikan informasi tentang event yang sedang diadakan, seperti pameran, acara musik, dan lain-lain. Adapun informasi melalui iklan yang diberikan melalui on air radio dapat dipublikasikan kepada masyarakat, khususnya di daerah Bekasi dan sekitarnya. Brosur yang dibagikan di sekitar tenant atau kios-kios yang ada di Bekasi Cyber Park, kurang lebih berisi informasi yang sama dengan yang telah disajikan pada banner. Sedangkan informasi yang diberikan oleh karyawan toko sangat terbatas karena karyawan hanya dapat membantu berdasarkan pengetahuan yang dimiliki yang didapatkan dari hasil briefing yang diberikan oleh chief tenant relation mengenai tokotoko dan berbagai produk yang ada di Bekasi Cyber Park. Kekurangan yang ada pada

73 diri karyawan-karyawan tersebut adalah daya ingat setiap karyawan berbeda-beda sehingga mempengaruhi dalam penyampaian kepada pelanggan. Selain itu, waktu yang dimiliki juga sangat terbatas.

3.6

Kuesioner Untuk mengetahui permasalahan yang terjadi di Bekasi Cyber Park, maka kami

melakukan pengumpulan data. M etode yang dipilih untuk mengumpulkan data adalah dengan metode pembagian kuesioner secara langsung terhadap pengunjung, tenant, serta manajemen Bekasi Cyber Park. Dari data hasil kuesioner kemudian dianalisis untuk mengetahui permasalahan yang terjadi di Bekasi Cyber Park. 3.6.1

Tujuan Kuesioner Adapun tujuan dari pelaksanaan kuesioner ini adalah untuk membantu dalam pengumpulan data, sehingga dapat diketahui: 1.

Sumber masalah apa yang sering dihadapi oleh Bekasi Cyber Park yang

sering

dihadapi

dalam

mempromosikan

produk

dan

penyampaian informasi kepada masyarakat. 2.

Informasi-informasi apa saja yang mereka harapkan ada pada aplikasi web ini sehingga dapat menjadi solusi bagi permasalahan yang ada.

Pelaksanaan kuesioner dilakukan pada tanggal 15 November 2008, bertempat di foodcourt Bekasi Cyber Park. Kuesioner diberikan kepada 31 responden.

74 3.6.2

Hasil Analisis Kuesioner Berdasarkan hasil kuesioner dari responden di Bekasi Cyber Park, maka dapat diketahui data berikut ini : 1.

Darimana anda mendapat informasi tentang Bekasi Cyber Park? • Artikel

2 responden

• Internet

0 responden

• Iklan

5 responden

• Teman

24 responden

6%

0% 16%

Artikel Internet Iklan Teman

78%

Gambar 3.2 Hasil kuesioner nomor 1 Kesimpulan : Dari 31 responden, 24 responden menyatakan mendapatkan informasi mengenai Bekasi Cyber Park melalui teman, memberi arti bahwa informasi melalui media lain perlu dikembangkan, seperti internet.

75 2.

M enurut anda, apakah yang menjadi kelebihan Bekasi Cyber Park? •

Lokasi strategis

9 responden

•

Sarana & produk lengkap

2 responden

•

Tempat nyaman

8 responden

•

Semua Benar

12 responden

29% Lokasi strategis

39%

Sarana & Produk Lengkap Tempat Nyaman 6%

Semua Benar

26%

Gambar 3.3 Hasil kuesioner nomor 2 Kesimpulan : Sebanyak 12 responden merasa Bekasi Cyber Park mempunyai keunggulan

dalam

memberikan

pelayanan

maksimal,

membuktikan bahwa diperlukannya media yang lebih interaktif agar dapat memberikan pelayanan yang lebih maksimal.

76 3.

Apakah yang menjadi tujuan anda mengunjungi Bekasi Cyber Park ? •

Belanja

3 responden

•

Bersantai

19 responden

•

M akan & M inum

7 responden

•

Sekedar berkeliling

2 responden

6%

10% Belanja

23%

Bersantai Makan & Minum Sekedar Berkeliling 61%

Gambar 3.4 Hasil kuesioner nomor 3 Kesimpulan : Sebanyak 19 responden memilih bersantai pada saat mengunjungi Bekasi Cyber Park, hal ini membuktikan bahwa banyak responden yang ingin menghabiskan waktunya dengan fasilitas-fasilitas yang tersedia dan siap di akses.

77 4.

Apakah anda merasa kesulitan dalam mencari informasi tentang Bekasi Cyber Park? •

Sangat Kesulitan

1 responden

•

Kesulitan

2 responden

•

Biasa Saja

25 responden

•

Tidak Kesulitan

3 responden

10%

3%

6% Sangat Kesulitan Kesulitan Biasa Saja Tidak Kesulitan

81%

Gambar 3.5 Hasil kuesioner nomor 4 Kesimpulan : Dari 25 orang responden merasa biasa saja dalam mencari informasi mengenai Bekasi Cyber Park, maka diperlukan informasi yang lebih interaktif dan dapat diakses dimana saja untuk mendapatkan informasi yang lebih efisien.

78 5.

Ketika anda datang ke Bekasi Cyber Park, apakah anda sudah tahu dan yakin apa yang akan anda beli dan dimana letaknya? •

Sangat Yakin

6 responden

•

Yakin

11 responden

•

Sedikit Yakin

8 responden

•

Tidak Yakin

6 responden

19%

19% Sangat Yakin Yakin Sedikit Yakin Tidak Yakin

26% 36%

Gambar 3.6 Hasil kuesioner nomor 5 Kesimpulan : Sebanyak 11 orang responden merasa yakin dapat mencari apa yang di inginkan di Bekasi Cyber Park, hal tersebut membuktikan bahwa dengan adanya informasi yang lebih efisien dan dapat diakses dimana saja maka akan sangat memudahkan konsumen dalam mencari informasi yang diinginkan.

79 6.

Apabila anda hendak berbelanja, berapa lama waktu yang anda butuhkan untuk mencari informasi kios/tenant yang akan anda kunjungi? •

< 5 menit

9 responden

•

5 – 10 menit

6 responden

•

11 – 20 menit

9 responden

•

>20 menit

7 responden

23%

29% < 5 menit 5 - 10 menit 11 - 20 menit > 20 menit

29%

19%

Gambar 3.7 Hasil kuesioner nomor 6 Kesimpulan : Dari 9 orang responden membutuhkan waktu kurang dari 5 menit dalam mencari informasi kios yang akan dikunjungi, dengan adanya proses pencarian informasi yang efisien, maka interval waktu yang dibutuhkan dalam proses pencarian informasi akan lebih cepat dan mudah didapat.

80 7.

Seberapa sering Anda menggunakan fasilitas internet? •

Sering

20 responden

•

Biasa saja

7 responden

•

Jarang

2 responden

•

Tidak pernah

2 responden

6%

6% Sering

23%

Biasa Saja Jarang Tidak Pernah 65%

Gambar 3.8 Hasil kuesioner nomor 7 Kesimpulan : Sebanyak 20 orang responden menyatakan sering menggunakan internet, terbukti bahwa internet merupakan sarana utama dalam proses pencarian informasi.

81 8.

Biasanya Anda menggunakan fasilitas internet untuk hal apa saja? • Browsing

18 responden

• Chatting

7 responden

• Kirim e-mail

1 responden

• Download

5 responden

16% Browsing

3%

Chatting Kirim e-mail 58%

23%

Download

Gambar 3.9 Hasil kuesioner nomor 8 Kesimpulan : Dari persentase diatas, terbukti bahwa fasilitas internet menjadi sarana utama dalam proses pencarian informasi, terutama pada Bekasi Cyber Park.

9.

Apakah

anda

setuju

bahwa

internet

merupakan

penyampaian informasi yang efektif? • Sangat Setuju

21 responden

• Setuju

8 responden

• Biasa saja

2 responden

• Tidak Setuju

0 responden

sarana

82

6%

0% Sangat Setuju

26%

Setuju Biasa Saja Tidak Setuju 68%

Gambar 3.10 Hasil kuesioner nomor 9 Kesimpulan : Dapat diambil kesimpulan bahwa responden merasa sangat setuju internet dijadikan sebagai media penyampaian informasi yang efektif serta menjadikan internet sebagai acuan dalam proses pencarian informasi.

10.

M enurut anda, perlukah sebuah website tentang Bekasi Cyber Park yang menampilkan informasi yang anda butuhkan ? • Sangat Perlu

9 responden

• Perlu

15 responden

• Biasa saja

7 responden

• Tidak Perlu

0 responden

83

0%

23%

29%

Sangat Perlu Perlu Biasa Saja Tidak Perlu

48%

Gambar 3.11 Hasil kuesioner nomor 10 Kesimpulan : Hasil presentase diatas, sebanyak 15 responden merasa bahw a diperlukan

sebuah

website yang

interaktif

dalam proses

penyampaian informasi mengenai Bekasi Cyber Park.

11.

M enurut anda, apa yang harus ada dalam website Bekasi Cyber Park? • Informasi kios

2 responden

• Jadwal program & acara

1 responden

• Informasi produk unggulan

0 responden

• Semua benar

28 responden

84

6%

3% 0%

Informasi Kios Jadwal Program & Acara Informasi Produk Unggulan Semua Benar

91%

Gambar 3.12 Hasil kuesioner nomor 11 Kesimpulan : Dari hasil persentase diatas, dapat disimpulkan bahwa konsumen membutuhkan informasi yang lengkap dalam website Bekasi Cyber Park.

12.

M enurut anda, apakah dalam website Bekasi Cyber Park diperlukan informasi tentang data-data mengenai kios yang ada di Bekasi Cyber Park? • Sangat Perlu

12 responden

• Perlu

12 responden

• Biasa saja

6 responden

• Tidak Perlu

1 responden

85

3%

19%

39%

Sangat Perlu Perlu Biasa Saja Tidak Perlu

39%

Gambar 3.13 Hasil kuesioner nomor 12 Kesimpulan : Dari hasil kuisioner diatas, dapat disimpulkan bahwa informasi mengenai kios sangat diperlukan dalam website Bekasi Cyber Park. 13.

Sejauh mana anda mengenal Multimedia ? •

Sebatas animasi

2 responden

•

Teks & Gambar

1 responden

•

Video

0 responden

•

Semuanya benar

28 responden

6%

3% 0% Sebatas Animasi Teks & Gambar Video Semua Benar

91%

Gambar 3.14 Hasil kuesioner nomor 13

86 Kesimpulan : Sebanyak 28 responden merasa telah mengenal komponenkomponen multimedia.

14.

Apakah anda setuju jika Multimedia diperlukan dalam website Bekasi Cyber Park? •

Sangat Setuju

10 responden

•

Setuju

21 responden

•

Biasa saja

0 responden

•

Tidak Setuju

0 responden 0% 0% 32%

Sangat Setuju Setuju Biasa Saja Tidak Setuju

68%

Gambar 3.15 Hasil kuesioner nomor 14 Kesimpulan : Berdasarkan hasil kuisioner diatas, dapat disimpulkan bahwa responden merasa setuju jika multimedia diterapkan dalam website Bekasi Cyber Park.

87 15.

M enurut anda, apakah manfaat Multimedia dalam website Bekas i Cyber Park? •

Website jadi lebih menarik

9 responden

•

M enambah Pengetahuan

3 responden

•

Informasi menjadi lebih lengkap & jelas

17 responden

•

Biasa Saja

1 responden

Website jadi lebih menarik

3% 30%

Menambah pengetahuan I nformasi menjadi lebih lengkap & j elas Biasa Saja

57%

10%

Gambar 3.16 Hasil kuesioner nomor 15 Kesimpulan : Sebanyak 17 responden merasa bahwa dengan adanya multimedia maka informasi menjadi lengkap dan jelas, serta menjadikan website Bekasi Cyber Park lebih menarik.

3.7

Analisis Masalah pada Bekasi Cyber Park Dari hasil analisis kuesioner ditemukan beberapa masalah yang dihadapi dari berjalannya sistem yang sudah ada. Beberapa permasalahan dan kelemahan sistem yang sudah berjalan antara lain :

88 1. Database yang tidak terstruktur dengan baik Hambatan yang terjadi yaitu penyimpanan database masih menggunakan metode konvensional, seperti menggunakan M icrosoft Excel, sehingga sulit untuk mencari data yang dibutuhkan, karena harus mensortir data satu persatu. 2. Fasilitas penyampaian informasi yang kurang memadai Hambatan pada fasilitas juga sangat mempengaruhi, terbukti dengan hasil kuesioner

dimana

diperlukannya

fasilitas

untuk

menunjang

sarana

penyampaian informasi yang dapat dengan mudah diakses oleh masyarakat luas. 3. Kurangnya metode promosi yang efektif M etode promosi yang dipergunakan juga belum efektif untuk mendapatkan perhatian masyarakat, karena sistem yang ada masih menggunakan banner, spanduk, dan brosur-brosur yang dibagikan sebagai media promosi produk yang ada di Bekasi Cyber Park.

3.8

Usulan Pemecahan Masalah Dari hasil analisis permasalahan yang telah disebutkan diatas, dapat diketahui bahwa dibutuhkan sebuah sistem yang dapat membantu penyampaian informasi. Berupa aplikasi website, yang dapat dipergunakan sebagai sarana atau media yang efektif untuk menyampaikan data atau informasi. Aplikasi website yang akan dibuat yaitu berbasis multimedia dan dengan menggunakan pendekatan AJAX. terdapat beberapa fasilitas yang mendukun g proses penyampaian informasi, antara lain sebagai berikut:

89 1.

M enyediakan fasilitas untuk melihat data yang terdapat di dalam database, memasukkan data baru ke dalam database, serta memperbaharui dan menghapus data yang telah ada.

2.

M enyediakan fasilitas untuk menampilkan informasi atau berita dan acara terbaru yang dapat di-update setiap saat.

3.

M enyediakan fasilitas bagi user, dalam hal ini adalah masyarakat luas yang dapat melihat data-data kios yang tersedia, melakukan booking pemesanan kios melalui pengisian form yang terdapat dalam website. Selain itu, user juga dapat melihat jadwal acara dan program yang diselenggarakan , beserta gambar maupun video streaming.

4.

M enyediakan fasilitas bagi user untuk melakukan pengiriman komentar ke website untuk memberikan masukan atau kritik yang dapat lebih mengoptimalkan proses penyampaian informasi.

5.

M erancang aplikasi website dengan baik sehingga dapat diakses dengan mudah dan perancangan antarmuka yang user friendly.

90 3.9

Perancangan Aplikasi yang Diusulkan 3.9.1

Model Use-Case Sistem yang dirancang System masu kkan ko men ta r

li ha t kom entar

li hat kio s ya ng terse di a

sew a kio s

log in a dmin

ub ah ad min

ha pu s ko men ta r l ih at ki os tamb ah ki os ba ru l iha t a cara

l iha t b erita

l ih at g al eri

u bah ki os

hap us kio s actAdm in

actU ser l iha t se wa kio s

masuk kan kio s koso ng

u bah sta tu s sewa kios

ma sukka n acara

ub ah ac ara

masu kkan b erita ba ru

h apu s acara

ma sukka n ga leri u bah b eri ta

hap us be rita

ub ah ga le ri

h apu s gal eri

l og out ad min

Gambar 3.17 U se Case S istem

91 Pada gambar 3.17 Use Case Sistem, terdapat dua aktor dan 27 use-case. Berikut akan dijelaskan mengenai penjelasan diagram diatas : 1. Administrator : • M elakukan Login • M engubah admin • M elihat komentar • M enghapus komentar • M enambah kios baru • M engubah kios • M enghapus kios • M emasukkan kios kosong • M elihat sewa kios • M engubah status sewa kios • M emasukkan acara • M engubah acara • M enghapus acara • M emasukkan berita baru • M engubah berita • M enghapus berita • M emasukkan galeri • M engubah galeri • M enghapus galeri • M elakukan logout

92 2. User : • M elihat kios yang ada • M elihat berita • M elihat acara • M elihat galeri • M emasukkan komentar • M elihat komentar • M elihat kios yang tersedia • M engisi form sewa kios Pada sistem yang dirancang ini, kami menggunakan pendekatan AJAX pada beberapa proses, antara lain menampilkan detail kios, acara, serta menampilkan gambar dalam galeri.

3.9.2 1.

Deskripsi Use-Case Sistem yang dirancang M elakukan login Tabel 3.1 Deskripsi use-case melakukan login

Use-Case : Aktor : Tujuan : Prakondisi : Ringkasan : Langkah-langkah: Aksi Aktor 1. Admin harus memasukkan username, password dan inisial jabatan. 4. M asuk ke halaman utama khusus admin

Melakukan Login Admin Untuk masuk ke halaman Utama dari sistem. Admin harus mempunyai username, password, dan Inisial Jabatan.

Response Sistem 2. Cek Database. 3. Jika seluruh kondisi true, arahkan ke halaman Utama khusus admin.

93 2.

M engubah Admin Tabel 3.2 Deskripsi use-case mengubah admin

Use-Case : Aktor : Tujuan : Prakondisi :

Melakukan Login Admin Untuk mengubah detail admin. Admin harus login terlebih dahulu pada halaman utama.

Ringkasan : Langkah-langkah: Aksi Aktor 1. M asuk ke halaman utama dan melakukan login. 4. M asuk ke halaman utama khusus admin 5. M enekan tombol ubah admin 6. M asukkan data admin baru yang akan diubah

3.

Response Sistem 2. Cek Database. 3. Jika seluruh kondisi true, arahkan ke halaman Utama khusus admin. 7. Update database admin, tampilkan di halaman admin.

Lihat komentar Tabel 3.3 Deskripsi use-case lihat komentar


Lihat komentar User dan Admin Lihat komentar, tambah komentar User dan Admin harus masuk ke halaman utama

Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman utama 3. Lihat dan tambah komentar

4.

Respon sistem 2. Tampilkan komentar di halaman utama 4. Update komentar yang ditambah, tampilkan di halaman utama.

Hapus komentar Tabel 3.4 Deskripsi use-case hapus komentar

Use-Case :

Hapus komentar

94 Aktor : Tujuan : Prakondisi :

Admin M enghapus komentar. Admin harus login terlebih dahulu pada halaman utama.

Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman utama melakukan login. 4. M asuk ke halaman lihat komentar. 5. Pilih komentar. 6. Tekan tombol hapus.

5.

Respon sistem dan 2. Cek database 3. Jika semua kondisi diterima, tampilkan halaman khusus admin termasuk halaman lihat komentar. 7. Update database komentar, tampilkan di halaman lihat komentar.

M enambah kios baru Tabel 3.5 Deskripsi use-case menambah kios baru


Menambah kios baru Admin M emasukkan detail kios baru Admin harus login terlebih dahulu pada halaman utama

Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman utama melakukan login. 4. Admin masuk ke halaman kios. 5. Admin menekan tombol kios. 6. M asukkan data yang diperlukan.

6.

Respon sistem dan 2. Cek database 3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman kios. 7. Update database kios, tampilkan di halaman kios.

Ubah kios Tabel 3.6 Deskripsi use-case ubah kios


Ubah kios Admin M engubah detail kios Admin harus login terlebih dahulu pada

95 halaman utama Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman utama melakukan login. 4. M asuk ke halaman kios. 5. Pilih kios. 6. M enekan tombol ubah kios. 7. M asukkan data yang diperlukan.

7.

Respon system dan 2. Cek database. 3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman kios. 8. Update database kios, tampilkan pada halaman kios.

Hapus kios Tabel 3.7 Deskripsi use-case hapus kios


Hapus kios Admin M enghapus detail kios Admin harus login terlebih dahulu pada halaman utama

Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman utama melakukan login 4. M asuk ke halaman kios. 5. Pilih kios. 6. M enekan tombol hapus kios.

8.

Respon system dan 2. Cek database. 3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman kios. 7. Update database kios, tampilkan di halaman kios

M emasukkan Kios kosong Tabel 3.8 Deskripsi use-case mamasukkan kios kosong

Use-Case : Aktor : Tujuan : Prakondisi : Ringkasan :

Memasukkan kios kosong Admin M emasukkan detail kios kosong Admin harus login terlebih dahulu pada halaman utama

96 Langkah-langkah : Aksi actor 1. M asuk ke halaman utama dan melakukan login. 4. Admin masuk ke halaman kios. 5. Admin menekan tombol kios. 6. M asukkan data kios kosong yang diperlukan.

9.

Respon sistem 2. Cek database 3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman kios. 7. Update database kios, tampilkan di halaman kios.

Lihat sewa kios Tabel 3.9 Deskripsi use-case lihat status sewa kios

Use-Case : Aktor : Tujuan :

Melihat status sewa kios Admin M elihat status sewa kios, apakah belum terisi atau telah dipesan Admin harus login terlebih dahulu pada halaman utama

Prakondisi : Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman utama dan melakukan login. 4. M asuk ke halaman kios. 5. Lihat kios yang telah dipesan. 6. M enekan tombol lihat status sewa kios.

10.

Respon system 2. Cek database. 3. Jika semua kondisi diterima, tampilkan halaman khusus admin.

M engubah status sewa kios Tabel 3.10 Deskripsi use-case mengubah status sewa kios

Use-Case : Aktor : Tujuan : Prakondisi : Ringkasan : Langkah-langkah :

Mengubah status sewa kios Admin M engubah status yang belum terisi menjadi telah dipesan Admin harus login terlebih dahulu pada halaman utama

97 Aksi actor 1. M asuk ke halaman utama. 4. M asuk ke halaman kios. 5. Pilih kios. 6. M enekan tombol ubah status kios .

11.

Respon sistem 2. Cek database. 3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman kios. 7. Update database kios, tampilkan di halaman kios

M asukkan acara Tabel 3.11 Deskripsi use-case masukkan acara

Use-Case : Aktor : Tujuan : Prakondisi : Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman utama melakukan login. 4. M asuk ke halaman acara. 5. M enekan tombol masukkan acara

12.

Masukkan acara Admin M emasukkan detail acara yang akan ditampilkan Admin harus login terlebih dahulu pada halaman utama . Respon sistem dan 2. Cek database. 3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman acara.

Ubah acara Tabel 3.12 Deskripsi use-case ubah acara

Use-Case : Aktor : Tujuan : Prakondisi : Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman melakukan login. 4. M asuk ke halaman acara.

Ubah acara Admin M engubah detail acara Admin harus login terlebih dahulu pada halaman utama

utama

Respon sistem dan 2. Cek database. 3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman acara.

98 5. Lihat detail acara 6. M enekan tombol ubah

13.

Hapus acara Tabel 3.13 Deskripsi use-case hapus acara


Hapus acara Admin M enghapus detail acara Admin harus login terlebih dahulu pada halaman utama

Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman melakukan login. 4. M asuk ke halaman acara. 5. Lihat detail acara 6. M enekan tombol hapus

14.

utama

Respon sistem dan 2. Cek database. 3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman acara.

M asukkan berita baru Tabel 3.14 Deskripsi use-case masukkan berita baru

Use-Case : Aktor : Tujuan : Prakondisi : Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman utama melakukan login. 4. M asuk ke halaman berita. 5. M enekan tombol masukkan berita.

Masukkan berita baru Admin M emasukkan berita baru Admin harus login terlebih dahulu pada halaman utama

Respon sistem dan 2. Cek database. 3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman berita.

99 15.

Ubah berita Tabel 3.15 Deskripsi use-case ubah berita

Use-Case : Aktor : Tujuan : Prakondisi : Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman utama melakukan login. 4. M asuk ke halaman berita. 5. Lihat berita. 6. Pilih berita. 7. M enekan tombol masukkan berita.

16.

Ubah berita Admin M engubah berita Admin harus login terlebih dahulu pada halaman utama Ubah berita jika ada yang kurang. Respon sistem dan 2. Cek database. 3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman berita.

Hapus berita Tabel 3.16 Deskripsi use-case hapus berita

Use-Case : Aktor : Tujuan : Prakondisi : Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman melakukan login. 4. M asuk ke halaman berita. 5. Lihat berita. 6. Pilih berita 7. M enekan tombol hapus.

Hapus berita Admin M enghapus berita Admin harus login terlebih dahulu pada halaman utama

utama

Respon sistem dan 2. Cek database. 3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman berita.

100 17.

M asukkan galeri Tabel 3.17 Deskripsi use-case masukkan galeri


Masukkan gambar Admin M emasukkan gambar Admin harus login terlebih dahulu pada halaman utama

Ringkasan : Langkah-langkah : Aksi actor Respon sistem 1. M asuk ke halaman utama dan 2. Cek database. 3. Jika semua kondisi diterima, tampilkan melakukan login. halaman khusus admin beserta halaman 4. M asuk ke halaman galeri. galeri. 5. M enekan tombol masukkan gambar.

18.

Ubah galeri Tabel 3.18 Deskripsi use-case ubah galeri

Use-Case : Aktor : Tujuan : Prakondisi : Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman utama melakukan login. 4. M asuk ke halaman galeri. 5. Lihat galeri. 6. Pilih galeri yang akan diubah. 7. M engubah galeri.

Ubah berita Admin M engubah galeri Admin harus login terlebih dahulu pada halaman utama Ubah galeri jika ada yang diperlukan. Respon sistem dan 2. Cek database. 3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman galeri.

101 19.

Hapus galeri Tabel 3.19 Deskripsi use-case hapus galeri


Hapus gambar Admin M enghapus gambar Admin harus login terlebih dahulu pada halaman utama

Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman melakukan login. 4. M asuk ke halaman galeri. 5. Pilih gambar. 6. M enekan tombol hapus

20.

utama

Respon sistem dan 2. Cek database. 3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman galeri.

Logout Tabel 3.20 Deskripsi use-case logout


Logout Admin Keluar dari akun Admin harus login terlebih dahulu pada halaman utama

Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman melakukan login. 4. M enekan tombol logout.

21.

utama

Respon sistem dan 2. Cek database. 3. Jika semua kondisi diterima, tampilkan halaman khusus admin. 5. Hapus session.

M emasukkan komentar Tabel 3.21 Deskripsi use-case user memasukkan komentar

Use-Case :

Memasukkan komentar

102 Aktor : Tujuan : Prakondisi : Ringkasan : Langkah-langkah: Aksi Aktor 1. M asuk ke halaman utama. 2. M asukkan komentar.

22.

User M emberikan komentar User harus isi data yang diperlukan

Response Sistem 3. Jika semua kondisi diterima, maka database berhasil di update.

Lihat kios yang tersedia Tabel 3.22 Deskripsi use-case lihat kios yang tersedia


Lihat kios yang tersedia User Untuk melihat kios yang masih tersedia. User harus masuk ke halaman kios dan melihat kios yang masih tersedia.

Ringkasan : Langkah-langkah : Aksi actor Respon system 3. Tampilkan kios yang masih bisa dipesan. 1. M asuk ke halaman kios 2. Lihat detail kios 3. Klik tombol sewa kios untuk melihat kios yang belum terisi dan telah dipesan.

23.

Isi form sewa kios Tabel 3.23 Deskripsi use-case isi form sewa kios

Use-Case : Aktor : Tujuan : Prakondisi : Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman kios

Isi form sewa kios User M elakukan pemesanan kios User harus masuk ke halaman kios User harus melihat status sewa apakah belum terisi atau telah dipesan pada detail kios Respon system 5. Cek database

103 2. M enekan tombol sewa kios 3. Lihat daftar kios berdasarkan status 4. Isi data yang diperlukan

24.

6. Jika semua kondisi diterima, tampilkan data kios yang telah di pesan

M elihat Kios Tabel 3.24 Deskripsi use-case melihat kios


Lihat detail kios yang ada User Untuk melihat detail kios yang ada. User harus masuk ke halaman kios dan melihat kios.

Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman kios 2. Lihat detail kios 4. Pilih berdasarkan kategori kios.

Respon system 3. Tampilkan kios yang ada. 5. Sistem menampilkan data kios sesuai kategori yang dipilih.

Pada proses lihat kios, kami menerapkan pendekatan AJAX pada proses menampilkan data, yaitu detail kios yang ditampilkan. Data-data telah diurutkan berdasarkan kategori jenis dagangan kios tersebut. Proses ini menggunakan objek XM LHttpRequest.

25.

M elihat Berita Tabel 3.25 Deskripsi use-case lihat berita

Use-Case : Aktor : Tujuan : Prakondisi : Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman berita

Lihat berita yang ada User Untuk melihat berita-berita yang ada. User harus masuk ke halaman berita.

Respon system 3. Tampilkan berita yang ada dalam database.

104 2. Lihat berita

26.

M elihat Acara Tabel 3.26 Deskripsi use-case lihat acara

Use-Case : Aktor : Tujuan : Prakondisi : Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman acara 2. Lihat berita 4. M elakukan pencarian berdasarkan nama acara.

Lihat daftar acara yang ada User Untuk melihat daftar acara. User harus masuk ke halaman acara.

Respon system 3. Tampilkan acara yang ada dalam database. 5. Sistem menampilkan acara sesuai karakter yang diinput.

Proses ini menggunakan teknik XM LHttpRequest. Pencarian acara dilakukan oleh user dengan mengetikkan huruf ke dalam textbox. Lalu, sistem menggunakan JavaScript yang akan mengirimkan huruf demi huruf yang diinput ke server dan mengembalikan daftar sebagai suggestion.

105

27.

M elihat Galeri Tabel 3.27 Deskripsi use-case lihat galeri

Use-Case : Aktor : Tujuan : Prakondisi : Ringkasan : Langkah-langkah : Aksi actor 1. M asuk ke halaman galeri 2. Lihat detail kios 4. Klik tombol nama gambar yang diinginkan.

Lihat galeri User Untuk melihat gambar dan video dalam galeri. User harus masuk ke halaman galeri.

Respon system 3. Tampilkan gambar dan video yang ada dalam database. 5. Sistem menampilkan gambar sesuai dengan nama gambar yang diklik.

Proses ini juga menerapkan teknik XM LHttpRequest dalam mengaplikasikan pendekatan AJAX. Prosesnya, setelah user meng-klik url atau nama gambar yang diinginkan, maka Objek JavaScript XM LHttpRequest melakukan post-back ke server, dan menerima respons berupa data, dalam hal ini berupa gambar yang langsung ditampilkan ke dalam halaman galeri, tanpa me-reload keseluruhan halaman galeri tersebut.

106 3.9.3

Class Diagram S istem yang dirancang Class Diagram digunakan untuk mencari atribut, objek, dan operasi yang

ada dalam sistem. Dengan mengetahui melalui survei, maka dapat dikumpulkan objek-objek beserta atribut dan operasinya untuk membantu dalam perancangan dan analisis sistem. Berikut ini adalah gambar class diagram sistem yang sedang dirancang : koment ar -PK kdKomentar : int -nama : String -isiKomentar : Str ing -tanggalKomentar : String +masukkan komentar( ) +lihat komentar () +hapus komentar ()

0..*

1

user +simpan komentar() +pesan kios()

1

1..*

1

0..*

kios - PK kdKios : int - namaKios : Str ing - FK kdJenisDagang : String - lokasi : Str ing - noTelpKios : String - FK kdStatus : String - FK kdPemilik : int +ubah kios() +hapus kios() +masukkan kios kosong()

0..* 1

ad min

galeri

-PK idAdmin : int -username : Str ing -password : String -inisial : String +login() +ubah admin() +logout()

-PK kdGaleri : int -nama : String -keterangan : String -url : String +masukkan gambar( ) +ubah gambar( ) +hapus gambar ()

1

1

0..*

1 acara

0..*

berit a -PK kdBer ita : int -judulBerita : Str ing -isiBerita : Str ing -tanggalPosting : String +masukkan berita() +ubah berita() +hapus berita()

0..*

sewaKios -PK idUser : int -namaPemilik : String -alamat : String -namaKios : String -email : String -noTelp : Str ing -FK kdKios : String -FK kdJenisDagang : String -FK kdStatus : String +lihat kios yang tersedia() +isi form sewa kios() +ubah status sewa kios( )

-PK kdAcar a : int -namaAcara : Str ing -tanggalMulai : Date -tanggalSelesai : Date -lokasi : String -partner : String +masukkan acara() +ubah acara() +hapus acara()

Gambar 3.18 Class Diagram perancangan sistem Pada Gambar diatas, terdapat 8 kelas. Kelas-kelas tersebut adalah kelas kios, kelas komentar, kelas user, kelas admin, kelas acara, kelas sewa kios, kelas berita, dan kelas galeri. Dalam gambar diagram diatas terdapat 20 hubungan yang terjadi antar kelas. Hubungan tersebut adalah :

107 •

Satu admin dapat mengubah satu atau lebih detail kios

•

Satu admin dapat menghapus satu atau lebih detail kios

•

Satu admin dapat memasukkan satu atau lebih kios kosong

•

Satu admin dapat melihat satu atau lebih komentar

•

Satu admin dapat menghapus satu atau lebih komentar

•

Satu admin dapat memasukkan satu atau lebih acara baru

•

Satu admin dapat mengubah satu atau lebih acara

•

Satu admin dapat menghapus satu atau lebih acara

•

Satu admin dapat memasukkan satu atau lebih berita baru

•

Satu admin dapat mengubah satu atau lebih berita

•

Satu admin dapat menghapus satu atau lebih berita

•

Satu admin dapat memasukkan satu atau lebih gambar baru

•

Satu admin dapat mengubah satu atau lebih gambar

•

Satu admin dapat menghapus satu atau lebih gambar

•

Satu admin dapat melihat satu atau lebih status sewa kios

•

Satu admin dapat mengubah satu atau lebih status sewa kios

•

Satu user dapat memasukkan satu atau lebih komentar baru

•

Satu user dapat melihat satu atau lebih komentar

•

Satu user dapat mengisi satu atau lebih form sewa kios

•

Satu user dapat melihat satu atau lebih kios yang tersedia

Untuk memperjelas hubungan dari class diagram pada Gambar 3.18, maka penulis menyertakan sequence diagram. Sequence diagram yang dibuat adalah :

108 a.

Sequence diagram login admin

aplikasi

admin

database

actadmin

buka halaman()

login()

cek login()

pesan berhasil()

Gambar 3.19 Sequence diagram login admin Dari Gambar 3.19 dapat dijelaskan prosesnya sebagai berikut : 1.

admin membuka halaman aplikasi.

2.

admin melakukan login.

3.

Halaman admin melakukan cek ke dalam database.

4.

Halaman aplikasi mengirim pesan bahwa login berhasil.

109 b.

Sequence diagram lihat komentar

aplikasi

actuser

database

actadmin buka halaman()

buka halaman() load database()

tampilkan komentar()

tampilkan komentar()

Gambar 3.20 Sequence diagram lihat komentar Dari Gambar 3.20 dapat dijelaskan prosesnya sebagai berikut : 1.

Admin atau user membuka halaman aplikasi.

2.

Data yang berisi komentar diambil dari dalam database.

3.

Halaman aplikasi menampilkan komentar yang ada.

110 c.

Sequence diagram hapus komentar

aplikasi

dat abase

admin

actadmin

buka halaman()

delete() login()

pesan berhasil() tampilkan data()

pilih komentar() hapus komentar()

Gambar 3.21 Sequence diagram hapus komentar Dari Gambar 3.21 dapat dijelaskan prosesnya sebagai berikut : 1.

Admin membuka halaman aplikasi.

2.

Admin melakukan login.

3.

Admin memilih komentar yang diinginkan.

4.

Admin menghapus komentar yang dipilih.

5.

Data dihapus dari dalam database.

6.

Halaman aplikasi mengirim pesan bahwa hapus komentar berhasil.

7.

Halaman aplikasi menampilkan komentar yang ada.

111 d.

Sequence diagram menambah detail kios baru

aplikasi

admin

da tabase

actad min

buka ha la man()

login() masu kkan deta il kios() in se rt()

pesan berhasil()

Gambar 3.22 Sequence diagram menambah detail kios baru Dari Gambar 3.22 dapat dijelaskan prosesnya sebagai berikut : 1.


2.


3.

Admin memasukkan detail setiap kios baru.

4.

Data dimasukkan ke dalam database.

5.

Halaman aplikasi menampilkan pesan bahwa insert detail kios berhasil

112 e.

Sequence diagram ubah kios

aplikasi

admin

database

actadmin

buka halaman()

update() login()

pesan berhasil() t ampilkan data()

pilih detail kios() ubah det ail kios()

Gambar 3.23 Sequence diagram ubah kios Dari Gambar 3.23 dapat dijelaskan prosesnya sebagai berikut : 1.


2.


3.

Admin memilih detail kios yang diinginkan.

4.

Admin mengubah detail kios tersebut.

5.

Data di-update ke dalam database.

6.

Aplikasi menampilkan pesan bahwa ubah kios berhasil.

7.

Aplikasi menampilkan data kios yang ada.

113 f.

Sequence diagram hapus kios

aplikasi

admin

database

a ctad min

buka halaman()

lo gin()

de lete()

pilih kios() hapus kio s() pesan berhasil() tampilkan data()

Gambar 3.24 Sequence diagram hapus kios Dari Gambar 3.24 dapat dijelaskan prosesnya sebagai berikut : 1.


2.


3.

Admin memilih kios yang diinginkan.

4.

Admin menghapus kios yang telah dipilih.

5.


6.

Aplikasi menampilkan pesan bahwa hapus kios berhasil.

7.

Aplikasi menampilkan data kios yang ada.

114 g.

Sequence diagram memasukkan kios kosong

aplikasi

adm in

da tabase

actad min

buka ha la man()

login() masu kkan deta il kios() in se rt()

pesan berhasil()

Gambar 3.25 Sequence diagram menambah detail kios baru Dari Gambar 3.25 dapat dijelaskan prosesnya sebagai berikut : 1.


2.


3.

Admin memasukkan detail kios kosong.

4.


5.

Halaman aplikasi menampilkan pesan bahwa insert kios kosong berhasil

115 h.

Sequence diagram masukkan komentar

aplikasi

komentar

database

actuser buka halaman()

insert() tulis komentar()

pesan berhasil()

Gambar 3.26 Sequence diagram masukkan komentar Dari Gambar 3.26 dapat dijelaskan prosesnya sebagai berikut : 1.

user membuka halaman aplikasi.

2.

user mengisi form komentar.

3.


4.

Halaman aplikasi mengirim pesan bahwa pengisian komentar berhasil.

116 i.

Sequence diagram isi form sewa kios

form

a plikasi

database

actu ser

buka halama n()

insert() isi form()

pesan b erhasil()

Gambar 3.27 Sequence diagram isi form sewa kios Dari Gambar 3.27 dapat dijelaskan prosesnya sebagai berikut : 1.


2.

user mengisi form penyewaan kios.

3.


4.

Halaman aplikasi mengirim pesan bahwa pengisian form sewa kios berhasil.

117 j.

Sequence diagram lihat kios yang tersedia

aplikasi

database

actuser

buka halaman() cek database() tampilkan() pesan berhasil()

Gambar 3.28 Sequence diagram lihat kios yang tersedia Dari Gambar 3.28 dapat dijelaskan prosesnya sebagai berikut : 1.


2.

Data diambil dari dalam database.

3.

Data ditampilkan ke dalam aplikasi.

118 k.

Sequence diagram lihat status sewa kios

ap likasi

a dmin

d ataba se

actadmin

bu ka halama n()

loa d dat abase() login() lihat sta tus sewa kios()

ta mpilka n data ()

Gambar 3.29 Sequence diagram lihat status sewa kios Dari Gambar 3.29 dapat dijelaskan prosesnya sebagai berikut : 1.


2.


3.

Halaman admin mengambil data dari database.

4.

Admin melihat status sewa kios.

5.

Aplikasi menampilkan status sewa kios yang ada.

119 l.

Sequence diagram ubah status sewa kios

aplikasi

admin

database

actadmi n

buka halaman() pesan berhasil()

tampilkan dat a()

login()

update()

pilih form sewa kios()

ubah stat us sewa kios()

Gambar 3.30 Sequence diagram ubah status sewa kios Dari Gambar 3.30 dapat dijelaskan prosesnya sebagai berikut : 1.


2.


3.

Admin memilih form sewa kios yang diinginkan.

4.

Admin mengubah status sewa kios.

5.


6.

Aplikasi menampilkan pesan bahwa ubah status berhasil.

7.

Aplikasi menampilkan status sewa kios yang ada.

120 m. Sequence diagram masukkan acara

aplikasi

admin

dat abase

actadmin

buka halaman()

insert() login()

pesan berhasil()

masukkan acara()

tampilkan data()

Gambar 3.31 Sequence diagram masukkan acara Dari Gambar 3.31 dapat dijelaskan prosesnya sebagai berikut : 1.


2.


3.

Admin memasukkan daftar acara baru.

4.


5.

Aplikasi menampilkan pesan bahwa masukkan acara berhasil.

6.

Aplikasi menampilkan daftar acara yang ada.

121 n.

Sequence diagram ubah acara

a plikasi

database

adm in

actadmin

update()

buka halaman() login() pesan berhasil()

pilih acara()

tampilkan data()

ubah acara()

Gambar 3.32 Sequence diagram ubah acara Dari Gambar 3.32 dapat dijelaskan prosesnya sebagai berikut : 1.


2.


3.

Admin memilih acara yang diinginkan.

4.

Admin mengubah acara tersebut.

5.


6.

Aplikasi menampilkan pesan bahwa ubah acara berhasil.

7.


122 o.

Sequence diagram hapus acara

aplikasi

data base

admin

act admin

bu ka hala man()

delete () login()

pe sa n berhasil()

pilih acara()

ta mpilkan d ata()

h apus acara ()

Gambar 3.33 Sequence diagram hapus acara Dari Gambar 3.33 dapat dijelaskan prosesnya sebagai berikut : 1.


2.


3.

Admin memilih acara yang diinginkan.

4.

Admin menghapus acara tersebut.

5.


6.

Aplikasi menampilkan pesan bahwa hapus acara berhasil.

7.


123 p.

Sequence diagram masukkan berita baru

aplikasi

admin

database

actadmin

buka halaman()

insert() login()

pesan berhasil()

masukkan berita baru()

tampilkan data()

Gambar 3.34 Sequence diagram masukkan berita baru Dari Gambar 3.34 dapat dijelaskan prosesnya sebagai berikut : 1.


2.


3.

Admin memasukkan berita baru.

4.


5.

Aplikasi menampilkan pesan bahwa masukkan berita baru berhasil.

6.

Aplikasi menampilkan berita yang ada.

124 q.

Sequence diagram ubah berita

a plikasi

ad min

databa se

actadmin

buka ha la man()

up date() login()

pesan berh asil()

pilih berita()

tampilkan d ata()

u bah be rita()

Gambar 3.35 Sequence diagram ubah berita

Dari Gambar 3.35 dapat dijelaskan prosesnya sebagai berikut : 1.


2.


3.

Admin memilih berita yang diinginkan.

4.

Admin mengubah berita tersebut.

5.


6.

Aplikasi menampilkan pesan bahwa ubah berita berhasil.

7.


125 r.

Sequence diagram hapus berita

aplikasi

admin

database

act admin

buka halaman()

delete() login()

pesan berhasil() tampilkan dat a()

pilih berita() hapus berita()

Gambar 3.36 Sequence diagram hapus berita Dari Gambar 3.36 dapat dijelaskan prosesnya sebagai berikut : 1.


2.


3.

Admin memilih berita yang diinginkan.

4.

Admin menghapus berita tersebut.

5.


6.

Aplikasi menampilkan pesan bahwa hapus berita berhasil.

7.


126 s.

Sequence diagram masukkan gambar

aplikasi

database

admin

actadmin

buka halaman()

insert() login()

pesan berhasil()

masukkan gambar()

tampilkan data()

Gambar 3.37 Sequence diagram masukkan gambar Dari Gambar 3.37 dapat dijelaskan prosesnya sebagai berikut : 1.


2.


3.

Admin memasukkan gambar.

4.


5.

Aplikasi menampilkan pesan bahwa masukkan gambar berhasil.

6.

Aplikasi menampilkan gambar yang ada.

127 t.

Sequence diagram hapus gambar

aplikasi

admin

dat abase

actadmin

buka halaman()

delete() login()

pesan berhasil()

pilih gambar()

tampilkan data()

hapus gambar()

Gambar 3.38 Sequence diagram hapus gambar Dari Gambar 3.38 dapat dijelaskan prosesnya sebagai berikut : 1.


2.


3.

Admin memilih gambar yang diinginkan.

4.

Admin menghapus gambar tersebut.

5.


6.

Aplikasi menampilkan pesan bahwa hapus gambar berhasil.

7.

Aplikasi menampilkan gambar yang ada.

128 u.

Sequence diagram logout admin

aplikasi

admin

actadmin

buka halaman()

logout()

pesan berhasil()

Gambar 3.39 Sequence diagram logout admin Dari Gambar 3.39 dapat dijelaskan prosesnya sebagai berikut : 1.


2.

Admin melakukan logout.

3.

Aplikasi menampilkan pesan bahwa logout berhasil.

129 Rancangan activity diagram yang dihasilkan dari sequence diagram dari sistem yang dirancang, yaitu : 1. Activity Diagram admin login

/ insert data

login

validasi admin

[invalid] pesan error [valid]

[admin] buat session

halaman admin

logout

Gambar 3.40 Activity Diagram admin login

130 2. Activity Diagram pengelolaan kios

[admin]

halaman admin

kios

masukkan kios

ubah kios

hapus kios

/ insert

/ update

/ delete

simpan database

ubah database

hapus database

Gambar 3.41 Activity Diagram pengelolaan kios

131 3. Activity Diagram pengelolaan lainnya

[a dmin]

ha laman admin

gale ri komentar

a ca ra

masukkan komentar

h apus komentar

/ insert

/ de lete

masukkan acara

ub ah acara

masukkan gamba r

hapu s acara

hapus gambar

/ insert / update / in se rt

/ del ete / dele te simpan databa se

ubah databa se simpan da tab ase

be rita

ha pus data base

hapus database simpa n d ata base

ha pus data base

ub ah berita

masu kka n b erita

/ update

h apus berita

/ de lete

/ i nsert u bah database

simpan database

hapu s databa se

Gambar 3.42 Activity Diagram pengelolaan lainnya

132 3.10 Perancangan Basis Data Basis data untuk perancangan aplikasi ini terdiri dari 11 tabel. Berikut ini penjelasan masing-masing tabel, deskripsi tabel dan primary key dari tabel tersebut :

Nama Tabel : msKios Deskripsi : untuk menampung data-data dari kios yang ada. Primary key : kdKios Tabel 3.28 msKios Nama Field

Tipe Data

Panjang

Keterangan

kdKios

Integer

5

Kode pengenal dari kios

namaKios

Varchar

30

Nama pengenal untuk setiap kios

kdJenisDagang

Varchar

5

Kode pengenal dari jenis dagang

Lokasi

Varchar

50

Lokasi / letak kios

noTelpKios

Varchar

20

Nomor telepon kios

kdStatus

Varchar

5

Kode pengenal dari status kios

kdPemilik

Integer

5

Kode pengenal dari pemilik kios

133 Nama Tabel : msJenisDagang Deskripsi : untuk menampung jenis dagangan dari kios yang ada. Primary key : kdJenisDagang Tabel 3.29 msJenisDagang Nama Field

Tipe Data

Panjang

Keterangan

kdJenisDagang

varchar

5

Kode pengenal dari jenis dagangan

jenisDagang

Varchar

20

Nama pengenal setiap jenis dagangan

kdKategori

Varchar

5

Kode pengenal dari kategori

Nama Tabel : msKategori Deskripsi : untuk menampung kategori jenis dagangan. Primary key : kdKategori Tabel 3.30 msKategori Nama Field

Tipe Data

Panjang

Keterangan

kdKategori

varchar

5

Kode pengenal dari kategori

kategori

Varchar

20

Nama pengenal setiap kategori

Nama Tabel : msPemilik Deskripsi : untuk menampung data pemilik kios. Primary key : kdPemilik Tabel 3.31 msPemilik Nama Field

Tipe Data

Panjang

Keterangan

kdPemilik

Integer

5

Kode pengenal dari pemilik kios

134 idUser

Integer

5

Kode pengenal sewa kios user

namaPemilik

Varchar

100

Nama pengenal pemilik kios

alamat

Text

noTelp

Varchar

Alamat pemilik kios 50

Nomor telepon pemilik kios

Nama Tabel : msStatus Deskripsi : untuk menampung status kios. Primary key : kdStatus Tabel 3.32 msS tatus Nama Field

Tipe Data

Panjang

Keterangan

kdStatus

varchar

5

Kode pengenal dari status

status

Varchar

20

Nama pengenal setiap status

Nama Tabel : msAdmin Deskripsi : untuk menampung account dari admin. Primary key : idAdmin Tabel 3.33 msAdmin Nama Field

Tipe Data

Panjang

Keterangan

idAdmin

Integer

5

Kode pengenal admin

username

Varchar

20

nama pengenal dari admin

password

Varchar

20

kata kunci untuk setiap admin

inisial

Varchar

5

Inisial jabatan dari setiap admin

135 Nama Tabel : msBerita Deskripsi : untuk menampung berita yang dimasukkan oleh admin. Primary key : kdBerita Tabel 3.34 msBerita Nama Field

Tipe Data

Panjang

Keterangan

kdBerita

integer

5

kode pengenal dari setiap berita

judulBerita

Varchar

50

Nama pengenal judul berita

isiBerita

Varchar

200

Isi berita

tanggalPosting

Varchar

50

Waktu berita dimasukkan oleh admin

Nama Tabel : msKomentar Deskripsi : untuk menampung komentar yang dimasukkan oleh user Primary key : kdKomentar Tabel 3.35 msKomentar Nama Field

Tipe Data

Panjang

Keterangan

kdKomentar

integer

5

kode pengenal dari setiap komentar nama pengenal user yang membuat

nama

Varchar

20 komentar

isiKomentar

Varchar

100

Isi komentar yang dikirim

tanggalKomentar

Varchar

50

Tanggal pembuatan komentar

136 Nama Tabel : msAcara Deskripsi : untuk menampung daftar acara yang dimasukkan oleh admin. Primary key : kdAcara Tabel 3.36 msAcara Nama Field

Tipe Data

Panjang

Keterangan

kdAcara

integer

5

kode pengenal dari setiap acara

namaAcara

Varchar

50

Nama pengenal setiap acara

tanggalM ulai

Date

Tanggal acara dimulai

tanggalSelesai

Date

Tanggal acara selesai

lokasi

Varchar

20

lokasi acara diselenggarakan

partner

Varchar

20

Partner penyelenggara acara

Nama Tabel : msSewaKios Deskripsi : untuk menampung isi formulir pemesanan sewa kios yang dimasukkan oleh user. Primary key : idUser Tabel 3.37 msSewaKios Nama Field

Tipe Data

Panjang

Keterangan

idUser

int

5

Kode pengenal user yang menyewa kios Nama pengenal setiap user yang mengisi

namaPemilik

Varchar

50 formulir

Alamat

Text

email

Varchar

alamat setiap user yang mengisi formulir 20

e-mail setiap user yang mengisi formulir

137 namaKios

Varchar

50

noTelp

Varchar

20

Nama pengenal setiap kios Nomor telepon setiap user yang mengisi formulir

kdKios

Varchar

5

Kode pengenal dari setiap kios

kdJenisDagang

Varchar

5

Kode jenis dagangan kios tersebut

kdStatus

Varchar

5

Kode pengenal status

Nama Tabel : msGaleri Deskripsi : untuk menampung galeri yang dimasukkan oleh admin Primary key : idGaleri Tabel 3.38 msGaleri Nama Field

Tipe Data

Panjang

Keterangan

idGaleri

integer

5

kode pengenal dari setiap galeri

nama

Varchar

30

nama pengenal dari setiap galeri

keterangan

Varchar

50

Keterangan dari setiap gambar

url

text

Lokasi file

138 3.10.1

Entity Relationship Diagram (ERD) msAdmin

PK

msJenisDagang

idAdmin username password inisial

msKategori

PK

kdJenisDagang

FK1

jenisDagang kdKategori

PK

ka tegori

msSewaKios

msKios PK

kdKios

FK2

FK3 FK1

namaKios kdJenisDagang lokasi noTelpKios kdStatus kdPemilik

msPemilik PK

PK

idUser

FK1 FK2 FK3

nama alamat email noTelp kdKios kdJenisDagang kdStatus

kdPemilik namaPemilik alamat noTelp email

msStatus PK

kdKategori

kdStatus status

msKomentar PK

kdKomentar nama isiKomentar tanggalKomentar

msBerita PK

kdBerita judulBerita isiBerita tanggalPosting

msAcara PK

kdAcara

msGaleri PK

namaAcara tanggalMulai tanggalSelesai lokasi partner

idGaleri nama keterangan url

Gambar 3.43 Entity Relationship Diagram (ERD) 3.11 Perancangan Menu Aplikasi website ini memiliki rancangan struktur menu sebagai berikut : 1.

M enu aplikasi Admin

Di dalam menu aplikasi admin, beberapa menu yang dapat diaksesnya, yaitu :

139

• Halaman Utama Admin dapat memasukkan dan menghapus komentar pada halaman utama. • Profil admin Admin dapat melihat daftar admin yang ada. • Kios Admin dapat melihat seluruh detail kios beserta nama dan detail pemiliknya, melakukan perubahan status sewa kios, serta memasukkan kios yang kosong. • Acara Admin dapat melihat daftar acara yang ada, dan menambah daftar acara baru. • Berita Admin dapat melihat berita yang ada dan menambah berita yang baru. • Galeri Admin dapat melihat daftar gambar dan menambah gambar baru pada galeri. • Logout Admin dapat keluar atau logout dari aplikasi.

Halaman Ut ama Admin

Halaman Ut ama

Hapus K oment ar

Profil Admin

Kios Lihat K ios U bah st at us s ew a kios

Ac ara

Berit a

Lihat Ac ara

Lihat Berit a

Tambah Ac ara

Tambah Berit a

I nput Kios K os ong

Gambar 3.44 Menu aplikasi admin

Galeri

Logout

Lihat Gambar M as ukkan Gambar

140

2.

M enu aplikasi user

Di dalam menu aplikasi user, terdapat beberapa menu yang dapat diaksesnya, yaitu : • Halaman Utama User dapat memasukkan komentar pada halaman utama. • Profil User dapat melihat profil Bekasi Cyber Park. • Kios User dapat melihat daftar kios yang ada, melakukan searching kios berdasarkan kategori, melakukan pengisian form penyewaan kios, dan melihat daftar kios yang masih kosong. • Kontak Kami User dapat melihat daftar kontak Bekasi Cyber Park. • Berita User dapat melihat berita yang ada. • Acara User dapat melihat daftar acara yang ada, serta melakukan pencarian acara. • Galeri User dapat melihat galeri yang berisi gambar maupun video. • Fasilitas User dapat melihat berbagai fasilitas yang ada di Bekasi Cyber Park.

141

Halaman Ut ama Us er

Halaman Ut ama

Profil

Kios

M as ukkan koment ar

K ont ak K ami

Berit a

Ac ara

Sew a kios

Galeri

Fas ilit as

Cari

Lihat K ios K os ong

Gambar 3.45 Menu aplikasi user

3.12 Perancangan Layar 1. Perancangan layar halaman utama

LOGO

ANIM ASI

M enu

Halaman Utama | Profil | K ios | K ont ak kami

Berit a Ac ara Galeri Fas ilit as

Login

Selamat dat ang gambar

iklan

Ac ara Hari I ni • ... • ...

.: is i koment ar :.

Berit a Terbaru --t ampil koment ar--

• ... • ... Nama

K oment ar s ubmit

res et

foot er

Gambar 3.46 Perancangan layar halaman utama

iklan

142 Halaman ini merupakan halaman yang ditampilkan paling awal saat aplikasi diakses. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park dan animasi gambar. Di bagian kiri terdapat link yang menuju ke berbagai halaman. Selain itu, terdapat ringkasan acara dan berita terbaru. Di bagian tengah atas terdapat halaman selamat datang. Di bagian tengah bawah menampilkan komentar terbaru serta form isi komentar. Di bagian kanan terdapat link untuk login admin, serta beberapa iklan. Di bagian paling bawah terdapat footer.

2. Perancangan layar profil

LOGO

M enu Berit a Ac ara Galeri Fas ilit as

ANIM ASI

Halaman Ut ama | Profil | K ios | K ont ak kami Login Profil Bekasi Cyber Park : ... gambar

Ac ara Hari I ni

iklan

• ... • ... Berit a Terbaru gambar

• ... • ...

foot er

Gambar 3.47 Perancangan layar profil

iklan

143 Halaman ini berisi tentang profil Bekasi Cyber Park. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park dan animasi gambar. Di bagian tengah berisi profil, latar belakang, serta visi dan misi Bekasi Cyber Park, dilengkapi gambar. Di bagian paling bawah terdapat footer.

3. Perancangan layar Kios

LOGO

M enu Berit a Ac ara Galeri Fas ilit as Ac ara Hari I ni • ... • ... Berit a Terbaru • ... • ...

ANIM ASI

Halaman Ut ama | Profil | Kios | K ont ak kami Login Cari berdas arkan kat egori i Nama K ios Lokas i Jenis Dagang St at us

:a :a

iklan

:a :a

Halaman: |1|2|3| Det ail K ios Nama K ios Lokas i Jenis Dagang K at egori St at us No Telp K ios

iklan

:a :a :a :a :a : 021

Halaman: |1|2|3| Sew a K ios foot er

Gambar 3.48 Perancangan layar kios Halaman ini berisi tentang kios yang ada di Bekasi Cyber Park. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park dan animasi gambar. Di bagian tengah atas menampilkan isi dari hasil pencarian berdasarkan kategori berupa detail kios, seperti nama kios, lokasi, jenis dagang, dan status kios

144 tersebut. Di tengah bawah menampilkan seluruh kios yang ada. Di bagian paling bawah terdapat footer.

4. Perancangan layar berita

LOGO

M enu Berita Ac ara Galeri Fas ilit as Ac ara Hari I ni • ... • ... Berit a Terbaru

ANIM ASI

Halaman Ut ama | Profil | K ios | K ont ak kami Admin Login Judul Berit a Is i Berit a W akt u Posting

: aaa : aaa : 123

Judul Berit a Is i Berit a W akt u Posting

: aaa : aaa : 123

Judul Berit a Is i Berit a W akt u Posting

: aaa : aaa : 123

iklan

iklan

• ... • ... Halaman : | 1 2 3 | Jumlah Berit a = 15

foot er

Gambar 3.49 Perancangan layar berita Halaman ini berisi berita tentang Bekasi Cyber Park maupun yang berkaitan dengan lifestyle dan Information technology. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park dan animasi gambar. Di bagian tengah berisi berita, dan dapat dilakukan pencarian berdasarkan situs terkait. Di bagian paling bawah terdapat footer.

145 5. Perancangan layar acara

LOGO

M enu Berit a Acara Galeri Fas ilit as Ac ara • ... • ... Berit a • ...

ANIM ASI

Halaman Ut ama | Profil | K ios | K ont ak kami Admin Login Cari acara : Nama ac ara Tanggal M ulai Tanggal Seles ai Lokas i Part ner Nama ac ara Tanggal M ulai Tanggal Seles ai Lokas i Part ner

: aa : 11 : 11 : aa : aa

iklan

: ab : 12 : 12 : ab : ab

iklan

• ... Halaman : | 1 2 3 | Jumlah acara = 15

foot er

Gambar 3.50 Perancangan layar acara Halaman ini berisi acara dan program yang diadakan oleh Bekasi Cyber Park. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park dan animasi gambar. Di bagian tengah berisi jadwal acara, dan dapat dilakukan pencarian berdasarkan bulan diadakannya acara. Di bagian paling bawah terdapat footer.

146 6. Perancangan layar galeri

LOGO

M enu

ANIM ASI

Halaman Ut ama | Profil | K ios | K ont ak kami

Berit a Ac ara Galeri Fas ilit as

Video

Video st reaming

Ac ara Hari I ni

Admin Login

iklan

• ... • ... Berit a Terbaru

Hadir Di Sini

iklan

• ... • ...

Slides how gambar

- gambar 1 - gambar 2 - gambar 3 foot er

Gambar 3.51 Perancangan layar galeri Halaman ini berisi galeri gambar serta video streaming tentang Bekasi Cyber Park. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park dan animasi gambar. Di bagian tengah ditempatkan gambar-gambar. Di bagian paling bawah terdapat footer.

147

7. Perancangan layar admin login

Admin Login us ername pas sw ord I nis ial jabat an s ubmit

res et

<< K embali ke halaman ut ama

foot er

Gambar 3.52 Perancangan layar admin login Halaman ini berisi form login admin. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park. Di bagian tengah terdapat form yang berisi field-field untuk melakukan login, serta tombol submit dan reset. Di bagian paling bawah terdapat footer.

148

8. Perancangan layar profil admin

LOGO

Koment ar | Profil Admin | Kios | Logo ut • Berit a • Acara • Galeri

Admi n Login : aaa

.: profil admin :. Us ername : aaa Passw ord : aaa I nis ial Jabat an : aaa [EDIT]

foot er

Gambar 3.53 Perancangan layar profil admin Halaman ini berisi profil admin yang terdaftar. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park. Di bagian tengah menampilkan keterangan akun admin, seperti username, password, dan inisial jabatan. Di bagian paling bawah terdapat footer.

149

9. Perancangan layar tambah kios Admin

LOGO

Koment ar | Profil Admin | Kios | Logout • Berit a • Acara • Galeri

Admin Login : aaa

.: t ambah kios :.

Nama Kios Lokasi Jenis Dagang No Telp Kios St at us Simpan

[ Form I nput Kios Kosong ]

Bat al

[ Lihat Kios ]

foot er

Gambar 3.54 Perancangan layar tambah kios admin Halaman ini berisi field- field tentang detail kios baru yang akan ditambahkan. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park. Di bagian tengah ditempatkan form detail kios untuk menambah kios yang baru, yang diisi hanya oleh admin. Di bagian paling bawah terdapat footer.

150

10. Perancangan layar lihat kios Admin

LOGO


Admin Login : aaa

.: lihat kios :.

Cari Kat egori Kios Nama Pemilik Alamat Pemilik No Telp Pemilik Nama K ios Lokas i Jenis Dagang K at egori St at us No Telp K ios

: aaa : aaa : 123 : aaa : : : : :

aaa aaa aaa aaa 123

[ edit | hapus ]

Halaman : | 1 2 3 4 | [ Tambah Kios ] foot er

Gambar 3.55 Perancangan layar lihat kios admin Halaman ini berisi detail kios yang ada di Bekasi Cyber Park. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park. Di bagian tengah ditempatkan detail kios, yang dibuat dalam tabel-tabel berisi kode kios, nama kios, lokasi, nama pemilik, dan lain-lain. Di setiap tabel terdapat link untuk mengubah detail kios dan menghapus kios, serta terdapat link untuk menambah kios baru. Di bagian paling bawah terdapat footer.

151 11. Perancangan layar tambah kios kosong

LOGO


Admin Login : aaa

.: input kios kos ong :.

Lokasi St at us Simpan

Batal

[ Form I nput Kios Kosong ] foot er

Gambar 3.56 Perancangan layar tambah kios kosong admin Halaman ini berisi field- field tentang detail kios kosong yang akan ditambahkan. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park. Di bagian tengah ditempatkan form detail kios untuk menambah kios kosong yang baru, yang diisi hanya oleh admin. Di bagian paling bawah terdapat footer.

152 12. Perancangan layar Berita Admin

LOGO

Koment ar | Profil Admin | Kios | Logout • Berita • Acara • Galeri

Admin Login : aaa

.: lihat berit a :. Judul Berit a Is i Berit a W akt u Posting

: aaa : aaa : 123

Edit | Hapus Judul Berit a Is i Berit a W akt u Posting

: aaa : aaa : 123

Edit | Hapus Halaman : | 1 2 3 | Jumlah Berit a Seluruhnya = 20

[ Tambah Berit a ] foot er

Gambar 3.57 Perancangan layar berita admin Halaman ini berisi berita-berita yang ada dalam database. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park. Di bagian tengah ditampilkan detail berita. Juga terdapat link untuk menambah berita baru. Di bagian paling bawah terdapat footer.

153 13. Perancangan layar Acara admin

LOGO


Admin Login : aaa

.: lihat acara :. Nama Acara Tanggal M ulai Tanggal Seles ai Lokas i Part ner

: aaa : 123 : 123 : aaa : aaa

Edit | Hapus Nama Acara Tanggal M ulai Tanggal Seles ai Lokas i Part ner

: aaa : 123 : aaa : aaa

: 123

Edit | Hapus Halaman : | 1 2 3 | Jumlah Acara Seluruhnya = 20

[ Tambah Acara ] foot er

Gambar 3.58 Perancangan layar acara admin Halaman ini berisi acara yang ada dalam database. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park. Di bagian tengah ditampilkan detail acara. Juga terdapat link untuk menambah acara baru. Di bagian paling bawah terdapat footer.

154 14. Perancangan layar tambah acara

LOGO


Admin Login : aaa

.: t ambah acara :.

Tanggal Mulai Tanggal Selesai Nama Acara Lokasi Part ner Simpan

Batal

[ Lihat Acara ] foot er

Gambar 3.59 Perancangan layar tambah acara baru Halaman ini berisi form untuk menambah jadwal acara atau program yang baru. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park. Di bagian tengah ditempatkan form untuk menambah jadwal acara baru, yang diisi hanya oleh admin. Juga terdapat tombol submit dan reset. Di bagian paling bawah terdapat footer.

155 15. Perancangan layar tambah berita

LOGO

Koment ar | Profil Admin | Kios | Logout • Berita • Acara • Galeri

Admin Login : aaa

.: t ambah berit a :.

Judul I si

Simpan

Batal

[ Lihat Berit a ] foot er

Gambar 3.60 Perancangan layar tambah berita baru Halaman ini berisi form untuk menambah berita yang baru. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park. Di bagian tengah ditempatkan form untuk menambah jadwal acara baru, yang diisi hanya oleh admin. Field yang tersedia antara lain, judul berita dan isi berita. Juga terdapat tombol submit dan reset. Di bagian paling bawah terdapat footer.

156 16. Perancangan layar tambah galeri

LOGO


Admin Login : aaa

.: t ambah galeri :.

Ket erangan Gambar

cari

Simpan

Batal

[ Lihat Galeri ] foot er

Gambar 3.61 Perancangan layar tambah galeri Halaman ini berisi form untuk menambah galeri berupa gambar atau video yang baru. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park. Di bagian tengah ditempatkan form untuk menambah gambar baru, yang diisi hanya oleh admin. Juga terdapat tombol submit dan reset. Di bagian paling bawah terdapat footer.

157 17. Perancangan layar komentar admin

LOGO

Komentar | Profil Admin | Kios | Logout • Berit a • Acara • Galeri

Admin Login : aaa

.: lihat koment ar :.

User 1 ....Koment ar....

hapus

User 2 ....Koment ar....

hapus

Halaman : | 1 | Tot al koment ar : ( 2) foot er

Gambar 3.62 Perancangan layar komentar admin Halaman ini berisi komentar yang ada. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park. Di bagian tengah ditempatkan nama user dan isi komentar, dan terdapat link untuk menghapus komentar yang dipilih. Di bagian paling bawah terdapat footer.

158 18. Perancangan layar ubah status sewa kios admin

LOGO


Admin Login : aaa

.: lihat s ew a kios :. kdK ios Nama Alamat Email No Telp Jenis dagang

: 123

: aaa

: aaa : aaa : aaa : aaa

Terima | Batal kdK ios Nama Alamat Email No Telp Jenis dagang

: 123 : aaa

: aaa : aaa

: aaa : aaa

Terima | Batal Halaman : | 1 2 3 | Jumlah Acara Seluruhnya = 20

[ Form I nput Kios Kosong ]

[ lihat Kios ]

foot er

Gambar 3.63 Perancangan layar ubah status sewa kios admin Halaman ini berisi detail sewa kios yang telah dipesan oleh user. Pada bagian atas terdapat header berupa logo Bekasi Cyber Park. Di bagian tengah ditampilkan detail isi sewa kios. Juga terdapat link untuk terima dan batalkan sewa kios. Di bagian paling bawah terdapat footer.

BAB 3 ANALISIS DAN PERANCANGAN

Recommend Documents