BAB 3 ANALISIS DAN PERANCANGAN SISTEM

BAB 3 ANALISIS DAN PERANCANGAN SISTEM

3.1

Analisis Perusahaan

3.1.1

Sejarah Perusahaan PT. Loka Mampang Indah Realty adalah perusahaan real-estate yang didirikan

pada tahun 1990 sebagai perusahaan yang berkonsentrasi dalam bidang pengembangan properti, yang dibawahi oleh perusahaan Umawar Isasabluza, Duta Putra Mahkota dan Asco Flagships. Pada tahun 1995, PT. Loka Mampang Indah Realty menjadi sebuah perusahaan asing joint-venture yang berbasis di Singapura berdasarkan dana properti dengan SEAJAK Pte Ltd. Dari awal mula berkembangnya, PT. Loka Mampang Indah Realty dipimpin oleh Herman Soedarsono sebagai direktur utama, Achmad Umar sebagai presiden direktur dan Pingki Pangestu sebagai direktur. Proyek pertamanya yang menuai kesuksesan yaitu Mampang Arcadia Apartement yang diselesaikan pada tahun 1993. Dan selanjutnya Arcadia Office Park atau Perkantoran Hijau Arkadia yang diselesaikan pada tahun 1999, yang ternyata juga menuai kesuksesan menjadi kawasan perkantoran multinational tenant. Perkantoran Hijau Arkadia dikelola oleh building management Perkantoran Hijau Arkadia yang dibawahi oleh perusahaan PT. Loka Mampang Indah Realty. Perkantoran Hijau Arkadia merupakan kompleks perkantoran yang terletak di kawasan Jakarta Outer Ring Road, tepatnya di Jln. T.B. Simatupang Kav. 88 Jakarta Selatan.

40

41 Perkantoran Hijau Arkadia terdiri atas lima gedung yang terdiri atas 7 sampai 15 lantai dan menawarkan 40.000 m2 dari kantor dan ruangan yang dapat disewakan. Selain itu, di Perkantoran Hijau Arkadia juga tersedia fasilitas-fasilitas, seperti : lapangan golf, lapangan tenis, kolam renang, dan fasilitas lainnya yang dapat digunakan oleh karyawan tenant ataupun pengunjung. PT. Loka Mampang Indah Realty selaku pengembang Perkantoran Hijau Arkadia saat ini sedang melakukan perencanaan pengembangan Perkantoran Hijau Arkadia yaitu dengan melakukan perluasan area perkantoran dengan membangun gedung ke enam atau tower F dengan jumlah total area 20.000 m2. 3.1.2

Prosedur Sistem yang Berjalan Selama ini dalam menyediakan layanan informasi dan membantu pengunjung

Perkantoran Hijau Arkadia, PT. Loka Mampang Indah Realty menyediakan : •

Papan informasi disetiap tower Perkantoran Hijau Arkadia.

•

Customer service di lobi tiap tower untuk membantu pengunjung yang membutuhkan informasi.

•

Security staff atau staff lainnya untuk menjaga keamanan Perkantoran Hijau Arkadia dan memberikan informasi kepada para pengunjung dan yang membutuhkan.

Walaupun sarana yang disediakan cukup memberikan layanan informasi kepada pengunjung, tetapi masih terdapat beberapa kekurangan atau ketidakpraktisan. Misalnya, dalam menggunakan sarana papan informasi, jika pihak building management ingin menambah, mengubah, atau menghapus informasi yang terdapat pada papan informasi maka papan informasi harus diganti dengan yang baru sehingga memerlukan dana untuk pengubahan atau penggantian papan informasi yang baru tersebut.

42 3.2

Analisis Kebutuhan Untuk mengetahui informasi yang dibutuhkan, maka telah dilakukan survei

dengan pembagian kuisioner kepada pengunjung, karyawan tenant, front officer dan wawancara dengan building management Perkantoran Hijau Arkadia serta salah satu tenant di Perkantoran Hijau Arkadia. Berikut ini analisis hasil kuisioner yang telah disebarkan kepada 30 pengunjung, 30 karyawan tenant dan 5 front officer pada tiap tower gedung Perkantoran Hijau Arkadia. 3.2.1

Analisis Hasil Kuisioner Pengunjung

1. Apakah anda merasa kesulitan dalam mencari fasilitas-fasilitas, lokasi perusahaan dan tempat-tempat yang terdapat pada gedung Perkantoran Hijau Arkadia?

Ya

90%

Tidak

10%

Gambar 3.1 Diagram Hasil Kuisioner Pengunjung no.1

Berdasarkan hasil analisis kuisioner, diketahui bahwa sebagian besar pengunjung merasa kesulitan dalam mencari lokasi perusahaan dan fasilitas lainnya yang ada pada Perkantoran Hijau Arkadia.

43 2. Berapa lama waktu yang diperlukan untuk mendapatkan informasi yang anda butuhkan ?

< 2 menit

72%

2 - 5 menit > 5 menit 22%

6%


Berdasarkan hasil survei, diketahui bahwa waktu yang dibutuhkan oleh para pengunjung untuk mendapatkan informasi yang dibutuhkan sebagian besar berkisar antara 2 menit hingga 5 menit.

3. Hal apa yang menyebabkan anda mengalami kesulitan dalam memperoleh informasi lokasi dan fasilitas-fasilitas yang tersedia di gedung Perkantoran Hijau Arkadia ?

Papan Informasi yang kurang jelas

68%

Informasi yang diberikan staff terbatas Lokasi yang luas dan membingungkan

15%

17%


44 Dari hasil analisis kuisioner yang telah dibagikan kepada pengunjung, diketahui bahwa lokasi gedung Perkantoran Hijau Arkadia yang luas telah membingungkan pengunjung untuk menemukan lokasi yang dituju, papan informasi yang disediakan dalam memberikan informasi yang kurang jelas, dan informasi yang diberikan staff-staff serta customer service terbatas.

4. Apakah anda mengetahui semua fasilitas yang tersedia di dalam gedung Perkantoran Hijau Arkadia ?

94%

Ya Tidak

6%


