BAB III ANALISA DAN PERANCANGAN SISTEM

BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Objek Penelitian 3.1.1

Sejarah Singkat Perumahan Base Camp Perumahan Base Camp merupakan salah satu perumahan yang berada di

wilayah kelurahan Jurumudi Baru, Kota Tangerang. Perumahan ini dibangun pada tahun 2012. Perumahan ini dibangun dekat dengan Bandara Soekarno Hatta. Akses dari perumahan ke bandara sangat dekat serta tidak melalui jalan yang ramai dan macet sehingga dapat memudahkan para penghuni perumahan jika ingin pergi ke bandara. Perumahan ini juga mendirikan sebuah gedung serbagun yang dapat digunakan oleh mayarakat. Gedung ini bias digunakan untuk berbagai macam acara, diantarnya acara pertemuan, pernikahan dan lain-lain. 3.1.2

Visi dan Misi

1. Visi Perumahan Base Camp mengedepankan kepuasan dan kenyamanan hunian untuk para konsumen agar dapat merangkul rakyat menengah kebawah untuk memiliki hunian yang nyaman dan tentram. 2. Misi a. Menjadikan perumahan sebagai hunian yang tingkat keamanannya terjamin. b. Mengutakamakan kepuasan penghuni rumah agar dapat selalu menikmati lingkungan perumahan.

3.1.3

Struktur Organisasi Pekerjaan akan terlaksana dengan baik dan teratur jika terdapat struktur

organisasi yang baik, yang dapat membatasi pekerjaannya sesuai dengan tugas yang diterima dan dapat bertanggung jawab dengan tugas yang di jalaninya.

http://digilib.mercubuana.ac.id/ 30

31

Pembatasan kerja yang dibuat dengan pembagian tugas-tugas yang sesuai dengan bagian yang telah diterima menjadi factor penting dalam menjalankan sebuah organisasi sehingga dapat mencapai tujuan yang telah direncanakan. KOMISARIS ADAM ARISKI

MANAGER ILHAM RIKO

KEP. MARKETING SANDI NOVRI

BAG. PERUMAHAN TRI WAHYUNINGSIH

KEP. KEAMANAN AGUS HARYANTO

BAG. FASILITAS WAHYUDI

KEAMANAN RENDI

KEAMANAN BIMO WAHYU

KEAMANAN SLAMET

KEAMANAN RIZAL CAHYADI

Gambar 3.1 Struktur Organisasi

3.2 Analisa Sistem Berjalan Sistem berjalan itu sendiri adalah keseluruhan sistem yang berjalan pada suatu organisasi atau perusahaan yang dilakukan untuk menjalankan kegiatan yang dilakukan berguna untuk melancarkan segala kegiatan dan dapat mencapai tujuan yang sesuai dengan harapan. Berikut ini adalah sistem berjalan yang terdapat di gedung base camp :

http://digilib.mercubuana.ac.id/

KEAMANAN GILANG RISKI

32

Booking Gedung Customer

Pengelola Gedung

Mulai

Datang Langsung ke gedung

Mencari informa si penyewaan gedung

Memberikan informasi penyewaan gedung

Mengajukan tanggal penyewaan

Mengecek tanggal ketersediaa n

Memberikan form penyewaan gedung

Mengis i form penyewaan gedung

Form penyewa an gedung

Menerima form penyewaan gedung

Membaya r tagihan

Membuat tagihan penyewaan

Membuat kwita nsi penyewaan gedung

Booking Gedung

Menerima kwita nsi penyewaan gedung

Kwitansi penyewaan gedung

Mulai

Gambar 3. 2 Flowchart Sistem Berjalan


33

Keterangan : 1) Customer datang langsung ke gedung untuk booking gedung. 2) Customer mencari informasi mengenai penyewaan gedung kepada pengelola gedung. 3) Pengelola gedung memberikan informasi mengenai penyewaan gedung. 4) Customer mengajukan tanggal penyewaan gedung. 5) Pengelola gedung mengecek tanggal yang diajukan tersedia atau tidak. Jika tanggal tidak tersedia atau penuh maka Customer kembali mengajukan tanggal yang lain. Jika tanggal tersedia maka pengelola akan memberikan form penyewaan gedung. 6) Kemudian Customer mengisi form penyewaan gedung. 7) Kemudian pengelola gedung menerima form penyewaan gedung yang telah diisi oleh Customer. 8) Kemudian pengelola gedung membuat tagihan atas penyewaan gedung yang telah di booking oleh Customer. 9) Kemudian Customer membayar tagihan yang diberikan bisa langsung lunas atau setengahnya (DP). 10) Pengelola membuat kwitansi penyewaan gedung. 11) Kemudian Customer menyimpan kwitansi yang telah diberikan.

3.3 Analisa Masalah Analisis permasalahan dibuat dengan anailisis SWOT. Analisa SWOT digunakan

