BAB III ANALISA DAN PERANCANGAN SISTEM

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Objek Penelitian 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 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 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 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. 30

2 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 KEP. KEAMANAN AGUS HARYANTO BAG. PERUMAHAN TRI WAHYUNINGSIH BAG. FASILITAS WAHYUDI KEAMANAN RENDI KEAMANAN BIMO WAHYU KEAMANAN SLAMET KEAMANAN RIZAL CAHYADI KEAMANAN GILANG RISKI 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 :

3 32 Booking Gedung Pengelola Gedung Mulai Datang Langsung ke gedung Mencari informasi penyewaan gedung Memberikan informasi penyewaan gedung Mengajukan tanggal penyewaan Mengecek tanggal ketersediaan Memberikan form penyewaan gedung Mengisi form penyewaan gedung Form penyewaan gedung Menerima form penyewaan gedung Membayar tagihan Membuat tagihan penyewaan Membuat kwitansi penyewaan gedung Menerima kwitansi penyewaan gedung Kwitansi penyewaan gedung Booking Gedung Mulai Gambar 3. 2 Flowchart Sistem Berjalan

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

5 34 Tabel 3.1 Analisis SWOT Strength (Kekuatan) Weakness (Kelemahan) Pemanfaatan gedung yang semakin sering dipilih oleh masyarakat dalam menyelenggarakan sebuah acara seperti pernikahan, pertemuan, dll 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) Threat (Ancaman) Pemanfaatan gedung menjadi pilihan yang tepat untuk dijadikan tempat untuk berbagai macam acara. Penyimpanan data yang menjadi tidak aman karena tidak tersimpan pada sistem melainkan tersimpan hanya pada pencatatan di buku. Tabel 3.3 Strategi SWOT Faktor Internal Faktor Eksternal Opportunity (Peluang) Strength (Kekuatan) 1. Pemanfaatan gedung yang dilakukan dengan sistem sehingga dapat dengan mudah dilakukan. 2. Pencatatan data penyewaan dilakukan dengan Weakness (Kelemahan) 1. Membuat sebuah laporan pada sebuah database untuk mempercepat pencarian data. 2. Mempersingkat waktu untuk proses penyewaan gedung.

6 35 Threats (Ancaman) real time Dibuat sebuah laporan yang terstruktur dan di link kedalam database sehingga mudah dalam menarik data Membuat laporan yang datanya mudah didapat sehingga pelaporan lebih efektif 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 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 :

7 36 Menambah Perlengkapan Upload Paket Mengecek Ketersediaan <<include>> <<include>> Memilih Paket Sewa Mengelola Paket Booking Gedung <<include>> <<include>> <<include>> Mengelola <<include>> <<include>> Konfirmasi Pembayaran <<include>> Login <<include>> Mengelola Pesanan Cetak Kwitansi <<include>> <<include>> Cetak Laporan Admin Register Gambar 3. 3 Use Case Diagram Usulan Tabel 3.4 Skenario Use Case Register Nama Use Case Register Deskripsi melakukan Register untuk dapat masuk ke dalam halaman utama website Pra Kondisi Sebelum Register, wajib masuk kedalam halaman utama website Kondisi register dengan memasukkan beberapa data Pasca Kondisi Setelah Register, dapat login ke dalam halaman utama Alternatif -

8 37 Tabel 3.5 Skenario Use Case Login Nama Use Case Login Deskripsi harus login jika ingin masuk kedalam menu website Pra Kondisi Sebelum, wajib masuk kedalam menu untuk login Kondisi login untuk masuk kedalam menu website Pasca Kondisi Setelah login, dapat masuk kedalam menu website Alternatif - Tabel 3.6 Skenario Use Case Login Admin Nama Use Case Login 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 Deskripsi Pra Kondisi Kondisi Memilih Paket Sewa dapat memilih paket sewa gedung setelah masuk ke menu booking dan menentukan tanggal yang tersedia Sebelum memilih paket, harus menentukan tanggal yang tersedia memilih paket sewa gedung yang diinginkan dari yang tersedia

