PERANCANGAN SISTEM INFORMASI PENYEWAAN

STUDIO FOTO PADA YUKA PHOTO STUDIO BERBASIS

WEB

TUGAS AKHIR

FENI AGUSTINI

1410501023

UNIVERSITAS.PEMBANGUNAN.NASIONAL.“VETERAN”

JAKARTA

FAKULTAS ILMU KOMPUTER

PROGRAM STUDI D3 MANAJEMEN INFORMATIKA

2017

ii

PERANCANGAN SISTEM INFORMASI PENYEWAAN

STUDIO FOTO PADA YUKA PHOTO STUDIO BERBASIS

WEB

TUGAS AKHIR

Diajukan Sebagai Salah Satu Syarat Untuk Memperoleh Gelar

Ahli Madya Komputer

FENI AGUSTINI

1410501023

UNIVERSITAS.PEMBANGUNAN.NASIONAL.“VETERAN”

JAKARTA

FAKULTAS ILMU KOMPUTER

PROGRAM STUDI D3 MANAJEMEN INFORMATIKA

2017

iii

PERNYATAAN ORISINALITAS

Tugas akhir ini adalah hasil karya saya sendiri, dan semua sumber baik yang

dikutip maupun dirujuk telah saya nyatakan dengan benar.

Nama : Feni Agustini

NIM : 1410501023

Tanggal : 11 Juli 2017

Bilamana di kemudian hari ditemukan ketidaksesuaian dengan pernyataan

saya ini, maka saya bersedia dituntut dan di proses sesuai dengan ketentuan yang

berlaku.

Jakarta, 11 Juli 2017

Yang Menyatakan,

(Feni Agustini)

iv

PERNYATAAN PERSETUJUAN PUBLIKASI TUGAS AKHIR

UNTUK KEPENTINGAN AKADEMIS

Sebagai civitas akademik Universitas Pembangunan Nasional “Veteran” Jakarta,

saya yang bertanda tangan di bawah ini :

Nama : Feni Agustini

NIM : 1410501023

Fakultas : Ilmu Komputer

Program Studi : Manajemen Informatika

Demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada

Universitas Pembangunan Nasional “Veteran” Jakarta Hak Bebas Royalti Non-

eksklusif (Non-exclusif Royalti Free Right) atas karya ilmiah saya yang berjudul :

“PERANCANGAN SISTEM INFORMASI PENYEWAAN STUDIO FOTO

PADA YUKA PHOTO STUDIO BERBASIS WEB”

Beserta perangkat yang ada (jika diperlukan). Dengan Hak Bebas Royalti ini

Universitas Pembangunan Nasional “Veteran” Jakarta berhak menyimpan,

mengalihmedia/formatkan, mengelola, dalam bentuk pangkalan data (database),

merawat, dan mempublikasikan Tugas Akhir saya selama tetap mencantumkan

nama saya sebagai penulis/pencipta dan sebagai pemilik Hak Cipta.

Demikian pernyataan ini saya buat dengan sebenarnya.

Dibuat di : Jakarta

Pada tanggal : 11 Juli 2017

Yang telah menyatakan,

v

vi

PERANCANGAN SISTEM INFORMASI PENYEWAAN

STUDIO PHOTO PADA YUKA PHOTO STUDIO BERBASIS

WEB

FENI AGUSTINI

ABSTRAK

Studio foto salah satu tempat yang digunakan untuk mengabadikan suatu moment

disetiap acara atau bahkan digunakan untuk tempat pengambilan foto dari produk

yang ingin dipasarkan, tetapi saat ini dalam pengelolaan dan pemasarannya masih

ada yang belum memiliki web sebagai media pemasaran dan media informasinya.

Sehingga dilakukan pengembangan sistem informasi penyewaan studio foto

berbasis web. Dalam sistem yang dirancang ini penulis pengembangan sistem

menggunakan metode waterfall. Penelitian ini dilakukan dengan beberapa tahap

yaitu: studi pustaka, pengumpulan data, identifikasi masalah, perancangan sistem,

dan dokumentasi. Perancangan aplikasi menggunakan UML(Unified Modelling

Language) pada perancangan web ini penulis menggunakan software Sublime

Text 3 dengan bahasa pemograman PHP. Hasil yang dicapai dalam penggunaan

aplikasi web ini adalah customer dapat melihat informasi mengenai penyewaan,

dan dapat menyewa studio foto di Yuka Photo Studio.

Kata Kunci: Perancangan, Web, Penyewaan, Studio

vii

DESIGN OF PHOTO STUDIO RENTAL INFORMATION

SYSTEM IN YUKA PHOTO STUDIO WEB BASED