untuk mengetahui strategi apa yang akan digunakan setelah melihat kekuatan, kelemahan, peluang dan ancaman yang dimiliki perumahan. Analisa SWOT adalah suatu alat manajemen untuk mengevaluasi internal dan eksternal organisasi sehingga dapat memberikan informasi mengenai isu-isu penting bagi organisasi. Analisa SWOT ini terdiri dari Strength (kekuatan), Weakness (kelemahan), Opportunities (peluang) dan Threat (ancaman). Berikut adalah analisa SWOT yang dilakukan pada Gedung Serbaguna Perumahan Base Camp :


34

Tabel 3.1 Analisis SWOT Pemanfaatan gedung yang semakin sering dipilih oleh

Strength (Kekuatan)

masyarakat dalam menyelenggarakan sebuah acara seperti pernikahan, pertemuan, dll

Weakness (Kelemahan)

Dalam proses penyewaan masih harus datang langsung ke gedung sehingga waktu yang digunakan menjadi tidak efektif dan efisien. Pendataan yang dilakukan tidak didukung dengan system yang terkomputerisasi sehingga dalam penyimpanan akan sulit jika ingin melihat laporan data penyewaan dengan cepat dan akurat.

Opportunities (Peluang)

Pemanfaatan gedung menjadi pilihan yang tepat untuk dijadikan tempat untuk berbagai macam acara. Penyimpanan data yang menjadi tidak aman karena tidak

Threat (Ancaman)

tersimpan pada sistem melainkan tersimpan hanya pada pencatatan di buku.

Tabel 3.3 Strategi SWOT Faktor Internal

Strength (Kekuatan)

Weakness (Kelemahan)

Faktor Eksternal Opportunity (Peluang)

1. Membuat

1. Pemanfaatan gedung

yang

laporan pada sebuah

dilakukan dengan

database

sistem

mempercepat

sehingga

sebuah

dengan

pencarian data.

mudah dilakukan.

2. Mempersingkat

dapat

2. Pencatatan

data

penyewaan dilakukan dengan


untuk

waktu untuk proses penyewaan gedung.

35

real time Threats (Ancaman)

Dibuat sebuah laporan Membuat laporan yang yang terstruktur dan di datanya mudah didapat link

kedalam

database sehingga pelaporan lebih

sehingga mudah dalam efektif menarik data

3.4 Perancangan Sistem Usulan Dalam perancangan sistem ini, penulis menggunakan metode UML. Metode UML merupakan metode object oriented programming (oop) yang menggunakan notasi grafis dalam menyatakan suatu desain. Pemodelan dengan UML menggambarkan yang ada dalam dunia nyata ke dalam bentuk yang dapat dipahami dengan notasi standar UML. 3.4.1

Use Case Diagram Use Case adalah abstraksi dari interaksi antara sistem dan actor. Berikut

ini adalah gambar Use Case sistem usulan untuk Aplikasi penyewaan gedung dan perlengkapan acara adalah sebagai berikut :


36

Menambah Perlengkapan

Upload Paket

Mengecek Ketersediaan <>

Memilih Paket Sewa

<> <>

Mengelola Paket <>

Booking Gedung <> <>

Konfirmasi Pembayaran

<>

<>

Login

<>

Customer

Mengelola Customer

<>

Mengelola Pesanan

<>

Admin

Cetak Kwitansi Cetak Laporan

Register

Gambar 3. 3 Use Case Diagram Usulan Tabel 3.4 Skenario Use Case Register Customer Nama Use Case

Register

Aktor

Customer

Deskripsi

Customer melakukan Register untuk dapat masuk ke dalam halaman utama website

Pra Kondisi

Sebelum Register, Customer wajib masuk kedalam halaman utama website

Kondisi

Customer register dengan memasukkan beberapa data

Pasca Kondisi

Setelah Register, Customer dapat login ke dalam halaman utama Customer

Alternatif

-


37

Tabel 3.5 Skenario Use Case Login Customer Nama Use Case

Login

Aktor

Customer

Deskripsi

Customer harus login jika ingin masuk kedalam menu website

Pra Kondisi

Sebelum Customer, Customer wajib masuk kedalam menu Customer untuk login

Kondisi

Customer login untuk masuk kedalam menu website

Pasca Kondisi

Setelah login,Customer dapat masuk kedalam menu website

Alternatif

-

Tabel 3.6 Skenario Use Case Login Admin Nama Use Case

Login

Aktor

Admin

Deskripsi

Admin harus login jika ingin masuk kedalam menu admin

Pra Kondisi

Sebelum login, Admin wajib masuk kedalam menu admin untuk login

Kondisi

Admin login untuk masuk kedalam menu website

Pasca Kondisi

Setelah login, admin dapat masuk kedalam menu website

Alternatif

-

Tabel 3.7 Skenario Use Case Memilih Paket Sewa Nama Use Case

Memilih Paket Sewa

Aktor

Customer

Deskripsi

Customer dapat memilih paket sewa gedung setelah masuk ke menu booking dan menentukan tanggal yang tersedia

Pra Kondisi

Sebelum Customer memilih paket, harus menentukan tanggal yang tersedia

Kondisi

Customer memilih paket sewa gedung yang diinginkan dari yang tersedia


38

Pasca Kondisi

