BAB 3 ANALISIS DAN PERANCANGAN SISTEMthesis.binus.ac.id/doc/Bab3/2007-2-00048-IF_ Bab 3.pdf ·...

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


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


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


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


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.


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



• Label judul berita dan tanggal berita, yang jika judul berita diklik akan link ke

halaman ‘News Details’ yang menampilkan berita secara mendetail.


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



• 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 ‘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.


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


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.


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


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.


- 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




81









- 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








83





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






85







• ’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 :





87







- 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






89







- 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









91




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









93




• ’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 :








95




- 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

BAB 3 ANALISIS DAN PERANCANGAN SISTEMthesis.binus.ac.id/doc/Bab3/2007-2-00048-IF_ Bab 3.pdf ·...

Documents

Transcript of BAB 3 ANALISIS DAN PERANCANGAN SISTEMthesis.binus.ac.id/doc/Bab3/2007-2-00048-IF_ Bab 3.pdf ·...