9 38 Pasca Kondisi Setelah memilih paket yang diinginkan, masuk ke review pesanan yang telah dipesan Alternatif - Tabel 3.8 Skenario Use Case Menambah Perlengkapan Nama Use Case Menambah perlengkapan Deskripsi dapat menambah perlengkapan acara jika membutuhkan tambahan perlengkapan Pra Kondisi Sebelum menambah perlengkapan, harus menentukan tanggal yang tersedia Kondisi menambah perlengkapan yang dibutuhkan Pasca Kondisi Setelah menambah perlengkapan acara, dapat masuk ke review pesanan yang telah di pesan Alternatif - Tabel 3.9 Skenario Use Case Mengecek Ketersediaan Nama Use Case Mengecek ketersediaan Deskripsi dapat mengecek ketersediaan gedung yang akan di booking untuk acara Pra Kondisi Sebelum mengecek ketersediaan, harus masuk ke dalam menu booking Kondisi 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

10 39 Nama Use Case Booking Gedung Deskripsi dapat melakukan booking gedung dengan memasukkan beberapa data yang di perlukan Pra Kondisi Sebelum booking gedung, harus masuk ke halaman utama terlebih dahulu Kondisi booking gedung dengan mengisi beberapa data yang dibutuhkan Pasca Kondisi Setelah booking gedung, dapat melanjutkan proses administrasi Alternatif - Tabel 3.11 Skenario Use Case Konfirmasi Pembayaran Nama Use Case Konfirmasi Pembayaran Deskripsi dapat melakukan konfirmasi pembayaran atas pesanan paket yang telah di pilih Pra Kondisi Sebelum konfirmasi pembayaran harus melakukan booking terlebih dahulu agar mendapatkan kode penyewaan Kondisi melakukan konfirmasi pembayaran atas pesanannya Pasca Kondisi Setelah konfirmasi pembayaran, dapat kembali ke halaman utama Alternatif - Tabel 3.12 Skenario Use Case Upload Paket Nama Use Case Deskripsi Pra Kondisi Upload Paket Admin Admin dapat upload paket sewa gedung ke dalam website Sebelum Admin upload paket, harus login terlebih dahulu

11 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 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 Nama Use Case Mengelola Admin Deskripsi Admin dapat mengelola semua yang terdaftar Pra Kondisi Sebelum admin mengelola, harus login terlebih dahulu Kondisi Admin mengelola data yang telah terdaftar Pasca Kondisi Setelah mengelola, dapat kembali ke menu utama admin Alternatif - Tabel 3.15 Skenario Use Case Mengelola Pesanan

12 41 Nama Use Case Mengelola Pesanan 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 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 Deskripsi Pra Kondisi Kondisi Pasca Kondisi Cetak Kwitansi dapat mencetak kwitansi atas pesanan yang dilakukan Sebelum cetak kwitansi, harus melakukan proses booking terlebih dahulu mencetak kwitansi atas pesanan yang dilakukan Setelah cetak kwitansi, dapat kembali ke menu utama

13 42 Alternatif 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 :

14 43 A. Activity Diagram Register Sistem Halaman Utama Website Pilih Register Menampilkan Form Register Masukkan Data N Y Menyimpan Data Menampilkan Halaman Utama Gambar 3. 4 Activity Diagram Register Keterangan : a) Nama Activity Diagram : Activity Diagram Register b) Actor : c) Deskripsi : Aplikasi akan menampilkan form register yang dijadikan sebagai syarat untuk dapat masuk ke dalam halaman utama.

15 44 B. Activity Diagram Login Sistem Halaman Utama Website Pilih Login Menampilkan Form Login Masukkan Username, Password N Y Masuk Ke Halaman Utama Gambar 3. 5 Activity Diagram Login Keterangan : a) Nama Activity Diagram : Activity Diagram Login b) Actor : c) Deskripsi : melakukan login dengan memasukkan username dan password yang telah terdaftar untuk masuk ke dalam halaman utama.

16 45 C. Activity Diagram Konfirmasi Pembayaran Sistem Halaman Pesanan Pilih Konfirmasi Pembayaran Menampilkan Form Konfirmasi Pembayaran Konfirmasi Pembayaran Gambar 3. 6 Activity Diagram Logout Keterangan : a) Nama Activity Diagram : Activity Diagram Logout b) Actor : c) Deskripsi : akan melakukan Logout untuk keluar dari halaman utama.