FENI AGUSTINI

ABSTRACT

Photo studio is one of the places used to capture a moment in every event or even

used for photo shoot of product to be marketed, but currently in management and

marketing there are still not have web as media marketing and media of

information. So do the development of information systems rental web-based

photo studio. In this designed system the author of system development using

waterfall method. This research was conducted with several stages: library study,

data collection, problem identification, system design, and documentation.

Application design using UML (Unified Modeling Language) in this web design

writer using Sublime Text 3 software with PHP programming language. The

results achieved in the use of this web application is the customer can see

information about the rental, and can rent a photo studio at Yuka Photo Studio.

Keywords: Designing, Web, Rental,Studio

viii

PRAKATA

Puji syukur Kami panjatkan kehadirat Tuhan Yang Maha Esa yang telah

memberikan Rahmat dan Hidayah-Nya sehingga tugas akhir ini dapat

terselesaikan dengan baik. Tugas akhir ini disusun secara sistematika sehingga

pembaca yang menggunakan atau membaca tugas akhir ini diharapkan dapat lebih

mudah, cepat dan jelas memahami materi tersebut. Dalam tugas akhir ini yang di

utamakan adalah penjelasan yang mendalam serta uraian yang disampaikan secara

jelas untuk menghindari kesalahan para pembaca.

Penulis menyadari bahwa tugas akhir ini masih banyak kekurangannya,

untuk itu penulis meminta maaf yang sebesar-besarnya jika terdapat kata-kata

yang salah dalam penulisan tugas akhir ini. Dan penulis mengharapkan kritik dan

saran dari para pembaca agar penulis dapat menyempurnakan tugas akhir yang

telah dibuat.

Tugas akhir ini dapat diselesaikan dari bantuan beberapa pihak, dalam

kesempatan ini penulis mengucapkan terima kasih kepada :

1. Dr. Nidjo sandjojo, M.Sc . Selaku Dekan Fakultas Ilmu Komputer

Universitas Pembangunan Nasional “Veteran” Jakarta.

2. Anita Muliawati, S.Kom., MTI. selaku ketua jurusan Manajemen

Informatika.

3. Tri Rahayu S.Kom., MM. selaku dosen pembimbing tugas akhir ini yang

telah banyak memberikan masukan dalam penulisan laporan tugas akhir.

4. Segenap Dosen Universitas Pembangunan Nasional “Veteran” Jakarta

yang telah memberikan banyak pengetahuan kepada penulis.

5. Terimaksih kepada Ayahanda Safei, Ibunda Endang serta kakak saya

Fendi Aprianto dan Istri dan Teman Dekat saya M.Rahmat Hidayat atas

segala doa, dorongan berupa nasihat maupun yang lain.

6. Untuk teman seperjuangan para mahasiswa D3 Manajemen Informatika

angkatan 2014 yang bersama-sama berjuang untuk menyelesaikan tugas

akhir ini yang selalu memberikan semangat, serta mendoakan dan

membantu penulis menyelesaikan tugas akhir ini.

ix

Penulis sangat berharap semoga laporan ini dapat bermanfaat bagi para

pembaca.

Jakarta, Juli 2017

Penulis

x

DAFTAR ISI

HALAMAN JUDUL ....................................................................................... i

PERNYATAAN ORISINALITAS .................................................................. ii

PERNYATAAN PERSETUJUAN PUBLIKASI ............................................ iii

PENGESAHAN ..............................................................................................iv

ABSTRAK ...................................................................................................... v

ABSTRACT ...................................................................................................vi

PRAKATA ................................................................................................... vii

DAFTAR ISI ..................................................................................................ix

DAFTAR TABEL ........................................................................................ xii

DAFTAR GAMBAR ................................................................................... xiii

DAFTAR SIMBOL ...................................................................................... xiv

DAFTAR LAMPIRAN .............................................................................. xviii

BAB 1 PENDAHULUAN ............................................................................... 1

1.1 Latar Belakang .............................................................................. 1

1.2 Rumusan Masalah.......................................................................... 1

1.3 Batasan Masalah ............................................................................ 2

1.4 Manfaat ......................................................................................... 2

1.5 Tujuan ........................................................................................... 2

1.6 Luaran Yang Diharapkan ............................................................... 3

1.7 Sistematika Penulisan .................................................................... 3

BAB 2 LANDASAN TEORI ........................................................................... 4

2.1 Sistem, Informasi dan Sistem Informasi ......................................... 4

2.1.1 Definisi Sistem ..................................................................... 4

2.1.2 Definisi Informasi ................................................................. 4

2.1.3 Definisi Sistem Informasi ..................................................... 5