Dari kuisioner yang dibagikan, didapatkan informasi bahwa sebagian besar pengunjung Perkantoran Hijau Arkadia tidak mengetahui seluruh fasilitas-fasilitas yang tersedia di Arkadia.

45 5. Menurut anda informasi apa saja yang perlu disertakan dalam kios informasi Perkantoran Hijau Arkadia ?

Keterangan lokasi

19% 26%

Peta tower atau denah gedung 23% 20%

7% 5%

Fasilitas-fasilitas yang tersedia Fasilitas dan unit yang tersedia untuk disewakan Informasi fasilitas dan sarana umum disekitar Perkantoran Hijau Arkadia Acara dan Event yang akan diadakan


Dari hasil analisis kuisioner yang dibagikan kepada pengunjung diketahui bahwa terdapat beberapa informasi yang dibutuhkan oleh pengunjung yaitu : keterangan lokasi perusahaan atau tenant,informasi mengenai fasilitas yang tersedia, acara dan event yang akan diadakan, denah atau peta gedung, informasi mengenai fasilitas dan sarana umum yang tersedia disekitar Perkantoran Hijau Arkadia, dan informasi lainnya seperti informasi mengenai fasilitas atau unit perkantoran yang tersedia untuk disewakan.

46 3.2.2 1.

Analisis Hasil Kuisioner Karyawan Tenant Jika layanan informasi di Perkantoran Hijau Arkadia diimplementasikan dengan sistem yang terkomputerisasi, informasi apa saja yang anda butuhkan untuk ditampilkan pada sistem tersebut?

53%

30%

Informasi internal perusahaan seperti berita dan acara perusahaan Fasilitas yang disediakan oleh tenant untuk karyawannya Berita dan acara yang akan diadakan di Perkantoran Hijau Arkadia

17%

Gambar 3.6 Diagram Hasil Kuisioner Karyawan Tenant

Dari hasil analisis kuisioner yang dibagikan kepada karyawan tenant diketahui bahwa terdapat beberapa informasi yang dibutuhkan oleh karyawan tenant yaitu : •

Informasi internal perusahaan seperti informasi mengenai berita perusahaan, acara yang akan diadakan perusahaan dan lainnya.

•

Informasi mengenai fasilitas-fasilitas yang disediakan oleh tenant pada karyawan tenant.

•

Informasi mengenai berita dan acara yang akan diadakan di Perkantoran Hijau Arkadia.

47 3.2.3

Analisis Hasil Kuisioner Front-Officer

1.Pertanyaan apa yang sering ditanyakan oleh pengunjung Perkantoran Hijau Arkadia ? Keterangan lokasi perusahaan/tenant

13%

31%

Fasilitas yang tersedia di Perkantoran Hijau Arkadia 30% 13%

13%

Informasi fasilitas dan sarana umum disekitar Perkantoran Hijau Arkadia Event dan acara yang akan diadakan Lainnya

Gambar 3.7 Diagram Hasil Kuisioner Front-Officer

Dari survei yang telah dilakukan terhadap front-officer di tiap tower, diketahui bahwa informasi yang sering ditanyakan oleh pengunjung Perkantoran Hijau Arkadia yaitu : •

Informasi mengenai keterangan lokasi tenant.

•

Informasi mengenai event dan acara yang akan diadakan.

•

Informasi mengenai fasilitas yang tersedia.

•

Informasi mengenai fasilitas umum disekitar Perkantoran Hijau Arkadia.

•

Informasi lainnya seperti informasi mengenai fasilitas dan unit yang disewakan.

3.3

Identifikasi Kebutuhan

3.3.1

Kebutuhan Perkantoran Hijau Arkadia Dari hasil wawancara yang telah dilakukan pada pihak buiding management

yang mengelola Perkantoran Hijau Arkadia dari PT. Loka Mampang Indah Realty, yang diwakili oleh Ibu. Rr. Nusye RN Widyastuti selaku Chief Tenant Relation and Facilities. Diketahui bahwa selama ini belum pernah terjadi pengaduan dari pengunjung maupun karyawan mengenai kurangnya penyediaan informasi di Perkantoran Hijau Arkadia. Ia

48 juga menyatakan bahwa building management Perkantoran Hijau Arkadia dari PT. Loka Mampang Indah Realty masih akan terus mengembangkan Perkantoran Hijau Arkadia dalam memberikan layanan yang baik pada para pengunjung, karyawan tenant dan tenant. Salah satunya yaitu mengembangkan layanan informasi di Perkantoran Hijau Arkadia menjadi suatu sistem yang terkomputerisasi. Untuk itu beberapa informasi yang akan ditampilkan dan diberikan pada para pengunjung, karyawan tenant, dan tenant yaitu : •

Informasi mengenai fasilitas-fasilitas yang tersedia di Perkantoran Hijau Arkadia.

•

informasi mengenai acara yang akan diadakan di Perkantoran Hijau Arkadia.

•

Informasi mengenai lokasi perusahaan tenant.

3.3.2 Kebutuhan Tenant Dari hasil wawancara yang dilakukan dengan salah satu tenant di Perkantoran Hijau Arkadia, yaitu Ibu. Ida Alaydroes selaku pemilik PT. Sarana Baku Indesain, maka diketahui bahwa informasi yang perlu ditampilkan kepada pengunjung dan karyawan yaitu : informasi mengenai tenant, informasi mengenai layanan fasilitas yang diberikan oleh tenant kepada karyawan tenant, dan berita perusahaan untuk para karyawan yang selama ini disediakan dan disampaikan dengan pemberitahuan secara manual atau dengan brosur-brosur. Oleh karena itu, mereka sangat tertarik jika penyampaian informasi dapat dilakukan dengan sistem yang terkomputerisasi, yang akan lebih memudahkan penyampaian informasi.

49 3.3.3

Kebutuhan Pengunjung Dari analisis hasil kuisioner pengunjung dan front-officer, maka dapat

diidentifikasikan beberapa kebutuhan informasi yang perlu disediakan oleh pihak Perkantoran Hijau Arkadia kepada pengunjung yaitu : •

