BAB IV

PERANCANGAN DAN IMPLEMENTASI

Hasil analisa sistem berjalan berdasarkan data yang dikumpulkan serta sistem

yang diusulkan dengan menggunakan metode ANALISIS PIECES dapat dilihat

dalam tabel berikut.

A. Hasil Analisa

Tabel 4.1 Analisis Pieces

No Jenis Analisis Kelemahan system lama System yang diusulkan

1 PERFORMANC System pengelolaan System berbasis web

E pemesanan masih mempermudah pelanggan

(kinerja) menggunakan media dalam proses pemesanan

konvensional sehingga barang dan mempermudah

menimbulkan kesalahan admin dalam pendataan

dalam pemprosesan data, barang, pencarian barang,

selain itu pemrosesan membuat laporan hasil

data memakan banyak produksi, menghapus dan

waktu. mengubah laporan hasil

produksi. Pencarian data

penjulan dan pemesanan

yang akurat.

2 INFORMATION System lama, informasi System berbasis web akan

1
 (informasi) kurang akurat dan membantuh system

terlambat dalam menjadi lebih cepat dalam

penyampaian laporan penyampaian laporan hasil

hasil pesanan pelanggan pesanan pelanggan. Waktu

yang diperlukan untuk

mengetahui jumlah barang

yang masuk serta terjual

lebih cepat karena data

keseluruhan tersimpan

kedalam database. Proses

penjualan dan pemesanan

sudah terkomputerisasi.
3 ECONOMICS Dalam jangka panjang Dalam jangka pendek,

(ekonomi) biaya yang dibutuhkan biaya yang dibutuhkan

akan cukup besar karena akan cukup besar tapi

mengeluarkan biaya untuk jangka panjang

untuk membeli kertas lebih sedikit karena hanya

dan alat tulis. mengeluarkan biaya

perawatan system.
4 CONTROL System yang lama masih System berbasis web akan

(kontrol) antisipasi terhadap memudahkan control

keamanan data yang sehingga tidak ada yang

belum optimal sehingga bisa membuka dan

siapapun bisa membuka merubah data tanpa

2
 dan merubah data. menggunakan hak akses

(akun). Keamanan data

terjaga karena sistem telah

memiliki security key

tidak semua orang dapat

melihat data tersebut.

5 EFFICIENCY Sistem yang lama butuh System berbasis web lebih

(efisien) waktu yang cukup lama efisien karena tidak

dalam pembuatan membutuhkan waktu lama

laporan hasil pemesanan untuk pembuatan laporan

dan mencari laporan hasil pemesanan. Tepat

hasil pemesanan karena dalam laporan pemesanan

masih menggunakan dan transparat sesuai

catatan pembukuan. dengan hasil yang telah

terinput serta

memudahkan dalam

pencarian history hasil

pemesanan. Pembuatan

laporan yang akurat.

6 SERVICE Pada system lama terjadi Pelayanan akan menjadi

(pelayanan) keterlambatan pelayanan lebih cepat untuk

karena pencatatan dan memperoleh data data

pencarian data laporan pemesanan yang

hasil pemesanan diinginkan karena

3
 dilakukan secara manual menggunakan system

dengan data yang berbasis web yang

bertumpuk sehingga terkomputerisasi dan

membutuhkan waktu akurat karena data akan

yang lama untuk tersimpan otomatis

memperoleh data data kedalam database..

yang diinginkan.

B. Pemodelan Sistem

1. Diagram Konteks (DFD Level 0)

Diagram konteks dirancang untuk memperhatikan input dan

output yang dihasilkan sistem. Diagram konteks menggambarkan sistem

pemesanan barang secara garis besar dan keseluruhan. Diagram konteks

menunjukkan semua aliran data yang ada menuju pada satu proses, yaitu

Sistem Informasi. Diagram konteks pada Gambar 1 menjelaskan

bagaimana aliran kerja sistem dengan gambaran entitas luar yang terkait

pada system.

a. Diagram konteks

Laporan pelanggan Laporan pelanggan

laporan pemesanan laporan pemesanan
laporan produk laporan produk

Sistem Informasi
Data pelanggan
Data produk Pemesanan
Admin Data pemesanan Pelanggan
Konfirmasi Undangan Cv.
Data produk
Anggun Makassar

Laporan produk
Konfirmasi transaksi

4
 Gambar 4.1 Diagram Konteks

Keterangan:

A. Pelanggan menginput ke dalam system yaitu data pelanggan, data

pemesanan dan data produk

B. Output yang diberikan system kepada pelanggan adalah

mendapatkan laporan pelanggan, laporan pemesanan, serta

laporan produk setelah data sudah di olah oleh system.

C. Admin menerima laporan pelanggan, laporan pemesanan, serta

laporan produk.

D. Admin menginput ke dalam system yaitu data produk dan

konfirmasi.

E. System memberikan output berupa laporan pemesanan, serta