2.2 Pengertian Analisis Sistem PIECES ............................................... 5

2.3 Sistem Basis Data ......................................................................... 6

2.3.1 Definisi Sistem Basis Data .................................................... 6

2.4 UML(Unified Modeling Language) ............................................... 7

2.5 HTML (Hypertext Markup Modelling Language) .......................... 7

2.6 PHP ............................................................................................... 7

2.7 MYSQL ......................................................................................... 8

2.8 XAMPP ......................................................................................... 8

2.9 Web Site ........................................................................................ 8

2.10 Web Server ................................................................................... 9

2.11 Sublime Text .............................................................................. 10

2.12 CSS (Cascanding Syle Sheets) .................................................... 10

2.13 Penyewaan ................................................................................. 10

xi

2.14 Penelitian Terdahulu ................................................................. 11

BAB 3 METODOLOGI PENELITIAN ........................................................ 13

3.1 Alur Penelitian ............................................................................. 13

3.2 Tahapan Penelitian ...................................................................... 14

3.3 Alat dan Bahan Penelitian ............................................................ 15

3.4 Jadwan Pelaksanaan ..................................................................... 15

BAB 4 HASIL DAN PENELITIAN .............................................................. 16

4.1 Struktur Organisasi ...................................................................... 16

4.2 Tugas dan Fungsi ......................................................................... 16

4.3 Analisa Dokumen Berjalan .......................................................... 17

4.4 Diagram Prosedur Sistem Berjalan............................................... 18

4.3.1 Use Case Diagram .............................................................. 18

4.3.2 Activity Diagram ................................................................ 19

4.5 Analisis Sistem ............................................................................ 20

4.5.1 Analisis Permasalahan......................................................... 20

4.5.2 Masalah Pokok .................................................................... 21

4.5.3 Analisis Kebutuhan Informasi ............................................. 21

4.6 Desain Sistem .............................................................................. 22

4.6.1 Rancangan Model Logic ..................................................... 22

4.6.2 Spesifikasi File .................................................................... 34

4.7 Rancangan Aplikasi ...................................................................... 36

4.7.1 Rancangan Kode ................................................................. 36

4.7.2 Rancangan Arsitektur Menu ................................................ 37

4.7.3 Rancangan User Interface ................................................... 39

BAB 5 PENUTUP ......................................................................................... 44

5.1 Simpulan ..................................................................................... 44

5.2 Saran ........................................................................................... 44

DAFTAR PUSTAKA

RIWAYAT HIDUP

LAMPIRAN

xii

DAFTAR TABEL

Tabel 2.1 Penelitian Terdahulu ....................................................................... 12

Tabel 3.1 Jadwal Kegiatan ............................................................................. 15

Tabel 4.1 Dokumen Masukan Berjalan........................................................... 17

Tabel 4.2 Dokumen Keluaran Berjalan........................................................... 17

Tabel 4.3 Deskripsi Use Case Diagram Sistem Berjalan ................................. 18

Tabel 4.6 Deskripsi Aktor yang Terlibat......................................................... 22

Tabel 4.7 Use Case Diagram Melakukan Registrasi ....................................... 24

Tabel 4.8 Use Case Diagram Log In ............................................................... 24

Tabel 4.9 Use Case Diagram Mengisi Form Booking ..................................... 25

Tabel 4.8 Use Case Diagram Transaksi Pembayaran ...................................... 25

Tabel 4.9 Use Case Diagram Laporan ............................................................ 26

Tabel 4.10 Tabel Admin ................................................................................ 34

Tabel 4.11 Tabel Customer ............................................................................ 34

Tabel 4.12 Tabel Order .................................................................................. 34

Tabel 4.13 Tabel User .................................................................................... 35

Tabel 4.14 Tabel Konfirmasi Pembayaran ...................................................... 35

xiii

DAFTAR GAMBAR

Gambar 2.1 Standart Web Architecture ............................................................ 9

Gambar 2.2 Dynamic Web Architecture ........................................................... 9

Gambar 3.1 Alur Penelitian ........................................................................... 13

Gambar 4.1 Struktur Organisasi ..................................................................... 16

Gambar 4.2 Use Case Diagram Sistem Berjalan ............................................. 18

Gambar 4.3 Activity Diagram Sistem Berjalan ............................................... 19

Gambar 4.4 Use Case Diagram Usulan .......................................................... 23

Gambar 4.5 Activity Diagram Registrasi ........................................................ 27

Gambar 4.6 Activity Diagram Log In ............................................................. 28

Gambar 4.7 Activity Diagram Booking .......................................................... 29

Gambar 4.8 Activity Diagram Konfirmasi Pembayaran .................................. 30