Informasi mengenai keterangan lokasi perusahaan tenant beserta denah lokasi atau peta Perkantoran Hijau Arkadia.

•

Informasi acara dan event yang akan diadakan di Perkantoran Hijau Arkadia.

•

Informasi fasilitas-fasilitas yang tersedia di Perkantoran Hijau Arkadia beserta keterangan lokasinya atau denah lokasi.

•

Informasi mengenai fasilitas dan sarana umum disekitar Perkantoran Hijau Arkadia.

•

Informasi lainnya seperti informasi mengenai penyewaan area, fasilitas atau unit perkantoran.

3.3.4

Kebutuhan Karyawan Tenant Dari analisis hasil kuisioner karyawan tenant, maka dapat diidentifikasikan

beberapa kebutuhan informasi yang diperlukan oleh karyawan tenant, yaitu Informasi mengenai : •

Fasilitas-fasilitas yang tersedia di Perkantoran Hijau Arkadia.

•

Fasilitas yang didapatkan karyawan tenant di Perkantoran Hijau Arkadia.

•

Acara dan event yang akan diadakan di Perkantoran Hijau Arkadia.

•

Informasi lainnya seperti berita perusahaan dan jadwal atau kalender perusahaan.

50 3.4

Identifikasi Permasalahan Dari identifikasi kebutuhan yang telah dilakukan berdasarkan hasil analisis

kebutuhan, maka diketahui bahwa permasalahan yang dihadapi oleh Perkantoran Hijau Arkadia yaitu : •

Sarana penyedia informasi yang disediakan oleh pihak Perkantoran Hijau Arkadia masih belum bisa memenuhi kebutuhan pengunjung dan karyawan tenant.

3.5

Usulan Pemecahan Masalah Berdasarkan analisis kebutuhan yang dilakukan maka telah diidentifikasikan

beberapa kebutuhan dan masalah yang dihadapi Perkantoran Hijau Arkadia. Solusi yang diberikan untuk memenuhi kebutuhan tersebut yaitu dengan melakukan analisis dan perancangan untuk membangun aplikasi kios informasi berbasiskan multimedia. Aplikasi ini akan digunakan oleh pihak building manajemen Perkantoran Hijau Arkadia dalam penyediaan informasi-informasi di Perkantoran Hijau Arkadia. Selain itu, aplikasi kios informasi ini dapat membantu dan mempermudah pengunjung beserta karyawan untuk mengakses informasi yang dibutuhkan secara interaktif dengan waktu akses yang cepat. Selain itu, juga akan mempermudah building management staff Perkantoran Hijau Arkadia untuk melakukan maintenance seperti menambah informasi baru, mengubah informasi dan menghapus informasi. Aplikasi kios informasi ini dibagi menjadi dua bagian yaitu front-end dan backend. Di bagian front-end yang merupakan workstation, akan digunakan untuk menyampaikan informasi-informasi kepada pengunjung dan karyawan tenant. Sedangkan bagian server terdapat aplikasi back-end dan database yang akan digunakan

51 untuk menampilkan informasi kepada user, dan memungkinkan staff menambah informasi yang dibutuhkan, mengubah informasi dan menghapus informasi. Kios informasi ini akan diimplementasikan dalam bentuk touch-screen untuk berinteraksi dengan user .

52

3.6

Perancangan Layar dan Spesifikasi Modul (Front-End)

3.6.1

Rancangan Layar Menu Utama (Home)

Gambar 3.8 Rancangan Layar Menu Utama (Home)

Pada layar ‘Menu Utama’ atau ‘Home’ ini terdapat beberapa elemen yaitu : •

Menu utama yaitu menu : ‘Location’, ‘Facilities’, ‘News & Events’, ‘Tenant News’, ‘Public Facilities’, ‘Vacant Area’ dan ‘Help’. Yang jika menu tersebut diklik akan link ke halaman masing-masing.

•

Animasi logo arkadia pada bagian kanan atas, banner arkadia dan slide show arkadia yang terdapat dibagian bawah.

•

Video Perkantoran Hijau Arkadia.

53 -

Spesifikasi Modul Menu Utama

Modul Menu Utama Tampilkan Layar Menu Utama Lakukan jika Klik menu ‘Location’, lakukan modul Menu Location Klik menu ‘Facilities’, lakukan modul Menu Facilities Klik menu ‘News & Events’, lakukan modul Menu News & Events Klik menu ‘Tenant News’, lakukan modul Menu Tenant News Login Klik menu ‘Public Facilities’, lakukan modul Menu Public Facilities Klik menu ‘Vacant Area’, lakukan modul Menu Vacant Area Klik menu ‘Help’, lakukan modul Menu Help Akhir lakukan jika Akhir modul

3.6.2

Rancangan Layar Menu Location

Gambar 3.9 Rancangan Layar Menu Location

54 Pada layar ‘Menu Location’ ini terdapat beberapa elemen sebagai berikut : •

Menu utama : ‘Facilities’, ‘News & Events’, ‘Tenant News’, ‘Public Facilities’, ‘Home’, ‘Vacant Area’ dan ‘Help’. Yang jika menu tersebut diklik akan link ke halaman masing-masing.

•

Button- button untuk navigasi atau menampilkan informasi yang diinginkan, yaitu :

Button ← dan → , untuk menavigasi tampilan informasi tower yang dibaca dari database.

5 Button ’Tower’, yang dibaca dari database, jika button ini diklik akan menampilkan gambar dan nama tenant dari database sesuai dengan tower yang diklik.

Button ‘Prev’ dan ‘Next’, untuk navigasi tampilan informasi tenant dari database.

Button ’Search’, untuk melakukan pencarian lokasi berdasarkan nama tenant.

•

Gambar perusahaan tenant, yang jika diklik akan link ke halaman ‘Location Details’ yang menampilkan informasi dan peta lokasi tenant secara mendetail sesuai dengan yang dipilih.

•

Animasi logo arkadia.

55

Gambar 3.10 Rancangan Layar Search Location

-

Spesifikasi Modul Menu Location