laporan konfirmasi transaski setelah data sudah di olah system .

b. Diagram level 1

5
 Data pelanggan F1 Tb_pelanggan

Data pelanggan Data pemesanan F2 Tb_pemesanan

Pelanggan
Data pemesanan Data produk F3 Tb_produk
1
INPUT
Data produk Data produk F4 Tb_produk

Data produk Konfirmasi F5 Tb_konfirmasi

Admin
Konfirmasi

Data pelanggan

Data pemesanan
2 Data produk
PROSES
Data produk

Konfirmasi

Laporan pelanggan
Laporan pemesanan Laporan produk
Laporan produk Konfirmasi transaksi

3
OUTPUT

Gambar 4. 2 DFD level 1

System informasi pemesanan undangan pada percetkan cv. Anggun makassar

memiliki tiga struktur yaitu inputan, proses dan output. Inputan dari system ini

adalah digunakan oleh pelanggan dan admin untuk menginput data kedalam

system. Untuk inputan data pelanggan disimpan pada database dengan nama

tabel tb_pelangan. Untuk inputan data pemesanan disimpan pada database

dengan nama tabel tb_pemesanan. Untuk inputan data produk disimpan pada

database dengan nama tabel tb_produk. Untuk inputan konfirmasi disimpan pada

database dengan nama tabel tb_konfirmasi.

6
c. Diagram detail 1.1

Data pelanggan F1 Tb_pelanggan

Data pemesanan F2 Tb_pemesanan

Data pelanggan
1
Pelanggan Data pemesanan
INPUT
Data produk Tb_produk
Data produk F3

Data produk F4 Tb-produk

Konfirmasi transaksi F5 Tb_konfirmasi

Data produk
Admin
Konfirmasi

Gambar 4. 3 DFD Level 1 Inputan Sistem

Pelanggan menginput data pelanggan, data pemesanan dan data produk.

Untuk inputan data pelanggan disimpan pada database dengan nama tabel

tb_pelanggan. Untuk inputan data pemesanan disimpan pada database dengan

nama tabel tb_pemesanan. Untuk inputan data produk disimpan pada database

dengan nama tabel tb_produk. Kemudian admin menginput data produk, dan

konfirmasi. Untuk inputan data produk disimpan pada database dengan nama

tabel tb_produk. Untuk inputan konfirmasi disimpan pada database dengan

nama tabel tb_konfirmasi.

7
 F1 Tb_pelanggan Pelanggan
PROSES
Pelanggan
PELANGGAN

F2 Tb_pemesanan
Pemesanan
PROSES
PEMESANAN Pemesanan

Produk Pelanggan

PROSES
F3 Tb_produk Produk
PRODUK

Admin

PROSES Produk
Tb-produk Produk
F4 PRODUK

Konfirmasi transaksi

PROSES
F5 Tb_konfirmasi Konfirmasi
KONFIRMASI

Gambar 4. 4 DFD diagram Level 1.2

Pelanggan menginput data pelanggan, data pemesanan dan data produk.

Untuk inputan data pelanggan disimpan pada database dengan nama tabel

tb_pelanggan. Untuk inputan data pemesanan disimpan pada database dengan

nama tabel tb_pemesanan. Untuk inputan data produk disimpan pada database

dengan nama tabel tb_produk. Kemudian admin juga menginput data produk,

dan konfirmasi. Untuk inputan data produk disimpan pada database dengan

8
nama tabel tb_produk. Untuk inputan konfirmasi transasksi disimpan pada

database dengan nama tabel tb_konfirmasi.

d. Diagram detail level 1.3

Tb_pelanggan Pelanggan
F1

Pemesanan PROSES

F2 Tb_pemesanan
Laporan pelanggan
Laporan pemesanan Pelanggan
Laporan produk

Produk

OUTPUT

F3 Tb_produk

Laporan pelanggan
Laporan pemesanan
Admin
Laporan produk
Laporan konfirmasi
Produk

F4 Tb-produk

Konfirmasi

F5 Tb_konfirmasi

Gambar 4.5 DFD Level 1.3

Data tb_pelanggan, tb_pemesanan,tb_produk, tb_pengeluaran dan

tb_penjualan yang saling direlasikan dan di proses sehingga menghasilkan ouput

yang berupa laporan pelanggan, laporan pemesanan, laporan produk, laporan

konfirmasi transaksi yang diterimah oleh pelanggan dan admin.

9
1. Perancangan DataBase

1. Table Detail Pesanan

Tabel 4.1 Detail Pesanan

No Nama Type Ukuran Keterangan

1 Kode_Pesanan Varchart 3 Primary Key
2 Kode_Produk Varchart 7 -
3 Qty Varchart 3 -
4 Total_harga Float - -
Keterangan table Detail Pesanan:

a. Kode_pesanan, fungsi dari kode pesanan adalah untuk membedakan

antara pesanan yang satu dengan pesanan yang lain, kode_pesanan

