61
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
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
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 :
CENTER MANAG ER
CHIEF FINANCE ACC & TAX
OPERATIONAL MANAGER BUSINESS DEVELOPMENT MANAGER CHIEF ENGINEER CHIEF PERSONALIA, HRD / GA CHIEF CASUAL LEASING CHIEF TENANT RELATION
CHIEF EVENT & PROMO
- M anajemen
• Memahami dan menjabarkan kebijakan yang telah ditetapkan direksi ke dalam rencana kerja.
• Merencanakan dan melaksanakan program improvement pada pengelolaan gedung.
- Hubungan dengan Keuangan dan Accounting
• Bertanggung jawab dalam penyusunan dan review anggaran biaya tahunan.
• Me-review, bertanggung jawab, dan menjamin kebenaran data atas laporan keuangan bulanan.
• Menjamin kelancaran biaya operasional. - Hubungan dengan Promotion & Event
• Mengarahkan departemen Promotion & Event untuk menjalankan rencana kerja yang telah ditetapkan.
• Menjamin pengunjung sesuai dengan target yang ditetapkan oleh manajemen.
- Hubungan dengan Sumber Daya M anusia
• Memastikan bahwa telah dilakukan pengembangan sumber daya manusia secara optimal.
• Memastikan pelaksanaan evaluasi kinerja seluruh karyawan. • Membina hubungan kerjasama yang harmonis dengan seluruh
2. Chief Finance & Accounting
Tugas dan tanggung jawab Chief Finance & Accounting terbagi menjadi beberapa bidang :
- M embuat perencanaan budget
• Menyusun rencana kerja dan anggaran. • Membuat proyeksi keuangan perusahaan. • Melakukan penilaian terhadap aset perusahaan. - M emonitor kinerja keuangan perusahaan
• Membuat inventarisasi dan dokumentasi atas semua transaksi, aset perusahaan dan dokumen.
• Membuat dan menganalisa laporan kerja bulanan. • Me-review laporan keuangan.
- Kegiatan rutin finance dan accounting • Memeriksa voucher pengeluaran.
• Memonitor penerimaan dan pengeluaran uang perusahaan. • Membayar gaji karyawan.
• Bertanggung jawab untuk mengelola dana yang ada. 3. Business Development Manager
Tugas dan tanggung jawab Business Development Manager terbagi menjadi beberapa bidang :
- Perencanaan dan Pengembangan Sumber Daya M anusia • Mempersiapkan rencana kebutuhan tenaga kerja. • Melaksanakan proses seleksi dan rekrutmen karyawan.
• Mengatur hubungan kerja karyawan dengan perusahaan. - M engkoordinasikan pelaksanaan tugas-tugas administrasi
• Membuat dan menganalisa laporan kerja bulanan Departemen HRD dan GA.
• Melakukan koordinasi dan interaksi dengan instansi pemerintah.
- M enangani General Affairs
• Melakukan pendataan dan pemeriksaan inventaris perusahaan. • Mewakili perusahaan dalam menangani masalah-masalah
hukum.
4. Operational Manager
Tugas dan tanggung jawab Operational Manager terbagi menjadi beberapa bidang :
- Management
• Merencanakan dan melaksanakan program improvement pada bisnis development.
- Hubungan dengan Keuangan dan Accounting
• Bertanggung jawab dalam penyusunan dan review anggaran
budget tahunan.
• Me-review, bertanggung jawab dan menjamin kebenaran data atas laporan keuangan bulanan.
• Mengarahkan departemen Promotion dan Event untuk menjalankan rencana kerja yang telah ditetapkan.
• Review rencana dan pelaksanaan advertising dan promosi. 5. Chief Engineer
Tugas dan tanggung jawab Chief Engineer terbagi menjadi beberapa bidang :
- M embuat perencanaan sistem maintenance
• Menyusun rencana kerja dan anggaran tahunan untuk kebutuhan engineering.
• Membuat perencanaan jadwal inspeksi rutin tahunan mengenai kelayakan penggunaan sarana dan fasilitas bangunan.
- M engkoordinasikan kegiatan Departemen Engineering.
• Menerapkan sistem dan prosedur yang berlaku secara efektif. • Memastikan gedung dan fasilitasnya beroperasi sesuai
rencana.
- M emastikan penanganan permintaan pekerjaan dari tenant.
• Mengawasi, 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 :
• Mempersiapkan rencana kebutuhan tenaga kerja sesuai dengan struktur organisasi yang disahkan.
• Melaksanakan proses seleksi dan rekrutmen karyawan.
• Mempersiapkan rencana, pelaksanaan dan evaluasi training karyawan.
- M engkoordinasikan pelaksanaan tugas-tugas administrasi.
• Membuat dan menganalisa laporan kerja bulanan Departemen HRD dan GA.
• Pengawasan administrasi kepersonaliaan, termasuk payroll. - M enangani General Affairs.
• Melakukan pendataan dan pemeriksaan inventaris perusahaan. • Menjaga kelengkapan dan pembaharuan perizinan.
- M elakukan koordinasi dengan Departemen lain. 7. 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 rencana budget yang dibutuhkan untuk
- 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.
• Mengkaji ulang sistem dan prosedur kerja customer service secara periodik.
• Melaksanakan dan mengawasi operasional customer service sehari-hari.
• Melakukan penelitian dan survei terhadap customer untuk meningkatkan pelayanan.
- M e-manage kegiatan customer service. • Merencanakan budget customer service. • Mengkoordinasikan kegiatan customer service. • Menjalin hubungan baik dengan pelanggan / tenant. • Menangani keluhan para pelanggan.
• Menjalin hubungan baik dengan pelanggan / tenant.
• Melakukan follow-up ke bagian terkait untuk penyelesaian keluhan pelanggan / tenant sampai tuntas.
• Mengendalikan desain/tata ruang yang diajukan pelanggan sesuai standar spesifikasi gedung sebelum memberikan izin renovasi.
• Memastikan realisasi tata ruang sesuai dengan desain yang disepakati.
- M elaksanakan kegiatan administrasi. • Memeriksa kebenaran laporan.
• Memeriksa kerapian dan keteraturan penanganan surat atau dokumen.
• Pendataan tenant. 9. Chief Event and Promo
Tugas dan tanggung jawab Chief Event and Promo terbagi menjadi beberapa bidang :
- M emasarkan Common Area
• Mengkoordinasikan penetapan harga pameran.
• Mengklasifikasikan dan menyeleksi produk yang dijual di pameran.
• Memberikan pelayanan kepada pelanggan dalam mempersiapkan fasilitas yang diperlukan dalam penyewaan
common area.
- M engkoordinasikan persiapan penyelenggaraan pameran.
• Melakukan koordinasi dengan organizer pameran untuk persiapan pelaksanaan pameran.
• Mengadakan pengawasan untuk penyelenggaraan pameran. - M engevaluasi penyelenggaraan pameran yang diadakan.
• Mengevaluasi 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
• Menjadikan Bekasi Cyber Park sebagai pusat pelayanan solusi Teknologi. • Menjadikan 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.
• Membantu mewujudkan program pemerintah dalam implementasi dan pengembangan teknologi komunikasi dan informasi khususnya pada bidang
e-government.
• Memberikan dan menyediakan suatu layanan infrastruktur, dan jasa jaringan internet untuk kantor dan unit kerja pada pemerintah pusat dan daerah.
• Mensosialisasikan layanan teknologi telekomunikasi berbasis internet kepada pemerintah pusat dan daerah.
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 satu-satunya 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.
- 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 toko-toko dan berbagai produk yang ada di Bekasi Cyber Park. Kekurangan yang ada pada
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.
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% 78% Artikel Internet Iklan Teman
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.
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%
6% 26%
39% Lokasi strategis
Sarana & Produk Lengkap Tempat Nyaman Semua Benar
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.
3. Apakah yang menjadi tujuan anda mengunjungi Bekasi Cyber Park ?
• Belanja 3 responden
• Bersantai 19 responden
• Makan & M inum 7 responden • Sekedar berkeliling 2 responden
10% 61% 23% 6% Belanja Bersantai Makan & Minum Sekedar Berkeliling
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.
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
3% 6% 81% 10% Sangat Kesulitan Kesulitan Biasa Saja Tidak Kesulitan
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.
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% 36% 26% 19% Sangat Yakin Yakin Sedikit Yakin Tidak Yakin
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.
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 29% 19% 29% 23% < 5 menit 5 - 10 menit 11 - 20 menit > 20 menit
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.
7. Seberapa sering Anda menggunakan fasilitas internet?
• Sering 20 responden
• Biasa saja 7 responden
• Jarang 2 responden
• Tidak pernah 2 responden
65% 23% 6% 6% Sering Biasa Saja Jarang Tidak Pernah
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.
8. Biasanya Anda menggunakan fasilitas internet untuk hal apa saja?
• Browsing 18 responden
• Chatting 7 responden
• Kirim e-mail 1 responden
• Download 5 responden 58% 23% 3% 16% Browsing Chatting Kirim e-mail 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 sarana penyampaian informasi yang efektif?
• Sangat Setuju 21 responden
• Setuju 8 responden
• Biasa saja 2 responden
68% 26% 6% 0% Sangat Setuju Setuju Biasa Saja Tidak Setuju
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
29% 48% 23% 0% Sangat Perlu Perlu Biasa Saja Tidak Perlu
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
6% 3% 0%
91%
Informasi Kios Jadwal Program & Acara Informasi Produk Unggulan Semua Benar
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
39% 39% 19% 3% Sangat Perlu Perlu Biasa Saja Tidak Perlu
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%
91%
Sebatas Animasi Teks & Gambar Video Semua Benar
Kesimpulan :
Sebanyak 28 responden merasa telah mengenal komponen-komponen 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
32% 68% 0% 0% Sangat Setuju Setuju Biasa Saja Tidak Setuju
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.
15. M enurut anda, apakah manfaat Multimedia dalam website Bekas i Cyber Park?
• Website jadi lebih menarik 9 responden • Menambah Pengetahuan 3 responden • Informasi menjadi lebih lengkap & jelas 17 responden
• Biasa Saja 1 responden
30%
10% 57%
3% Website jadi lebih menarik
Menambah pengetahuan I nformasi menjadi lebih lengkap & j elas
Biasa Saja
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 :
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:
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.
3.9 Perancangan Aplikasi yang Diusulkan
3.9.1 Model Use-Case Sistem yang dirancang System
actU ser
actAdm in masu kkan ko men ta r
li ha t kom entar
sew a kio s li hat kio s ya ng
terse di a
log in a dmin
h apu s gal eri ha pu s ko men ta r
tamb ah ki os ba ru
u bah ki os
masuk kan kio s koso ng
ma sukka n acara
ub ah ac ara
h apu s acara
masu kkan b erita ba ru hap us be rita u bah b eri ta l og out ad min ma sukka n ga leri hap us kio s
u bah sta tu s sewa kios l iha t se wa kio s ub ah ga le ri ub ah ad min l ih at ki os l ih at g al eri l iha t a cara l iha t b erita
Pada gambar 3.17 Use Case Sistem, terdapat dua aktor dan 27 use-case. Berikut akan dijelaskan mengenai penjelasan diagram diatas :
1. Administrator :
• Melakukan Login • Mengubah admin • Melihat komentar • Menghapus komentar • Menambah kios baru • Mengubah kios • Menghapus kios
• Memasukkan kios kosong • Melihat sewa kios
• Mengubah status sewa kios • Memasukkan acara
• Mengubah acara • Menghapus acara
• Memasukkan berita baru • Mengubah berita • Menghapus berita • Memasukkan galeri • Mengubah galeri • Menghapus galeri • Melakukan logout
2. User :
• Melihat kios yang ada • Melihat berita
• Melihat acara • Melihat galeri
• Memasukkan komentar • Melihat komentar
• Melihat kios yang tersedia • Mengisi 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 Deskripsi Use-Case Sistem yang dirancang 1. M elakukan login
Tabel 3.1 Deskripsi use-case melakukan login
Use-Case : Melakukan Login
Aktor : Admin
Tujuan : Untuk masuk ke halaman Utama dari sistem.
Prakondisi : Admin harus mempunyai username,
password, dan Inisial Jabatan. Ringkasan :
Langkah-langkah:
Aksi Aktor Response Sistem
1. Admin harus memasukkan username, password dan inisial jabatan.
4. M asuk ke halaman utama khusus admin
2. Cek Database.
3. Jika seluruh kondisi true, arahkan ke halaman Utama khusus admin.
2. M engubah Admin
Tabel 3.2 Deskripsi use-case mengubah admin
Use-Case : Melakukan Login
Aktor : Admin
Tujuan : Untuk mengubah detail admin.
Prakondisi : Admin harus login terlebih dahulu pada
halaman utama. Ringkasan :
Langkah-langkah:
Aksi Aktor Response Sistem
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
2. Cek Database.
3. Jika seluruh kondisi true, arahkan ke halaman Utama khusus admin.
7. Update database admin, tampilkan di halaman admin.
3. Lihat komentar
Tabel 3.3 Deskripsi use-case lihat komentar
Use-Case : Lihat komentar
Aktor : User dan Admin
Tujuan : Lihat komentar, tambah komentar
Prakondisi : User dan Admin harus masuk ke halaman
utama Ringkasan :
Langkah-langkah :
Aksi actor Respon sistem
1. M asuk ke halaman utama 3. Lihat dan tambah komentar
2. Tampilkan komentar di halaman utama
4. Update komentar yang ditambah, tampilkan di halaman utama.
4. Hapus komentar
Tabel 3.4 Deskripsi use-case hapus komentar
Aktor : Admin
Tujuan : M enghapus komentar.
Prakondisi : Admin harus login terlebih dahulu pada
halaman utama. Ringkasan :
Langkah-langkah :
Aksi actor Respon sistem
1. M asuk ke halaman utama dan melakukan login.
4. M asuk ke halaman lihat komentar. 5. Pilih komentar.
6. Tekan tombol hapus.
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.
5. M enambah kios baru
Tabel 3.5 Deskripsi use-case menambah kios baru
Use-Case : Menambah kios baru
Aktor : Admin
Tujuan : M emasukkan detail kios baru
Prakondisi : Admin harus login terlebih dahulu pada
halaman utama Ringkasan :
Langkah-langkah :
Aksi actor Respon sistem
1. M asuk ke halaman utama dan melakukan login.
4. Admin masuk ke halaman kios. 5. Admin menekan tombol kios. 6. M asukkan data yang diperlukan.
2. Cek database
3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman kios. 7. Update database kios, tampilkan di halaman kios.
6. Ubah kios
Tabel 3.6 Deskripsi use-case ubah kios
Use-Case : Ubah kios
Aktor : Admin
Tujuan : M engubah detail kios
halaman utama Ringkasan :
Langkah-langkah :
Aksi actor Respon system
1. M asuk ke halaman utama dan melakukan login.
4. M asuk ke halaman kios. 5. Pilih kios.
6. M enekan tombol ubah kios. 7. M asukkan data yang diperlukan.
2. Cek database.
3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman kios. 8. Update database kios, tampilkan pada halaman kios.
7. Hapus kios
Tabel 3.7 Deskripsi use-case hapus kios
Use-Case : Hapus kios
Aktor : Admin
Tujuan : M enghapus detail kios
Prakondisi : Admin harus login terlebih dahulu pada
halaman utama Ringkasan :
Langkah-langkah :
Aksi actor Respon system
1. M asuk ke halaman utama dan melakukan login
4. M asuk ke halaman kios. 5. Pilih kios.
6. M enekan tombol hapus kios.
2. Cek database.
3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman kios. 7. Update database kios, tampilkan di halaman kios
8. M emasukkan Kios kosong
Tabel 3.8 Deskripsi use-case mamasukkan kios kosong
Use-Case : Memasukkan kios kosong
Aktor : Admin
Tujuan : M emasukkan detail kios kosong
Prakondisi : Admin harus login terlebih dahulu pada
halaman utama Ringkasan :
Langkah-langkah :
Aksi actor Respon sistem
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.
2. Cek database
3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman kios. 7. Update database kios, tampilkan di halaman kios.
9. Lihat sewa kios
Tabel 3.9 Deskripsi use-case lihat status sewa kios
Use-Case : Melihat status sewa kios
Aktor : Admin
Tujuan : M elihat status sewa kios, apakah belum terisi atau telah dipesan
Prakondisi : Admin harus login terlebih dahulu pada halaman utama
Ringkasan : Langkah-langkah :
Aksi actor Respon system
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.
2. Cek database.
3. Jika semua kondisi diterima, tampilkan halaman khusus admin.
10. M engubah status sewa kios
Tabel 3.10 Deskripsi use-case mengubah status sewa kios
Use-Case : Mengubah status sewa kios
Aktor : Admin
Tujuan : M engubah status yang belum terisi menjadi telah dipesan
Prakondisi : Admin harus login terlebih dahulu pada halaman utama
Ringkasan : Langkah-langkah :
Aksi actor Respon sistem 1. M asuk ke halaman utama.
4. M asuk ke halaman kios. 5. Pilih kios.
6. M enekan tombol ubah status kios .
2. Cek database.
3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman kios. 7. Update database kios, tampilkan di halaman kios
11. M asukkan acara
Tabel 3.11 Deskripsi use-case masukkan acara
Use-Case : Masukkan acara
Aktor : Admin
Tujuan : M emasukkan detail acara yang akan
ditampilkan
Prakondisi : Admin harus login terlebih dahulu pada halaman utama
Ringkasan : .
Langkah-langkah :
Aksi actor Respon sistem
1. M asuk ke halaman utama dan melakukan login.
4. M asuk ke halaman acara.
5. M enekan tombol masukkan acara
2. Cek database.
3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman acara.
12. Ubah acara
Tabel 3.12 Deskripsi use-case ubah acara
Use-Case : Ubah acara
Aktor : Admin
Tujuan : M engubah detail acara
Prakondisi : Admin harus login terlebih dahulu pada halaman utama
Ringkasan : Langkah-langkah :
Aksi actor Respon sistem
1. M asuk ke halaman utama dan melakukan login.
4. M asuk ke halaman acara.
2. Cek database.
3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman acara.
5. Lihat detail acara 6. M enekan tombol ubah
13. Hapus acara
Tabel 3.13 Deskripsi use-case hapus acara
Use-Case : Hapus acara
Aktor : Admin
Tujuan : M enghapus detail acara
Prakondisi : Admin harus login terlebih dahulu pada halaman utama
Ringkasan : Langkah-langkah :
Aksi actor Respon sistem
1. M asuk ke halaman utama dan melakukan login.
4. M asuk ke halaman acara. 5. Lihat detail acara
6. M enekan tombol hapus
2. Cek database.
3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman acara.
14. M asukkan berita baru
Tabel 3.14 Deskripsi use-case masukkan berita baru
Use-Case : Masukkan berita baru
Aktor : Admin
Tujuan : M emasukkan berita baru
Prakondisi : Admin harus login terlebih dahulu pada halaman utama
Ringkasan : Langkah-langkah :
Aksi actor Respon sistem
1. M asuk ke halaman utama dan melakukan login.
4. M asuk ke halaman berita.
5. M enekan tombol masukkan berita.
2. Cek database.
3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman berita.
15. Ubah berita
Tabel 3.15 Deskripsi use-case ubah berita
Use-Case : Ubah berita
Aktor : Admin
Tujuan : M engubah berita
Prakondisi : Admin harus login terlebih dahulu pada halaman utama
Ringkasan : Ubah berita jika ada yang kurang. Langkah-langkah :
Aksi actor Respon sistem
1. M asuk ke halaman utama dan melakukan login.
4. M asuk ke halaman berita. 5. Lihat berita.
6. Pilih berita.
7. M enekan tombol masukkan berita.
2. Cek database.
3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman berita.
16. Hapus berita
Tabel 3.16 Deskripsi use-case hapus berita
Use-Case : Hapus berita
Aktor : Admin
Tujuan : M enghapus berita
Prakondisi : Admin harus login terlebih dahulu pada halaman utama
Ringkasan : Langkah-langkah :
Aksi actor Respon sistem
1. M asuk ke halaman utama dan melakukan login.
4. M asuk ke halaman berita. 5. Lihat berita.
6. Pilih berita
7. M enekan tombol hapus.
2. Cek database.
3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman berita.
17. M asukkan galeri
Tabel 3.17 Deskripsi use-case masukkan galeri
Use-Case : Masukkan gambar
Aktor : Admin
Tujuan : M emasukkan gambar
Prakondisi : Admin harus login terlebih dahulu pada halaman utama
Ringkasan : Langkah-langkah :
Aksi actor Respon sistem
1. M asuk ke halaman utama dan melakukan login.
4. M asuk ke halaman galeri.
5. M enekan tombol masukkan gambar.
2. Cek database.
3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman galeri.
18. Ubah galeri
Tabel 3.18 Deskripsi use-case ubah galeri
Use-Case : Ubah berita
Aktor : Admin
Tujuan : M engubah galeri
Prakondisi : Admin harus login terlebih dahulu pada halaman utama
Ringkasan : Ubah galeri jika ada yang diperlukan. Langkah-langkah :
Aksi actor Respon sistem
1. M asuk ke halaman utama dan melakukan login.
4. M asuk ke halaman galeri. 5. Lihat galeri.
6. Pilih galeri yang akan diubah. 7. M engubah galeri.
2. Cek database.
3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman galeri.
19. Hapus galeri
Tabel 3.19 Deskripsi use-case hapus galeri
Use-Case : Hapus gambar
Aktor : Admin
Tujuan : M enghapus gambar
Prakondisi : Admin harus login terlebih dahulu pada halaman utama
Ringkasan : Langkah-langkah :
Aksi actor Respon sistem
1. M asuk ke halaman utama dan melakukan login.
4. M asuk ke halaman galeri. 5. Pilih gambar.
6. M enekan tombol hapus
2. Cek database.
3. Jika semua kondisi diterima, tampilkan halaman khusus admin beserta halaman galeri.
20. Logout
Tabel 3.20 Deskripsi use-case logout
Use-Case : Logout
Aktor : Admin
Tujuan : Keluar dari akun
Prakondisi : Admin harus login terlebih dahulu pada halaman utama
Ringkasan : Langkah-langkah :
Aksi actor Respon sistem
1. M asuk ke halaman utama dan melakukan login.
4. M enekan tombol logout.
2. Cek database.
3. Jika semua kondisi diterima, tampilkan halaman khusus admin.
5. Hapus session.
21. M emasukkan komentar
Tabel 3.21 Deskripsi use-case user memasukkan komentar
Aktor : User
Tujuan : M emberikan komentar
Prakondisi : User harus isi data yang diperlukan
Ringkasan : Langkah-langkah:
Aksi Aktor Response Sistem
1. M asuk ke halaman utama. 2. M asukkan komentar.
3. Jika semua kondisi diterima, maka database berhasil di update.
22. Lihat kios yang tersedia
Tabel 3.22 Deskripsi use-case lihat kios yang tersedia
Use-Case : Lihat kios yang tersedia
Aktor : User
Tujuan : Untuk melihat kios yang masih tersedia.
Prakondisi : User harus masuk ke halaman kios dan
melihat kios yang masih tersedia. Ringkasan :
Langkah-langkah :
Aksi actor Respon system
1. M asuk ke halaman kios 2. Lihat detail kios
3. Klik tombol sewa kios untuk melihat kios yang belum terisi dan telah dipesan.
3. Tampilkan kios yang masih bisa dipesan.
23. Isi form sewa kios
Tabel 3.23 Deskripsi use-case isi form sewa kios
Use-Case : Isi form sewa kios
Aktor : User
Tujuan : M elakukan pemesanan kios
Prakondisi : User harus masuk ke halaman kios
Ringkasan : User harus melihat status sewa apakah belum
terisi atau telah dipesan pada detail kios Langkah-langkah :
Aksi actor Respon system
2. M enekan tombol sewa kios
3. Lihat daftar kios berdasarkan status 4. Isi data yang diperlukan
6. Jika semua kondisi diterima, tampilkan data kios yang telah di pesan
24. M elihat Kios
Tabel 3.24 Deskripsi use-case melihat kios
Use-Case : Lihat detail kios yang ada
Aktor : User
Tujuan : Untuk melihat detail kios yang ada.
Prakondisi : User harus masuk ke halaman kios dan
melihat kios. Ringkasan :
Langkah-langkah :
Aksi actor Respon system
1. M asuk ke halaman kios 2. Lihat detail kios
4. Pilih berdasarkan kategori kios.
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 : Lihat berita yang ada
Aktor : User
Tujuan : Untuk melihat berita-berita yang ada. Prakondisi : User harus masuk ke halaman berita.
Ringkasan : Langkah-langkah :
Aksi actor Respon system
2. Lihat berita
26. M elihat Acara
Tabel 3.26 Deskripsi use-case lihat acara
Use-Case : Lihat daftar acara yang ada
Aktor : User
Tujuan : Untuk melihat daftar acara.
Prakondisi : User harus masuk ke halaman acara.
Ringkasan : Langkah-langkah :
Aksi actor Respon system
1. M asuk ke halaman acara 2. Lihat berita
4. M elakukan pencarian berdasarkan nama acara.
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.
27. M elihat Galeri
Tabel 3.27 Deskripsi use-case lihat galeri
Use-Case : Lihat galeri
Aktor : User
Tujuan : Untuk melihat gambar dan video dalam
galeri.
Prakondisi : User harus masuk ke halaman galeri.
Ringkasan : Langkah-langkah :
Aksi actor Respon system
1. M asuk ke halaman galeri 2. Lihat detail kios
4. Klik tombol nama gambar yang diinginkan.
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.
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 :
+ubah kios() +hapus kios()
+masukkan kios kosong() - PK kdKios : int - namaKios : Str ing - FK kdJenisDagang : String - lokasi : Str ing - noTelpKios : String - FK kdStatus : String - FK kdPemilik : int kios +masukkan acara() +ubah acara() +hapus acara() -PK kdAcar a : int -namaAcara : Str ing -tanggalMulai : Date -tanggalSelesai : Date -lokasi : String -partner : String acara +masukkan berita() +ubah berita() +hapus berita() -PK kdBer ita : int -judulBerita : Str ing -isiBerita : Str ing -tanggalPosting : String berit a +masukkan komentar( ) +lihat komentar () +hapus komentar () -PK kdKomentar : int -nama : String -isiKomentar : Str ing -tanggalKomentar : String koment ar +login() +ubah admin() +logout() -PK idAdmin : int -username : Str ing -password : String -inisial : String ad min
+lihat kios yang tersedia() +isi form sewa kios() +ubah status sewa kios( ) -PK idUser : int -namaPemilik : String -alamat : String -namaKios : String -email : String -noTelp : Str ing -FK kdKios : String -FK kdJenisDagang : String -FK kdStatus : String sewaKios +simpan komentar() +pesan kios() user 1 0..* 1 0..* 1 1..* 1 0..* 1 0..* 0..* 1 +masukkan gambar( ) +ubah gambar( ) +hapus gambar () -PK kdGaleri : int -nama : String -keterangan : String -url : String galeri 1 0..*
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 :
• 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 :
a. Sequence diagram login admin
actadmin
aplikasi admin database
buka halaman() login()
pesan berhasil()
cek login()
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.
b. Sequence diagram lihat komentar
a ctadmin
ap likasi da taba se
b uka ha la man ()
load d atab ase()
tampilka n komentar() actu se r
buka h alama n()
ta mpilkan komenta r()
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.
c. Sequence diagram hapus komentar
actadmin
aplikasi admin dat abase
buka halaman() login() pesan berhasil() hapus komentar() tampilkan data() delete() pilih 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.
d. Sequence diagram menambah detail kios baru
actad min
aplikasi admin da tabase
buka ha la man() login()
pesan berhasil()
masu kkan deta il kios()
in se rt()
Gambar 3.22 Sequence diagram menambah detail kios baru Dari Gambar 3.22 dapat dijelaskan prosesnya sebagai berikut :
1. Admin membuka halaman aplikasi.
2. Admin melakukan login.
3. Admin memasukkan detail setiap kios baru.
4. Data dimasukkan ke dalam database.
e. Sequence diagram ubah kios
acta dmin
a plika si ad min data base
b uka ha la man ()
log in () p esan berhasil()
ubah det ail kios() t amp ilkan data ()
up date ()
p ilih de tail kio s()
Gambar 3.23 Sequence diagram ubah kios Dari Gambar 3.23 dapat dijelaskan prosesnya sebagai berikut : 1. Admin membuka halaman aplikasi.
2. Admin melakukan login.
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.
f. Sequence diagram hapus kios
a ctad min
aplikasi admin database
buka halaman() lo gin()
pesan berhasil()
de lete() pilih kios()
hapus kio s()
tampilkan data()
Gambar 3.24 Sequence diagram hapus kios Dari Gambar 3.24 dapat dijelaskan prosesnya sebagai berikut : 1. Admin membuka halaman aplikasi.
2. Admin melakukan login.
3. Admin memilih kios yang diinginkan. 4. Admin menghapus kios yang telah dipilih. 5. Data dihapus dari dalam database.
6. Aplikasi menampilkan pesan bahwa hapus kios berhasil. 7. Aplikasi menampilkan data kios yang ada.
g. Sequence diagram memasukkan kios kosong
actad min
aplikasi adm in da tabase
buka ha la man() login()
pesan berhasil()
masu kkan deta il kios()
in se rt()
Gambar 3.25 Sequence diagram menambah detail kios baru Dari Gambar 3.25 dapat dijelaskan prosesnya sebagai berikut :
1. Admin membuka halaman aplikasi.
2. Admin melakukan login.
3. Admin memasukkan detail kios kosong.
4. Data dimasukkan ke dalam database.
5. Halaman aplikasi menampilkan pesan bahwa insert kios kosong berhasil
h. Sequence diagram masukkan komentar aplikasi database insert() actuser buka halaman() pesan berhasil() komentar tulis komentar()
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. Data dimasukkan ke dalam database.
i. Sequence diagram isi form sewa kios actu ser a plikasi database buka halama n() pesan b erhasil() insert() form isi form()
Gambar 3.27 Sequence diagram isi form sewa kios Dari Gambar 3.27 dapat dijelaskan prosesnya sebagai berikut :
1. user membuka halaman aplikasi.
2. user mengisi form penyewaan kios.
3. Data dimasukkan ke dalam database.
4. Halaman aplikasi mengirim pesan bahwa pengisian form sewa kios berhasil.
j. Sequence diagram lihat kios yang tersedia actuser aplikasi database buka halaman() pesan berhasil() tampilkan() cek database()
Gambar 3.28 Sequence diagram lihat kios yang tersedia Dari Gambar 3.28 dapat dijelaskan prosesnya sebagai berikut :
1. user membuka halaman aplikasi.
2. Data diambil dari dalam database. 3. Data ditampilkan ke dalam aplikasi.
k. Sequence diagram lihat status sewa kios
actadm in
ap likasi a dmin d ataba se
bu ka halama n()
login() lihat sta tus sewa kios() ta mpilka n data ()
loa d dat abase()
Gambar 3.29 Sequence diagram lihat status sewa kios Dari Gambar 3.29 dapat dijelaskan prosesnya sebagai berikut : 1. Admin membuka halaman aplikasi.
2. Admin melakukan login.
3. Halaman admin mengambil data dari database. 4. Admin melihat status sewa kios.
l. Sequence diagram ubah status sewa kios
actadmi n
aplikasi admin database
buka halaman() login()
pesan berhasil()
ubah stat us sewa kios() tampilkan dat a()
update() pilih form sewa kios()
Gambar 3.30 Sequence diagram ubah status sewa kios Dari Gambar 3.30 dapat dijelaskan prosesnya sebagai berikut : 1. Admin membuka halaman aplikasi.
2. Admin melakukan login.
3. Admin memilih form sewa kios yang diinginkan.
4. Admin mengubah status sewa kios.
5. Data di-update ke dalam database.
6. Aplikasi menampilkan pesan bahwa ubah status berhasil. 7. Aplikasi menampilkan status sewa kios yang ada.
m. Sequence diagram masukkan acara
actadmin
aplikasi admin dat abase
buka halaman()
login() pesan berhasil() masukkan acara() tampilkan data()
insert()
Gambar 3.31 Sequence diagram masukkan acara Dari Gambar 3.31 dapat dijelaskan prosesnya sebagai berikut : 1. Admin membuka halaman aplikasi.
2. Admin melakukan login.
3. Admin memasukkan daftar acara baru.
4. Data dimasukkan ke dalam database.
5. Aplikasi menampilkan pesan bahwa masukkan acara berhasil. 6. Aplikasi menampilkan daftar acara yang ada.
n. Sequence diagram ubah acara
actadmin
a plikasi adm in database
buka halaman() login() pesan berhasil() ubah acara() tampilkan data() update() pilih acara()
Gambar 3.32 Sequence diagram ubah acara Dari Gambar 3.32 dapat dijelaskan prosesnya sebagai berikut : 1. Admin membuka halaman aplikasi.
2. Admin melakukan login.
3. Admin memilih acara yang diinginkan.
4. Admin mengubah acara tersebut.
5. Data di-update ke dalam database.
6. Aplikasi menampilkan pesan bahwa ubah acara berhasil. 7. Aplikasi menampilkan daftar acara yang ada.
o. Sequence diagram hapus acara
act admin
aplikasi admin data base
bu ka hala man() login() pe sa n berhasil() h apus acara () ta mpilkan d ata() delete () pilih acara()
Gambar 3.33 Sequence diagram hapus acara Dari Gambar 3.33 dapat dijelaskan prosesnya sebagai berikut : 1. Admin membuka halaman aplikasi.
2. Admin melakukan login.
3. Admin memilih acara yang diinginkan.
4. Admin menghapus acara tersebut.
5. Data dihapus dari dalam database.
6. Aplikasi menampilkan pesan bahwa hapus acara berhasil. 7. Aplikasi menampilkan daftar acara yang ada.
p. Sequence diagram masukkan berita baru
actadmin
aplikasi admin database
buka halaman()
login() pesan berhasil() masukkan berita baru() tampilkan data()
insert()
Gambar 3.34 Sequence diagram masukkan berita baru Dari Gambar 3.34 dapat dijelaskan prosesnya sebagai berikut : 1. Admin membuka halaman aplikasi.
2. Admin melakukan login.
3. Admin memasukkan berita baru.
4. Data dimasukkan ke dalam database.
5. Aplikasi menampilkan pesan bahwa masukkan berita baru berhasil. 6. Aplikasi menampilkan berita yang ada.
q. Sequence diagram ubah berita
actadmin
a plikasi ad min databa se
buka ha la man()
login() pesan berh asil()
u bah be rita() tam pilkan d ata()
up date()
pilih berita()
Gambar 3.35 Sequence diagram ubah berita
Dari Gambar 3.35 dapat dijelaskan prosesnya sebagai berikut : 1. Admin membuka halaman aplikasi.
2. Admin melakukan login.
3. Admin memilih berita yang diinginkan.
4. Admin mengubah berita tersebut.
5. Data di-update ke dalam database.
6. Aplikasi menampilkan pesan bahwa ubah berita berhasil. 7. Aplikasi menampilkan berita yang ada.
r. Sequence diagram hapus berita
act admin
aplikasi admin database
buka halaman()
login() pesan berhasil()
hapus berita() tampilkan dat a()
delete()
pilih berita()
Gambar 3.36 Sequence diagram hapus berita Dari Gambar 3.36 dapat dijelaskan prosesnya sebagai berikut : 1. Admin membuka halaman aplikasi.
2. Admin melakukan login.
3. Admin memilih berita yang diinginkan.
4. Admin menghapus berita tersebut.
5. Data dihapus dari dalam database.
6. Aplikasi menampilkan pesan bahwa hapus berita berhasil. 7. Aplikasi menampilkan berita yang ada.
s. Sequence diagram masukkan gambar
actadmin
aplikasi admin database
buka halaman( )
login() pesan berhasil() masukkan gambar( ) tampilkan data()
insert()
Gambar 3.37 Sequence diagram masukkan gambar Dari Gambar 3.37 dapat dijelaskan prosesnya sebagai berikut : 1. Admin membuka halaman aplikasi.
2. Admin melakukan login.
3. Admin memasukkan gambar.
4. Data dimasukkan ke dalam database.
5. Aplikasi menampilkan pesan bahwa masukkan gambar berhasil. 6. Aplikasi menampilkan gambar yang ada.
t. Sequence diagram hapus gambar
actad min
ap likasi a dmin dat abase
buka h alama n()
lo gin() pesan berhasil()
h apus g amb ar() tampilkan data ()
d ele te()
pilih gambar()
Gambar 3.38 Sequence diagram hapus gambar Dari Gambar 3.38 dapat dijelaskan prosesnya sebagai berikut : 1. Admin membuka halaman aplikasi.
2. Admin melakukan login.
3. Admin memilih gambar yang diinginkan.
4. Admin menghapus gambar tersebut.
5. Data dihapus dari dalam database.
6. Aplikasi menampilkan pesan bahwa hapus gambar berhasil. 7. Aplikasi menampilkan gambar yang ada.
u. Sequence diagram logout admin
actadmin
aplik asi admin
buka halaman() logout()
pesan berhasil()
Gambar 3.39 Sequence diagram logout admin Dari Gambar 3.39 dapat dijelaskan prosesnya sebagai berikut : 1. Admin membuka halaman aplikasi.
2. Admin melakukan logout.
Rancangan activity diagram yang dihasilkan dari sequence diagram dari sistem yang dirancang, yaitu :
1. Activity Diagram admin login
login validasi admin buat session pesan error [valid] [invalid] / insert dat a [admin] logout halaman admin
2. Activity Diagram pengelolaan kios
halaman admin [admin]
kios
masukkan kios ubah kios hapus kios
/ inser t / update / delete
simpan database ubah database hapus database
3. Activity Diagram pengelolaan lainnya
ha laman admin [a dmin]
gale ri
masukkan gamba r hapus gambar / insert
/ del ete
simpan databa se
ha pus data base a ca ra be rita ub ah berita / update u bah database ub ah acara / update ubah databa se komentar h apus komentar
masu kka n b erita h apus berita
/ i nsert / de lete
simpan database hapu s databa se masukkan acara
/ in se rt
simpa n d ata base masukkan komentar
/ insert
simpan da tab ase
/ de lete
hapus database
hapu s acara
/ dele te
ha pus data base
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
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
idUser Integer 5 Kode pengenal sewa kios user namaPemilik Varchar 100 Nama pengenal pemilik kios
alamat Text Alamat pemilik kios
noTelp Varchar 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
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 Varchar 20
nama pengenal user yang membuat komentar
isiKomentar Varchar 100 Isi komentar yang dikirim tanggalKomentar Varchar 50 Tanggal pembuatan komentar
