bab 3 analisis dan perancangan sistemthesis.binus.ac.id/doc/bab3/2007-2-00048-if_ bab 3.pdf ·...
TRANSCRIPT
40
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.
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?
90%
10%
Ya
Tidak
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 ?
22%6%
72% < 2 menit
2 - 5 menit
> 5 menit
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 ?
68%
17%15%
Papan Informasi yang kurang jelas
Informasi yang diberikan staff terbatas
Lokasi yang luas dan membingungkan
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%
6%
Ya
Tidak
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 ?
19%26%
23%
5%7%20%
Keterangan lokasi
Peta tower atau denah gedung
Fasilitas-fasilitas yang tersedia
Fasilitas dan unit yang tersedia untuk disewakan
Informasi fasilitas dan sarana umum disekitarPerkantoran 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 Analisis Hasil Kuisioner Karyawan Tenant
1. Jika layanan informasi di Perkantoran Hijau Arkadia diimplementasikan dengan sistem yang terkomputerisasi, informasi apa saja yang anda butuhkan untuk ditampilkan pada sistem tersebut?
17%
30%
53%
Informasi internal perusahaan sepertiberita dan acara perusahaanFasilitas yang disediakan oleh tenant untukkaryawannyaBerita dan acara yang akan diadakan diPerkantoran Hijau Arkadia
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 ?
13%
31%
13%
30%
13%Keterangan lokasi perusahaan/tenant
Fasilitas yang tersedia di Perkantoran HijauArkadia
Informasi fasilitas dan sarana umum disekitarPerkantoran 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 back-
end. 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 (zoom-
out).
• 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 masing-
masing.
- 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
MenuLogin
Menu Home-A dmin
HOME
MenuTenantData
MenuA dmin Data
MenuLocation
MenuFacilities
Menu News& Ev ents
MenuTenantNews
Menu PublicFacilities
MenuV acantA rea
MenuHelp
ADD
UPDATE
DELETE
SAVE
RESET
CANCEL
LOGOUT
|<<
>>|
>
<
HOME
ADD
UPDATE
DELETE
SAVE
RESET
CANCEL
LOGOUT
|<<
>>|
>
<
HOME
ADD
UPDATE
DELETE
SAVE
RESET
CANCEL
LOGOUT
|<<
>>|
>
<
HOME
ADD
UPDATE
DELETE
SAVE
RESET
CANCEL
LOGOUT
|<<
>>|
>
<
HOME
ADD
UPDATE
DELETE
SAVE
RESET
CANCEL
LOGOUT
|<<
>>|
>
<
HOME
ADD
UPDATE
DELETE
SAVE
RESET
CANCEL
LOGOUT
|<<
>>|
>
<
HOME
ADD
UPDATE
DELETE
SAVE
RESET
CANCEL
LOGOUT
|<<
>>|
>
<
HOME
ADD
UPDATE
DELETE
SAVE
RESET
CANCEL
LOGOUT
|<<
>>|
>
<
ADDTOWER
ADDTOWER
ADDTYPE
HOME
ADD
UPDATE
DELETE
SAVE
RESET
CANCEL
LOGOUT
|<<
>>|
>
<
ADDTYPE
Gambar 3.36 Struktur Menu Back-End
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
HOMELOGIN
VacantArea
TenantData
PublicFacilities
TenantNews
News &Events
Facilities
Location
TenantData
AdminData
Help
Pilih salah satumenu
Tampilkan layar sesuaimenu yang dipilih
Pilih Login
Tampilkan layar Homejika valid
Pilih Logout
Tampilkan layar Login
Pilih Logout
Tampilkan layar Login
Pilih Home
Tampilkan layar Home
Gambar 3.38 STD Back-End
3.10 Perancangan Database
101
3.10.1 Tabel msTenant
Nama file : PHA.mdb
Nama Tabel : msTenant
Primary Key : tenantId
Tabel 3.1 msTenant
Nama Field Tipe Data Range Keterangan tenantId text 4 Merupakan primary key dari tabel msTenant
Format nya berupa : txxx ( t = tenant ) ( xxx = nomor )
tenantName text - Berisi nama perusahaan tenant password text 6 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 Merupakan primary key dari tabel msLocation
Format nya berupa : lxxx ( l = location ) ( xxx = nomor )
tenantId text 4 Merupakan foreign key yang terhubung ke tabel msTenant
tower text - Berisi nama tower tenant, dan merupakan foreign key yang terhubung ke tabel msTower
floor text - Berisi informasi mengenai letak lantai tenant desc memo - Berisi informasi tentang tenant
picPath text - Berisi path atau nama file picture movPath text - 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 Keterangan tower text - 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 Keterangan tNewsId text 4 Merupakan primary key dari tabel
msTenantNews Format nya berupa tnxxx ( tn=tenant news ) ( xxx = nomor )
tenantId text 4 Merupakan foreign key untuk berhubungan dengan tabel msTenant
tNewsDate date - Berisi tanggal update / upload news tNewsTitle text - Berisi judul berita
desc memo - 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 Merupakan primary key dari tabel msFacilities
Format nya berupa fxxx ( f= facilities ) ( xxx = nomor )
type text - Berisi tipe fasilitas seperti : banking, restaurant, dan lainnya
facName text - Berisi nama fasilitas desc memo - Berisi informasi mengenai fasilitas
picPath text - Berisi path atau nama file picture movPath text - 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 Merupakan primary key dari tabel msNews
Format nya berupa tnxxx ( n=news ) ( xxx = nomor )
newsDate date - Berisi tanggal update / upload news newsTitle text - Berisi judul berita newsType text - Berisi jenis news(ada 2 jenis, yaitu : news dan
job vacancy) desc memo - 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 Keterangan pubFacId text 4 Merupakan primary key dari table msPublic
Format nya berupa pxxx ( p = public facilities ) ( xxx = nomor )
pubFacName text - Berisi nama fasilitas publik type text - Berisi tipe-tipe fasilitas addr text - Berisi alamat dari fasilitas publik desc memo - Berisi informasi mengenai fasilitas publik
104
picPath text - Berisi path atau nama file picture moviePath text - 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 Keterangan areaId text 4 Merupakan primary key dari table msVacant
Format nya berupa vxxxx ( v = Help ) ( x = tower yaitu a, b, c, d, e ) ( xxx = nomor )
tower text 1 Berisi informasi mengenai letak tower tenant floor text - Berisi informasi mengenai letak lantai tenant large text - Berisi informasi mengenai luasnya area
kosong yang tersedia untuk disewakan desc memo - Berisi informasi mengenai Help
picPath text - 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 Keterangan adminId text 5 Merupakan primary key dari tabel msAdmin
adminName text - Berisi nama admin password text 6 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 Keterangan helpId autonumber - Merupakan primary key dari tabel msHelp help text - Berisi nama untuk mengidentifikasikan help
movPath text - Berisi path atau nama file movie
3.11 Entity Relationship Diagram (ERD)
Gambar 3.39 Entity Relationship Diagram