Setelah memilih paket yang diinginkan, Customer masuk ke review pesanan yang telah dipesan

Alternatif

-

Tabel 3.8 Skenario Use Case Menambah Perlengkapan Nama Use Case

Menambah perlengkapan

Aktor

Customer

Deskripsi

Customer dapat menambah perlengkapan acara jika Customer membutuhkan tambahan perlengkapan

Pra Kondisi

Sebelum

Customer

menambah

perlengkapan,

harus

menentukan tanggal yang tersedia Kondisi

Customer menambah perlengkapan yang dibutuhkan

Pasca Kondisi

Setelah menambah perlengkapan acara, Customer dapat masuk ke review pesanan yang telah di pesan

Alternatif

-

Tabel 3.9 Skenario Use Case Mengecek Ketersediaan Nama Use Case

Mengecek ketersediaan

Aktor

Customer

Deskripsi

Customer dapat mengecek ketersediaan gedung yang akan di booking untuk acara

Pra Kondisi

Sebelum Customer mengecek ketersediaan, harus masuk ke dalam menu booking

Kondisi

Customer mengecek ketersediaan tanggal untuk dibooking

Pasca Kondisi

Setelah mengecek ketersediaan, dapat melajutkan proses booking dan mengisi data pemesanan

Alternatif

-

Tabel 3.10 Skenario Use Case Booking Gedung


39

Nama Use Case

Booking Gedung

Aktor

Customer

Deskripsi

Customer

dapat

melakukan

booking

gedung

dengan

memasukkan beberapa data yang di perlukan Pra Kondisi

Sebelum Customer booking gedung, harus masuk ke halaman utama Customer terlebih dahulu

Kondisi

Customer booking gedung dengan mengisi beberapa data yang dibutuhkan

Pasca Kondisi

Setelah booking gedung, Customer dapat melanjutkan proses administrasi

Alternatif

-

Tabel 3.11 Skenario Use Case Konfirmasi Pembayaran Nama Use Case


Aktor

Customer

Deskripsi

Customer dapat melakukan konfirmasi pembayaran atas pesanan paket yang telah di pilih

Pra Kondisi

Sebelum Customer konfirmasi pembayaran harus melakukan booking terlebih dahulu agar mendapatkan kode penyewaan

Kondisi

Customer

melakukan

konfirmasi

pembayaran

atas

pesanannya Pasca Kondisi

Setelah konfirmasi pembayaran, Customer dapat kembali ke halaman utama Customer

Alternatif

-

Tabel 3.12 Skenario Use Case Upload Paket Nama Use Case

Upload Paket

Aktor

Admin

Deskripsi

Admin dapat upload paket sewa gedung ke dalam website

Pra Kondisi

Sebelum Admin upload paket, harus login terlebih dahulu


40

Kondisi

Admin upload paket sewa gedung ke dalam website

Pasca Kondisi

Setelah upload paket, admin dapat kembali ke menu utama admin

Alternatif

-

Tabel 3.13 Skenario Use Case Mengelola Paket Nama Use Case

Mengelola Paket

Aktor

Admin

Deskripsi

Admin dapat mengelola paket sewa gedung yang terdapat didalam website

Pra Kondisi

Setelah mengelola paket, admin dapat kembali ke menu utama admin

Kondisi

Admin mengelola paket yang terdapat pada website

Pasca Kondisi

Setelah mengelola paket, dapat kembali ke menu utama admin

Alternatif

-

Tabel 3.14 Skenario Use Case Mengelola Customer Nama Use Case

Mengelola Customer

Aktor

Admin

Deskripsi

Admin dapat mengelola semua Customer yang terdaftar

Pra Kondisi

Sebelum admin mengelola Customer, harus login terlebih dahulu

Kondisi

Admin mengelola data Customer yang telah terdaftar

Pasca Kondisi

Setelah mengelola Customer, dapat kembali ke menu utama admin

Alternatif

-

Tabel 3.15 Skenario Use Case Mengelola Pesanan


41

Nama Use Case

Mengelola Pesanan

Aktor

Admin

Deskripsi

Admin dapat mengelola semua pesanan yang telah masuk

Pra Kondisi

Sebelum mengelola pesanan, harus login terelebih dahulu

Kondisi

Admin mengelola semua data pesanan yang telah masuk

Pasca Kondisi

Setelah mengelola pesanan, dapat kembali ke menu utama admin

Alternatif

-

Tabel 3.16 Skenario Use Case Cetak Laporan Nama Use Case

Cetak Laporan

Aktor

Admin

Deskripsi

Admin dapat mencetak laporan yang telah masuk

Pra Kondisi

Sebelum Admin mencetak laporan, harus login terlebih dahulu

Kondisi

Admin mencetak laporan yang telah masuk

Pasca Kondisi

Setelah cetak laporan, dapat kembali ke halaman utama Admin

Alternatif

-

Tabel 3.17 Skenario Use Case Cetak Kwitansi Nama Use Case

Cetak Kwitansi

Aktor

Customer

Deskripsi

Customer dapat mencetak kwitansi atas pesanan yang dilakukan

