BAB III PEMBAHASAN. mendukung kinerja sestem. Apakah program yang dibuat telah sesuai kebutuhan

(1)

21 3.1 Analisa Kebutuhan

Analisa kebutuhan perangkat lunak sistem informasi sangat dibutuhkan dalam mendukung kinerja sestem. Apakah program yang dibuat telah sesuai kebutuhan dengan kebutuhan atau belum, karena kebutuhan sistem akan mendukung tercapainya tujuan perusahaan. Dalam pembuatan program berbasis web ini, saya menganalisa sistem kebutuhan fungsional dan kebutuhan non fungsional. Berikut adalah analisis kebutuhan:

3.1.1 Analisis kebutuhan fungsional

Kebutuhan fungsional berisi tentang informasi apa saja yang harus ada dan dihasilkan system dari analisis kebutuhan pemakai.

1. Analisis Kebutuhan Pengguna (User Requierements Analysis) a. Pelanggan

1) Pengunjung dapat melakukan pemesanan atau transaksi pembelian setelah terdaftar sebagai pelanggan dan melakukan login.

2) Pengunjung melakukan registrasi dengan mengisi seluruh data pribadi, institusi atau perusahaan yang ada pada halaman registrasi pelanggan, kemudian akan tercatat sebagai member.

3) Pelanggan dapat melihat produk dan spesifikasi produk secara detail yang ada di

(2)

jumlah pembelian dan dapat melihat total pembelian produk pada keranjang belanja. Setelah sudah selesai, maka selanjutnya pelanggan akan diarahkan pada halaman alamat pengiriman barang, rincian pemesanan dan proses pemesanan dapat diselesaikan.

5) Pelanggan dapat mencetak nota pemesanan atau pembelian sebagai bukti pemesanan yang sah. Nota pemesanan berisi informasi produk-produk yang dibeli, jumlah pembelian, total harga serta kode pemesanan.

6) Pelanggan dapat melakukan konfirmasi pembayaran pada halaman konfirmasi pembayaran setelah pelanggan melakukan transfer total pembayaran ke rekening yang telah ditentukan.

b. Administrator Web

1) Admin dapat mengelola data produk, seperti tambah produk, ubah data produk dan hapus produk.

2) Admin dapat mengelola data pemesanan atau penjualan, seperti cetak nota penjualan, update status pemesanan dan hapus data pemesanan.

3) Admin dapat melihat dan menghapus data pelanggan.

4) Admin dapat melihat dan menghapus data konfirmasi pembayaran yang telah dilakukan pelanggan untuk disesuiakan dengan data di rekening bank perusahaan.

5) Admin dapat mengelola laporan penjualan, laporan data pelanggan dan laporan stok produk, seperti melihat laporan dan mencetak laporan.

(3)

2. Analisis Kebutuhan Sistem (System Requirements Analysis) a. Kebutuhan Sistem Bagi Pelanggan

1) Sistem menyediakan halaman registrasi dan login pelanggan untuk pengunjung yang akan melakukan transaksi pembelian atau pemesanan.

2) Sistem memberikan informasi produk terbaru, produk yang dijual, detail produk dan kategori produk.

3) Sistem memberikan informasi dan layanan bagi pelanggan, seperti informasi ketentuan umum bertransaksi, keamanan data transaksi, harga dan produk, pemesanan dan pengiriman serta informasi pembayaran.

4) Sistem menyediakan keranjang belanja, update alamat pengiriman produk, rincian pemesanan, dan konfirmasi pemesanan.

5) Sistem memberikan kode pemesanan secara otomatis kepada setiap pelanggan yang telah melakukan pemesanan.

3.1.2 Analisa Kebutuhan sistem non fungsional

Kebutuhan sistem non fungsional adalah tife kebutuhan yang berisi property pelaku yang dimiliki oleh sistem.

1. Operasional A. KebutuhanSistem

1) Perangkat keras

Untuk merancang dan membuat media informasi berbasis web dibutuhkan perangkat keras agar program aplikasi yang dibuat dapat berjalan dengan baik. Spesifikasi perangkat keras yang digunakan dalam pembuatan website ini yaitu :

(4)

c. VGA intel® HD Graphics Family

2) Perangkat Lunak

a. Sistem operasi menggunakan Microsoft Windows 10 Enterprise 64-bit b. Software untuk perancangan website menggunakan Adobe Dreamweaver

cs5 B. Security