Modul Menu Location Tampilkan Layar Menu Location Lakukan koneksi ke database Baca tabel msLocation Baca tabel msTower Tampilkan gambar dan namaTenant dari msLocation Tampilkan tower dari msTower Lakukan jika Klik menu ‘Facilities’, lakukan modul Menu Facilities Klik menu ‘News & Events’, lakukan modul Menu News & Events Klik menu ‘Tenant News’, lakukan modul Menu Tenant News Login Klik menu ‘Public Facilities’, lakukan modul Menu Public Facilities Klik menu ‘Help’, lakukan modul Menu Help Klik menu ‘Vacant Area’, lakukan modul Menu Vacant Area Klik menu ‘Home’, lakukan modul Menu Utama Jika klik button ’←’,

Tampilkan record sebelumnya dari msTower Akhir jika Jika klik button ’→’,

56 Tampillkan record selanjutnya dari msTower Akhir jika Jika klik button ‘Tower’, Tampilkan gambar dan namaTenant dari msLocation, dimana tower = tower yang diklik Jika klik gambar, Lakukan modul Location Details Akhir jika Jika klik button ‘Prev’, Tampilkan record sebelumnya dari msLocation Akhir jika Jika klik button ‘Next’, Tampilkan record selanjutnya dari msLocation Akhir jika Akhir jika Jika klik button ’search’, Tampilkan ’search engine’, Jika klik button ’cancel’ Tutup ’search engine’ Akhir jika Jika klik button ’search’, Lakukan modul Location Details Akhir jika Akhir jika Akhir lakukan jika Akhir modul

57 3.6.3 Rancangan Layar Location Details

Gambar 3.11 Rancangan Layar Location Details

Halaman ini menampilkan informasi mengenai tenant dan peta lokasi letak tenant sesuai dengan tenant yang diklik user pada layar ‘Menu Location’ dan menampilkan informasi tenant berdasarkan pencarian pada halaman ‘Menu Location’. Pada halaman ini juga terdapat button ‘back’, yang jika diklik akan kembali ke layar ‘Menu Location’. -

Spesifikasi Modul Location Details

Modul Location Details Tampilkan Layar Location Details Lakukan koneksi ke database Baca tabel msLocation Tampilkan record dari msLocation dimana gambar = gambar yang diklik pada modul Menu Location Tampilkan record dari msLocation dimana nama tenant seperti nama tenant pada ‘search engine’ pada modul Menu Location Jika klik button ‘back’

58 Lakukan modul Menu Location Akhir jika Akhir modul

3.6.4

Rancangan Layar Menu Facilities

Gambar 3.12 Rancangan Layar Menu Facilities

Pada layar ‘Menu Facilities’ ini terdapat beberapa elemen sebagai berikut : •

Menu utama, yaitu menu : ‘Location’, ‘News & Events’, ‘Tenant News’, ‘Public Facilities’, ‘Vacant Area’, ‘Help’ dan ‘Home’. Yang jika menu tersebut diklik akan link ke halaman masing-masing.

•

Button- button untuk menampilkan informasi dan navigasi, yaitu :

Button ← dan →, untuk navigasi tampilan informasi tipe fasilitas dari database.

59

Button ‘tipe’ untuk menampilkan tipe-tipe fasilitas yang dibaca dari database, seperti: banking, sport, food, dan lainnya.

Button ‘Prev’ dan ‘Next’, untuk navigasi tampilan informasi fasilitas dari database.

Button ’Search’, untuk melakukan pencarian lokasi berdasarkan nama fasilitas.

•

Gambar fasilitas, yang jika diklik akan link ke halaman ‘Facilities Details’ yang akan menampilkan informasi fasilitas.

•

Animasi logo arkadia.

Gambar 3.13 Rancangan Layar Search Facilities

60 -

Spesifikasi Modul Menu Facilities

Modul Menu Facilities Tampilkan Layar Menu Facilities Lakukan koneksi ke database Baca tabel msFacilities Baca tabel msType Tampilkan tipe dari msType Tampilkan gambar dan namaFasilitas dari msFacilities Lakukan jika Klik menu ‘Location’, lakukan modul Menu Location Klik menu ‘News & Events’, lakukan modul Menu News & Events Klik menu ‘Tenant News Login’, lakukan modul Menu Tenant News Login Klik menu ‘Public Facilities’, lakukan modul Menu Public Facilities Klik menu ‘Help’, lakukan modul Menu Help Klik menu ‘Vacant Area’, lakukan modul Menu Vacant Area Klik menu ‘Home’, lakukan modul Menu Utama Jika klik button ‘←’, Tampilkan record sebelumnya dari msType Akhir jika Jika klik button ‘→’, Tampilkan record selanjutnya dari msType Akhir jika Jika klik button ‘Prev’, Tampilkan record sebelumnya dari msFacilities Akhir jika Jika klik button ‘Next’, Tampilkan record selanjutnya dari msFacilities Akhir jika Jika klik button ‘tipe’, Tampilkan gambar dan namaFasilitas dari msFacilities dimana tipe = tipe yang diklik Jika klik gambar, Lakukan modul Facilities Details Akhir Jika Akhir Jika Jika klik button ’search’, Tampilkan ’search engine’, Jika klik button ’cancel’ Tutup ’search engine’ Akhir jika Jika klik button ’search’, Lakukan modul Facilities Details Akhir jika Akhir jika Klik gambar , lakukan modul Facilities Details Akhir lakukan jika Akhir modul

61 3.6.5 Rancangan Layar Facilities Details

Gambar 3.14 Rancangan Layar Facilities Details

Halaman ini menampilkan informasi mengenai fasilitas dan peta letak fasilitas yang diklik user pada layar ’Menu Facilities’ dan fasilitas yang dicari user pada ‘search engine’ layar ‘Menu Facilities’. Pada halaman ini juga terdapat button ‘back’, yang jika diklik akan kembali ke layar ’Facilities Details’ . -

Spesifikasi Modul Facilities Details