Pra Kondisi

Sebelum Customer cetak kwitansi, harus melakukan proses booking terlebih dahulu

Kondisi

Customer mencetak kwitansi atas pesanan yang dilakukan

Pasca Kondisi

Setelah cetak kwitansi, Customer dapat kembali ke menu utama Customer


42

Alternatif

3.4.2

-

Activity Diagram Activity Diagram adalah teknik untuk mendeskripsikan logika procedural, proses bisnis dan aliran kerja dalam banyak kasus. Berikut ini adalah Activity Diagram pada Aplikasi Penyewaan Gedung dan Perlengakapan Acara Pada Perumahan Base Camp adalah sebagai berikut :


43

A. Activity Diagram Register Customer Customer

Sistem

Halaman Utama Website

Menampilkan Form Register

Pilih Register

Masukkan Data Customer

N

Y

Menyimpan Data

Menampilkan Halaman Utama

Gambar 3. 4 Activity Diagram Register Customer Keterangan : a) Nama Activity Diagram : Activity Diagram Register Customer b) Actor : Customer c) Deskripsi : Aplikasi akan menampilkan form register yang dijadikan sebagai syarat untuk dapat masuk ke dalam halaman utama Customer.


44

B. Activity Diagram Login Customer

Customer

Sistem


Menampilkan Form Login

Pilih Login

Masukkan Username, Password

Y

N

Masuk Ke Halaman Utama Customer

Gambar 3. 5 Activity Diagram Login Customer Keterangan : a) Nama Activity Diagram : Activity Diagram Login Customer b) Actor : Customer c) Deskripsi : Customer melakukan login dengan memasukkan username dan password yang telah terdaftar untuk masuk ke dalam halaman utama

Customer.


45

C. Activity Diagram Konfirmasi Pembayaran

Customer

Sistem

Halaman Pesanan

Pilih Konfirmasi Pembayaran

Menampilkan Form Konfirmasi Pembayaran


Gambar 3. 6 Activity Diagram Logout Customer Keterangan : a) Nama Activity Diagram : Activity Diagram Logout Customer b) Actor : Customer c) Deskripsi : Customer akan melakukan Logout untuk keluar dari halaman utama Customer.


46

D. Activity Diagram Memilih Paket Sewa Customer

Sistem

Menu Booking

Mengecek Tanggal Ketersediaan

N

Y

Menampilkan Paket Sewa Gedung

Memilih paket

Gambar 3. 7 Activity Diagram Memilih Paket Sewa Keterangan : d) Nama Activity Diagram : Activity Diagram Memilih Paket Sewa e) Actor : Customer f) Deskripsi : Aplikasi akan menampilkan daftar paket sewa gedung yang telah tersedia yang dapat dipilih oleh Customer untuk melakukan booking.


47

E. Activity Diagram Menambah Perlengkapan Customer

Sistem

Menu Booking

Mengecek Tanggal Ketersediaan

N

Y

Menampilkan perlengkapan

Tambah Perlengkapan

Gambar 3.8 Activity Diagram Menambah Perlengkapan Keterangan : a) Nama Activity Diagram : Activity Diagram Menambah Perlengkapan b) Actor : Customer c) Deskripsi : Aplikasi akan menampilkan daftar perlengkapan yang tersedia untuk dapat dipilih oleh Customer jika ingin menambah perlengkapan.


48

F. Activity Diagram Mengecek Ketersediaan

Customer

Sistem

Menu Booking

Pilih Tanggal Ketersediaan

Menampilkan Tanggal Ketersediaan

N

Y

Gambar 3.9 Activity Diagram Mengecek Ketersediaan Keterangan : a) Nama Activity Diagram : Activity Diagram Mengecek Ketersediaan b) Actor : Customer c) Deskripsi : Aplikasi akan menampilkan tabel daftar ketersediaan gedung untuk di booking.


49

G. Activity Diagram Booking Gedung Customer

Sistem

Halaman Utama

Memilih Booking Gedung

Menampilkan Ketersediaan Tanggal

Memilih Tanggal

N Y Menampilkan Paket, perlengkapan dan form data diri

Mengisi Data

N

Y Mengisi Data

Gambar 3.10 Activity Booking Gedung Keterangan : a) Nama Activity Diagram : Activity Diagram Booking Gedung b) Actor : Customer c) Deskripsi : Customer melakukan booking gedung setelah memilih paket sewa gedung yang telah dipilih.


50

H. Activity Diagram Login Admin Admin

Sistem


Menampilkan Form Login

Pilih Login

Masukkan Username, Password

N

Y

Masuk Ke Halaman Utama Admin

Gambar 3.11 Activity Diagram Login Admin Keterangan : a) Nama Activity Diagram : Activity Diagram Login Admin b) Actor : Admin c) Deskripsi : Admin melakukan login pada form login yang telah di sediakan agar bias masuk ke dalam halaman utama admin.


51

I. Activity Diagram Upload Paket Admin

Sistem

Halaman Utama Admin

Menampilkan Form Upload Paket

Upload Paket

