BAB 3 ANALISIS DAN PERANCANGAN SISTEM
3.1
Analisis Perusahaan
3.1.1
Sejarah Perusahaan PT. Loka Mampang Indah Realty adalah perusahaan real-estate yang didirikan
pada tahun 1990 sebagai perusahaan yang berkonsentrasi dalam bidang pengembangan properti, yang dibawahi oleh perusahaan Umawar Isasabluza, Duta Putra Mahkota dan Asco Flagships. Pada tahun 1995, PT. Loka Mampang Indah Realty menjadi sebuah perusahaan asing joint-venture yang berbasis di Singapura berdasarkan dana properti dengan SEAJAK Pte Ltd. Dari awal mula berkembangnya, PT. Loka Mampang Indah Realty dipimpin oleh Herman Soedarsono sebagai direktur utama, Achmad Umar sebagai presiden direktur dan Pingki Pangestu sebagai direktur. Proyek pertamanya yang menuai kesuksesan yaitu Mampang Arcadia Apartement yang diselesaikan pada tahun 1993. Dan selanjutnya Arcadia Office Park atau Perkantoran Hijau Arkadia yang diselesaikan pada tahun 1999, yang ternyata juga menuai kesuksesan menjadi kawasan perkantoran multinational tenant. Perkantoran Hijau Arkadia dikelola oleh building management Perkantoran Hijau Arkadia yang dibawahi oleh perusahaan PT. Loka Mampang Indah Realty. Perkantoran Hijau Arkadia merupakan kompleks perkantoran yang terletak di kawasan Jakarta Outer Ring Road, tepatnya di Jln. T.B. Simatupang Kav. 88 Jakarta Selatan.
40
41 Perkantoran Hijau Arkadia terdiri atas lima gedung yang terdiri atas 7 sampai 15 lantai dan menawarkan 40.000 m2 dari kantor dan ruangan yang dapat disewakan. Selain itu, di Perkantoran Hijau Arkadia juga tersedia fasilitas-fasilitas, seperti : lapangan golf, lapangan tenis, kolam renang, dan fasilitas lainnya yang dapat digunakan oleh karyawan tenant ataupun pengunjung. PT. Loka Mampang Indah Realty selaku pengembang Perkantoran Hijau Arkadia saat ini sedang melakukan perencanaan pengembangan Perkantoran Hijau Arkadia yaitu dengan melakukan perluasan area perkantoran dengan membangun gedung ke enam atau tower F dengan jumlah total area 20.000 m2. 3.1.2
Prosedur Sistem yang Berjalan Selama ini dalam menyediakan layanan informasi dan membantu pengunjung
Perkantoran Hijau Arkadia, PT. Loka Mampang Indah Realty menyediakan : •
Papan informasi disetiap tower Perkantoran Hijau Arkadia.
•
Customer service di lobi tiap tower untuk membantu pengunjung yang membutuhkan informasi.
•
Security staff atau staff lainnya untuk menjaga keamanan Perkantoran Hijau Arkadia dan memberikan informasi kepada para pengunjung dan yang membutuhkan.
Walaupun sarana yang disediakan cukup memberikan layanan informasi kepada pengunjung, tetapi masih terdapat beberapa kekurangan atau ketidakpraktisan. Misalnya, dalam menggunakan sarana papan informasi, jika pihak building management ingin menambah, mengubah, atau menghapus informasi yang terdapat pada papan informasi maka papan informasi harus diganti dengan yang baru sehingga memerlukan dana untuk pengubahan atau penggantian papan informasi yang baru tersebut.
42 3.2
Analisis Kebutuhan Untuk mengetahui informasi yang dibutuhkan, maka telah dilakukan survei
dengan pembagian kuisioner kepada pengunjung, karyawan tenant, front officer dan wawancara dengan building management Perkantoran Hijau Arkadia serta salah satu tenant di Perkantoran Hijau Arkadia. Berikut ini analisis hasil kuisioner yang telah disebarkan kepada 30 pengunjung, 30 karyawan tenant dan 5 front officer pada tiap tower gedung Perkantoran Hijau Arkadia. 3.2.1
Analisis Hasil Kuisioner Pengunjung
1. Apakah anda merasa kesulitan dalam mencari fasilitas-fasilitas, lokasi perusahaan dan tempat-tempat yang terdapat pada gedung Perkantoran Hijau Arkadia?
Ya
90%
Tidak
10%
Gambar 3.1 Diagram Hasil Kuisioner Pengunjung no.1
Berdasarkan hasil analisis kuisioner, diketahui bahwa sebagian besar pengunjung merasa kesulitan dalam mencari lokasi perusahaan dan fasilitas lainnya yang ada pada Perkantoran Hijau Arkadia.
43 2. Berapa lama waktu yang diperlukan untuk mendapatkan informasi yang anda butuhkan ?
< 2 menit
72%
2 - 5 menit > 5 menit 22%
6%
Gambar 3.2 Diagram Hasil Kuisioner Pengunjung no.2
Berdasarkan hasil survei, diketahui bahwa waktu yang dibutuhkan oleh para pengunjung untuk mendapatkan informasi yang dibutuhkan sebagian besar berkisar antara 2 menit hingga 5 menit.
3. Hal apa yang menyebabkan anda mengalami kesulitan dalam memperoleh informasi lokasi dan fasilitas-fasilitas yang tersedia di gedung Perkantoran Hijau Arkadia ?
Papan Informasi yang kurang jelas
68%
Informasi yang diberikan staff terbatas Lokasi yang luas dan membingungkan
15%
17%
Gambar 3.3 Diagram Hasil Kuisioner Pengunjung no.3
44 Dari hasil analisis kuisioner yang telah dibagikan kepada pengunjung, diketahui bahwa lokasi gedung Perkantoran Hijau Arkadia yang luas telah membingungkan pengunjung untuk menemukan lokasi yang dituju, papan informasi yang disediakan dalam memberikan informasi yang kurang jelas, dan informasi yang diberikan staff-staff serta customer service terbatas.
4. Apakah anda mengetahui semua fasilitas yang tersedia di dalam gedung Perkantoran Hijau Arkadia ?
94%
Ya Tidak
6%
Gambar 3.4 Diagram Hasil Kuisioner Pengunjung no.4
Dari kuisioner yang dibagikan, didapatkan informasi bahwa sebagian besar pengunjung Perkantoran Hijau Arkadia tidak mengetahui seluruh fasilitas-fasilitas yang tersedia di Arkadia.
45 5. Menurut anda informasi apa saja yang perlu disertakan dalam kios informasi Perkantoran Hijau Arkadia ?
Keterangan lokasi
19% 26%
Peta tower atau denah gedung 23% 20%
7% 5%
Fasilitas-fasilitas yang tersedia Fasilitas dan unit yang tersedia untuk disewakan Informasi fasilitas dan sarana umum disekitar Perkantoran Hijau Arkadia Acara dan Event yang akan diadakan
Gambar 3.5 Diagram Hasil Kuisioner Pengunjung no.5
Dari hasil analisis kuisioner yang dibagikan kepada pengunjung diketahui bahwa terdapat beberapa informasi yang dibutuhkan oleh pengunjung yaitu : keterangan lokasi perusahaan atau tenant,informasi mengenai fasilitas yang tersedia, acara dan event yang akan diadakan, denah atau peta gedung, informasi mengenai fasilitas dan sarana umum yang tersedia disekitar Perkantoran Hijau Arkadia, dan informasi lainnya seperti informasi mengenai fasilitas atau unit perkantoran yang tersedia untuk disewakan.
46 3.2.2 1.
Analisis Hasil Kuisioner Karyawan Tenant Jika layanan informasi di Perkantoran Hijau Arkadia diimplementasikan dengan sistem yang terkomputerisasi, informasi apa saja yang anda butuhkan untuk ditampilkan pada sistem tersebut?
53%
30%
Informasi internal perusahaan seperti berita dan acara perusahaan Fasilitas yang disediakan oleh tenant untuk karyawannya Berita dan acara yang akan diadakan di Perkantoran Hijau Arkadia
17%
Gambar 3.6 Diagram Hasil Kuisioner Karyawan Tenant
Dari hasil analisis kuisioner yang dibagikan kepada karyawan tenant diketahui bahwa terdapat beberapa informasi yang dibutuhkan oleh karyawan tenant yaitu : •
Informasi internal perusahaan seperti informasi mengenai berita perusahaan, acara yang akan diadakan perusahaan dan lainnya.
•
Informasi mengenai fasilitas-fasilitas yang disediakan oleh tenant pada karyawan tenant.
•
Informasi mengenai berita dan acara yang akan diadakan di Perkantoran Hijau Arkadia.
47 3.2.3
Analisis Hasil Kuisioner Front-Officer
1.Pertanyaan apa yang sering ditanyakan oleh pengunjung Perkantoran Hijau Arkadia ? Keterangan lokasi perusahaan/tenant
13%
31%
Fasilitas yang tersedia di Perkantoran Hijau Arkadia 30% 13%
13%
Informasi fasilitas dan sarana umum disekitar Perkantoran Hijau Arkadia Event dan acara yang akan diadakan Lainnya
Gambar 3.7 Diagram Hasil Kuisioner Front-Officer
Dari survei yang telah dilakukan terhadap front-officer di tiap tower, diketahui bahwa informasi yang sering ditanyakan oleh pengunjung Perkantoran Hijau Arkadia yaitu : •
Informasi mengenai keterangan lokasi tenant.
•
Informasi mengenai event dan acara yang akan diadakan.
•
Informasi mengenai fasilitas yang tersedia.
•
Informasi mengenai fasilitas umum disekitar Perkantoran Hijau Arkadia.
•
Informasi lainnya seperti informasi mengenai fasilitas dan unit yang disewakan.
3.3
Identifikasi Kebutuhan
3.3.1
Kebutuhan Perkantoran Hijau Arkadia Dari hasil wawancara yang telah dilakukan pada pihak buiding management
yang mengelola Perkantoran Hijau Arkadia dari PT. Loka Mampang Indah Realty, yang diwakili oleh Ibu. Rr. Nusye RN Widyastuti selaku Chief Tenant Relation and Facilities. Diketahui bahwa selama ini belum pernah terjadi pengaduan dari pengunjung maupun karyawan mengenai kurangnya penyediaan informasi di Perkantoran Hijau Arkadia. Ia
48 juga menyatakan bahwa building management Perkantoran Hijau Arkadia dari PT. Loka Mampang Indah Realty masih akan terus mengembangkan Perkantoran Hijau Arkadia dalam memberikan layanan yang baik pada para pengunjung, karyawan tenant dan tenant. Salah satunya yaitu mengembangkan layanan informasi di Perkantoran Hijau Arkadia menjadi suatu sistem yang terkomputerisasi. Untuk itu beberapa informasi yang akan ditampilkan dan diberikan pada para pengunjung, karyawan tenant, dan tenant yaitu : •
Informasi mengenai fasilitas-fasilitas yang tersedia di Perkantoran Hijau Arkadia.
•
informasi mengenai acara yang akan diadakan di Perkantoran Hijau Arkadia.
•
Informasi mengenai lokasi perusahaan tenant.
3.3.2 Kebutuhan Tenant Dari hasil wawancara yang dilakukan dengan salah satu tenant di Perkantoran Hijau Arkadia, yaitu Ibu. Ida Alaydroes selaku pemilik PT. Sarana Baku Indesain, maka diketahui bahwa informasi yang perlu ditampilkan kepada pengunjung dan karyawan yaitu : informasi mengenai tenant, informasi mengenai layanan fasilitas yang diberikan oleh tenant kepada karyawan tenant, dan berita perusahaan untuk para karyawan yang selama ini disediakan dan disampaikan dengan pemberitahuan secara manual atau dengan brosur-brosur. Oleh karena itu, mereka sangat tertarik jika penyampaian informasi dapat dilakukan dengan sistem yang terkomputerisasi, yang akan lebih memudahkan penyampaian informasi.
49 3.3.3
Kebutuhan Pengunjung Dari analisis hasil kuisioner pengunjung dan front-officer, maka dapat
diidentifikasikan beberapa kebutuhan informasi yang perlu disediakan oleh pihak Perkantoran Hijau Arkadia kepada pengunjung yaitu : •
Informasi mengenai keterangan lokasi perusahaan tenant beserta denah lokasi atau peta Perkantoran Hijau Arkadia.
•
Informasi acara dan event yang akan diadakan di Perkantoran Hijau Arkadia.
•
Informasi fasilitas-fasilitas yang tersedia di Perkantoran Hijau Arkadia beserta keterangan lokasinya atau denah lokasi.
•
Informasi mengenai fasilitas dan sarana umum disekitar Perkantoran Hijau Arkadia.
•
Informasi lainnya seperti informasi mengenai penyewaan area, fasilitas atau unit perkantoran.
3.3.4
Kebutuhan Karyawan Tenant Dari analisis hasil kuisioner karyawan tenant, maka dapat diidentifikasikan
beberapa kebutuhan informasi yang diperlukan oleh karyawan tenant, yaitu Informasi mengenai : •
Fasilitas-fasilitas yang tersedia di Perkantoran Hijau Arkadia.
•
Fasilitas yang didapatkan karyawan tenant di Perkantoran Hijau Arkadia.
•
Acara dan event yang akan diadakan di Perkantoran Hijau Arkadia.
•
Informasi lainnya seperti berita perusahaan dan jadwal atau kalender perusahaan.
50 3.4
Identifikasi Permasalahan Dari identifikasi kebutuhan yang telah dilakukan berdasarkan hasil analisis
kebutuhan, maka diketahui bahwa permasalahan yang dihadapi oleh Perkantoran Hijau Arkadia yaitu : •
Sarana penyedia informasi yang disediakan oleh pihak Perkantoran Hijau Arkadia masih belum bisa memenuhi kebutuhan pengunjung dan karyawan tenant.
3.5
Usulan Pemecahan Masalah Berdasarkan analisis kebutuhan yang dilakukan maka telah diidentifikasikan
beberapa kebutuhan dan masalah yang dihadapi Perkantoran Hijau Arkadia. Solusi yang diberikan untuk memenuhi kebutuhan tersebut yaitu dengan melakukan analisis dan perancangan untuk membangun aplikasi kios informasi berbasiskan multimedia. Aplikasi ini akan digunakan oleh pihak building manajemen Perkantoran Hijau Arkadia dalam penyediaan informasi-informasi di Perkantoran Hijau Arkadia. Selain itu, aplikasi kios informasi ini dapat membantu dan mempermudah pengunjung beserta karyawan untuk mengakses informasi yang dibutuhkan secara interaktif dengan waktu akses yang cepat. Selain itu, juga akan mempermudah building management staff Perkantoran Hijau Arkadia untuk melakukan maintenance seperti menambah informasi baru, mengubah informasi dan menghapus informasi. Aplikasi kios informasi ini dibagi menjadi dua bagian yaitu front-end dan backend. Di bagian front-end yang merupakan workstation, akan digunakan untuk menyampaikan informasi-informasi kepada pengunjung dan karyawan tenant. Sedangkan bagian server terdapat aplikasi back-end dan database yang akan digunakan
51 untuk menampilkan informasi kepada user, dan memungkinkan staff menambah informasi yang dibutuhkan, mengubah informasi dan menghapus informasi. Kios informasi ini akan diimplementasikan dalam bentuk touch-screen untuk berinteraksi dengan user .
52
3.6
Perancangan Layar dan Spesifikasi Modul (Front-End)
3.6.1
Rancangan Layar Menu Utama (Home)
Gambar 3.8 Rancangan Layar Menu Utama (Home)
Pada layar ‘Menu Utama’ atau ‘Home’ ini terdapat beberapa elemen yaitu : •
Menu utama yaitu menu : ‘Location’, ‘Facilities’, ‘News & Events’, ‘Tenant News’, ‘Public Facilities’, ‘Vacant Area’ dan ‘Help’. Yang jika menu tersebut diklik akan link ke halaman masing-masing.
•
Animasi logo arkadia pada bagian kanan atas, banner arkadia dan slide show arkadia yang terdapat dibagian bawah.
•
Video Perkantoran Hijau Arkadia.
53 -
Spesifikasi Modul Menu Utama
Modul Menu Utama Tampilkan Layar Menu Utama Lakukan jika Klik menu ‘Location’, lakukan modul Menu Location Klik menu ‘Facilities’, lakukan modul Menu Facilities Klik menu ‘News & Events’, lakukan modul Menu News & Events Klik menu ‘Tenant News’, lakukan modul Menu Tenant News Login Klik menu ‘Public Facilities’, lakukan modul Menu Public Facilities Klik menu ‘Vacant Area’, lakukan modul Menu Vacant Area Klik menu ‘Help’, lakukan modul Menu Help Akhir lakukan jika Akhir modul
3.6.2
Rancangan Layar Menu Location
Gambar 3.9 Rancangan Layar Menu Location
54 Pada layar ‘Menu Location’ ini terdapat beberapa elemen sebagai berikut : •
Menu utama : ‘Facilities’, ‘News & Events’, ‘Tenant News’, ‘Public Facilities’, ‘Home’, ‘Vacant Area’ dan ‘Help’. Yang jika menu tersebut diklik akan link ke halaman masing-masing.
•
Button- button untuk navigasi atau menampilkan informasi yang diinginkan, yaitu :
Button ← dan → , untuk menavigasi tampilan informasi tower yang dibaca dari database.
5 Button ’Tower’, yang dibaca dari database, jika button ini diklik akan menampilkan gambar dan nama tenant dari database sesuai dengan tower yang diklik.
Button ‘Prev’ dan ‘Next’, untuk navigasi tampilan informasi tenant dari database.
Button ’Search’, untuk melakukan pencarian lokasi berdasarkan nama tenant.
•
Gambar perusahaan tenant, yang jika diklik akan link ke halaman ‘Location Details’ yang menampilkan informasi dan peta lokasi tenant secara mendetail sesuai dengan yang dipilih.
•
Animasi logo arkadia.
55
Gambar 3.10 Rancangan Layar Search Location
-
Spesifikasi Modul Menu Location
Modul Menu Location Tampilkan Layar Menu Location Lakukan koneksi ke database Baca tabel msLocation Baca tabel msTower Tampilkan gambar dan namaTenant dari msLocation Tampilkan tower dari msTower Lakukan jika Klik menu ‘Facilities’, lakukan modul Menu Facilities Klik menu ‘News & Events’, lakukan modul Menu News & Events Klik menu ‘Tenant News’, lakukan modul Menu Tenant News Login Klik menu ‘Public Facilities’, lakukan modul Menu Public Facilities Klik menu ‘Help’, lakukan modul Menu Help Klik menu ‘Vacant Area’, lakukan modul Menu Vacant Area Klik menu ‘Home’, lakukan modul Menu Utama Jika klik button ’←’,
Tampilkan record sebelumnya dari msTower Akhir jika Jika klik button ’→’,
56 Tampillkan record selanjutnya dari msTower Akhir jika Jika klik button ‘Tower’, Tampilkan gambar dan namaTenant dari msLocation, dimana tower = tower yang diklik Jika klik gambar, Lakukan modul Location Details Akhir jika Jika klik button ‘Prev’, Tampilkan record sebelumnya dari msLocation Akhir jika Jika klik button ‘Next’, Tampilkan record selanjutnya dari msLocation Akhir jika Akhir jika Jika klik button ’search’, Tampilkan ’search engine’, Jika klik button ’cancel’ Tutup ’search engine’ Akhir jika Jika klik button ’search’, Lakukan modul Location Details Akhir jika Akhir jika Akhir lakukan jika Akhir modul
57 3.6.3 Rancangan Layar Location Details
Gambar 3.11 Rancangan Layar Location Details
Halaman ini menampilkan informasi mengenai tenant dan peta lokasi letak tenant sesuai dengan tenant yang diklik user pada layar ‘Menu Location’ dan menampilkan informasi tenant berdasarkan pencarian pada halaman ‘Menu Location’. Pada halaman ini juga terdapat button ‘back’, yang jika diklik akan kembali ke layar ‘Menu Location’. -
Spesifikasi Modul Location Details
Modul Location Details Tampilkan Layar Location Details Lakukan koneksi ke database Baca tabel msLocation Tampilkan record dari msLocation dimana gambar = gambar yang diklik pada modul Menu Location Tampilkan record dari msLocation dimana nama tenant seperti nama tenant pada ‘search engine’ pada modul Menu Location Jika klik button ‘back’
58 Lakukan modul Menu Location Akhir jika Akhir modul
3.6.4
Rancangan Layar Menu Facilities
Gambar 3.12 Rancangan Layar Menu Facilities
Pada layar ‘Menu Facilities’ ini terdapat beberapa elemen sebagai berikut : •
Menu utama, yaitu menu : ‘Location’, ‘News & Events’, ‘Tenant News’, ‘Public Facilities’, ‘Vacant Area’, ‘Help’ dan ‘Home’. Yang jika menu tersebut diklik akan link ke halaman masing-masing.
•
Button- button untuk menampilkan informasi dan navigasi, yaitu :
Button ← dan →, untuk navigasi tampilan informasi tipe fasilitas dari database.
59
Button ‘tipe’ untuk menampilkan tipe-tipe fasilitas yang dibaca dari database, seperti: banking, sport, food, dan lainnya.
Button ‘Prev’ dan ‘Next’, untuk navigasi tampilan informasi fasilitas dari database.
Button ’Search’, untuk melakukan pencarian lokasi berdasarkan nama fasilitas.
•
Gambar fasilitas, yang jika diklik akan link ke halaman ‘Facilities Details’ yang akan menampilkan informasi fasilitas.
•
Animasi logo arkadia.
Gambar 3.13 Rancangan Layar Search Facilities
60 -
Spesifikasi Modul Menu Facilities
Modul Menu Facilities Tampilkan Layar Menu Facilities Lakukan koneksi ke database Baca tabel msFacilities Baca tabel msType Tampilkan tipe dari msType Tampilkan gambar dan namaFasilitas dari msFacilities Lakukan jika Klik menu ‘Location’, lakukan modul Menu Location Klik menu ‘News & Events’, lakukan modul Menu News & Events Klik menu ‘Tenant News Login’, lakukan modul Menu Tenant News Login Klik menu ‘Public Facilities’, lakukan modul Menu Public Facilities Klik menu ‘Help’, lakukan modul Menu Help Klik menu ‘Vacant Area’, lakukan modul Menu Vacant Area Klik menu ‘Home’, lakukan modul Menu Utama Jika klik button ‘←’, Tampilkan record sebelumnya dari msType Akhir jika Jika klik button ‘→’, Tampilkan record selanjutnya dari msType Akhir jika Jika klik button ‘Prev’, Tampilkan record sebelumnya dari msFacilities Akhir jika Jika klik button ‘Next’, Tampilkan record selanjutnya dari msFacilities Akhir jika Jika klik button ‘tipe’, Tampilkan gambar dan namaFasilitas dari msFacilities dimana tipe = tipe yang diklik Jika klik gambar, Lakukan modul Facilities Details Akhir Jika Akhir Jika Jika klik button ’search’, Tampilkan ’search engine’, Jika klik button ’cancel’ Tutup ’search engine’ Akhir jika Jika klik button ’search’, Lakukan modul Facilities Details Akhir jika Akhir jika Klik gambar , lakukan modul Facilities Details Akhir lakukan jika Akhir modul
61 3.6.5 Rancangan Layar Facilities Details
Gambar 3.14 Rancangan Layar Facilities Details
Halaman ini menampilkan informasi mengenai fasilitas dan peta letak fasilitas yang diklik user pada layar ’Menu Facilities’ dan fasilitas yang dicari user pada ‘search engine’ layar ‘Menu Facilities’. Pada halaman ini juga terdapat button ‘back’, yang jika diklik akan kembali ke layar ’Facilities Details’ . -
Spesifikasi Modul Facilities Details
Modul Facilities Details Tampilkan Layar Facilities Details Lakukan koneksi ke database Baca tabel msFacilities Tampilkan record dari msFacilities dimana gambar = gambar yang diklik pada modul Menu Facilities Tampilkan record dari msFacilities dimana nama fasilitas seperti nama fasilitas ’search engine’ pada modul Menu Facilities Jika klik button ‘back’ Lakukan modul Menu Facilities Akhir jika
62 Akhir modul
3.6.6
Rancangan Layar Menu News & Events
Gambar 3.15 Rancangan Layar Menu News & Events
Pada layar menu ‘News & Events’ ini terdapat beberapa elemen sebagai berikut : •
Menu utama, yaitu menu : ‘Location’, ‘Facilities’, ‘Tenant News’, ‘Public Facilities’, ‘Vacant Area’, ‘Help’ dan ‘Home’. Yang jika menu tersebut diklik akan link ke halaman masing-masing.
•
Label judul berita dan tanggal berita, yang jika judul berita diklik akan link ke halaman ‘News Details’ yang menampilkan berita secara mendetail.
•
Button- button untuk menampilkan informasi dan navigasi, yaitu :
Button ‘Prev’ dan ‘Next’, untuk navigasi tampilan informasi.
63
Button ‘News’ dan ‘Job Vacancy’, yang jika diklik akan menampilkan informasi sesuai kategori masing-masing.
-
Spesifikasi Modul Menu News & Events
Modul Menu News & Events Tampilkan Layar Menu News & Events Lakukan koneksi ke database Baca tabel msNews Tampilkan tanggal dan judulBerita dari msNews Lakukan jika Klik menu ‘Location’, lakukan modul Menu Location Klik menu ‘Facilities’, lakukan modul Menu Facilities Klik menu ‘Tenant News ’, lakukan modul Menu Tenant News Login Klik menu ‘Public Facilities’, lakukan modul Menu Public Facilities Klik menu ‘Help’, lakukan modul Menu Help Klik menu ‘Help’, lakukan modul Menu Help Klik menu ‘Home’, lakukan modul Menu Utama Jika klik button ‘News’, tampilkan tanggal dan judulBerita dari msNews dimana tipe = news Jika klik button ‘Prev’, Tampilkan record sebelumnya dari msNews Akhir jika Jika klik button ‘Next’, Tampilkan record selanjutnya dari msNews Akhir jika Jika klik judulBerita, Lakukan modul News Details Akhir jika Akhir Jika Jika klik button ‘Job Vacancy’, tampilkan tanggal dan judul dari msNews dimana tipe = job Jika klik button ‘Prev’, Tampilkan record sebelumnya dari msNews Akhir jika Jika klik button ‘Next’, Tampilkan record selanjutnya dari msNews Akhir jika Jika klik judulBerita, Lakukan modul News Details Akhir jika Akhir Jika Akhir lakukan jika Akhir modul
64 3.6.7
Rancangan Layar News Details
Gambar 3.16 Rancangan Layar News Details
Halaman ini menampilkan isi berita dan terdapat button ‘back’, yang jika diklik akan kembali ke layar ‘Menu News & Events’. -
Spesifikasi Modul News Details
Modul News Details Tampilkan Layar News Details Lakukan koneksi ke database Baca tabel msNews Tampilkan record dari msNews dimana judul = judul yang diklik pada modul Menu News & Events Jika klik button ‘back’ Lakukan modul Menu News & Events Akhir jika Akhir modul
65 3.6.8
Rancangan Layar Menu Tenant News Login
Gambar 3.17 Rancangan Layar Menu Tenant News Login
Pada layar ‘Tenant News Login’ ini terdapat beberapa elemen sebagai berikut : •
Menu utama, yaitu menu : ‘Location’, ‘Facilities’, ‘News & Events’, ‘Public Facilities’, ‘Vacant Area’, ‘Help’ dan ‘Home’. Yang jika menu tersebut diklik akan link ke halaman masing-masing.
•
Form untuk login yang terdiri atas 2 textbox untuk input ‘tenant id’ dan ‘password’, label pesan kesalahan dan 2 button , yaitu ‘login’ untuk ke halaman ‘tenant news’ dan button ‘reset’ untuk membersihkan textbox serta label pesan kesalahan.
66 -
Spesifikasi Modul Menu Tenant News Login
Modul Menu Tenant News Login Tampilkan Layar Tenant News Login Lakukan koneksi ke database Lakukan jika Klik menu ‘Location’, lakukan modul Menu Location Klik menu ‘Facilities’, lakukan modul Menu Facilities Klik menu ‘New & Events’, lakukan modul Menu News & Events Klik menu ‘Public Facilities’, lakukan modul Menu Public Facilities Klik menu ‘Help’, lakukan modul Menu Help Klik menu ‘Help’, lakukan modul Menu Help Klik menu ‘Home’, lakukan modul Menu Utama Jika klik button ‘login’ Baca msTenant Jika tenantId kosong tampilkan pesan kesalahan Akhir jika Jika password kosong tampilkan pesan kesalahan Akhir jika Jika tenantId dan password benar lakukan modul Tenant News Akhir jika Jika tenantId dan password salah lakukan modul Menu Tenant News Login tampilkan pesan kesalahan Akhir jika Akhir jika Jika klik button ‘reset’ kosongkan label pesan kesalahan kosongkan textbox tenantId kosongkan textbox password Akhir jika Akhir lakukan jika Akhir modul
67 3.6.9
Rancangan Layar Tenant News
Gambar 3.18 Rancangan Layar Tenant News
Pada halaman ‘Tenant News’, ditampilkan nama tenant sesuai dengan ’tenant id’ waktu login, serta tanggal dan judul berita untuk karyawan tenant. Jika judul berita diklik maka informasi tentang berita tersebut akan ditampilkan pada bagian kanan halaman secara mendetail. Pada halaman ini terdapat button ‘logout’, yang link ke halaman ‘Tenant News Login’. -
Spesifikasi Modul Tenant News
Modul Tenant News Tampilkan Layar Tenant News Lakukan koneksi ke database Baca tabel msTenantNews Baca tabel msTenant Tampilkan tanggal dan judulBerita dari msTenantNews Tampilkan namaTenant dari msTenant dimana namaTenant = namaTenant yang diklik pada modul Tenant News Login
68
Lakukan Jika Klik judulBerita, Tampilkan record dari msTenantNews dimana judulBerita = judulBerita yang diklik Jika klik button ‘logout’, lakukan modul Menu Tenant News Login Akhir jika Akhir lakukan jika Akhir modul
3.6.10 Rancangan Layar Menu Public Facilities
Gambar 3.19 Rancangan Layar Menu Public Facilities
Pada layar ‘ Menu Public Facilities’ ini menampilkan informasi fasilitas umum yang terdapat disekitar Perkantoran Hijau Arkadia, pada halaman ini terdapat beberapa elemen sebagai berikut :
69 •
Menu utama, yaitu menu : ‘Location’, ‘Facilities’, ‘News & Events’, ‘Tenant News’, ‘Help’, ‘Vacant Area’ dan ‘Home’. Yang jika menu tersebut diklik akan link ke halaman masing-masing.
•
Button- button untuk menampilkan informasi dan navigasi, yaitu :
Button ‘tipe’, untuk menampilkan tipe-tipe fasilitas yang dibaca dari database, seperti : mall, school, hospital, dan lainnya.
Button ‘Prev’ dan ‘Next’, untuk navigasi tampilan informasi fasilitas publik.
•
Button ← dan →, untuk navigasi tampilan informasi tipe fasilitas.
Gambar fasilitas, yang jika diklik akan link ke halaman ‘Public Facilities Details’ yang akan menampilkan informasi fasilitas secara mendetail.
• -
Animasi logo arkadia. Spesifikasi Modul Menu Public Facilities
Modul Menu Public Facilities Tampilkan Layar Menu Public Facilities Lakukan koneksi ke database Baca tabel msPublicType Baca tabel msPublic Tampilkan tipe dari msPublicType Tampilkan gambar dan namaFasilitas dari msPublic Lakukan jika Klik menu ‘Location’, lakukan modul Menu Location Klik menu ‘Facilities’, lakukan modul Menu Facilities Klik menu ‘News & Events’, lakukan modul Menu News & Events Klik menu ‘Tenant News ’, lakukan modul Menu Tenant News Login Klik menu ‘Help’, lakukan modul Menu Help Klik menu ‘Help’, lakukan modul Menu Help Klik menu ‘Home’, lakukan modul Menu Utama Jika klik button ‘←’, Tampilkan record sebelumnya dari msType Akhir jika Jika klik button ‘→’, Tampilkan record selanjutnya dari msType
70 Akhir jika Jika klik button ‘Prev’, Tampilkan record sebelumnya dari msPublic Akhir jika Jika klik button ‘Next’, Tampilkan record selanjutnya dari msPublic Akhir jika Jika klik button ‘tipe’, Tampilkan gambar dan namaFasilitas dari msPublic dimana tipe = tipe yang diklik Jika klik gambar, Lakukan modul Public Facilities Details Akhir Jika Akhir Jika Klik gambar , lakukan modul ‘Public Facilities Details’ Akhir lakukan jika Akhir modul
3.6.11 Rancangan Layar Public Facilities Details
Gambar 3.20 Rancangan Layar Public Facilities Details
71 Halaman ini menampilkan informasi mengenai fasilitas dan peta letak fasilitas umum yang diklik user pada layar menu ‘Public Facilities’. Pada halaman ini juga terdapat button ‘back’, yang jika diklik akan kembali ke layar menu ‘Public Facilities’. -
Spesifikasi Modul Public Facilities Details
Modul Public Facilities Details Tampilkan layar Public Facilities Details Lakukan koneksi ke database Baca tabel msPublic Tampilkan record dari msPublic dimana gambar = gambar yang diklik pada modul Menu Public Facilities Jika klik button ‘back’ Lakukan modul Menu Public Facilities Akhir jika Akhir modul
3.6.12 Rancangan Layar Menu Vacant Area
Gambar 3.21 Rancangan Layar Menu Vacant Area
72 Pada layar ‘Menu Vacant Area’ ini menampilkan peta lokasi building management Perkantoran Hijau Arkadia dan area kosong yang dapat disewakan. Beberapa elemen yang terdapat pada halaman ini yaitu : •
Menu utama, yaitu menu : ‘Location’, ‘Facilities’, ‘News & Events’, ‘Tenant News’, ‘Help’ dan ‘Home’. Yang jika menu tersebut diklik akan link ke halaman masing-masing.
•
Button- button untuk navigasi atau menampilkan informasi yang diinginkan, yaitu :
Button ↑ dan ↓ , untuk menavigasi informasi tower dari database.
Button ‘Prev’ dan ‘Next’, untuk navigasi tampilan informasi tenant.
Button ‘Tower’, yang isi-nya dibaca dari database. Jika button ini diklik akan link ke halaman ’Vacant Area Data’, dan menampilkan informasi mengenai area kosong sesuai dengan tower yang diklik.
Button ‘view full map’, untuk menampilkan peta letak building management menjadi lebih besar.
• -
Animasi logo arkadia. Spesifikasi Modul Menu Vacant Area
Modul Menu Vacant Area Tampilkan Layar Menu Vacant Area Lakukan koneksi ke database Baca tabel msTower Tampilkan record dari msTower Lakukan jika Klik menu ‘Location’, lakukan modul Menu Location Klik menu ‘Facilities’, lakukan modul Menu Facilities Klik menu ‘News & Events’, lakukan modul Menu News & Events Klik menu ‘Tenant News’, lakukan modul Menu Tenant News Login Klik menu ‘Help’, lakukan modul Menu Help Klik menu ‘Home’, lakukan modul Menu Utama Jika klik button ‘tower’,
73 Lakukan modul Help Data Akhir Jika Jika klik button ’view full map’, Tampilkan peta besar Akhir jika Akhir lakukan jika Akhir modul
3.6.13 Rancangan Layar Vacant Area Data
Gambar 3.22 Rancangan Layar Vacant Area Data
Pada halaman ‘Vacant Area Data’ , menampilkan informasi mengenai area kosong yang tersedia untuk disewakan pada tiap tower. Pada halaman ini terdapat : •
Denah tower yang terletak dibagian kiri, beserta penjelasannya. Denah ini bisa di perbesar (zoom-in) dan jika sudah di perbesar bisa di perkecil kembali (zoomout).
•
Button-button untuk menampilkan informasi dan navigasi, yaitu :
74
Button ‘Prev’ dan ‘Next’, untuk navigasi tampilan informasi mengenai area kosong (Help) yang dibaca dari database.
-
Spesifikasi Modul Vacant Area Data
Modul Help Data Tampilkan Layar Vacant Area Data Lakukan koneksi ke database Baca tabel msVacant Tampilkan record dari msVacant dimana tower = tower yang diklik pada modul Vacant Area Jika klik button ‘Prev’, Tampilkan record sebelumnya dari msVacant Akhir jika Jika klik button ‘Next’, Tampilkan record selanjutnya dari ms Vacant Akhir jika Akhir modul
3.6.14 Rancangan Layar Menu Help
Gambar 3.23 Rancangan Layar Menu Help
75 Pada halaman ‘Help’, menampilkan tayangan help untuk tiap menu. Pada halaman ini terdapat : •
Menu utama, yaitu menu : ‘Location’, ‘Facilities’, ‘News & Events’, ‘Tenant News’, ‘Public Facilities’, ‘Vacant Area’ dan ‘Home’. Yang jika menu tersebut diklik akan link ke halaman masing-masing.
•
Button ‘Location Help’, ‘Facilities Help’, ‘News & Events Help’, ‘Tenant News Help’, ‘Public Facilities Help’, ‘Vacant Area Help’, yang jika diklik akan menampilkan tayangan help untuk masing-masing menu yang dibaca dari database.
• -
Animasi logo arkadia. Spesifikasi Modul Help
Modul Menu Help Tampilkan Layar Help Lakukan koneksi ke database Baca tabel msHelp Tampilkan record dari msHelp Lakukan jika Klik menu ‘Location’ , lakukan modul Menu Location Klik menu ‘Facilities’, lakukan modul Menu Facilities Klik menu ‘News & Events’, lakukan modul Menu News & Events Klik menu ‘Tenant News’, lakukan modul Menu Tenant News Login Klik menu ‘Public Facilities’, lakukan modul Menu Public Facilities Klik menu ‘Vacant Area’, lakukan modul Menu Vacant Area Klik menu ‘Home’, lakukan modul Menu Utama Jika klik button ‘Location Help’, Tampilkan record dari msHelp dimana help= ‘location’ Akhir Jika Jika klik button ‘Facilities Help’, Tampilkan record dari msHelp dimana help= ‘facilities’ Akhir Jika Jika klik button ‘News & Events Help’, Tampilkan record dari msHelp dimana help= ‘news’ Akhir Jika Jika klik button ‘Tenant News Help’, Tampilkan record dari msHelp dimana help= ‘tnews’ Akhir Jika Jika klik button ‘Public Facilities Help’,
76 Tampilkan record dari msHelp dimana help= ‘public’ Akhir Jika Jika klik button ‘Vacant Area Help’, Tampilkan record dari msHelp dimana help= ‘vacant’ Akhir jika Akhir lakukan jika Akhir modul
3.7
Perancangan Layar dan Spesifikasi Modul (Back-End)
3.7.1
Rancangan Layar Menu Utama (Login)
Gambar 3.24 Rancangan Layar Menu Login Merupakan halaman awal pada aplikasi back-end. Pada halaman ini terdapat form untuk login ke halaman ‘Menu Home’. Jika user klik ‘login’, maka akan dicek apakah ‘admin Id’ dan ‘password’ yang diisi benar.
-
Spesifikasi Modul Menu Login
Modul Menu Login Tampilkan Layar Menu Login
77 Lakukan koneksi ke database Baca tabel msAdmin Masukkan username Masukkan password Jika klik button ‘Login’ maka Jika username kosong maka Tampilkan pesan kesalahan Akhir jika Jika password kosong maka Tampilkan pesan kesalahan Akhir jika Jika username dan password valid maka Tampilkan modul Menu Home Selain itu Tampilkan pesan kesalahan Akhir jika Akhir jika Jika klik button ‘Reset’ maka kosongkan label pesan kesalahan kosongkan textbox tenantId kosongkan textbox password Akhir jika Akhir modul
3.7.2
Rancangan Layar Menu Home-Admin
78 Gambar 3.25 Rancangan Layar Menu Home-Admin Pada halaman ‘Menu Home-Admin’, terdapat button-buton berikut : •
‘Tenant Data’, ‘Admin Data’, ‘Location’, ‘Facilities’, ‘News & Events’, ‘Tenant News’, ‘Public Facilities’, ‘Help’, ‘Logout’, yang jika diklik akan link ke halaman masingmasing.
-
Spesifikasi Modul Menu Home-Admin
Modul Menu Home Tampilkan Layar Menu Home-Admin Lakukan jika Klik menu ’Tenant Data’, lakukan modul Tenant Data Klik menu ‘Admin Data’, lakukan modul Admin Data Klik menu ‘Location’, lakukan modul Menu Location Klik menu ‘Facilitites’, lakukan modul Menu Facilities Klik menu ‘News & Events’, lakukan modul Menu News & Events Klik menu ‘Tenant News’, lakukan modul Menu Tenant News Klik menu ‘Public Facilities’, lakukan modul Menu Public Facilities Klik menu ‘Help’, lakukan modul Menu Help Klik button ‘Logout’, lakukan modul Menu Login Akhir lakukan jika Akhir Modul 3.7.3
Rancangan Layar Menu Tenant Data
79 Gambar 3.26 Rancangan Layar Tenant Data
Pada halaman ‘Menu Tenant Data’, terdapat tabel dibagian kiri untuk menampilkan data dari database, dan terdapat button-buton berikut : •
‘Home’, yang jika diklik akan ke halaman ‘Home-Admin’.
•
‘Add’, untuk melakukan penambahan data pada database.
•
‘Update’, untuk melakukan pengubahan data pada database.
•
‘Delete’, untuk menghapus data pada database.
•
‘Save’, untuk menyimpan data pada database jika telah dilakukan pengisian data dan pengubahan data.
-
•
‘Reset’, untuk mengosongkan textbox pada form.
•
‘Cancel’, untuk membatalkan aksi.
•
‘Logout’, yang jika diklik akan ke halaman ‘Login’
•
’ |<< ’, ’ >>| ’, ’<’, ’>’, untuk navigasi tampilan informasi. Spesifikasi Modul Menu Tenant Data
Modul Menu Tenant Data Tampilkan Layar Tenant Data Lakukan koneksi ke database Baca tabel msTenant Tampilkan record dari msTenant Lakukan jika Klik button ‘Add’ : enable form tambah data Klik button ‘Save’ : isi data baru ke dalam table msTenant Klik button ‘Update’ : ubah record dalam tabel msTenant Klik button ‘Delete’: hapus record dalam tabel msTenant Klik button ‘Reset’ : membersihkan isi data pada textbox Klik button ‘Cancel’ : membatalkan penambahan atau perubahan data Klik button ‘Home’: lakukan modul Menu Home Klik button ‘Logout’: lakukan modul Menu Login Jika klik button ‘|<<’, Tampilkan record pertama dari msTenant Akhir jika Jika klik button ’>>|’, Tampilkan record terakhir dari msTenant
80 Akhir jika Jika klik button ’>’, Tampilkan record selanjutnya dari msTenant Akhir jika Jika klik button ’<’, Tampilkan record sebelumnya dari msTenant Akhir jika Akhir lakukan jika Akhir Modul 3.7.4
Rancangan Layar Menu Admin Data
Gambar 3.27 Rancangan Layar Admin Data
Pada halaman ‘Menu Admin Data’, terdapat tabel dibagian kiri untuk menampilkan data dari database, dan terdapat button-buton berikut : •
‘Home’, yang jika diklik akan ke halaman ‘Home-Admin’.
•
‘Add’, untuk melakukan penambahan data pada database.
81 •
‘Update’, untuk melakukan pengubahan data pada database.
•
‘Delete’, untuk menghapus data pada database.
•
‘Save’, untuk menyimpan data pada database jika telah dilakukan pengisian data dan pengubahan data.
-
•
‘Reset’, untuk mengosongkan textbox pada form.
•
‘Cancel’, untuk membatalkan aksi.
•
‘Logout’, yang jika diklik akan ke halaman ‘Login’
•
’ |<< ’, ’ >>| ’, ’<’, ’>’, untuk navigasi tampilan informasi. Spesifikasi Modul Menu Admin Data
Modul Menu Admin Data Tampilkan Layar Menu Admin Data Lakukan koneksi ke database Baca tabel msAdmin Tampilkan record dari msAdmin Lakukan jika Klik button ‘Add’ : enable form tambah data Klik button ‘Save’ : isi data baru ke dalam table msAdmin Klik button ‘Update’ : ubah record dalam tabel msAdmin Klik button ‘Delete’: hapus record dalam tabel msAdmin Klik button ‘Reset’ : membersihkan isi data pada textbox Klik button ‘Cancel’ : membatalkan penambahan atau perubahan data Klik button ‘Home’: lakukan modul Menu Home Klik button ‘Logout’: lakukan modul Menu Login Jika klik button ‘|<<’, Tampilkan record pertama dari msAdmin Akhir jika Jika klik button ’>>|’, Tampilkan record terakhir dari msAdmin Akhir jika Jika klik button ’>’, Tampilkan record selanjutnya dari msAdmin Akhir jika Jika klik button ’<’, Tampilkan record sebelumnya dari msAdmin Akhir jika Akhir lakukan jika Akhir Modul
82
3.7.5
Rancangan layar Menu Location
Gambar 3.28 Rancangan Layar Menu Location
Pada halaman ‘Menu Location’, terdapat tabel dibagian kiri untuk menampilkan data dari database, dan terdapat button-buton berikut : •
‘Home’, yang jika diklik akan ke halaman ‘Home-Admin’.
•
‘Add’, untuk melakukan penambahan data pada database.
•
‘Update’, untuk melakukan pengubahan data pada database.
•
‘Delete’, untuk menghapus data pada database.
•
‘Save’, untuk menyimpan data pada database jika telah dilakukan pengisian data dan pengubahan data.
83
-
•
‘Reset’, untuk mengosongkan textbox pada form.
•
‘Cancel’, untuk membatalkan aksi.
•
‘Logout’, yang jika diklik akan ke halaman ‘Login’
•
’ |<< ’, ’ >>| ’, ’<’, ’>’, untuk navigasi tampilan informasi.
•
’add tower’, untuk menambahkan data tower pada database. Spesifikasi Modul Menu Location
Modul Menu Location Tampilkan Layar Menu Location Lakukan koneksi ke database Baca tabel msLocation Tampilkan record dari msLocation Lakukan jika Klik button ‘Add’ : enable form tambah data Klik button ‘Save’ : isi data baru ke dalam table msLocation Klik button ‘Update’ : ubah record dalam tabel msLocation Klik button ‘Delete’: hapus record dalam tabel msLocation Klik button ‘Reset’ : membersihkan isi data pada textbox Klik button ‘Cancel’ : membatalkan penambahan atau perubahan data Klik button ‘Home’: lakukan modul Menu Home Klik button ‘Logout’: lakukan modul Menu Login Jika klik button ‘|<<’, Tampilkan record pertama dari msLocation Akhir jika Jika klik button ’>>|’, Tampilkan record terakhir dari msLocation Akhir jika Jika klik button ’>’, Tampilkan record selanjutnya dari msLocation Akhir jika Jika klik button ’<’, Tampilkan record sebelumnya dari msLocation Akhir jika Akhir lakukan jika Akhir Modul
84
3.7.6
Rancangan Layar Menu Facilities
Gambar 3.29 Rancangan Layar Menu Facilities
Pada halaman ‘Menu Facilities’, terdapat tabel dibagian kiri untuk menampilkan data dari database, dan terdapat button-buton berikut : •
‘Home’, yang jika diklik akan ke halaman ‘Home-Admin’.
•
‘Add’, untuk melakukan penambahan data pada database.
•
‘Update’, untuk melakukan pengubahan data pada database.
•
‘Delete’, untuk menghapus data pada database.
85 •
‘Save’, untuk menyimpan data pada database jika telah dilakukan pengisian data dan pengubahan data.
-
•
‘Reset’, untuk mengosongkan textbox pada form.
•
‘Cancel’, untuk membatalkan aksi.
•
‘Logout’, yang jika diklik akan ke halaman ‘Login’
•
’ |<< ’, ’ >>| ’, ’<’, ’>’, untuk navigasi tampilan informasi.
•
’add type’, untuk menambahkan data type pada database. Spesifikasi Modul Menu Facilities
Modul Menu Facilities Tampilkan Layar Menu Facilities Lakukan koneksi database Baca tabel msFacilities Tampilkan record dari msFacilities Lakukan jika Klik button ‘Add’ : enable form tambah data Klik button ‘Save’ : isi data baru ke dalam table msFacilities Klik button ‘Update’ : ubah record dalam tabel msFacilities Klik button ‘Delete’: hapus record dalam tabel msFacilities Klik button ‘Reset’ : membersihkan isi data pada textbox Klik button ‘Cancel’ : membatalkan penambahan atau perubahan data Klik button ‘Home’: lakukan modul Menu Home Klik button ‘Logout’: lakukan modul Menu Login Jika klik button ‘|<<’, Tampilkan record pertama dari msFacilities Akhir jika Jika klik button ’>>|’, Tampilkan record terakhir dari msFacilities Akhir jika Jika klik button ’>’, Tampilkan record selanjutnya dari msFacilities Akhir jika Jika klik button ’<’, Tampilkan record sebelumnya dari msFacilities Akhir jika Akhir lakukan jika Akhir Modul
86
3.7.7
Rancangan Layar Menu News & Events
Gambar 3.30 Rancangan Layar Menu News & Events
Pada halaman ‘Menu News & Events’, terdapat tabel dibagian kiri untuk menampilkan data dari database, dan terdapat button-buton berikut : •
‘Home’, yang jika diklik akan ke halaman ‘Home-Admin’.
•
‘Add’, untuk melakukan penambahan data pada database.
•
‘Update’, untuk melakukan pengubahan data pada database.
•
‘Delete’, untuk menghapus data pada database.
87 •
‘Save’, untuk menyimpan data pada database jika telah dilakukan pengisian data dan pengubahan data.
-
•
‘Reset’, untuk mengosongkan textbox pada form.
•
‘Cancel’, untuk membatalkan aksi.
•
‘Logout’, yang jika diklik akan ke halaman ‘Login’
•
’ |<< ’, ’ >>| ’, ’<’, ’>’, untuk navigasi tampilan informasi. Spesifikasi Modul Menu News & Events
Modul Menu News & Events Tampilkan Layar Menu News & Events Lakukan koneksi database Baca tabel msNews Tampilkan record dari msNews Lakukan jika Klik button ‘Add’ : enable form tambah data Klik button ‘Save’ : isi data baru ke dalam table msNews Klik button ‘Update’ : ubah record dalam tabel msNews Klik button ‘Delete’: hapus record dalam tabel msNews Klik button ‘Reset’ : membersihkan isi data pada textbox Klik button ‘Cancel’ : membatalkan penambahan atau perubahan data Klik button ‘Home’: lakukan modul Menu Home Klik button ‘Logout’: lakukan modul Menu Login Jika klik button ‘|<<’, Tampilkan record pertama dari msNews Akhir jika Jika klik button ’>>|’, Tampilkan record terakhir dari msNews Akhir jika Jika klik button ’>’, Tampilkan record selanjutnya dari msNews Akhir jika Jika klik button ’<’, Tampilkan record sebelumnya dari msNews Akhir jika Akhir lakukan jika Akhir Modul
88
3.7.8
Rancangan Layar Menu Tenant News
Gambar 3.31 Rancangan Layar Menu Tenant News
Pada halaman ‘Menu Tenant News’, terdapat tabel dibagian kiri untuk menampilkan data dari database, dan terdapat button-buton berikut : •
‘Home’, yang jika diklik akan ke halaman ‘Home-Admin’.
•
‘Add’, untuk melakukan penambahan data pada database.
•
‘Update’, untuk melakukan pengubahan data pada database.
•
‘Delete’, untuk menghapus data pada database.
89 •
‘Save’, untuk menyimpan data pada database jika telah dilakukan pengisian data dan pengubahan data.
-
•
‘Reset’, untuk mengosongkan textbox pada form.
•
‘Cancel’, untuk membatalkan aksi.
•
‘Logout’, yang jika diklik akan ke halaman ‘Login’
•
’ |<< ’, ’ >>| ’, ’<’, ’>’, untuk navigasi tampilan informasi. Spesifikasi Modul Menu Tenant News
Modul Menu Tenant News Tampilkan Layar Menu Tenant News Lakukan koneksi ke database Baca tabel msTenantNews Tampilkan record dari msTenantNews Lakukan jika Klik button ‘Add’ : enable form tambah data Klik button ‘Save’ : isi data baru ke dalam table msTenantNews Klik button ‘Update’ : ubah record dalam tabel msTenantNews Klik button ‘Delete’: hapus record dalam tabel msTenantNews Klik button ‘Reset’ : membersihkan isi data pada textbox Klik button ‘Cancel’ : membatalkan penambahan atau perubahan data Klik button ‘Home’: lakukan modul Menu Home Klik button ‘Logout’: lakukan modul Menu Login Jika klik button ‘|<<’, Tampilkan record pertama dari msTenantNews Akhir jika Jika klik button ’>>|’, Tampilkan record terakhir dari msTenantNews Akhir jika Jika klik button ’>’, Tampilkan record selanjutnya dari msTenantNews Akhir jika Jika klik button ’<’, Tampilkan record sebelumnya dari msTenantNews Akhir jika Akhir lakukan jika Akhir Modul
90
3.7.9
Rancangan Layar Menu Public Facilities
Gambar 3.32 Rancangan Layar Menu Public Facilities
Pada halaman ‘Menu Public Facilities’, terdapat tabel dibagian kiri untuk menampilkan data dari database, dan terdapat button-buton berikut : •
‘Home’, yang jika diklik akan ke halaman ‘Home-Admin’.
•
‘Add’, untuk melakukan penambahan data pada database.
•
‘Update’, untuk melakukan pengubahan data pada database.
•
‘Delete’, untuk menghapus data pada database.
•
‘Save’, untuk menyimpan data pada database jika telah dilakukan pengisian data dan pengubahan data.
•
‘Reset’, untuk mengosongkan textbox pada form.
91
-
•
‘Cancel’, untuk membatalkan aksi.
•
‘Logout’, yang jika diklik akan ke halaman ‘Login’
•
’ |<< ’, ’ >>| ’, ’<’, ’>’, untuk navigasi tampilan informasi.
•
’add type’, untuk menambahkan data type pada database. Spesifikasi Modul Menu Public Facilities
Modul Menu Public Facilities Tampilkan Layar Menu Public Facilities Lakukan koneksi database Baca tabel msPublic Tampilkan record dari msPublic Lakukan jika Klik button ‘Add’ : enable form tambah data Klik button ‘Save’ : isi data baru ke dalam table msPublic Klik button ‘Update’ : ubah record dalam tabel msPublic Klik button ‘Delete’: hapus record dalam tabel msPublic Klik button ‘Reset’ : membersihkan isi data pada textbox Klik button ‘Cancel’ : membatalkan penambahan atau perubahan data Klik button ‘Home’: lakukan modul Menu Home Klik button ‘Logout’: lakukan modul Menu Login Jika klik button ‘|<<’, Tampilkan record pertama dari msPublic Akhir jika Jika klik button ’>>|’, Tampilkan record terakhir dari msPublic Akhir jika Jika klik button ’>’, Tampilkan record selanjutnya dari msPublic Akhir jika Jika klik button ’<’, Tampilkan record sebelumnya dari msPublic Akhir jika Akhir lakukan jika Akhir Modul
92
3.7.10 Rancangan Layar Menu Vacant Area
Gambar 3.33 Rancangan Layar Menu Vacant Area
Pada halaman ‘MenuVacant Area’, terdapat tabel dibagian kiri untuk menampilkan data dari database, dan terdapat button-buton berikut : •
‘Home’, yang jika diklik akan ke halaman ‘Home-Admin’.
•
‘Add’, untuk melakukan penambahan data pada database.
•
‘Update’, untuk melakukan pengubahan data pada database.
•
‘Delete’, untuk menghapus data pada database.
•
‘Save’, untuk menyimpan data pada database jika telah dilakukan pengisian data dan pengubahan data.
•
‘Reset’, untuk mengosongkan textbox pada form.
93
-
•
‘Cancel’, untuk membatalkan aksi.
•
‘Logout’, yang jika diklik akan ke halaman ‘Login’
•
’ |<< ’, ’ >>| ’, ’<’, ’>’, untuk navigasi tampilan informasi.
•
’add tower’, untuk menambahkan data tower pada database. Spesifikasi Modul Vacant Area
Modul Menu Vacant Area Tampilkan Layar Menu Vacant Area Lakukan koneksi database Baca tabel msVacant Tampilkan record dari msVacant Lakukan jika Klik button ‘Add’ : enable form tambah data Klik button ‘Save’ : isi data baru ke dalam table msVacant Klik button ‘Update’ : ubah record dalam tabel msVacant Klik button ‘Delete’: hapus record dalam tabel msVacant Klik button ‘Reset’ : membersihkan isi data pada textbox Klik button ‘Cancel’ : membatalkan penambahan atau perubahan data Klik button ‘Home’: lakukan modul Menu Home Klik button ‘Logout’: lakukan modul Menu Login Jika klik button ‘|<<’, Tampilkan record pertama dari msVacant Akhir jika Jika klik button ’>>|’, Tampilkan record terakhir dari msVacant Akhir jika Jika klik button ’>’, Tampilkan record selanjutnya dari msVacant Akhir jika Jika klik button ’<’, Tampilkan record sebelumnya dari msVacant Akhir jika Akhir lakukan jika Akhir Modul
94
3.7.11 Rancangan Layar Menu Help
Gambar 3.34 Rancangan Layar Menu Help
Pada halaman ‘Menu Help’, terdapat tabel dibagian kiri untuk menampilkan data dari database, dan terdapat button-buton berikut : •
‘Home’, yang jika diklik akan ke halaman ‘Home-Admin’.
•
‘Add’, untuk melakukan penambahan data pada database.
•
‘Update’, untuk melakukan pengubahan data pada database.
•
‘Delete’, untuk menghapus data pada database.
•
‘Save’, untuk menyimpan data pada database jika telah dilakukan pengisian data dan pengubahan data.
•
‘Reset’, untuk mengosongkan textbox pada form.
95
-
•
‘Cancel’, untuk membatalkan aksi.
•
‘Logout’, yang jika diklik akan ke halaman ‘Login’
•
’ |<< ’, ’ >>| ’, ’<’, ’>’, untuk navigasi tampilan informasi. Spesifikasi Modul Help
Modul Menu Help Tampilkan Layar Menu Help Lakukan koneksi database Baca tabel msHelp Tampilkan record dari msHelp Lakukan jika Klik button ‘Add’ : enable form tambah data Klik button ‘Save’ : isi data baru ke dalam table msHelp Klik button ‘Update’ : ubah record dalam tabel msHelp Klik button ‘Delete’: hapus record dalam tabel msHelp Klik button ‘Reset’ : membersihkan isi data pada textbox Klik button ‘Cancel’ : membatalkan penambahan atau perubahan data Klik button ‘Home’: lakukan modul Menu Home Klik button ‘Logout’: lakukan modul Menu Login Jika klik button ‘|<<’, Tampilkan record pertama dari msHelp Akhir jika Jika klik button ’>>|’, Tampilkan record terakhir dari msHelp Akhir jika Jika klik button ’>’, Tampilkan record selanjutnya dari msHelp Akhir jika Jika klik button ’<’, Tampilkan record sebelumnya dari msHelp Akhir jika Akhir lakukan jika Akhir Modul
96
3.8
Struktur Menu
3.8.1 Front End
97
Gambar 3.35 Struktur Menu Front-End
3.8.2
Back-End M enu Login
M enuHomeA dmin
M enu Tenant Data
M enu A dminD ata
M enu Location
M enu F acilities
M enuN ew s & Ev ents
M enu Tenant News
M enuP ublic F acilities
M enu V acant A rea
M enu H elp
HOME
HOME
HOME
HOME
HOME
HOME
HOME
HOME
HOME
ADD
ADD
ADD
ADD
ADD
ADD
ADD
ADD
ADD
UPDATE
UPDATE
UPDATE
UPDATE
UPDATE
UPDATE
UPDATE
UPDATE
UPDATE
DELETE
DELETE
DELETE
DELETE
DELETE
DELETE
DELETE
DELETE
DELETE
SAVE
SAVE
SAVE
SAVE
SAVE
SAVE
SAVE
SAVE
SAVE
RESET
RESET
RESET
RESET
RESET
RESET
RESET
RESET
RESET
CANCEL
CANCEL
CANCEL
CANCEL
CANCEL
CANCEL
CANCEL
CANCEL
CANCEL
LOGOUT
LOGOUT
LOGOUT
LOGOUT
LOGOUT
LOGOUT
LOGOUT
LOGOUT
LOGOUT
|<<
|<<
|<<
|<<
|<<
|<<
|<<
|<<
|<<
>>|
>>|
>>|
>>|
>>|
>>|
>>|
>>|
>>|
<
<
<
<
<
<
<
<
<
>
>
>
>
>
>
>
>
>
ADD TOWER
ADD TYPE
ADD TYPE
Gambar 3.36 Struktur Menu Back-End
ADD TOWER
98
3.9 Diagram Transisi Keadaan (STD) 3.9.1 Front End
99
Gambar 3.37 STD Front-End
3.9.2 Back End
100
Tenant Data Admin Data Tenant Data Pilih salah satu menu
Pilih Login
Tampilkan layar sesuai menu yang dipilih
Tampilkan layar Home jika valid LOGIN
Location
Facilities
HOME Pilih Logout Tampilkan layar Login
Pilih Home
News & Events
Tampilkan layar Home
Tenant News Public Facilities Vacant Area Pilih Logout Tampilkan layar Login
Gambar 3.38 STD Back-End
3.10
Perancangan Database
Help
101 3.10.1 Tabel msTenant Nama file
:
PHA.mdb
Nama Tabel
:
msTenant
Primary Key :
tenantId Tabel 3.1 msTenant
Nama Field tenantId
Tipe Data text
Range 4
tenantName password
text text
6
Keterangan Merupakan primary key dari tabel msTenant Format nya berupa : txxx ( t = tenant ) ( xxx = nomor ) Berisi nama perusahaan tenant Berisi password untuk login ke halaman ‘tenant news’
3.10.2 Tabel msLocation Nama file
:
PHA.mdb
Nama Tabel
:
msLocation
Primary Key :
locId Tabel 3.2 msLocation
Nama Field
Tipe Data
Range
Keterangan
locId
text
4
tenantId
text
4
tower
text
-
floor desc picPath movPath
text memo text text
-
Merupakan primary key dari tabel msLocation Format nya berupa : lxxx ( l = location ) ( xxx = nomor ) Merupakan foreign key yang terhubung ke tabel msTenant Berisi nama tower tenant, dan merupakan foreign key yang terhubung ke tabel msTower Berisi informasi mengenai letak lantai tenant Berisi informasi tentang tenant Berisi path atau nama file picture Berisi path atau nama file movie
3.10.3 Tabel msTower Nama file
:
PHA.mdb
Nama Tabel
:
msTower
Primary Key :
tower Tabel 3.3 msTower
102 Nama Field
Tipe Data
Range
tower
text
-
Keterangan
Merupakan primary key dari tabel msTower. Berisi nama tower
3.10.4 Tabel msTenantNews Nama file
:
PHA.mdb
Nama Tabel
:
msTenantNews
Primary Key :
tNewsId Tabel 3.4 msTenantNews
Nama Field
Tipe Data
Range
tNewsId
text
4
tenantId
text
4
tNewsDate tNewsTitle desc
date text memo
-
Keterangan
Merupakan primary key dari tabel msTenantNews Format nya berupa tnxxx ( tn=tenant news ) ( xxx = nomor ) Merupakan foreign key untuk berhubungan dengan tabel msTenant Berisi tanggal update / upload news Berisi judul berita Berisi informasi atau isi berita
3.10.5 Tabel msFacilities Nama file
:
PHA.mdb
Nama Tabel
:
msFacilities
Primary Key :
facilitiesId Tabel 3.5 msFacilities
Nama Field
Tipe Data
Range
Keterangan
facId
text
4
type
text
-
facName desc picPath movPath
text memo text text
-
Merupakan primary key dari tabel msFacilities Format nya berupa fxxx ( f= facilities ) ( xxx = nomor ) Berisi tipe fasilitas seperti : banking, restaurant, dan lainnya Berisi nama fasilitas Berisi informasi mengenai fasilitas Berisi path atau nama file picture Berisi path atau nama file movie
3.10.6 Tabel msType
103 Nama file
:
PHA.mdb
Nama Tabel
:
msType
Primary Key :
type Tabel 3.6 msType
Nama Field
Tipe Data
Range
Keterangan
type
text
-
Merupakan primary key dari tabel msType dan foreign key yang terhubung ke tabel msFacilities. Berisi tipe fasilitas.
3.10.7 Tabel msNews Nama file
:
PHA.mdb
Nama Tabel
:
msNews
Primary Key :
newsId Tabel 3.7 msNews
Nama Field
Tipe Data
Range
Keterangan
newsId
text
4
newsDate newsTitle newsType
date text text
-
desc
memo
-
Merupakan primary key dari tabel msNews Format nya berupa tnxxx ( n=news ) ( xxx = nomor ) Berisi tanggal update / upload news Berisi judul berita Berisi jenis news(ada 2 jenis, yaitu : news dan job vacancy) Merupakan isi berita
3.10.8 Tabel msPublicFacilities Nama file
:
PHA.mdb
Nama Tabel
:
msPublicFacilities
Primary Key :
publicFacId Tabel 3.8 msPublicFacilities
Nama Field
Tipe Data
Range
pubFacId
text
4
pubFacName type addr desc
text text text memo
-
Keterangan
Merupakan primary key dari table msPublic Format nya berupa pxxx ( p = public facilities ) ( xxx = nomor ) Berisi nama fasilitas publik Berisi tipe-tipe fasilitas Berisi alamat dari fasilitas publik Berisi informasi mengenai fasilitas publik
104 picPath moviePath
text text
-
Berisi path atau nama file picture Berisi path atau nama file movie
3.10.9 Tabel msPublicType Nama file
:
PHA.mdb
Nama Tabel
:
msPublicType
Primary Key :
type Tabel 3.9 msPublicType
Nama Field
Tipe Data
Range
Keterangan
type
text
-
Merupakan primary key dari tabel msPublicType dan foreign key yang terhubung ke tabel msPublicFacilities. Berisi tipe fasilitas.
3.10.10Tabel msVacantArea Nama file
:
PHA.mdb
Nama Tabel
:
msVacantArea
Primary Key :
areaId Tabel 3.10 msVacant
Nama Field
Tipe Data
Range
areaId
text
4
tower floor large
text text text
1 -
desc picPath
memo text
-
Keterangan
Merupakan primary key dari table msVacant Format nya berupa vxxxx ( v = Help ) ( x = tower yaitu a, b, c, d, e ) ( xxx = nomor ) Berisi informasi mengenai letak tower tenant Berisi informasi mengenai letak lantai tenant Berisi informasi mengenai luasnya area kosong yang tersedia untuk disewakan Berisi informasi mengenai Help Berisi path atau nama file picture
3.10.11Tabel msAdmin Nama file
:
PHA.mdb
Nama Tabel
:
msAdmin
Primary Key :
adminId Tabel 3.11 msAdmin
105 Nama Field
Tipe Data
Range
adminId adminName password
text text text
5 6
Keterangan
Merupakan primary key dari tabel msAdmin Berisi nama admin Berisi password untuk admin
3.10.12Tabel msHelp Nama file
:
PHA.mdb
Nama Tabel
:
msHelp
Primary Key :
helpId Tabel 3.12 msHelp
Nama Field
Tipe Data
Range
helpId help movPath
autonumber text text
-
Keterangan
Merupakan primary key dari tabel msHelp Berisi nama untuk mengidentifikasikan help Berisi path atau nama file movie
3.11 Entity Relationship Diagram (ERD)
Gambar 3.39 Entity Relationship Diagram