17 46 D. Activity Diagram Memilih Paket Sewa 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 : f) Deskripsi : Aplikasi akan menampilkan daftar paket sewa gedung yang telah tersedia yang dapat dipilih oleh untuk melakukan booking.

18 47 E. Activity Diagram Menambah Perlengkapan 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 : c) Deskripsi : Aplikasi akan menampilkan daftar perlengkapan yang tersedia untuk dapat dipilih oleh jika ingin menambah perlengkapan.

19 48 F. Activity Diagram Mengecek Ketersediaan 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 : c) Deskripsi : Aplikasi akan menampilkan tabel daftar ketersediaan gedung untuk di booking.

20 49 G. Activity Diagram Booking Gedung Sistem Halaman Utama Memilih Booking Gedung Memilih Tanggal Menampilkan Ketersediaan 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 : c) Deskripsi : melakukan booking gedung setelah memilih paket sewa gedung yang telah dipilih.

21 50 H. Activity Diagram Login Admin Admin Sistem Halaman Utama Website Pilih Login Menampilkan Form 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.

22 51 I. Activity Diagram Upload Paket Admin Sistem Halaman Utama Admin Upload Paket Menampilkan Form Upload Paket Masukkan Data Paket N Y 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.

23 52 J. Activity Diagram Mengelola Paket Admin Sistem Halaman Utama Admin Pilih Menu Kelola Paket Menampilkan Daftar Paket Kelola Paket N Y Menyimpan Data Menampilkan Daftar Paket 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.

24 53 K. Activity Diagram Mengelola Admin Sistem Halaman Utama Admin Pilih Menu Kelola Menampilkan Daftar Kelola N Y Menyimpan Data Menampilkan Daftar Gambar 3.14 Activity Diagram Mengelola Keterangan : a) Nama Activity Diagram : Activity Diagram Mengelola b) Actor : Admin c) Deskripsi : Admin dapat mengelola data yang telah terdafatar dengan memilih menu kelola.

25 54 L. Activity Diagram Mengelola Pesanan Admin Sistem Halaman Utama Admin Pilih Menu Kelola Pesanan Menampilkan Daftar Pesanan Kelola Pesanan N Y 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 dengan memilih menu kelola pesanan.

26 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.

27 56 N. Activity Diagram Cetak Kwitansi Admin Sistem Halaman Utama 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.

28 Sequence Diagram A. Sequence Diagram Register Form Register Control Register Database Menampilkan Form Register () Register() Data () Validasi Data() Menampilkan Halaman Website() Gambar 3.18 Sequence Diagram Register Tabel 3.18 Keterangan Sequance Diagram Register Nama Sequance Deskipsi Singkat Pra- Kondisi Tindakan Utama Sequance Diagram Register Menjelaskan proses melakukan register. Membuka Aplikasi Register untuk dapat masuk ke halaman utama Tindakan Alternatif - Pasca Kondisi -

29 58 B. Sequence Diagram Login Form Login Control Login Halaman Utama 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.19 Sequence Diagram Login Tabel 3.19 Keterangan Sequance Diagram Login Nama Sequance Deskipsi Singkat Pra- Kondisi Tindakan Utama Sequance Diagram Login Menjelaskan proses melakukan login. Membuka Aplikasi Membuka halaman utama Tindakan Alternatif - Pasca Kondisi -

30 59 C. Sequence Konfirmasi Pembayaran 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 Sequance Diagram Konfirmasi Pembayaran Deskipsi Singkat Menjelaskan proses melakukan konfirmasi pembayaran atas pesanannya Pra- Kondisi Tindakan Utama Memesan pemesanan untuk booking gedung Melakukan konfirmasi pembayaran Tindakan Alternatif - Pasca Kondisi -

31 60 D. Sequence Memilih Paket Sewa 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 Pra- Kondisi Tindakan Utama Sequance Diagram Memilih Paket Sewa Menjelaskan proses untuk memilih paket sewa gedung yang diinginkan Menentukan tanggal yang tersedia untuk booking gedung Memilih paket sewa gedung Tindakan Alternatif - Pasca Kondisi -