Masukkan Data Paket

Y

N

Menyimpan Data

Menampilkan Daftar Paket

Gambar 3.12 Activity Diagram Upload Paket Keterangan : a) Nama Activity Diagram : Activity Diagram Upload Paket b) Actor : Admin c) Deskripsi : Admin mengupload paket sewa gedung pada form upload paket yang tersedia didalam menu upload paket.


52

J. Activity Diagram Mengelola Paket Admin

Sistem

Halaman Utama Admin

Pilih Menu Kelola Paket


Kelola Paket

N

Y

Menyimpan Data


Gambar 3.13 Activity Diagram Mengelola Paket Keterangan : a) Nama Activity Diagram : Activity Diagram Mengelola Paket b) Actor : Admin c) Deskripsi : Admin dapat mengelola paket sewa gedung yang terdapat pada menu kelola paket diantaranya admin dapat edit dan hapus paket.


53

K. Activity Diagram Mengelola Customer Admin

Sistem

Halaman Utama Admin

Pilih Menu Kelola Customer

Menampilkan Daftar Customer

Kelola Customer

Y

N

Menyimpan Data

Menampilkan Daftar Customer

Gambar 3.14 Activity Diagram Mengelola Customer Keterangan : a) Nama Activity Diagram : Activity Diagram Mengelola Customer b) Actor : Admin c) Deskripsi : Admin dapat mengelola data Customer yang telah terdafatar dengan memilih menu kelola Customer .


54

L. Activity Diagram Mengelola Pesanan Admin

Sistem

Halaman Utama Admin

Pilih Menu Kelola Pesanan

Menampilkan Daftar Pesanan

Kelola Pesanan

Y

N

Menyimpan Data

Menampilkan Daftar Pesanan

Gambar 3.15 Activity Mengelola Pesanan Keterangan : a) Nama Activity Diagram : Activity Diagram Mengelola Pesanan b) Actor : Admin c) Deskripsi : Admin dapat mengelola semua pesanan yang telah di pesan oleh Customer dengan memilih menu kelola pesanan. http://digilib.mercubuana.ac.id/

55

M. Activity Diagram Cetak Laporan

Admin

Sistem

Halaman Utama Admin

Pilih Laporan

Menampilkan Form

Cetak Laporan

Gambar 3.16 Activity Diagram Cetak Laporan Keterangan : d) Nama Activity Diagram : Activity Diagram Cetak Laporan e) Actor : Admin f) Deskripsi : Admin mencetak laporan pesanan yang telah masuk.


56

N. Activity Diagram Cetak Kwitansi

Admin

Sistem

Halaman Utama Customer

Pilih Data Penyewaan

Menampilkan Data Penyewaan

Pilih Cetak Kwitansi

Gambar 3.17 Activity Diagram Cetak Kwitansi Keterangan : g) Nama Activity Diagram : Activity Diagram Cetak Kwitansi h) Actor : Admin i) Deskripsi : Admin mencetak kwitansi utuk pesanan yang telah masuk.


57

3.4.3 Sequence Diagram A. Sequence Diagram Register Customer

Customer

Form Register

Control Register

Database

Menampilkan Form Register () Register() Data Customer() Validasi Data()

Menampilkan Halaman Website()

Gambar 3.18 Sequence Diagram Register Customer Tabel 3.18 Keterangan Sequance Diagram Register Customer Nama Sequance Deskipsi Singkat

Sequance Diagram Register Customer Menjelaskan proses Customer melakukan register.

Aktor

Customer

Pra- Kondisi

Membuka Aplikasi

Tindakan Utama

Register untuk dapat masuk ke halaman utama Customer -

Tindakan Alternatif Pasca Kondisi

-


58

B. Sequence Diagram Login Customer

Customer

Form Login

Control Login

Halaman Utama

Menampilkan Form Login () Username, Password () Validasi Data()

Pesan Kesalahan() Ambil Data() Menampilkan Menu Utama()

Menampilkan Menu Utama Kelola Data()

Kembali ke Halaman Utama()

Gambar 3.19 Sequence Diagram Login Customer

Tabel 3.19 Keterangan Sequance Diagram Login Customer Nama Sequance Deskipsi Singkat

Sequance Diagram Login Customer Menjelaskan proses Customer melakukan login.

Aktor

Customer

Pra- Kondisi

Membuka Aplikasi

Tindakan Utama

Membuka halaman utama Customer -


-


Database Database

59

C. Sequence Konfirmasi Pembayaran

Customer

Halaman Utama

Form Konfirmasi

Database

Masuk Ke Halaman Utama() Memilih Konfirmasi Pembayaran()

Menampilkan Form Konfirmasi() Konfirmasi Pembayaran() Menyimpan Data()

Gambar 3.20 Sequence Diagram Konfirmasi Pembayaran Tabel 3.20 Keterangan Sequance Diagram Konfirmasi Pembayaran Nama Sequance Deskipsi Singkat

Sequance Diagram Konfirmasi Pembayaran Menjelaskan proses Customer melakukan pembayaran atas pesanannya

Aktor

Customer