1) Dilengkapi password login admin untuk menggunakan sistem informasi websitenya dan password login database untuk menggunakan databasenya. 2) Logout admin untuk menghindari suatu manipulasi data

C. Informasi

Adanya pesan atau informasi untuk memberitahu apabila suatu input data mengenai produk tidak sesuai validasi pengguna

1) Admin

Admin adalah penanggung jawab dari website dan memiliki hak akses tertinggi dalam sistem. Admin dapat melakukan pengolahan data-data yang ada didalam website.

2) User

User website disini dapat melihat contoh penyediaan jasa graphic design dan photographer wedding berbasis web pada PT. Anak Nusantara Digital yang

disediakan pada website dan dapat memberikan pesan untuk admin untuk proses pemesanan.

(5)

3.2 Perancangan Perangkat Lunak

Perancangan sistem dan perangkat lunak dalam rancangan program jasa

graphic design dan photographer wedding berbasis web pada PT. Anak Nusantara

Digital ini menggunakan pemrograman terstruktur, rancangan database menggunakan

xampp, rancangan representasi antarmuka menggunakan Adobe Dreamweaver cs5

dan rancangan struktur navigasi website menggunakan struktur navigasi campuran. 3.2.1 Rancangan Antarmuka

Rancangan antar muka ( interface ) yang terdapat pada aplikasi program jasa

graphic design dan photographer wedding berbasis web pada PT. Anak Nusantara

(6)

1. Rancangan Antar Muka Admin

a. Rancangan Antar Muka Login Admin

Username :

Password :

Warning!

*Jika Anda tidak dapat masuk, hubungi pengembang Anda untuk informasi lebih lanjut

Gambar III.1

Rancangan Antar Muka Login Admin LOGI

N

Username

Password

(7)

b. Rancangan Antar Muka IndexAdmin Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

BERANDA

Selamat Datang ….. !

Anda login sebagai Administrator

Gambar III.2

Rancangan Antar Muka Index Admin Beranda

(8)

c. Rancangan Antar Muka Password Admin Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

PASSWORD ADMIN

Username Admin : Admin Password Lama : Password Baru :

Anda juga dapat merubah Password lewat tools phpMyAdmin, gunakan tipe enkripsi data MD5 untuk Password.

Gambar III.3

Rancangan Antar Muka Password Admin Ganti Password Admin

SIMPAN

Password Lama Password Baru

(9)

d. Rancangan Antar Muka Kota Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

KOTA

No Nama Kota Tarif (Rp) Pengaturan Ubah Hapus

Jumlah data :

Halaman :

Gambar III.4

Rancangan Antar Muka Kota Kota

(10)

e. Rancangan Antar Muka Tambah Kota Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

KOTA

Nama Kota : Tarif (Rp) : Gambar III.5

Rancangan Antar Muka Tambah Kota Kota / Kota Tambah

SIMPAN

Tarif Nama Kota

(11)

f. Rancangan Antar Muka Ubah Kota Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

KOTA

Nama Kota : Tarif (Rp) : Gambar III.6

Rancangan Antar Muka Ubah Kota Kota / Kota Ubah

SIMPAN

7500 Jakarta

(12)

g. Rancangan Antar Muka Kategori Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

KATEGORI

No Nama tegori Deskripsi Pengaturan Ubah Hapus

Jumlah data :

Halaman :

Gambar III.7

Rancangan Antar Muka Kategori Kategori

(13)

h. Rancangan Antar Muka Tambah Kategori Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

KATEGORI

Nama Kategori : Deskripsi Kategori : Gambar III.8

Rancangan Antar Muka Tambah Kategori Kategori / Kategori Tambah

SIMPAN

Deskripsi Kategori Nama Kategori

(14)

i. Rancangan Antar Muka Ubah Kategori Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

KATEGORI

Nama Kategori : Deskripsi Kategori : Gambar III.9

Rancangan Antar Muka Ubah Kategori Kategori / Kategori Ubah

SIMPAN

Tantangan terbesar yang dihadapi sang fotografer

(15)

j. Rancangan Antar Muka Produk Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

PRODUK

No Nama Produk Harga (Rp) Tipe Pengaturan Ubah Hapus

Jumlah data :

Halaman :

Gambar III.10

Rancangan Antar Muka Produk Produk

(16)

k. Rancangan Antar Muka Tambah Produk Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

PRODUK

Nama Produk : Harga Produk(Rp) : Gender Produk :

Gambar Produk : No File Selection

Preview Image Keterangan Produk :