Modul Facilities Details Tampilkan Layar Facilities Details Lakukan koneksi ke database Baca tabel msFacilities Tampilkan record dari msFacilities dimana gambar = gambar yang diklik pada modul Menu Facilities Tampilkan record dari msFacilities dimana nama fasilitas seperti nama fasilitas ’search engine’ pada modul Menu Facilities Jika klik button ‘back’ Lakukan modul Menu Facilities Akhir jika

62 Akhir modul

3.6.6

Rancangan Layar Menu News & Events

Gambar 3.15 Rancangan Layar Menu News & Events

Pada layar menu ‘News & Events’ ini terdapat beberapa elemen sebagai berikut : •

Menu utama, yaitu menu : ‘Location’, ‘Facilities’, ‘Tenant News’, ‘Public Facilities’, ‘Vacant Area’, ‘Help’ dan ‘Home’. Yang jika menu tersebut diklik akan link ke halaman masing-masing.

•

Label judul berita dan tanggal berita, yang jika judul berita diklik akan link ke halaman ‘News Details’ yang menampilkan berita secara mendetail.

•


Button ‘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 ‘tipe’, untuk menampilkan tipe-tipe fasilitas yang dibaca dari database, seperti : mall, school, hospital, dan lainnya.

Button ‘Prev’ dan ‘Next’, untuk navigasi tampilan informasi fasilitas publik.

•

Button ← dan →, untuk navigasi tampilan informasi tipe fasilitas.

Gambar fasilitas, yang jika diklik akan link ke halaman ‘Public Facilities Details’ yang akan menampilkan informasi fasilitas secara mendetail.

• -

Animasi logo arkadia. Spesifikasi Modul Menu Public Facilities

Modul Menu Public Facilities Tampilkan Layar Menu Public Facilities Lakukan koneksi ke database Baca tabel msPublicType Baca tabel msPublic Tampilkan tipe dari msPublicType Tampilkan gambar dan namaFasilitas dari msPublic Lakukan jika Klik menu ‘Location’, lakukan modul Menu Location Klik menu ‘Facilities’, lakukan modul Menu Facilities Klik menu ‘News & Events’, lakukan modul Menu News & Events Klik menu ‘Tenant News ’, lakukan modul Menu Tenant News Login Klik menu ‘Help’, lakukan modul Menu Help Klik menu ‘Help’, lakukan modul Menu Help Klik menu ‘Home’, lakukan modul Menu Utama Jika klik button ‘←’, Tampilkan record sebelumnya dari msType Akhir jika Jika klik button ‘→’, Tampilkan record selanjutnya dari msType

70 Akhir jika Jika klik button ‘Prev’, Tampilkan record sebelumnya dari msPublic Akhir jika Jika klik button ‘Next’, Tampilkan record selanjutnya dari msPublic Akhir jika Jika klik button ‘tipe’, Tampilkan gambar dan namaFasilitas dari msPublic dimana tipe = tipe yang diklik Jika klik gambar, Lakukan modul Public Facilities Details Akhir Jika Akhir Jika Klik gambar , lakukan modul ‘Public Facilities Details’ Akhir lakukan jika Akhir modul

3.6.11 Rancangan Layar Public Facilities Details

Gambar 3.20 Rancangan Layar Public Facilities Details

71 Halaman ini menampilkan informasi mengenai fasilitas dan peta letak fasilitas umum yang diklik user pada layar menu ‘Public Facilities’. Pada halaman ini juga terdapat button ‘back’, yang jika diklik akan kembali ke layar menu ‘Public Facilities’. -

Spesifikasi Modul Public Facilities Details

Modul Public Facilities Details Tampilkan layar Public Facilities Details Lakukan koneksi ke database Baca tabel msPublic Tampilkan record dari msPublic dimana gambar = gambar yang diklik pada modul Menu Public Facilities Jika klik button ‘back’ Lakukan modul Menu Public Facilities Akhir jika Akhir modul

3.6.12 Rancangan Layar Menu Vacant Area

Gambar 3.21 Rancangan Layar Menu Vacant Area

72 Pada layar ‘Menu Vacant Area’ ini menampilkan peta lokasi building management Perkantoran Hijau Arkadia dan area kosong yang dapat disewakan. Beberapa elemen yang terdapat pada halaman ini yaitu : •

Menu utama, yaitu menu : ‘Location’, ‘Facilities’, ‘News & Events’, ‘Tenant News’, ‘Help’ dan ‘Home’. Yang jika menu tersebut diklik akan link ke halaman masing-masing.

•

Button- button untuk navigasi atau menampilkan informasi yang diinginkan, yaitu :

Button ↑ dan ↓ , untuk menavigasi informasi tower dari database.

Button ‘Prev’ dan ‘Next’, untuk navigasi tampilan informasi tenant.

Button ‘Tower’, yang isi-nya dibaca dari database. Jika button ini diklik akan link ke halaman ’Vacant Area Data’, dan menampilkan informasi mengenai area kosong sesuai dengan tower yang diklik.

Button ‘view full map’, untuk menampilkan peta letak building management menjadi lebih besar.

• -

Animasi logo arkadia. Spesifikasi Modul Menu Vacant Area

Modul Menu Vacant Area Tampilkan Layar Menu Vacant Area Lakukan koneksi ke database Baca tabel msTower Tampilkan record dari msTower Lakukan jika Klik menu ‘Location’, lakukan modul Menu Location Klik menu ‘Facilities’, lakukan modul Menu Facilities Klik menu ‘News & Events’, lakukan modul Menu News & Events Klik menu ‘Tenant News’, lakukan modul Menu Tenant News Login Klik menu ‘Help’, lakukan modul Menu Help Klik menu ‘Home’, lakukan modul Menu Utama Jika klik button ‘tower’,

73 Lakukan modul Help Data Akhir Jika Jika klik button ’view full map’, Tampilkan peta besar Akhir jika Akhir lakukan jika Akhir modul

3.6.13 Rancangan Layar Vacant Area Data

Gambar 3.22 Rancangan Layar Vacant Area Data

Pada halaman ‘Vacant Area Data’ , menampilkan informasi mengenai area kosong yang tersedia untuk disewakan pada tiap tower. Pada halaman ini terdapat : •