Pra- Kondisi

Memesan pemesanan untuk booking gedung

Tindakan Utama

Melakukan konfirmasi pembayaran -


-


konfirmasi

60

D. Sequence Memilih Paket Sewa

Customer

Ketersediaan Tanggal

Form Data Pesanan

Database

Pilih Menu Booking Gedung() Memasukkan Tanggal()

Menampilkan Paket Sewa Memilih Paket Sewa() Menyimpan Data()

Gambar 3.21Sequence Diagram Memilih Paket Sewa Tabel 3.21 Keterangan Sequance Diagram Memilih Paket Sewa Nama Sequance Deskipsi Singkat

Sequance Diagram Memilih Paket Sewa Menjelaskan proses Customer untuk memilih paket sewa gedung yang diinginkan

Aktor

Customer

Pra- Kondisi

Menentukan tanggal yang tersedia untuk booking gedung

Tindakan Utama

Memilih paket sewa gedung -


-


61

E. Sequence Diagram Menambah Perlengkapan

Customer

Ketersediaan Tanggal

Form Data Pesanan

Database

Pilih Menu Booking Gedung() Masukkan Tanggal()

Menampilkan Perlengkapan

Menambah Perlengkapan() Menyimpan Data()

Gambar 3.22Sequence Diagram Menambah Perlengkapan

Tabel 3.22 Keterangan Sequance Diagram Menambah perlengakapan Nama Sequance Deskipsi Singkat

Sequance Diagram Menambah perlengkapan Menjelaskan proses Customer melakukan penambahan Perlengkapan

Aktor

Customer

Pra- Kondisi

Menentukan tanggal yang tersedia untuk booking

Tindakan Utama

Menambah perlengkapan yang diinginkan -


-


62

F. Sequence Diagram Mengecek Ketersediaan

Customer

Booking Gedung

Menu Cek Ketersediaan

Database

Pilih Menu Booking Gedung() Masukkan Tanggal()

Mengecek Ketersediaan() Menyimpan Data()

Gambar 3.23 Sequence Diagram Mengecek Ketersediaan

Tabel 3.23 Keterangan Sequance Diagram Mengecek Ketersediaan Nama Sequance Deskipsi Singkat

Sequance Diagram mengecek Ketersediaan Menjelaskan proses Customer mengecek ketersediaan untuk

Aktor

booking gedung Customer

Pra- Kondisi

Membuka menu booking

Tindakan Utama

Mengecek ketersediaan jadwal booking gedung -


-


63

G. Sequence Diagram Booking Gedung

Booking Gedung

Customer

Menu Paket Sewa Ketersediaan

Form Data Pesanan

Database

Masuk Kedalam Website() Masukkan Tanggal Ketersediaan() Menampilkan Form Data Pesanan()

Mengisi Data Pesanan() Menampilkan Review Pesanan

Menyimpan Data()

Gambar 3.24 Sequence Diagram Booking Gedung Tabel 3.24 Keterangan Sequance Diagram Booking Gedung Nama Sequance Deskipsi Singkat

Sequance Diagram Booking Gedung Menjelaskan proses Customer melakukan booking gedung

Aktor

Customer

Pra- Kondisi

Membuka halaman utama Customer

Tindakan Utama

Melakukan booking gedung -


-


64

H. Sequence Diagram Login Admin

Admin

Form Login

Control Login

Halaman Utama

Database Database

Menampilkan Form Login () Username, Password () Validasi Data()

Pesan Kesalahan() Ambil Data() Menampilkan Menu Utama()

Menampilkan Menu Utama Kelola Data()

Kembali ke Halaman Utama()

Gambar 3.25 Sequence Diagram Login Admin Tabel 3.25 Keterangan Sequance Diagram Login Admin Nama Sequance Deskipsi Singkat

Sequance Diagram Login Admin Menjelaskan proses Admin melakukan login untuk masuk ke halaman utama Admin

Aktor

Admin

Pra- Kondisi

Membuka Aplikasi

Tindakan Utama

Login untuk dapat masuk ke halaman utama Admin -


-


65

I. Sequence Diagram Cetak Laporan

Admin

Menu Laporan

Laporan

Database

Pilih Menu Laporan() Cetak Laporan() Kelola Data()

Gambar 3.26 Sequence Diagram Cetak Laporan Tabel 3.26 Keterangan Sequance Diagram Cetak Laporan Nama Sequance Deskipsi Singkat

Sequance Diagram Cetak Laporan Menjelaskan proses Admin mencetak laporan atas pesanan yang masuk

Aktor

Admin

Pra- Kondisi

Masuk kedalam halaman utama Admin

Tindakan Utama

Mencetak laporan pesanan yang telah masuk -


-


66

J. Sequence Diagram Upload Paket

Customer Admin

Halaman Utama

Form Upload Paket

Database

Masuk Kedalam Website() Memilih Menu Tambah paket()

Menampilkan Form Upload Paket() Upload Paket() Menyimpan Data()

Gambar 3.27 Sequence Diagram Upload Paket Tabel 3.27 Keterangan Sequance Diagram Upload Paket Nama Sequance Deskipsi Singkat