Tipe Produk :

Gambar III.11

Rancangan Antar Muka Tambah Produk Produk / Produk Tambah

SIMPAN Nama Produk Harga Produk Paket Browse… Deskripsi Produk

(17)

l. Rancangan Antar Muka Ubah Produk Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

PRODUK

Nama Produk : Harga Produk(Rp) : Gender Produk :

Gambar Produk : No File Selection

Preview Image Keterangan Produk :

Tipe Produk :

Gambar III.12

Rancangan Antar Muka Ubah Produk Produk / Produk Ubah

SIMPAN

Paket Wedding A 80000000 Paket Browse…

PT. Anak Nusantara Digital Even Weding

(18)

m. Rancangan Antar Muka Pelanggan Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

PELANGGAN

No Nama Pelanggan Email No Telepon Pengaturan Hapus

Jumlah data :

Halaman :

Gambar III.13

Rancangan Antar Muka Pelanggan Pelanggan

(19)

n. Rancangan Antar Muka Pemesanan Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

PEMESANAN

Filter Data Periode s/d

No Kode Pesan Tanggal Nama Pelanggan Total Status Pengaturan noresi detail

Jumlah data :

Halaman :

Gambar III.14

Rancangan Antar Muka Pemesanan Pemesanan

Tampil 07/07/2017 07/09/2017

(20)

o. Rancangan Antar Muka Pemesanan Noresi Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

PEMESANAN

No Resi : Gambar III.15

Rancangan Antar Muka Pemesanan Noresi Pemesanan / Pemesanan Noresi

SIMPAN

(21)

p. Rancangan Antar Muka Pemesanan Proses Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

PRODUK

Transaksi Penerima

Kode Pemesanan : Nama Penerima

Tanggal Kota

Username Pelanggan Alamat

Nama Pelanggan : Kode Pos

Status Pemesanan No Telepon

Daftar Pemesanan Barang

No Nama Produk Harga(Rp) Jumlah Subtotal(Rp)

Total Belanja(Rp) Total Biaya Kirim(Rp) Gand Total(Rp)

* Keterangan Status Pembayaran :

 Pesan : Masih dalam pemesanan (bisa batal), atau belum dibayar

 Lunas : Pemesanan sudah dibayar lunas, dan dalam proses pengiriman atau telah diterima

 Batal : Pemesanan batal

Gambar III.16

Rancangan Antar Muka Pemesanan Proses Produk / Produk Ubah

(22)

q. Rancangan Antar Muka Konfirmasi Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

KONFIRMASI

No Tanggal Kode Pesan Nama Pelanggan Transfer Keteranga Pengaturan Hapus

Jumlah data :

Halaman :

Gambar III.17

Rancangan Antar Muka Konfirmasi kONFIRMASI

(23)

r. Rancangan Antar Muka Laporan Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

LAPORAN

 Laporan Data Kota  Laporan Data Kategori  Laporan Data Produk  Laporan Data Pelanggan  Laporan Data Pemesanan Masuk  Laporan Data Pemesanan Lunas

Gambar III.18

Rancangan Antar Muka Laporan Laporan

(24)

s. Rancangan Antar Muka Laporan Data Kota Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

LAPORAN

No Nama Kota Tarif (Rp)

Jumlah data :

Gambar III.19

Rancangan Antar Muka Laporan Data Kota Laporan / Laporan Data Kota

(25)

t. Rancangan Antar Muka Laporan Data Kategori Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

LAPORAN

No Nama Kategori Deskripsi

Gambar III.20

Rancangan Antar Muka Laporan Data Kategori Laporan / Laporan Data Kategori

(26)

u. Rancangan Antar Muka Laporan Data Produk Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

LAPORAN

Tipe Pilih Tipe :

No Nama Produk Harga (Rp)

Gambar III.21

Rancangan Antar Muka Laporan Data Produk Laporan / Laporan Data Produk

(27)

v. Rancangan Antar Muka Laporan Data Pelanggan Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

LAPORAN

No Nama Pelanggan Jenis Kelamin No Telepon Email Username

Gambar III.22

Rancangan Antar Muka Laporan Data Pelanggan Laporan / Laporan Data Pelanggan

(28)

w. Rancangan Antar Muka Laporan Data Pemesanan Masuk Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

LAPORAN

No Kode Pesan Tanggal Username Nama Pelanggan Jumlah Total Status Pe ngaturan

Gambar III.23