Denah tower yang terletak dibagian kiri, beserta penjelasannya. Denah ini bisa di perbesar (zoom-in) dan jika sudah di perbesar bisa di perkecil kembali (zoomout).

•

Button-button untuk menampilkan informasi dan navigasi, yaitu :

74

Button ‘Prev’ dan ‘Next’, untuk navigasi tampilan informasi mengenai area kosong (Help) yang dibaca dari database.

-

Spesifikasi Modul Vacant Area Data

Modul Help Data Tampilkan Layar Vacant Area Data Lakukan koneksi ke database Baca tabel msVacant Tampilkan record dari msVacant dimana tower = tower yang diklik pada modul Vacant Area Jika klik button ‘Prev’, Tampilkan record sebelumnya dari msVacant Akhir jika Jika klik button ‘Next’, Tampilkan record selanjutnya dari ms Vacant Akhir jika Akhir modul

3.6.14 Rancangan Layar Menu Help

Gambar 3.23 Rancangan Layar Menu Help

75 Pada halaman ‘Help’, menampilkan tayangan help untuk tiap menu. Pada halaman ini terdapat : •

Menu utama, yaitu menu : ‘Location’, ‘Facilities’, ‘News & Events’, ‘Tenant News’, ‘Public Facilities’, ‘Vacant Area’ dan ‘Home’. Yang jika menu tersebut diklik akan link ke halaman masing-masing.

•

Button ‘Location Help’, ‘Facilities Help’, ‘News & Events Help’, ‘Tenant News Help’, ‘Public Facilities Help’, ‘Vacant Area Help’, yang jika diklik akan menampilkan tayangan help untuk masing-masing menu yang dibaca dari database.

• -

Animasi logo arkadia. Spesifikasi Modul Help

Modul Menu Help Tampilkan Layar Help Lakukan koneksi ke database Baca tabel msHelp Tampilkan record dari msHelp Lakukan jika Klik menu ‘Location’ , lakukan modul Menu Location Klik menu ‘Facilities’, lakukan modul Menu Facilities Klik menu ‘News & Events’, lakukan modul Menu News & Events Klik menu ‘Tenant News’, lakukan modul Menu Tenant News Login Klik menu ‘Public Facilities’, lakukan modul Menu Public Facilities Klik menu ‘Vacant Area’, lakukan modul Menu Vacant Area Klik menu ‘Home’, lakukan modul Menu Utama Jika klik button ‘Location Help’, Tampilkan record dari msHelp dimana help= ‘location’ Akhir Jika Jika klik button ‘Facilities Help’, Tampilkan record dari msHelp dimana help= ‘facilities’ Akhir Jika Jika klik button ‘News & Events Help’, Tampilkan record dari msHelp dimana help= ‘news’ Akhir Jika Jika klik button ‘Tenant News Help’, Tampilkan record dari msHelp dimana help= ‘tnews’ Akhir Jika Jika klik button ‘Public Facilities Help’,

76 Tampilkan record dari msHelp dimana help= ‘public’ Akhir Jika Jika klik button ‘Vacant Area Help’, Tampilkan record dari msHelp dimana help= ‘vacant’ Akhir jika Akhir lakukan jika Akhir modul

3.7

Perancangan Layar dan Spesifikasi Modul (Back-End)

3.7.1

Rancangan Layar Menu Utama (Login)

Gambar 3.24 Rancangan Layar Menu Login Merupakan halaman awal pada aplikasi back-end. Pada halaman ini terdapat form untuk login ke halaman ‘Menu Home’. Jika user klik ‘login’, maka akan dicek apakah ‘admin Id’ dan ‘password’ yang diisi benar.

-

Spesifikasi Modul Menu Login

Modul Menu Login Tampilkan Layar Menu Login

77 Lakukan koneksi ke database Baca tabel msAdmin Masukkan username Masukkan password Jika klik button ‘Login’ maka Jika username kosong maka Tampilkan pesan kesalahan Akhir jika Jika password kosong maka Tampilkan pesan kesalahan Akhir jika Jika username dan password valid maka Tampilkan modul Menu Home Selain itu Tampilkan pesan kesalahan Akhir jika Akhir jika Jika klik button ‘Reset’ maka kosongkan label pesan kesalahan kosongkan textbox tenantId kosongkan textbox password Akhir jika Akhir modul

3.7.2

Rancangan Layar Menu Home-Admin

78 Gambar 3.25 Rancangan Layar Menu Home-Admin Pada halaman ‘Menu Home-Admin’, terdapat button-buton berikut : •

‘Tenant Data’, ‘Admin Data’, ‘Location’, ‘Facilities’, ‘News & Events’, ‘Tenant News’, ‘Public Facilities’, ‘Help’, ‘Logout’, yang jika diklik akan link ke halaman masingmasing.

-

Spesifikasi Modul Menu Home-Admin

Modul Menu Home Tampilkan Layar Menu Home-Admin Lakukan jika Klik menu ’Tenant Data’, lakukan modul Tenant Data Klik menu ‘Admin Data’, lakukan modul Admin Data Klik menu ‘Location’, lakukan modul Menu Location Klik menu ‘Facilitites’, lakukan modul Menu Facilities Klik menu ‘News & Events’, lakukan modul Menu News & Events Klik menu ‘Tenant News’, lakukan modul Menu Tenant News Klik menu ‘Public Facilities’, lakukan modul Menu Public Facilities Klik menu ‘Help’, lakukan modul Menu Help Klik button ‘Logout’, lakukan modul Menu Login Akhir lakukan jika Akhir Modul 3.7.3

Rancangan Layar Menu Tenant Data

79 Gambar 3.26 Rancangan Layar Tenant Data

Pada halaman ‘Menu Tenant Data’, terdapat tabel dibagian kiri untuk menampilkan data dari database, dan terdapat button-buton berikut : •

‘Home’, yang jika diklik akan ke halaman ‘Home-Admin’.

•

‘Add’, untuk melakukan penambahan data pada database.

•

‘Update’, untuk melakukan pengubahan data pada database.

•

‘Delete’, untuk menghapus data pada database.

•

‘Save’, untuk menyimpan data pada database jika telah dilakukan pengisian data dan pengubahan data.