bertipe integer agar pada saat melakukan pemesanan dapat berupa

angka berupa huruf dengan penulisan 3 yang inputan dari huruf

awalan pesanan, bulan pesanan dan ukuran pesan.

b. Kode_produk, berfungsi untuk membedakan antara produk yang satu

dengan produk yang lainnya, kode_produk bertipe varchart dimana

inputannya berupa huruf dan angka, ukuran penulisannya maksimal 7

yang berisikan singkatan produk dan bulan serta ukuran produk.

c. Qty, fungsi dari qty adalah jumlah dari produk yang akan di pesan

dengan tipe varchart dan inputannya berupa 3 digit angka.

d. Total_harga, maksud dari harga ialah total dari semua jumlah pesanan

yang bertipe float berupa angka yang besar.

10
2. Table Kategori Produk

Table 4.2 Kategori Produk

No Nama Type Ukuran Keterangan

1 Kode_Kategori Varchart 3 Primary Key
2 Nama Varchart 100 -
3 Deskripsi Text - -
Keterangan table Kategori Produk:

a. Kode_kategori, fungsi dari kode kategori produk adalah untuk

menampilkan data dari tabel produk yang telah direlasikan dengan

ukuran penulisan disesuaikan dengan tabel produk.

b. Nama_produk, field yang berfungsi untuk menyimpan data nama

sebuah produk dengan tipe varchart yang berarti inputan berupa kata

yang ukuran maksiman 25 penulisan huruf.

c. Deskripsi dengan tipe data text yang inputan berupa teks atau huruf.

3. Tabel Pembayaran

Table 4.3 Pembayaran

N Nama Type Ukuran Keterangan

o
1 Kode_Pembayaran Varchar 11 Primary Key
2 Kode_User Varchar 11 -
3 File Varchar 255 -
4 Total Varchar 11 -
5 Status Text - -
6 Keterangan varchart 255 -
Keterangan Tabel Pembayaran:

11
 a. Kode_pembayaran berfungsi untuk membedakan pembayaran yang

satu dengan pembayaran yang lain dengan tipe data varchart dengn

inputan berupa angka yang besar dengan keterangan primary key yang

berarti tidak dapat berulang.

b. Kode_user berfungsi menampilkan data user dari tabel pembayaran

yang telah direlasikan dengan tipe data varchart dengan penulisan 11

angka.

c. File, fungsi ialah berisi data yang berisikan nama barang tertentu

didalamnya dengan tipe varchart dan inputan penulisan karakter

berupa angka dan huruf.

d. Fungsi dari total ialah mengetahui total pembayaran dari setiap

pesanan dengan tipe integer dan inputan berupa angka.

e. Status, maksud adalah membedakan pembayaran barang dengan tipe

varchart.

f. Katerangan, berfungsi sebagai keterangan pokok pada setiap produk

dengan tipe varchart penulisan huruf.

4. Table Pesanan

Table 4.4 Pesanan

12
 No Nama Type Ukuran Keterangan
1 Kode_Pesanan Varchar 5 Primary Key
2 Kode_user Varchar 5 -
2 Tgl_Pesan Datetime - -
3 Tgl_Digunakan Datetime - -
4 Nama Varchar 100 -
5 Alamat Text - -
6 Kota Varchar 255 -
7 Ongkir Varchar 11 -
8 Telephone Varchar 11 -
Keterangan Tabel Pesanan:

a. Kode_pesanan, berfungsi untuk membedakan antara pesanan yang

satu denga pesanan yang lain dengan tipe varchar yang berupa

inputan angka dengan ukuran penulisan yaitu 5 yang menyangkut

antara angka ribuan dengan huruf pertama pesanan.

b. Kode user, berfungsi untuk membedakan antara user satu dengan user

yang lain dengn tipe varchar dimana inputannya berupa huruf dan

angka ukuran penulisan maksimal 5

c. Tanggal_pesan, fungsi untuk mengetahui waktu pesan dengan tipe

datetime yang berupa penyimpanan khusus tanggal.

d. Tanggal_digunakan, berfungsi untuk mengetahui kapan pesanan

digunakan dengan tipe datetime yang berupa penyimpanan waktu dan

penggunaan.

e. Nama, fungsi dari nama sebuah pesanan dengan tipe varchar dan

ukuran penulisan maksimal 25 huruf.

f. Alamat, berfungsi sebagai alamat pengiriman dengan tipe text yang

inputan berupa huruf.

13
 g. Kota, fungsi sebagai tujuan pengiriman dengan tipe varchart dan

ukuran penulisan maksimal 25 karakter.

h. Ongkir dengan tipe varchar dan penulisannya berupa angka.

i. Telephone dengan tipe varchar dan penulisannya berupa angka 12

digit.

5. Table Produk

Table 4.5 Produk

No Nama Type Ukuran Keterangan