Sequance Diagram Upload Paket Menjelaskan proses Admin untuk mengupload paket sewa gedung

Aktor

Admin

Pra- Kondisi

Membuka halaman utama Admin

Tindakan Utama

Mengupload paket sewa gedung -


-


67

K. Sequence Diagram Mengelola Paket

Customer Admin

Halaman Admin

Menu Kelola Paket

Database

Masuk Kedalam Website() Memilih Menu Kelola Paket()

Menampilkan Daftar Paket() Kelola Paket() Menyimpan Data()

Gambar 3.28 Sequence Diagram Mengelola Paket

Tabel 3.28 Keterangan Sequance Diagram Mengelola Paket Nama Sequance Deskipsi Singkat

Sequance Diagram Mengelola Paket Menjelaskan proses Admin mengelola paket sewa gedung

Aktor

yang ada Admin

Pra- Kondisi


Tindakan Utama

Mengelola paket sewa gedung -


-


68

L. Sequence Diagram Mengelola Customer

Customer Admin

Halaman Admin

Menu Kelola Customer

Database

Masuk Kedalam Website() Memilih Menu Kelola Customer()

Menampilkan Daftar Customer() Kelola Customer() Menyimpan Data()

Gambar 3.29 Sequence Diagram Mengelola Customer Tabel 3.29 Keterangan Sequance Diagram Mengelola Customer Nama Sequance Deskipsi Singkat

Sequance Diagram Mengelola Customer Menjelaskan proses Admin mengelola data Customer yang

Aktor

terdaftar Admin

Pra- Kondisi


Tindakan Utama

Mengelola data Customer yang terdaftar -


-


69

M. Sequence Diagram Mengelola Pesanan

Customer Admin

Halaman Admin

Menu Kelola Pesanan

Database

Masuk Kedalam Website() Memilih Menu Kelola Pesanan()

Menampilkan Daftar Pesanan() Kelola Pesanan() Menyimpan Data()

Gambar 3.30 Sequence Diagram Mengelola Pesanan Tabel 3.30 Keterangan Sequance Diagram Mengelola Pesanan Nama Sequance Deskipsi Singkat

Sequance Diagram Mengelola Pesanan Menjelaskan proses Admin mengelola pesanan yang masuk

Aktor

Admin

Pra- Kondisi


Tindakan Utama

Mengelola Pesanan yang masuk -


-


70

N. Sequence Diagram Cetak Kwitansi

Customer Admin

Data Penyewaan

Detai Peyewaan

Kwitansi

Pilih Menu Data Peyewaan() Pilih Detail()

Menampilkan Detail

Cetak Kwitansi()

Gambar 3.31 Sequence Diagram Cetak Kwitansi Tabel 3.31 Keterangan Sequance Diagram Cetak Kwitansi Nama Sequance Deskipsi Singkat

Sequance Diagram Cetak Kwitansi Menjelaskan proses Customer mencetak kwitansi atas pesanan untuk booking gedung

Aktor

Customer

Pra- Kondisi

Masuk ke data penyewaan

Tindakan Utama

Mencetak kwitansi atas pesanan yang telah dilakukan -


-


71

3.5 Class Diagram table_penyewaan_gedung

table_user -iduser -email -nmlengkap -notlpn -password -alamat -gambar_profil

1

table_paket

-kdpenyewaan -kduser -tanggal_penggunaan -waktu_penggunaan -status_penyewaan -untuk_acara -tambah_perlengkapan

1..*

1

1

+tambah() +simpan() +edit() +hapus()

+tambah() +simpan() -memberName

+tambah() +simpan()

1..*

-kdpaket -nmpaket -harga

1..* 1 1

1

table_detail_penyewaan -kd_detail_penyewaan -kdpenyewaan -kdpaket

table_admin -idadmin -email -password -nmlengkap -alamat

+tambah() +simpan()

+tambah() +simpan() +hapus() +edit()

1 1 table_konfirmasi_pembayaran

1

-kdkonfirmasi -kduser -kdtransaksi -jumlah -norekening -status +tambah() +simpan()

Gambar 3.32 Class Diagram

3.6 Perancangan Basis Data 1. Nama File

: table_detail_penyewaan

Media Penyimpanan : Harddisk Primary key

: kd_detail_penyewaan Tabel 3.32 Tabel Detail Penyewaan

No Nama Field

Tipe Data

Ukuran

Keterangan

1

Kd_detail_penyewaan

Int

6

Nomor Penyewaan

2

Kd_penyewaan

Varchar

6

Kode Penyewaan

3

Kdpaket

Int

3

Kode Paket Sewa Gedung


72

2. Nama File

: table_paket

Media Penyimpanan :Harddisk Primary key

: kdpaket Tabel 3.33 Tabel Paket

N

Nama Field

Tipe Data

Ukuran Keterangan

1

Kdpaket

Int

3

Kode Paket Sewa

2

Nmpaket

Varchar

200

Nama

o

Paket

dan

deskripsi paket 3

Harga

3. Nama File

Int