-

•

‘Reset’, untuk mengosongkan textbox pada form.

•

‘Cancel’, untuk membatalkan aksi.

•

‘Logout’, yang jika diklik akan ke halaman ‘Login’

•

’ |<< ’, ’ >>| ’, ’<’, ’>’, untuk navigasi tampilan informasi. Spesifikasi Modul Menu Tenant Data

Modul Menu Tenant Data Tampilkan Layar Tenant Data Lakukan koneksi ke database Baca tabel msTenant Tampilkan record dari msTenant Lakukan jika Klik button ‘Add’ : enable form tambah data Klik button ‘Save’ : isi data baru ke dalam table msTenant Klik button ‘Update’ : ubah record dalam tabel msTenant Klik button ‘Delete’: hapus record dalam tabel msTenant Klik button ‘Reset’ : membersihkan isi data pada textbox Klik button ‘Cancel’ : membatalkan penambahan atau perubahan data Klik button ‘Home’: lakukan modul Menu Home Klik button ‘Logout’: lakukan modul Menu Login Jika klik button ‘|<<’, Tampilkan record pertama dari msTenant Akhir jika Jika klik button ’>>|’, Tampilkan record terakhir dari msTenant

80 Akhir jika Jika klik button ’>’, Tampilkan record selanjutnya dari msTenant Akhir jika Jika klik button ’<’, Tampilkan record sebelumnya dari msTenant Akhir jika Akhir lakukan jika Akhir Modul 3.7.4

Rancangan Layar Menu Admin Data

Gambar 3.27 Rancangan Layar Admin Data

Pada halaman ‘Menu Admin Data’, terdapat tabel dibagian kiri untuk menampilkan data dari database, dan terdapat button-buton berikut : •


•


81 •


•


•


-

•


•


•


•

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


•


•


•


•


83

-

•


•


•


•

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


•


•


•


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 •


-

•


•


•


•

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


•


•


•


89 •


-

•


•


•


•

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


•


•


•


•


•


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 dari database, dan terdapat button-buton berikut : •


•


•


•


•


•


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

-

•


•


•

’ |<< ’, ’ >>| ’, ’<’, ’>’, untuk navigasi tampilan informasi. Spesifikasi Modul Help

Modul Menu Help Tampilkan Layar Menu Help Lakukan koneksi database Baca tabel msHelp Tampilkan record dari msHelp Lakukan jika Klik button ‘Add’ : enable form tambah data Klik button ‘Save’ : isi data baru ke dalam table msHelp Klik button ‘Update’ : ubah record dalam tabel msHelp Klik button ‘Delete’: hapus record dalam tabel msHelp Klik button ‘Reset’ : membersihkan isi data pada textbox Klik button ‘Cancel’ : membatalkan penambahan atau perubahan data Klik button ‘Home’: lakukan modul Menu Home Klik button ‘Logout’: lakukan modul Menu Login Jika klik button ‘|<<’, Tampilkan record pertama dari msHelp Akhir jika Jika klik button ’>>|’, Tampilkan record terakhir dari msHelp Akhir jika Jika klik button ’>’, Tampilkan record selanjutnya dari msHelp Akhir jika Jika klik button ’<’, Tampilkan record sebelumnya dari msHelp Akhir jika Akhir lakukan jika Akhir Modul

96

3.8

Struktur Menu

3.8.1 Front End

97

Gambar 3.35 Struktur Menu Front-End

3.8.2

Back-End M enu Login

M enuHomeA dmin

M enu Tenant Data

M enu A dminD ata

M enu Location

M enu F acilities

M enuN ew s & Ev ents

M enu Tenant News

M enuP ublic F acilities

M enu V acant A rea

M enu H elp

HOME

HOME

HOME

HOME

HOME

HOME

HOME

HOME

HOME

ADD

ADD

ADD

ADD

ADD

ADD

ADD

ADD

ADD

UPDATE

UPDATE

UPDATE

UPDATE

UPDATE

UPDATE

UPDATE

UPDATE

UPDATE

DELETE

DELETE

DELETE

DELETE

DELETE

DELETE

DELETE

DELETE

DELETE

SAVE

SAVE

SAVE

SAVE

SAVE

SAVE

SAVE

SAVE

SAVE

RESET

RESET

RESET

RESET

RESET

RESET

RESET

RESET

RESET

CANCEL

CANCEL

CANCEL

CANCEL

CANCEL

CANCEL

CANCEL

CANCEL

CANCEL

LOGOUT

LOGOUT

LOGOUT

LOGOUT

LOGOUT

LOGOUT

LOGOUT

LOGOUT

LOGOUT

|<<

|<<

|<<

|<<

|<<

|<<

|<<

|<<

|<<

>>|

>>|

>>|

>>|

>>|

>>|

>>|

>>|

>>|

<

<

<

<

<

<

<

<

<

>

>

>

>

>

>

>

>

>

ADD TOWER

ADD TYPE

ADD TYPE

Gambar 3.36 Struktur Menu Back-End

ADD TOWER

98

3.9 Diagram Transisi Keadaan (STD) 3.9.1 Front End

99

Gambar 3.37 STD Front-End

3.9.2 Back End

100

Tenant Data Admin Data Tenant Data Pilih salah satu menu

Pilih Login

Tampilkan layar sesuai menu yang dipilih

Tampilkan layar Home jika valid LOGIN

Location

Facilities

HOME Pilih Logout Tampilkan layar Login

Pilih Home

News & Events

Tampilkan layar Home

Tenant News Public Facilities Vacant Area Pilih Logout Tampilkan layar Login

Gambar 3.38 STD Back-End

3.10

Perancangan Database

Help

101 3.10.1 Tabel msTenant Nama file

:

PHA.mdb

Nama Tabel

:

msTenant

Primary Key :

tenantId Tabel 3.1 msTenant

Nama Field tenantId

Tipe Data text

Range 4

tenantName password

text text

6

Keterangan Merupakan primary key dari tabel msTenant Format nya berupa : txxx ( t = tenant ) ( xxx = nomor ) Berisi nama perusahaan tenant Berisi password untuk login ke halaman ‘tenant news’