32 61 E. Sequence Diagram Menambah Perlengkapan 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 Pra- Kondisi Tindakan Utama Sequance Diagram Menambah perlengkapan Menjelaskan proses melakukan penambahan Perlengkapan Menentukan tanggal yang tersedia untuk booking Menambah perlengkapan yang diinginkan Tindakan Alternatif - Pasca Kondisi -

33 62 F. Sequence Diagram Mengecek Ketersediaan 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 Pra- Kondisi Tindakan Utama Sequance Diagram mengecek Ketersediaan Menjelaskan proses mengecek ketersediaan untuk booking gedung Membuka menu booking Mengecek ketersediaan jadwal booking gedung Tindakan Alternatif - Pasca Kondisi -

34 63 G. Sequence Diagram Booking Gedung Booking Gedung Ketersediaan Menu Paket Sewa 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 Pra- Kondisi Tindakan Utama Sequance Diagram Booking Gedung Menjelaskan proses melakukan booking gedung Membuka halaman utama Melakukan booking gedung Tindakan Alternatif - Pasca Kondisi -

35 64 H. Sequence Diagram Login Admin Admin Form Login Control Login Halaman Utama 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 Pra- Kondisi Tindakan Utama Sequance Diagram Login Admin Menjelaskan proses Admin melakukan login untuk masuk ke halaman utama Admin Admin Membuka Aplikasi Login untuk dapat masuk ke halaman utama Admin Tindakan Alternatif - Pasca Kondisi -

36 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 Pra- Kondisi Tindakan Utama Sequance Diagram Cetak Laporan Menjelaskan proses Admin mencetak laporan atas pesanan yang masuk Admin Masuk kedalam halaman utama Admin Mencetak laporan pesanan yang telah masuk Tindakan Alternatif - Pasca Kondisi -

37 66 J. Sequence Diagram Upload Paket 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 Pra- Kondisi Tindakan Utama Sequance Diagram Upload Paket Menjelaskan proses Admin untuk mengupload paket sewa gedung Admin Membuka halaman utama Admin Mengupload paket sewa gedung Tindakan Alternatif - Pasca Kondisi -

38 67 K. Sequence Diagram Mengelola Paket 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 Pra- Kondisi Tindakan Utama Sequance Diagram Mengelola Paket Menjelaskan proses Admin mengelola paket sewa gedung yang ada Admin Membuka halaman utama Admin Mengelola paket sewa gedung Tindakan Alternatif - Pasca Kondisi -

39 68 L. Sequence Diagram Mengelola Admin Halaman Admin Menu Kelola Database Masuk Kedalam Website() Memilih Menu Kelola () Menampilkan Daftar () Kelola () Menyimpan Data() Gambar 3.29 Sequence Diagram Mengelola Tabel 3.29 Keterangan Sequance Diagram Mengelola Nama Sequance Deskipsi Singkat Pra- Kondisi Tindakan Utama Sequance Diagram Mengelola Menjelaskan proses Admin mengelola data yang terdaftar Admin Membuka halaman utama Admin Mengelola data yang terdaftar Tindakan Alternatif - Pasca Kondisi -

40 69 M. Sequence Diagram Mengelola Pesanan 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 Pra- Kondisi Tindakan Utama Sequance Diagram Mengelola Pesanan Menjelaskan proses Admin mengelola pesanan yang masuk Admin Membuka halaman utama Admin Mengelola Pesanan yang masuk Tindakan Alternatif - Pasca Kondisi -

41 70 N. Sequence Diagram Cetak Kwitansi 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 Pra- Kondisi Tindakan Utama Sequance Diagram Cetak Kwitansi Menjelaskan proses mencetak kwitansi atas pesanan untuk booking gedung Masuk ke data penyewaan Mencetak kwitansi atas pesanan yang telah dilakukan Tindakan Alternatif - Pasca Kondisi -