Rancangan Antar Muka Laporan Data Pemesanan Masuk Laporan / Laporan Data Pemesanan Masuk

Tampil 07/07/2017 07/09/2017

(29)

x. Rancangan Antar Muka Laporan Data Pemesanan Lunas Header Beranda Password Admin Kota Kategori Produk Pelanggan Pemesanan Konfirmasi Laporan Keluar

LAPORAN

No Kode Pesan Tanggal Username Nama Pelanggan Jumlah Total Status Pe ngaturan

Gambar III.24

Rancangan Antar Muka Laporan Data Pemesanan Lunas Laporan / Laporan Data Pemesanan Lunas

Tampil 07/07/2017 07/09/2017

(30)

2. Perancangan Antar Muka Halaman Member a. Rancangan Antar Muka Index User

Status : Login | User : Yani | Logout

Header

Beranda Profil Produk Panduan TRANSAKSI BERANDA Deskripsi KOLEKSI Paket Satuan KATEGORI Photographer Deskripsi Event Wedding

Design And Edit

Gambar III.25

Rancangan Antar Muka Index User

Keranjang Belanja Tampil Transaksi Logout Gambar Pesan Detail Gambar Detail Pesan Produk Lainnya >>>

(31)

b. Rancangan Antar Muka Profil

Header

Beranda Profil Produk Panduan TRANSAKSI PROFIL KOLEKSI Paket Satuan KATEGORI Photographer Event Wedding

Design And Edit

Gambar III.26

Rancangan Antar Muka Profil

Keranjang Belanja Tampil Transaksi Logout

(32)

c. Rancangan Antar Muka Panduan

Header

Beranda Profil Produk Panduan TRANSAKSI Panduan Berbelanja

KOLEKSI Paket Satuan KATEGORI Photographer Event Wedding

Design And Edit

Gambar III.27

Rancangan Antar Muka Panduan

(33)

d. Rancangan Antar Muka Produk

Header

Beranda Profil Produk Panduan TRANSAKSI Koleksi Produk

Deskripsi KOLEKSI Paket Satuan KATEGORI Photographer Deskripsi Event Wedding

Design And Edit

halaman

Gambar III.28

Rancangan Antar Muka Produk

Keranjang Belanja Tampil Transaksi Logout Gambar Pesan Detail Gambar Detail Pesan

(34)

e. Rancangan Antar Muka Produk Detail

Header

Beranda Profil Produk Panduan TRANSAKSI BERANDA Deskripsi KOLEKSI Paket Satuan KATEGORI Photographer Event Wedding

Design And Edit

Gambar III.29

Rancangan Antar Muka Produk detail

Gambar

(35)

f. Rancangan Antar Muka Keranjang Belanja

Header

Beranda Profil Produk Panduan TRANSAKSI Keranjang Belanja

Gambar Nama Produk Harga(Rp) Jumlah Subtotal (Rp) Pengaturan

Total(Rp) KOLEKSI Paket Satuan KATEGORI Photographer Event Wedding

Design And Edit

Gambar III.30

Rancangan Antar Muka Keranjang Belanja

(36)

g. Rancangan Antar Muka Konfirmasi Belanja

Header

Beranda Profil Produk Panduan TRANSAKSI Keranjang Belanja

Gambar Nama Produk Harga(Rp) Jumlah Subtotal (Rp) Pengaturan

Total(Rp)

KOLEKSI Paket

Satuan Alamat Tujuan Pengiriman KATEGORI Nama Penerima :

Photographer Kota Tujuan : . Alamat Lama . Alamat Baru

Event Wedding Alamat Tujuan : Design And Edit Kode Pos : Nomer Telepon :

Gambar III.31

Rancangan Antar Muka Konfirmasi Belanja

Keranjang Belanja Tampil Transaksi Logout Checkout LANJUTKAN TRANSAKSI Nama Penerima Nama Penerima Nama Penerima Nama Penerima

(37)

h. Rancangan Antar Muka Konfirmasi Pembayaran

Header

Beranda Profil Produk Panduan TRANSAKSI Konfirmasi Pembayaran :

Kode Pemesanan : Nama Pelanggan : Atas nama (Rekening) : KOLEKSI Jumlah Transfer : Paket Keterangan : Satuan

KATEGORI

Photographer Catatan :

Event Wedding *)Jumlah Transfer yang anda tulis adalah sesuai dengan jumlah Design And Edit transfer yang anda lakukan .

Gambar III.32

Rancangan Antar Muka Konfirmasi Pembayaran

