T0__BAB III Institutional Repository | Satya Wacana Christian University: Perancangan Sistem Informasi Persewaan DVD Berbasis Web T0 BAB III

BAB 3
METODE PERANCANGAN
3.1 Gambaran Umum Sistem
Persewaan DVD Berbasis Website adalah suatu sistem informasi yang
dapat digunakan pada usaha persewaan DVD dan digunakan untuk mempermudah
pelayanan terhadap pelanggan.Dimana pelanggan baru dapat langsung menjadi
member dengan mendaftar secara online, melihat sinopsis dan cuplikan film yang
baru dan ulasan ulasan film – film yang ada.
Sistem informasi ini dibuat dengan menggunakan bahasa pemrograman
HTML dan PHP dan menggunakan MySql sebagai database yang mudah dalam
hal maintenance / perawatan dan upgrade / peningkatan terhadap sistem informasi
ini.

3.2 Perancangan Sistem
3.2.1 Diagram Konteks
Diagram konteks merupakan gambaran global mengenai suatu sistem.
Dalam diagram konteks menerangkan secara garis besar hubungan antara
entitas-entitas yang ada pada sistem.

USER

SISTEM INFORMASI
PEMESANAN DVD BERBASIS WEB

Gambar 3.1 Diagram Konteks

7

ADMIN

8

Pada gambar diagram konteks diatas terlihat secara garis besar bahwa
terdapat pengelompokan antara pengguna (admin dan user) dan sistem
informasi. Sistem informasi akan menampilkan keseluruhan sistem kepada
user dan juga menjadi penghubung dengan admin.
Alur dari diagram konteks diatas adalah user memproses informasi
yang disediakan sistem kemudiaan sistem akan meneruskan kepada admin.
Admin kemudian akan memproses dan mengembalikan informasi yang sudah
diprosesnya ke sistem yang kemudian akan meneruskan kepada user yang
bersangkutan.

3.2.2 Flowchart
Flowchart Persewaan DVD Berbasis Website
START

Halaman Utama

Login

YA

Admin ?

TIDAK

TIDAK

YA

Guest Panel

Admin Panel

User Panel

Index.html
New Release.htm
Movie Order.html
Tentang Kami.htmll
Kontak.html

Index.php
Movie Order.php
Logout.php

Index.php
New Release.php
Movie Order.php
Tentang Kami.php
Kontak.php

TIDAK

Selesai?

TIDAK TIDAK

Selesai?

Selesai?

YA

YA

END

YA

Gambar 3.2 Flowchart Persewaan DVD Berbasis Website

9

Flowchart Registrasi
Start

Halaman Utama

Halaman Register

Input Data

TIDAK
Kesalahan Input Data

Selesai?

YA
Input Data Berhasil

Tampillan
Keberhasilan
Registrasi

End

Gambar 3.3Flowchart Registrasi

10

Flowchart Login
Start

Halaman Utama

Halaman Login

Input ID
Input Password

Selesai?

YA

TIDAK

User?

YA

TIDAK

Tampilkan Halaman
Login Sukses

Registrasi User Baru

End

Gambar 3.4 Flowchart Login

11

Flowchart Movie Order User & Admin
Start

Halaman Utama

Halaman Login

Input ID
Input Password

YA

User?

TIDAK

Selesai?

YA

Admin?

TIDAK

YA

Registrasi User Baru

Halaman Order
Admin

TIDAK

Halaman Order
Member

Input Data Order

TIDAK

Tidak

Input Data Movie
Edit Data Movie
Hapus Data Movie
Check Order
Hapus Order User
Edit Order User

Selesai?

Ya
End

Gambar 3.5 Flowchart Movie Order User & Admin

Selesai?

YA

Halaman Berhasil
Order

12

Flowcart Kontak / Pengiriman Pesan
START

Halaman Utama

Halaman Kontak

Input Nama
Input Email
Input Pesan

TIDAK

Selesai?

YA
Tampilkan Halaman
Pesan Berhasil
Terkirim

END

Gambar 3.6 Flowcart Kontak / Pengiriman Pesan

13

3.2.3 Lembar Kerja Tampilan
Lembar kerja tampilan adalah design awal yang secara garis besar
digunakan untuk menyusun website persewaan DVD ini dan yang menjadi
pedoman utama.
Berikut ini merupakan lembar kerja tampilan Persewaan DVD Berbasis
Web :
Index

Panel Login
Judul Web

Konten Kiri Atas

Panel Navigasi

Konten Kanan Atas

Konten Utama

Konten Kiri Bawah

Konten Tengah
Bawah

Konten Kanan Bawah

Footer / Konten Paling Bawah

Gambar 3.7 LKT Halaman Utama / Home / Index

14

New Release

Panel Login
Judul Web

Panel Navigasi

Konten Utama New Release

Side Menu

Footer / Konten Paling Bawah

Gambar 3.8LKT Halaman New Release

Movie Order Member

Panel Login
Judul Web

Panel Navigasi

Konten Daftar Movie

Konten Form Pemesanan DVD

Footer / Konten Paling Bawah

Gambar 3.9 LKT Movie Order Member

15

Index

Panel Login
Judul Web

Konten Kiri Atas
Form Input Data
Movie

Panel Navigasi

Konten Kanan Atas
Daftar Movie

Konten Daftar Order Movie

Footer / Konten Paling Bawah

Gambar 3.10 LKT Movie Order Admin

Tentang Kami

Panel Login
Judul Web

Panel Navigasi

Konten Utama Tentang Kami

Footer / Konten Paling Bawah

Gambar 3.11LKT Halaman Tentang Kami

16

Kontak

Panel Login
Judul Web

Panel Navigasi

Konten
Samping

Konten Form Kontak

Footer / Konten Paling Bawah

Gambar 3.12 LKT Halaman Kontak

Registrasi

Panel Login

Judul Web

Panel Navigasi

Konten Form Registrasi

Footer / Konten Paling Bawah

Gambar 3.13 LKT Halaman Registrasi

Konten
Samping

17

Pesan Error

Panel Login

Judul Web

Panel Navigasi

Konten Utama Pesan Error / Sukses

Footer / Konten Paling Bawah

Gambar 3.14 LKT Halaman Pesan Error / Sukse