1 Kode_Produk Varchar 4 Primary Key
2 Kode_Kategori Varchar 100
3 Nama Varchar 8 -
4 Deskripsi Text - -
5 Gambar Varchar 200 -
6 Harga Decimal 20 -

Keterangan Tabel Produk:

a. Kode_produk, berfungsi untuk membedakan antara produk satu dengan

produk yang lain dengan tipe varchar dimana inputannya berupa huruf

dengan angka, ukuran penulisan maksiml 4 berisi singkatan produk dan

bulan produk serta ukuran produk dengan keterangan primary key yang

berarti kodenya tidak berulang.

b. Kode_kategori dengan tipe varchar berfungsi untuk menampilakan data

dari tabel produk yang tela direlasikan dengan ukuran penulisan

disesuikan dengan tabel produk

14
c. Nama, maksud dari nama ialah nama inputan produk yang sudah dipesan

dengan tipe varchar yang berupa kata.

d. Deskripsi, berfungsi sebagai keterangan produk pada setiap produk

dengan tipe text dengan penulisan huruf.

e. Fungsi dari gambar adalah mengetahui gambaran produk pada setiap

produk.

f. Harga, maksud dari harga ialah harga inputan sebuah produk dengan tipe

decimal yang berupa angka yang besar.

6. Table User

Table 4.6 User

No Nama Type Ukuran Keterangan

1 Kode_User Varchar 5 Primary Key
2 Nama Varchar 50 -
3 Email Varchar 75 -
4 Telephone Varchar 20 -
5 Alamat Text - -
6 Password Varchar 100 -
Keterangan Table User:

15
 a. Kode_user berfungsi untu membedakan antara user yang satu dengan

user yang lain dengan tipe varchar dimana inputan berupa huruf dan

angka dan ukuran maksimal 5 yang menyangkut antara angka dengan

huruf pertama user.

b. Nama user, berfungsi untuk nama sebuah user dengan tipe varchar dan

ukurannya 50.

c. Email, fungsi mengirimkan data berupa bentuk file, untuk

mendapatkan informasi dari setiap user dengan tipe varchar dan

inputan penulisan 50 huruf dan angka.

Detail pesanan
Id_Produk* d. Telephone, dengan tipe varchar dan
Id_pesanan
Total_harga penulisannya berupa angka.
Qty
e. Alamat, maksud ialah digunakan untuk

mengetahui alamat dari setiap user yang masuk dengan tipe text.

f. Fungsi password sebagai tanda pengenal dengan tipe varchar.

C. Relasi Database
Pesanan Pembayaran
Id_pesanan* Id_pesanan*
Id_User Id_user
Tgl_pesan File
Tgl_digunakan Total
Nama Status
Alamat Keterangan
Kota
Ongkir
Telephone

User
Id_User*
Nama
Telephone
Alamat
Password
16
Status
 Produk
Kategori Produk
Id_produk*
Id_Kategori*
Id_kategori
Nama
Id_pesanan
Deskripsi
Nama
Deskripsi
Gambar
Harga

Gambar 4.7 Relasi Antar Tabel

Keterangan:
 Primary Key/Kunci Utama*

 One to many/Satu untuk semua

 One to one/ Satu untuk satu

a. Tabel_pesanan berelasi dengan tabel_pembayaran dengan field kode

pesanan yang berfungsi sebagai nama pesanan dari proses pembayaran

pada tabel_pesanan.

b. Tabel_pesanan berelasi dengan tabel user dengan field kode user yang

berfungsi sebagai nama user dari tabel pesanan ke tabel user.

c. Tabel detail pesanan berelasi dengan tabel produk dengan field kode

produk untuk mendapatkan setiap nama produk pada tabel produk.

17
d. Tabel_kategori direlasikan dengan tabel produk dengan field kode

katogori produk bertujuan untuk mendapatkan nama kategori dari tabel

produk.

1. Perancangan Antar Muka

1. Perancangan Output

Perancangan output merupakan rancangan tampilan keluaran atau

hasil dari proses yang diolah oleh system informasi. Berikut tampilan

output yang dihasilkan oleh system.

Administrator Home Master Data Laporan Pesanan Pembayaran Kontak Logout

Data User

ADD

NO Nama Email Telephone Alamat Status

1 Administrator admin@gamil.com 2121 Makassar Admin Edit Delete

2 Mustika mustika@gmai.com 1111 Makassar User Edit Delete

Gambar 4.1 Data User

Tampilan diatas merupakan rancangan output data user yang masuk

ketika ada yang melakukan login. Agar admin bisa melihat data user

maka ia harus mengklik menu master data dan langsung diarahkan ke

menu data user.

18
 Administrator Home Master Data Laporan Pesanan Pembayaran Kontak Logout

Data Produk

ADD

NO Gambar Nama Harga

Undangan
1 Undangan Rp. 9000 Edit Delete
pernikahan

Gambar 4.4 Data Produk

Tampilan diatas merupakan rancangan output data produk yang