Keranjang Belanja Tampil Transaksi Logout Konfirmasi Nama Pelanggan Atas Nama Jumlah Transfer Keterangan

(38)

i. Rancangan Antar Muka Tampil Transaksi

Header

Beranda Profil Produk Panduan TRANSAKSI Daftar Transaksi

No Kode Pesan Tanggal Nama Penerima Total Status No Resi Pengaturan

Halaman KOLEKSI Paket Satuan KATEGORI Photographer Event Wedding

Design And Edit

Gambar III.33

Rancangan Antar Muka Tampil Transaksi

(39)

3. Perancangan Antar Muka Halaman Pengunjung a. Rancangan Antar Muka Index Pengunjung

Status : Belum Login | User : Tamu

Header

Beranda Profil Produk Panduan LOGIN BERANDA Username : Password : Deskripsi KOLEKSI Paket Satuan KATEGORI Photographer Deskripsi Event Wedding

Design And Edit

Gambar III.34 Username Password Gambar Pesan Detail Gambar Detail Pesan Produk Lainnya >>> Login Pendaftaran baru

(40)

b. Rancangan Antar Muka pendaftaran

Header

Beranda Profil Produk Panduan LOGIN Pendaftaran Pelanggan

Username : Nama Pelanggan : Jenis kelamin :

Password : Alamat Pelanggan : Telepon pelanggan : Email pelanggan : Data Login KOLEKSI Username : Paket Password : Satuan KATEGORI Photographer Event Wedding

Design And Edit

Gambar III.35 Username Password Login Pendaftaran baru Daftar Nama pelanggan Alamat Pelanggan Telepon Pelanggan Email Pelanggan Username Password

(41)

c. Rancangan Antar Muka Produk

Header

Beranda Profil Produk Panduan LOGIN Koleksi Produk

Username : Password : Deskripsi KOLEKSI Paket Satuan KATEGORI Photographer Deskripsi Event Wedding

Design And Edit

Gambar III.36

Rancangan Antar Muka Produk

Username Password Gambar Pesan Detail Gambar Detail Pesan Produk Lainnya >>> Login Pendaftaran baru

(42)

d. Rancangan Antar Muka Profil

Header

Beranda Profil Produk Panduan LOGIN PROFIL Username : Password : KOLEKSI Paket Satuan KATEGORI Photographer Event Wedding

Design And Edit

Gambar III.37

Rancangan Antar Muka Profil

Username

Password Login

(43)

e. Rancangan Antar Muka Panduan

Header

Beranda Profil Produk Panduan LOGIN PANDUAN BERBELANJA

Username : Password : KOLEKSI Paket Satuan KATEGORI Photographer Event Wedding

Design And Edit

Gambar III.38

Rancangan Antar Muka Panduan

Username

Password Login

(44)

3.2.2 Rancangan Basis Data

1. Entity Relationship Diagram (ERD)

Gambar III.39

(45)

2. Logical Relationship Structure (LRS)

Gambar III.40

(46)

3. Spesifikasi File

Menjelaskan tentang fileatau tabel yang terbentuk dari ERD dan LRS

(File-filepenunjang untuk web). File-file ini tersimpan pada database toko sepatu dengan

parameter-parameter sebagai berikut : 1. Spesifikasi File Admin

Nama File : File admin Akronim : admin

Fungsi : Untuk menyimpan data admin Tipe File : File Master

Organisasi File : Index Sequential Akses File : Random

Media : Hard Disk Panjang Record : 131 karakter Kunci File : admin_id Software : MySql

Tabel III.1 Spesifikasi File Admin

No Elemen Data Nama Field Tipe Size Ket

1 Admin id Admin_id Int 11 Primary Key

(47)

2. Spesifikasi File Keranjang

Nama File : File keranjang Akronim : keranjang

Fungsi : Untuk menyimpan data pembelian barang pemesan Tipe File : File Master

Media : Hard Disk Panjang Record : 44 karakter Kunci File : keranjang_id Software : MySql

Tabel III.2

Spesifikasi File Keranjang

1 Keranjang id Keranjang_id Int 11 Primary Key 2 Keranjang jumlah Keranjang_jumlah Int 11

3 Keranjang waktu Keranjang_jumlah Datetime

(48)

3 Spesifikasi File konfirmasi

Nama File : File konfirmasi Akronim : konfirmasi

Fungsi : Untuk menyimpan data konfirmasi pemesan Tipe File : File Master