15

Harga Paket Sewa

: table_konfirmasi_pembayaran


: kdkonfirmasi Tabel 3.34 Tabel Konfirmasi Penyewaan

No Nama Field

Tipe Data

Ukuran

Keterangan

1

Int

3

Nomor Konfirmasi

Kdkonfirmasi

pembayaran 2

Kdtransaksi

Varchar

6

Kode

transaksi

yang

dikirim

setelah

sewa

gedung 3

Jumlah

Int

20

Jumlah Pembayaran yang di transfer

4

Norekening

Varchar

20


Nomor

rekening

73

Customer

yang

mengirim 5

Status

Int

1

Status

konfirmasi

transfer

4. Nama File

: table_penyewaan_gedung

Media Penyimpanan : Harddisk Primary key

: kdpenyewaan Tabel 3.35 Tabel Penyewaan Gedung

No Nama Field

Tipe Data

Ukuran

Keterangan

1

Kdpenyewaan

Int

6

Kode penyewaan

2

Kduser

Varchar

15

Nomor user

3

tanggal_penggunaan

Date

Tanggal dipakainya gedung

4

waktu_penggunaan

Varchar

15

Waktu

jam

dipakainya gedung 5

status_penyewaan

Varchar

3

Status penyewaan gedung

6

untuk_acara

Varchar

20

Kegiatan

acara

yang di lakukan 7

tambah_perlengkapan

Varchar

50

Penambahan perlengkapan

5. Nama File

: table_user


: iduser


74

Tabel 3.36 Tabel User No Nama Field

Tipe Data

Ukuran

Keterangan

1

Int

3

ID

Iduser

user

yang

terdaftar 2

Email

Varchar

30

Email user yang terdaftar

3

Nmlengkap

Varchar

50

Nama lengkap user yang terdaftar

4

Notlpn

Varchar

20

No

telpon

aktif

user yang terdaftar 5

Password

Varchar

50

Password

user

untuk dapat sewa gedung 6

Alamat

Text

Alamat

lengkap

user yang terdaftar 7

gambar_profil

Varchar

20

File gambar user yang terdaftar

6. Nama File

: table_admin


: idadmin Tabel 3.37 Tabel Admin

No Nama Field

Tipe Data

Ukuran

Keterangan

1

Idadmin

Int

3

ID Admin

2

Email

Varchar

20

Email Admin


75

3

Password

Varchar

20

Password Admin

4

Nmlengkap

Varchar

50

Nama

Lengkap

Admin 5

Alamat

Text

Alamat Admin

3.7 Perancangan Antar Muka Sistem Perancangan antar muka sistem merupakan rancangan tampilan interface dari aplikasi penyewaan dan perlengkapan gedung pada perumahan base camp berbasis website. Berikut adalah gambar rancangan layar tersebut. 3.7.1 Rancangan Tampilan Halaman Utama Customer

Gambar 3.33 Rancangan Tampilan Halaman Utama Customer 3.7.2 Rancangan Tampilan Login


76

Gambar 3.34 Rancangan Tampilan Login 3.7.3 Rancangan Tampilan Register

Gambar 3.35 Rancangan Tampilan Register 3.7.4 Rancangan Tampilan Penyewaan Gedung


77

Gambar 3.36 Rancangan Tampilan Penyewaan Gedung 3.7.5 Rancangan Tampilan Konfirmasi Pembayaran

Gambar 3.37 Rancangan Tampilan Konfirmasi Pembayaran 3.7.6 Rancangan Tampilan Galeri Gedung


78

Gambar 3.38 Rancangan Tampilan Galeri Gedung

3.7.7 Rancangan Tampilan Paket Sewa

Gambar 3.39 Rancangan Tampilan Paket Sewa 3.7.8 Rancangan Tampilan Data Penyewaan


79

Gambar 3.40 Rancangan Tampilan Data Penyewaan 3.7.9 Rancangan Tampilan Profil

Gambar 3.41 Rancangan Tampilan Profil 3.7.10 Rancangan Tampilan Login Admin


80

Gambar 3.42 Rancangan Tampilan Login Admin

3.7.11 Rancangan Tampilan Halaman Utama Admin

Gambar 3.43 Rancangan Tampilan Halaman Utama Admin 3.7.12 Rancangan Tampilan Mengelola Customer Customer


81

Gambar 3.44 Rancangan Tampilan Kelola Customer

3.7.13 Rancangan Tampilan Mengelola Paket

Gambar 3.45 Rancangan Tampilan Kelola Paket 3.7.14 Rancangan Tampilan Daftar Penyewaan Gedung


82

Gambar 3.46 Rancangan Tampilan Daftar Penyewaan Gedung

3.7.15 Rancangan Tampilan Daftar Konfirmasi Pembayaran

Gambar 3.47 Rancangan Tampilan Daftar Konfirmasi Pembayaran 3.7.16 Rancangan Tampilan Cetak Laporan


83

Gambar 3.48 Rancangan Tampilan Cetak Laporan


BAB III ANALISA DAN PERANCANGAN SISTEM

Recommend Documents