terdapat dalam sistem informasi. Agar admin bisa melihat data produk,

menambah data produk dan mengedit data produk serta menghapus

data produk maka ia harus mengklik menu master data dan langsung

akan diarahkan ke menu data produk.

Administrator Home Master Data Laporan Pesanan Pembayaran Kontak Logout

Data Kategori

ADD

Kategori Deskripsi Edit Delete

Undangan
pernikahan

Gambar 4.5 Data Kategori

Tampilan diatas merupakan rancangan output data kategori produk

yang terdapat dalam sistem yang fungsinya untuk menambah kategori

produk. Agar admin bisa melihat data produk, menambah kateori

produk dan mengedit kategori produk serta menghapus data produk

19
maka ia harus mengklik menu master data dan langsung akan

diarahkan ke menu tamba kategori produk.

Administrator Home Master Data Laporan Pesanan Pembayaran Kontak Logout

Konfirmasi Pesanan

Nama Pemesan Tanggal pesan Tanggal digunakan Telephone Status

Mustika 01—2-2021 01-05-2021 1111 lunas Detail Edit Detail

Gambar 4.6 Konfirmasi Pesanan

Tampilan diatas merupakan rancangan output konfirmasi pesanan.

Untuk mengkonfirmasi pesanan maka admin akan mengklik menu

pesanan yang ada pada sistem kemudia admin akan diarahkan ke

menu konfirmasi pesanan untuk melihat nama pemesan, tanggal

pesan, tanggal barang akan digunakan, nomor kontak pelanggan serta

status.

20
 Administrator Home Master Data Laporan Pesanan Pembayaran Kontak Logout

Daftar pesanan masuk ()

Nama Total Status Detail Pesanan

MUSTIKA Rp.1.800.00 LUNAS

Gambar 4.7 Pembayaran Pesanan Masuk

Tampilan diatas merupakan rancangan output pesanan masuk. Untuk

bisa melihat semua daftar pesanan yang masuk maka admin akan

mengklik menu pesanan yang ada pada sistem kemudia admin akan

diarahkan ke menu pesanan.

Percetakan cv. Anggun Makassar Home Jenis Undangan Kontak kami Info pembayaran Login/Daftar

Kategori Registrasi Pelanggan

Undangan Pernikahan Nama

Undangan ulang tahun Mustika

Email
Undangan kitanan
mustika@gmail.com
Undangan pernikahan
Telephone

Keranjang Anda 1111

Alamat
Rp:
Lihat Detail
Makassar

Password

Registrasi

Sudah punya akun? Login sekarang!

Gambar 4.8 Registasi Pelanggan

21
Tampilan diatas merupakan rancangan output registrasi pelanggan. Untuk

bisa melakukan registrasi maka pelanggan akan mengklik menu

login/daftar kemudian pelanggan akan diminta untuk memasukkan data

diri agar bisa melakukan pemesanan, dan bagi pelanggan yang sudah login

atau daftar sebelumnya maka bisa langsung login di menu login sekarang.

Percetakan cv. Anggun

Home Jenis Undangan Kontak kami Info pembayaran Login/Daftar
Makassar

Kategori

Undangan Pernikahan (2)

PERCETAKAN CV. ANGGUN MAKASSAR
Undangan ulang tahun (2)

Undangan kitanan (1)

Undangan Rekomendasi
Undangan Aqika (1)

Undangan pernikahan Undangan pernikahan Undangan ulang tahun

Keranjang Anda

Harga: 9000 Harga: 9000 Harga: 9000

Rp: Lihat detail Pesan Lihat detail Pesan Lihat detail Pesan
Lihat Detail

Undangan Aqika Undangan Kitanan Ulang tahun

Harga: 9000 Harga: 9000 Harga: 9000

Lihat detail Pesan Lihat detail Pesan Lihat detail Pesan

Gambar 4.9 Menu Pemasaran/ Promosi

Tampilan diatas merupakan rancangan output menu pemasaran/promosi

yang terdapat dalam sistem. Pelanggan bisa melihat kategori produk,

jenis undangan, detail undangan serta harga undangan.

22
 Percetakan cv. Anggun Makassar Jenis Undangan Kontak kami
Home Info pembayaran Login/Daftar

Kategori

Undangan Pernikahan Keranjang anda:

Undangan ulang tahun

Produk Details QTY TOTAL

Undangan kitanan
Undangan Pernikahan
Undangan aqikah
Rp. 9000
Keterangan

Keranjang Anda SUB TOTAL

Rp:
Lihat Detail

TOTAL KERANJANG ANDA

TOTAL RP.

SELESAI BELANJA

Gambar 4.10 Menu Keranjang

Tampilan diatas merupakan menu keranjang pemesanan pelanggan. Menu

keranjang akan muncul setelah pelanggan memilih barang yang akan

dipesan.

23
 Assalamu’ Warahmatullahi Wabarakatuh