Media : Hard Disk Panjang Record : 344 karakter Kunci File : konfirmasi_id Software : MySql

Tabel III.3

Spesifikasi File Konfirmasi

1 Konfirmasi id Konfirmasi_id Int 11 Primary Key 2 Konfirmasi pengirim Konfirmasi_pengirim Varchar 50

3 Konfirmasi_transfer Konfirmasi_transfer Int 11

4

Konfirmasi keterangan

Konfirmasi_keterangan Varchar 255

5 Konfirmasi tanggal Konfirmasi_tanggal Date

(49)

4 Spesifikasi File Kota

Nama File : File Kota Akronim : kota

Fungsi : Untuk menyimpan data kota Tipe File : File Master

Media : Hard Disk Panjang Record : 52 karakter Kunci File : kota_id Software : MySql

Tabel III.4 Spesifikasi File Kota

No Elemen Data Nama File Tipe Size Ket

1 Kota id Kota_id Int 11 Primary Key

2 Kota nama Kota_nama Varvhar 30

3 Kota tarif Kota_tarif Int 11

5 Spesifikasi File

Nama File : File pelanggan Akronim : pelanggan

(50)

Media : Hard Disk Panjang Record :496 karakter Kunci File : pelanggan_id Software : MySql

Tabel III.5

Spesifikasi File Pelanggan

1 Pelanggan id Pelanggan_id Int 11 Primary Key 2 Pelanggan nama Pelanggan_nama Varvhar 50

3 Pelanggan gender Pelanggan_gender Enum

4 Pelanggan alamat Pelanggan_alamat Varchar 200 5 Pelanggan telepon Pelanggan_telepon Varchar 15 6 Pelanggan email Pelanggan_email Varchar 100 7 Pelanggan username Pelanggan_userna me Varchar 20 8 Pelanggan password Pelanggan_passwo rd Varchar 100

(51)

6 Spesifikasi File pemesanan

Nama File : File pemesanan Akronim : pemesanan

Fungsi : Untuk menyimpan data pemesanan Tipe File : File Master

Media : Hard Disk Panjang Record : 378 karakter Kunci File : pemesanan_kode Software : MySql

Tabel III.6

Spesifikasi File pemesanan

1 Pemesanan kode Pemesanan_kode Varchar 6 Primary Key 2 Pemesanan tanggal Pemesanan_tanggal Date

3

Pemesanan penerima

Pemesanan_penerima varchar 50

4 Pemesanan alamat Pemesanan_alamat varchar 255

5

Pemesanan kodepos

Pemesanan_kodepos Char 5

(52)

8 Pemesanan noresi Pemesanan_noresi Varchar 25

9 Pelanggan id Pelanggan_id Int Foreign key

10 Kota id Kota_id Int Foreign key

7 Spesifikasi File pemesanan_detail

Nama File : File pemesanan_detail Akronim : pemesanan_detail

Fungsi : Untuk menyimpan data pemesanan_detail Tipe File : File Master

Media : Hard Disk Panjang Record : 28 karakter Kunci File : pemesanan_kode Software : MySql

Tabel III.7

(53)

1 Pemesanan jumlah Pemesanan_jumlah Int 11

2 Pemesanan kode Pemesanan_kode Varchar 6 Foreign key 3 Pemesanan id Pemesanan_id Int 11 Foreign key

8 Spesifikasi File Produk

Nama File : File produk Akronim : produk

Fungsi : Untuk menyimpan data produk Tipe File : File Master

Media : Hard Disk Panjang Record : 399 karakter Kunci File : produk_id Software : MySql

Tabel III.8 Spesifikasi File Produk

(54)

1 Produk id Produk_id Int 11 Primary Key 2 Produk nama Produk_nama Varchar 100

3 Produk stok Produk_stok Int 11 4 Produk harga Produk_harga Int 11 5 Produk gender Produk_gender Enum

6 Produk gambar Produk_gambar Varchar 255 7 Produk keterangan Produk_keterangan Text

8 Tipe id Tipe_id Int 11 foreign key

9 Spesifikasi File Tipe

Nama File : File Tipe Akronim : tipe

Fungsi : Untuk menyimpan data kategori Tipe File : File Master

Media : Hard Disk Panjang Record : 16 karakter Kunci File : tipe_id Software : MySql

Tabel III.9 Spesifikasi File Tipe

(55)

1 Tipe id Tipe_id Int 11 Primary Key