3.10.2 Tabel msLocation Nama file

:

PHA.mdb

Nama Tabel

:

msLocation

Primary Key :

locId Tabel 3.2 msLocation

Nama Field

Tipe Data

Range

Keterangan

locId

text

4

tenantId

text

4

tower

text

-

floor desc picPath movPath

text memo text text

-

Merupakan primary key dari tabel msLocation Format nya berupa : lxxx ( l = location ) ( xxx = nomor ) Merupakan foreign key yang terhubung ke tabel msTenant Berisi nama tower tenant, dan merupakan foreign key yang terhubung ke tabel msTower Berisi informasi mengenai letak lantai tenant Berisi informasi tentang tenant Berisi path atau nama file picture Berisi path atau nama file movie

3.10.3 Tabel msTower Nama file

:

PHA.mdb

Nama Tabel

:

msTower

Primary Key :

tower Tabel 3.3 msTower

102 Nama Field

Tipe Data

Range

tower

text

-

Keterangan

Merupakan primary key dari tabel msTower. Berisi nama tower

3.10.4 Tabel msTenantNews Nama file

:

PHA.mdb

Nama Tabel

:

msTenantNews

Primary Key :

tNewsId Tabel 3.4 msTenantNews

Nama Field

Tipe Data

Range

tNewsId

text

4

tenantId

text

4

tNewsDate tNewsTitle desc

date text memo

-

Keterangan

Merupakan primary key dari tabel msTenantNews Format nya berupa tnxxx ( tn=tenant news ) ( xxx = nomor ) Merupakan foreign key untuk berhubungan dengan tabel msTenant Berisi tanggal update / upload news Berisi judul berita Berisi informasi atau isi berita

3.10.5 Tabel msFacilities Nama file

:

PHA.mdb

Nama Tabel

:

msFacilities

Primary Key :

facilitiesId Tabel 3.5 msFacilities

Nama Field

Tipe Data

Range

Keterangan

facId

text

4

type

text

-

facName desc picPath movPath

text memo text text

-

Merupakan primary key dari tabel msFacilities Format nya berupa fxxx ( f= facilities ) ( xxx = nomor ) Berisi tipe fasilitas seperti : banking, restaurant, dan lainnya Berisi nama fasilitas Berisi informasi mengenai fasilitas Berisi path atau nama file picture Berisi path atau nama file movie

3.10.6 Tabel msType

103 Nama file

:

PHA.mdb

Nama Tabel

:

msType

Primary Key :

type Tabel 3.6 msType

Nama Field

Tipe Data

Range

Keterangan

type

text

-

Merupakan primary key dari tabel msType dan foreign key yang terhubung ke tabel msFacilities. Berisi tipe fasilitas.

3.10.7 Tabel msNews Nama file

:

PHA.mdb

Nama Tabel

:

msNews

Primary Key :

newsId Tabel 3.7 msNews

Nama Field

Tipe Data

Range

Keterangan

newsId

text

4

newsDate newsTitle newsType

date text text

-

desc

memo

-

Merupakan primary key dari tabel msNews Format nya berupa tnxxx ( n=news ) ( xxx = nomor ) Berisi tanggal update / upload news Berisi judul berita Berisi jenis news(ada 2 jenis, yaitu : news dan job vacancy) Merupakan isi berita

3.10.8 Tabel msPublicFacilities Nama file

:

PHA.mdb

Nama Tabel

:

msPublicFacilities

Primary Key :

publicFacId Tabel 3.8 msPublicFacilities

Nama Field

Tipe Data

Range

pubFacId

text

4

pubFacName type addr desc

text text text memo

-

Keterangan

Merupakan primary key dari table msPublic Format nya berupa pxxx ( p = public facilities ) ( xxx = nomor ) Berisi nama fasilitas publik Berisi tipe-tipe fasilitas Berisi alamat dari fasilitas publik Berisi informasi mengenai fasilitas publik

104 picPath moviePath

text text

-

Berisi path atau nama file picture Berisi path atau nama file movie

3.10.9 Tabel msPublicType Nama file

:

PHA.mdb

Nama Tabel

:

msPublicType

Primary Key :

type Tabel 3.9 msPublicType

Nama Field

Tipe Data

Range

Keterangan

type

text

-

Merupakan primary key dari tabel msPublicType dan foreign key yang terhubung ke tabel msPublicFacilities. Berisi tipe fasilitas.

3.10.10Tabel msVacantArea Nama file

:

PHA.mdb

Nama Tabel

:

msVacantArea

Primary Key :

areaId Tabel 3.10 msVacant

Nama Field

Tipe Data

Range

areaId

text

4

tower floor large

text text text

1 -

desc picPath

memo text

-

Keterangan

Merupakan primary key dari table msVacant Format nya berupa vxxxx ( v = Help ) ( x = tower yaitu a, b, c, d, e ) ( xxx = nomor ) Berisi informasi mengenai letak tower tenant Berisi informasi mengenai letak lantai tenant Berisi informasi mengenai luasnya area kosong yang tersedia untuk disewakan Berisi informasi mengenai Help Berisi path atau nama file picture

3.10.11Tabel msAdmin Nama file

:

PHA.mdb

Nama Tabel

:

msAdmin

Primary Key :

adminId Tabel 3.11 msAdmin

105 Nama Field

Tipe Data

Range

adminId adminName password

text text text

5 6

Keterangan

Merupakan primary key dari tabel msAdmin Berisi nama admin Berisi password untuk admin

3.10.12Tabel msHelp Nama file

:

PHA.mdb

Nama Tabel

:

msHelp

Primary Key :

helpId Tabel 3.12 msHelp

Nama Field

Tipe Data

Range

helpId help movPath

autonumber text text

-

Keterangan

Merupakan primary key dari tabel msHelp Berisi nama untuk mengidentifikasikan help Berisi path atau nama file movie

3.11 Entity Relationship Diagram (ERD)

Gambar 3.39 Entity Relationship Diagram

BAB 3 ANALISIS DAN PERANCANGAN SISTEM

Recommend Documents