Akan menikah
Nama Pasangan:

Putra ke dari bapak dan ibu Putri ke dari bapak dan ibu

Akad Nika Resepsi

Hari : Hari :
Tanggal : Tanggal :
Jam : Jam :
Tempat : Tempat :

Merupakan Suatu Kehormatan Dan Kebahagiaan Bagi Kami Apabila’

Bapak/ Ibu/ Saudara/I, Berkenan Hadir Untuk Memberikan
Doa Restu Kepada Kedua Mempelai.
Atas kehadiran Dan Doa Restunya Kami Ucapakan Terimah Kasih
Wassalam’mualikum Warahmatullahi Wabarakatuh
Keluarga pihak laki laki: Keluarga pihak perempuan:

Turut Mengundang:
1 1
2 2
3 3

HORMAT KAMI

Gambar 4.11 Keterangan Undangan

Tampilan diatas merupakan keterangan undangan yang muncul setelah

pelanggan mengkilik menu fom keterangan pada keranjang belanja.

Pelanggan bisa menuliskan data informasi yang akan dicetak di kartu

undangan.

24
Percetakan cv. Anggun Makassar Home Jenis Undangan Kontak kami Info pembayaran Login/Daftar

Kategori
Undangan Pernikahan PENGISIAN DATA PEMBELI:

Undangan ulang tahun

WAKTU PENGIRIMAN

Undangan kitanan 01-02-2020

Undangan pernikahan NAMA

Mustika
Keranjang Anda
TELEPHONE
Rp: 1111
Lihat Detail
ALAMAT PENGIRIM

Makassar

PROSES

Gambar 4.12 Pengisian Data Pembeli

Tampilan diatas merupakan rancangan output pengisian data pembeli

seperti nama pelanggan, nomor telephone, serta alamat pengiriman lalu

proses.

Percetakan cv. Anggun

Makassar Home Jenis Undangan Kontak kami Info pembayaran Login/Daftar

Kategori TOTAL
Undangan Pernikahan RP. 1. 500.016

Undangan ulang tahun DIBAYAR

RP. 1. 500.016
Undangan kitanan
KEKURANGAN
Undangan pernikahan RP.0

Keranjang Anda BAYAR

RP. 1. 500.016
Rp:
Lihat Detail
BUKTI PEMBAYARAN

UPLOAD BUKTI TRANSAKSI

PROSES

Gambar 4.13 Data Pemesanan

Tampilan diatas merupakan rancangan output data pemesanan yang di isi

sendiri oleh pelanggan sesuai dengan apa yang telah terterah didalamnya

lalu proses.

25
 Administrator Home Master Data Laporan Pesanan Pembayaran Kontak Logout

PERLUH PEMBAYARAN PEMESANAN

NO NAMA PEMESAN TANGGAL PESAN TANGGAL DIGUNAKAN ACTION

1 MUSTIKA 01-02-2021 05-02-2021 BAYAR BATALKAN

Gambar 4.13 Menu Pembayaran

Tampilan diatas merupakan rancangan output menu pembayaran setelah

melakukan pemesanan barang.

Total

Rp. 1.600.016

Kekurangan

Rp. 0

Bayar

Rp. 1.600.016

Bukti pembayaran

Upload bukti pembayaran

Keterangan

Ini bukti pembayarannya

Kirim

Gambar 4.14 Menu Transfer

Tampilan diatas merupakan rancangan output menu transfer. Pelanggan

melakukan transfer uang, mengupload bukti pembayaran serta keterangan

bukti bayar lalu kirim.

26
 Administrator Home Master Data Laporan Pesanan Pembayaran Kontak Logout

LAPORAN PEMESANAN

ADD

NO NAMA BARANG TANGGAL PEMESANAN HARGA JUMLAH BARANG TOTAL ACTION

UNDANGAN
1 01-02-2021 RP. 9000 200 PCS RP. 1.800.000 LUNAS EDIT DELETE
PERNIKAHAN

Gambar 4.15 Laporan Pemesanan

Tampilan diatas merupakan rancangan output menu laporan pemesanan

berfungsi untuk mengetahui laporan pemesanan yang di dalamnya

terdapat nama barang, tanggal pemesanan, harga, jumlah serta total.

Admin dapat menghapus serta mengedit data.

LAPORAN PEMESANAN
30 MARETI 2021 30 MARET 2021 CARI

NO NAMA BARANG TANGGAL PEMESANAN HARGA JUMLAH BARANG TOTAL

Undangan
01 Pernikahan
03-02-2021 Rp. 9000.00 200 Rp. 1. 800.000

02

03

04

05

TOTAL Rp. 1. 800.000

CETAK

Gambar 4.16 Proses Laporan Pemesanan

27
Tampilan diatas merupakan rancangan output proses laporan pemesanan

barang, perancangan laporan pemesanan barang diambil dari database

dengan nama tabel_pemesanan dan barang.