2 Tipe nama Tipe_ama Varvhar 15

3 Tipe deskripsi Tipe_deskripsi text

3.2.3. Rancangan Struktur Navigasi

Membuat struktur navigasi sangatlah penting dalam pembuatan website, untuk menentukan alur atau struktur dari website tersebut. Pada pembuatan website ini penulis menggunakan struktur navigasi campuran ( composite).

(56)

navigasi pada sisi admin adalah sebagai berikut :

Gambar III.41 Struktur Navigasi Admin 2. Struktur Navigasi Halaman User

User adalah orang yang mengunjungi halaman website, user dapat melihat design graphic dan design photograp yang disediakan oleh admin serta dapar melakukan proses pemesanan pada contact untuk selanjutnya diproses/follow up oleh admin.

(57)

Gambar III.42 Struktur Navigasi Member 3. Struktur Navigasi Halaman Pengunjung

Struktur navigasi pengunjung berfungsi untuk membantu mempermudah dan memberikan informasi posisi pengunjung dalam mengakses halaman website tersebut. Menu navigasi pada sisi halaman pengunjung adalah sebagai berikut :

(58)

Gambar III.43

Struktur Navigasi Pengunjung 3.3 Implementasi dan Pengujian Unit

3.3.1 Implementasi

1. Implementasi Halaman Admin

Implementasi halaman admin pada website penjualan Graphic Design Dan Photographer Wedding berdasarkan hasil rancangan antar muka admin.

(59)

Gambar III.44

Implementasi Rancangan Antar Muka Login Admin

(60)

Implementasi Rancangan Antar Muka Index Admin c. Implementasi Rancangan Antar Muka Password Admin

Gambar III.46

Implementasi Rancangan Antar Muka Password Admin

d. Implementasi Rancangan Antar Muka Kota

Gambar III.47

(61)

Gambar III.48

Implementasi Rancangan Antar Muka Tambah Kota

f. Implemtasi Rancangan Antar Muka Ubah Kota

Gambar III.49

Implementasi Rancangan Antar Muka Ubah Kota g. g. Implementasi Rancangan Antar Muka Kategori

(62)

Gambar III.50

Implementasi Rancangan Antar Muka Kategori

h. Implementasi Rancangan Antar Muka Tambah Kategori

Gambar III.51

(63)

Gambar III.52

Implementasi Rancangan Antar Muka Ubah Kategori j. Implementasi Rancangan Antar Muka Produk

Gambar III.53

Implementasi Rancangan Antar Muka Produk k. Implementasi Rancangan Antar Muka Tambah Produk

(64)

Implementasi Rancangan Antar Muka Tambah Produk

l. Implementasi Rancangan Antar Muka Ubah Produk

Gambar III.55

Implementasi Rancangan Antar Muka Ubah Produk m. Implementasi Rancangan Antar Muka Pelanggan

(65)

n. Implementasi Rancangan Antar Muka Pemesanan

Gambar III.57

(66)

Gambar III.58

Implementasi Rancangan Antar Muka Pemesanan Noresi p. Implementasi Rancangan Antar Muka Pemesanan Proses

Gambar III.59

Implementasi Rancangan Antar Muka Pemesanan Proses

(67)

Gambar III.60

Implementasi Rancangan Antar Muka Konfirmasi r. Implementasi Rancangan Antar Muka Laporan

Gambar III.61

Implementasi Rancangan Antar Muka Laporan s. Implementasi Rancangan Antar Muka Laporan Data Kota

(68)

Implementasi Rancangan Antar Muka Laporan Data Kota t. Implementasi Rancangan Antar Muka Laporan Data Kategori

Gambar III.63

Implementasi Rancangan Antar Muka Laporan Data Kategori

u. Implementasi Rancangan Antar Muka Laporan Data Produk

(69)

v. Implementasi Rancangan Antar Muka Laporan Data Pelanggan

Gambar III.65

Implementasi Rancangan Antar Muka Laporan Data Pelanggan

w. Implementasi Rancangan Antar Muka Laporan Data Pemesanan Masuk

Gambar III.66

Implementasi Rancangan Antar Muka Laporan Data Pemesanan Masuk x. Implementasi Rancangan Antar Muka Laporan Data Pemesanan Lunas

(70)

Gambar III.67

Implementasi Rancangan Antar Muka Laporan Data Pemesanan Lunas 2. Implementasi Halaman Member