Gambar 4.9 Sequence Diagram Customer Usulan .......................................... 31

Gambar 4.10 Sequence Diagram Admin Usulan............................................. 32

Gambar 4.11 Class Diagram ......................................................................... 33

Gambar 4.12 Struktur Menu Admin ............................................................... 37

Gambar 4.13 Struktur Menu Customer .......................................................... 38

Gambar 4.14 Rancangan Tampilan Home ...................................................... 39

Gambar 4.15 Rancangan Tampilan Halaman Login ........................................ 40

Gambar 4.16 Rancangan Tampilan Halaman Konfirmasi Pembayaran ........... 41

Gambar 4.17 Rancangan Tampilan Registrasi ................................................ 42

Gambar 4.18 Rancangan Tampilan Halaman Booking ................................... 43

xiv

DAFTAR SIMBOL

a. Simbol Use Case Diagram

NO GAMBAR NAMA KETERANGAN

1

Actor

Menspesifikasikan himpuan peran yang

pengguna mainkan ketika berinteraksi

dengan use case.

2

Dependency

Hubungan dimana perubahan yang terjadi

pada suatu elemen mandiri (independent)

akan mempengaruhi elemen yang

bergantung padanya elemen yang tidak

mandiri (independent).

3

Generalization

Hubungan dimana objek anak (descendent)

berbagi perilaku dan struktur data dari

objek yang ada di atasnya objek induk

(ancestor).

4

Include Menspesifikasikan bahwa use case sumber

secara eksplisit.

5

Extend

Menspesifikasikan bahwa use case target

memperluas perilaku dari use case sumber

pada suatu titik yang diberikan.

6 Association Apa yang menghubungkan antara objek

satu dengan objek lainnya.

7

System

Menspesifikasikan paket yang

menampilkan sistem secara terbatas.

8

Use Case

Deskripsi dari urutan aksi-aksi yang

ditampilkan sistem yang menghasilkan

suatu hasil yang terukur bagi suatu aktor

xv

b. Simbol Class Diagram

NO GAMBAR NAMA KETERANGAN

1

Generalization

Hubungan dimana objek anak

(descendent) berbagi perilaku dan

struktur data dari objek yang ada di

atasnya objek induk (ancestor).

2 Nary

Association

Upaya untuk menghindari asosiasi

dengan lebih dari 2 objek.

3

Class

Himpunan dari objek-objek yang

berbagi atribut serta operasi yang

sama.

4

Collaboration

Deskripsi dari urutan aksi-aksi yang

ditampilkan sistem yang

menghasilkan suatu hasil yang

terukur bagi suatu aktor

5

Realization

Operasi yang benar-benar dilakukan

oleh suatu objek.

6

Dependency

Hubungan dimana perubahan yang

terjadi pada suatu elemen mandiri

(independent) akan mempegaruhi

elemen yang bergantung padanya

9

Collaboration

Interaksi aturan-aturan dan elemen lain

yang bekerja sama untuk menyediakan

prilaku yang lebih besar dari jumlah dan

elemen-elemennya (sinergi).

10

Note

Elemen fisik yang eksis saat aplikasi

dijalankan dan mencerminkan suatu sumber

daya komputasi

xvi

elemen yang tidak mandiri

7 Association

Apa yang menghubungkan antara

objek satu dengan objek lainnya

c. Simbol Sequence Diagram

NO GAMBAR NAMA KETERANGAN

1

LifeLine

Objek entity, antarmuka yang saling

berinteraksi.

2

Message

Spesifikasi dari komunikasi antar

objek yang memuat informasi-

informasi tentang aktifitas yang

terjadi

3

Message

Spesifikasi dari komunikasi antar

objek yang memuat informasi-

informasi tentang aktifitas yang

terjadi

d. Simbol Actifity Diagram

NO GAMBAR NAMA KETERANGAN

1

Actifity

Memperlihatkan bagaimana masing-

masing kelas antarmuka saling

berinteraksi satu sama lain

2

Action State dari sistem yang mencerminkan

eksekusi dari suatu aksi

3 Initial Node Bagaimana objek dibentuk atau

diawali.

4 Actifity

Final Node

Bagaimana objek dibentuk dan

dihancurkan

xvii

5

Fork Node Satu aliran yang pada tahap tertentu

berubah menjadi beberapa aliran

xviii

DAFTAR LAMPIRAN

Lampiran 1 Form Penyewaan

Lampiran 2 Kwitansi

Lampiran 3 Form Log in

Lampiran 4 Registrasi

Lampiran 5 Form Booking

Lampiran 6 Form Konfirmasi Pembayaran

Lampiran 7 Data Booking

Lampiran 8 Laporan