2. Perancangan Input

Administrator Home Master Data Laporan Pesanan Pembayaran Kontak Logout

Data User

ADD

NO Nama Email Telephone Alamat Status

1 Edit Delete

2 Edit Delete

Gambar 4.17 Rancangan Tampilan Input Data User

Tampilan diatas merupakan tampilan halaman user yang ada pada

sistem.

Administrator Home Master Data Laporan Pesanan Pembayaran Kontak Logout

Data Produk

ADD

NO Gambar Nama Harga

1 Edit Delete

Gambar 4. 18 Rancangan Tampilan Input Data Produk

Tampilan diatas merupakan tampilan halaman input data produk.

28
 Administrator Home Master Data Laporan Pesanan Pembayaran Kontak Logout

Konfirmasi Pesanan

Nama Pemesan Tanggal pesan Tanggal digunakan Telephone Status

Detail Edit Detail

Gambar 4. 19 Rancangan Tampilan Input Konfirmasi Pesanan

Tampilan diatas merupakan tampilan halaman input konfirmasi pesanan

Administrator Home Master Data Laporan Pesanan Pembayaran Kontak Logout

Daftar pesanan masuk ()

Nama Total Status Detail Pesanan

Gambar 4. 20 Rancangan Tampilan Input Daftar Pesanan Masuk

Tampilan diatas merupakan tampilan halaman input daftar pesanan

masuk

Percetakan cv. Anggun Makassar Home Jenis Undangan Kontak kami Info pembayaran Login/Daftar

Kategori Registrasi User

Undangan Pernikahan Nama

Undangan ulang tahun

Email
Undangan kitanan

Undangan pernikahan
Telephone

Keranjang Anda

Alamat
Rp:
Lihat Detail

Password

Registrasi

Sudah punya akun? Login sekarang!

Gambar 4. 21Rancangan Tampilan Input Kontak User

29
 Tampilan diatas merupakan tampilan halaman input kontak user

Percetakan cv. Anggun

Home Jenis Undangan Kontak kami Info pembayaran Login/Daftar
Makassar

Kategori

Undangan Pernikahan (2)

PERCETAKAN CV. ANGGUN MAKASSAR
Undangan ulang tahun (2)

Undangan kitanan (1)

Undangan Rekomendasi
Undangan Aqika (1)

Foto Undangan Foto Undangan Foto Undangan

Keranjang Anda

Harga Harga Harga

Rp: Lihat detail Pesan Lihat detail Pesan Lihat detail Pesan
Lihat Detail

Foto Undangan Foto Undangan Foto Undangan

Harga: 9000 Harga: 9000 Harga: 9000

Lihat detail Pesan Lihat detail Pesan Lihat detail Pesan

Gambar 4. 22 Rancangan Tampilan Input Pemasaran

Tampilan diatas merupakan tampilan halaman input pemasaran/atau

promosi.

Percetakan cv. Anggun Makassar Jenis Undangan Kontak kami

Home Info pembayaran Login/Daftar

Kategori

Undangan Pernikahan Keranjang anda:

Undangan ulang tahun

Details QTY TOTAL Hapus

Undangan kitanan Produk

Undangan aqikah

Keranjang Anda SUB TOTAL Keterangan

Rp:
Lihat Detail

TOTAL KERANJANG ANDA

TOTAL RP.

SELESAI BELANJA

Gambar 4. 23 Rancangan Tampilan Input Keranjang

Tampilan diatas merupakan tampilan halaman keranjang pemesanan.

30
 Assalamu’ Warahmatullahi Wabarakatuh

Akan menikah
Nama Pasangan:

Putra ke dari bapak dan ibu Putri ke dari bapak dan ibu

Akad Nika Resepsi

Hari : Hari :
Tanggal : Tanggal :
Jam : Jam :
Tempat : Tempat :

Merupakan Suatu Kehormatan Dan Kebahagiaan Bagi Kami Apabila’

Bapak/ Ibu/ Saudara/I, Berkenan Hadir Untuk Memberikan
Doa Restu Kepada Kedua Mempelai.
Atas kehadiran Dan Doa Restunya Kami Ucapakan Terimah Kasih
Wassalam’mualikum Warahmatullahi Wabarakatuh
Keluarga pihak laki laki: Keluarga pihak perempuan:

Turut Mengundang:
1 1
2 2
3 3

HORMAT KAMI

Gambar 4.24 Rancangan Tampilan Menu Keterangan Undangan

Tampilan diatas merupakan input keterangan undangan

Percetakan cv. Anggun Makassar Home Jenis Undangan Kontak kami Info pembayaran Login/Daftar

Kategori
Undangan Pernikahan PENGISIAN DATA PEMBELI:

Undangan ulang tahun

WAKTU PENGIRIMAN

Undangan kitanan

Undangan pernikahan NAMA

Keranjang Anda
TELEPHONE
Rp:
Lihat Detail
ALAMAT PENGIRIM