42 Class Diagram table_user -iduser - -nmlengkap -notlpn -password -alamat -gambar_profil +tambah() +simpan() 1..* table_penyewaan_gedung 1 1..* -kdpenyewaan -kduser -tanggal_penggunaan -waktu_penggunaan -status_penyewaan -untuk_acara -tambah_perlengkapan 1 +tambah() +simpan() -membername 1 1 table_paket -kdpaket -nmpaket -harga +tambah() +simpan() +edit() +hapus() 1..* 1 1 table_detail_penyewaan -kd_detail_penyewaan -kdpenyewaan -kdpaket +tambah() +simpan() table_konfirmasi_pembayaran -kdkonfirmasi -kduser -kdtransaksi -jumlah -norekening -status +tambah() +simpan() 1 1 table_admin -idadmin - -password -nmlengkap -alamat +tambah() +simpan() +hapus() +edit() 1 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

43 72 2. Nama File : table_paket Media Penyimpanan :Harddisk Primary key : kdpaket Tabel 3.33 Tabel Paket N Nama Field Tipe Data Ukuran Keterangan o 1 Kdpaket Int 3 Kode Paket Sewa 2 Nmpaket Varchar 200 Nama Paket dan deskripsi paket 3 Harga Int 15 Harga Paket Sewa 3. Nama File : table_konfirmasi_pembayaran Media Penyimpanan :Harddisk Primary key : kdkonfirmasi Tabel 3.34 Tabel Konfirmasi Penyewaan No Nama Field Tipe Data Ukuran Keterangan 1 Kdkonfirmasi Int 3 Nomor Konfirmasi pembayaran 2 Kdtransaksi Varchar 6 Kode transaksi yang setelah dikirim sewa gedung 3 Jumlah Int 20 Jumlah Pembayaran yang di transfer 4 Norekening Varchar 20 Nomor rekening

44 73 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 Media Penyimpanan :Harddisk Primary key : iduser

45 74 Tabel 3.36 Tabel User No Nama Field Tipe Data Ukuran Keterangan 1 Iduser Int 3 ID user yang terdaftar 2 Varchar 30 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 Media Penyimpanan :Harddisk Primary key : idadmin Tabel 3.37 Tabel Admin No Nama Field Tipe Data Ukuran Keterangan 1 Idadmin Int 3 ID Admin 2 Varchar 20 Admin

46 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 Rancangan Tampilan Halaman Utama Gambar 3.33 Rancangan Tampilan Halaman Utama Rancangan Tampilan Login

47 Rancangan Tampilan Register Gambar 3.34 Rancangan Tampilan Login Rancangan Tampilan Penyewaan Gedung Gambar 3.35 Rancangan Tampilan Register

48 77 Gambar 3.36 Rancangan Tampilan Penyewaan Gedung Rancangan Tampilan Konfirmasi Pembayaran Gambar 3.37 Rancangan Tampilan Konfirmasi Pembayaran Rancangan Tampilan Galeri Gedung

49 78 Gambar 3.38 Rancangan Tampilan Galeri Gedung Rancangan Tampilan Paket Sewa Rancangan Tampilan Data Penyewaan Gambar 3.39 Rancangan Tampilan Paket Sewa

50 Rancangan Tampilan Profil Gambar 3.40 Rancangan Tampilan Data Penyewaan Rancangan Tampilan Login Admin Gambar 3.41 Rancangan Tampilan Profil

51 80 Gambar 3.42 Rancangan Tampilan Login Admin Rancangan Tampilan Halaman Utama Admin Gambar 3.43 Rancangan Tampilan Halaman Utama Admin Rancangan Tampilan Mengelola

52 81 Gambar 3.44 Rancangan Tampilan Kelola Rancangan Tampilan Mengelola Paket Gambar 3.45 Rancangan Tampilan Kelola Paket Rancangan Tampilan Daftar Penyewaan Gedung

53 82 Gambar 3.46 Rancangan Tampilan Daftar Penyewaan Gedung Rancangan Tampilan Daftar Konfirmasi Pembayaran Gambar 3.47 Rancangan Tampilan Daftar Konfirmasi Pembayaran Rancangan Tampilan Cetak Laporan

54 83 Gambar 3.48 Rancangan Tampilan Cetak Laporan