Implementasi halaman member pada website penjualan Graphic Design Dan Photographer Wedding berdasarkan hasil rancangan antar muka member.

a. Implementasi Rancangan Antar Muka Index User

Gambar III.68

Implementasi Rancangan Antar Muka Index User b. Implementasi Rancangan Antar Muka Profil

(71)

Gambar III.69

Implementasi Rancangan Antar Muka Profil c. Implementasi Rancangan Antar Muka Panduan

Gambar III.70

(72)

Gambar III.71

Implementasi Rancangan Antar Muka Produk e. Implementasi Rancangan Antar Muka Produk Detail

Gambar III.72

(73)

Gambar III.73

Implementasi Rancangan Antar Muka Keranjang Belanja g. Implementasi Rancangan Antar Muka Konfirmasi Belanja

Gambar III.74

Implementasi Rancangan Antar Muka Konfirmasi Belanja h. Implementasi Rancangan Antar Muka Konfirmasi Pembayaran

(74)

Gambar III.75

Implementasi Rancangan Antar Muka Konfirmasi Pembayaran

i. Implementasi Rancangan Antar Muka Tampil Transaksi

Gambar III.76

Implementasi Rancangan Antar Muka Tampil Transaksi 3. Implementasi Halaman Pengunjung

(75)

Photographer Wedding berdasarkan hasil rancangan antar muka pengunjung.

a. Implementasi Rancangan Antar Muka Index Pengunjung

Gambar III.77

Implementasi Rancangan Antar Muka Index Pengunjung b. Implementasi Rancangan Antar Muka pendaftaran

(76)

Gambar III.78

Implementasi Rancangan Antar Muka Pendaftaran

c. Implementasi Rancangan Antar Muka Produk

Gambar III.79

(77)

Gambar III.80

Implementasi Rancangan Antar Muka Profil e. Implementasi Rancangan Antar Muka Panduan

Gambar III.81

Implementasi Rancangan Antar Muka Panduan 3.3.2 Spesifikasi Sistem Komputer

(78)

(software) yang dibutuhkan untuk mengimplementasikan website penyediaan jasa graphic design dan photographer wedding berbasis web pada PT. Anak Nusantara Digital.

1. Spesifikasi Perangkat Keras (Hardware)

A. Server 1) CPU

a) Processore Dual Core b) RAM 2 GB c) Hard Disk 520 GB 2) Monitor Graphics 3150 3) Internet Connection 10/100 mbps 4) Mouse B. Client 1) CPU

a) Processor Intel Core i3 b) RAM 2 GB

c) Hard Disk 320 GB

2) Monitor Dengan resolusi layar 1366x768 3) Internet Connection 10/100mbps

4) Mouse 5) Keyboard

(79)

a. Sistem Operasi :Microsoft Windows 10

b. Aplikasi Web Server : Xampp

c. Aplikasi Web Browser : Mozilla Firefox, Google Chrome

2. Client

a. Sistem Operasi :Microsoft Windows 10

b. Aplikasi Web Browser : Mozilla Firefox, Google Chrome

3.3.4 Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan black box testing yang fokus terhadap proses masukkan dan keluaran program.

1. Pengujian Terhadap Form Login Admin

Tabel III.10

Pengujian Terhadap Form Login Admin

No _Skenario Pengujian Test Case Hasil yang di harapkan Hasil Pengujian Kasimpulan 1 Username dan password dikosongkan kemudian klik tombol login Username (kosong) password (kosong) Sistem akan menolak akses user.Dan menampilkan pesan “Please fiil out this

field “ pada kolom

userrname Sesuai Harapan Valid 2 Mengetikkan username dan Username : (admin) System akan menolak akses user.

(80)

diisi kemudian klik tombol login

(kosong) pesan “Please fiil

out this field “

3 Username tidak di isi dan Password di isi kemudian klik tombol login

Username : (kosong) password : (yani93)

System akan menolak akses user. Dan menampilkan pesan “Please fiil

out this field “

Sesuai harapan

Valid

4 Mengetikkan salah satu kondisi salah pada username atau password kemudian klik tombol login Username : (yani) password : (user) System akan menolak akses user dan tidak bisa

LOGIN. Dan

menampilkan pesan “Please fiil out this

field “!. Sesuai harapan Valid 5 Mengetikkan username dan password dengan data yang benar kemudian klik tombol login Username : admin(benar) password : admin (yani) System menerima akses login dan kemudian langsung masuk ke form halaman utama admin. Sesuai harapan Valid