PROSES

Gambar 4. 25 Rancangan Tampilan Input Pengisian Data Pembeli

31
 Tampilan diatas merupakan tampilan halaman input data pembeli.

Percetakan cv. Anggun Makassar Home Jenis Undangan Kontak kami Info pembayaran Login/Daftar

Kategori TOTAL

Undangan Pernikahan

DIBAYAR
Undangan ulang tahun

Undangan kitanan
KEKURANGAN

Undangan pernikahan

KEKURANGAN
Keranjang Anda

Rp: BAYAR
Lihat Detail

BUKTI PEMBAYARAN

PROSES

Gambar 4. 26 Rancangan Tampilan Input Pemesanan

Tampilan diatas merupakan input pemesanan

Administrator Home Master Data Laporan Pesanan Pembayaran Kontak Logout

PERLUH PEMBAYARAN PEMESANAN

NO NAMA PEMESAN TANGGAL PESAN TANGGAL DIGUNAKAN ACTION

NO BAYAR BATALKAN

Gambar 4. 27 Rancangan Tampilan Input Data Pembayaran

Tampilan diatas merupakan input data pembayaran atau transfer yang

digunakan oleh pelanggan dalam melakukan pembayaran.

32
 Administrator Home Master Data Laporan Pesanan Pembayaran Kontak Logout

LAPORAN PEMESANAN

ADD

NO NAMA BARANG TANGGAL PEMESANAN HARGA JUMLAH BARANG TOTAL ACTION

NO EDIT DELETE

Gambar 4. 28 Rancangan Tampilan Input Laporan Pemesanan

Tampilan diatas merupakan input laporan pemesanan yang ada pada

system.

SILAHKAN LOGIN

EMAIL
EMAIL
PASSWORD
LOGIN
Gamb

ar 4.29 Rancangan Input Login Pelanggan

Tampilan diatas merupakan rancangan tampilan menu login pelanggan

33
 REGISTRASI USER
NAMA

EMAIL

TELEPHONE

ALAMAT

PASSWORD

Register
Sudah Punya Akun? Login Sekarang!
Ga

mbar 4.30 Rancangan Input Registrasi Pelanggan

Tampilan diatas merupakan rancangan tampilan menu registrasi

pelanggan

LOGIN ADMIN

EMAIL

PASSWORD

LOGIN
G

ambar 4.31 Rancangan Input Login Admin

Tampilan diatas merupakan rancangan tampilan menu login Admin

34
2. Implementasi Sistem

Gambar 4.1 Tampilan Home

Tampilan diatas merupakan tampilan utama pada sistem informasi

35
 Gambar 4.2 Tampilan Menu Login Admin

Pada menu login, admin memasukkan email dan password untuk login

ke sistem.

Gambar 4.3 Tampilan Halaman Daftar User Masuk

Tampilan diatas merupakan tampilan halaman daftar user yang ada

pada sistem.

36
 Gambar 4.4 Tampilan Halaman Daftar Produk

Tampilan diatas merupakan tampilan halaman daftar produk yang ada

pada sistem.

Gambar 4.5 Tampilan Halaman Daftar Kategori

Tampilan diatas merupakan tampilan halaman daftar kategori yang ada

pada sistem.

37
 Gambar 4.6 Tampilan Halaman Konfirmasi Pesanan

Tampilan diatas merupakan tampilan halaman pesanan masuk yang

ada pada sistem.

Gambar 4.7 Tampilan Halaman Daftar Pesanan Masuk

Tampilan diatas merupakan tampilan halaman daftar pesanan masuk

yang ada pada sistem.

38
 Gambar 4.8 Tampilan Halaman

Tampilan diatas merupakan tampilan halaman laporan pemesanan

yang ada pada sistem.

Gambar 4.9 Tampilan Halaman Pemasaran/Promosi

Tampilan diatas merupakan tampilan halaman pemasaran yang ada

pada sistem. Menu ini merupakan menu yang tersedia setiap

39
perubahan informasi produk yang dilihat oleh pelanggan terkait

perubahan harga produk yang di upload menggunakan aplikasi.

Gambar 4.10 Tampilan Halaman Keranjang

Tampilan diatas merupakan tampilan halaman keranjang pemesanan

yang ada pada sistem.

Gambar 4.11 Tampilan Halaman Pengisian Data Pembeli

Tampilan diatas merupakan tampilan halaman pengisian data pembeli

pemesanan yang ada pada sistem.

40
 Gambar 4.12 Tampilan Halaman Transfer

Tampilan diatas merupakan tampilan halaman transfer yang ada pada

sistem.

Gambar 4.13 Tampilan Halaman Login User

Tampilan diatas merupakan tampilan halaman login user yang ada

terdapat pada sistem.

41
 Gambar 4.16 Tampilan Menu Registrasi User

Tampilan diatas merupakan tampilan halaman registrasi user yang ada

pada sistem.

42