Post on 23-Mar-2019
21
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Analisis sistem bertujuan untuk menentukan hal-hal detail tentang yang
akan dikerjakan oleh sistem yang dibangun dengan perangkat lunak
(software), perangkat keras (hardware). Selain itu pada tahapan analisis ini
diperlukan juga tahapan perancangan sistem yang meliputi Analisis
permasalahn, solusi permasalahan, Analisis kebutuhan fungsional, Analisis
kebutuhan non fungsional, DFD (Data Flow Diagram), dan ERD diagram
awal.
3.2 Analisis Masalah
Permasalahan-permasalah yang sering di hadapi oleh penjual ketika
menjalankan e-commerce adalah:
1. Tidak dapat mengetahui order masuk secara real time.
2. Tidak dapat mengetahui produk terlaris.
3. Kesulitan dalam memonitor penjualan untuk melihat laporan laba/rugi
sewaktu-waktu.
3.3 Perancangan Sistem
3.3.1 Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah suatu model untuk menggambarkan asal
data, tujuan data serta proses apa saja yang terjadi pada suatu sistem. Dengan
menggunakan DFD diharapkan dapat memudahkan konsumen untuk mengerti
bentuk aplikasi yang diterapkan.
3.3.2 Diagram Konteks
Diagram konteks ini merupakan gambaran proses yang menggambarkan
sistem informasi berbasis android yang dirancang. Pada diagram konteks tersebut,
aliran data dijabarkan secara global.
Pada Diagram konteks menggambarkan hubungan dari sitem yang
menggambarkan aliran data-data yang masuk kedalam sistem. Data-data tersebut
berasal dari admin maupun user yang mengakses sistem.
22
bank
banner
komentar
menu
sekilas info
kota
member
order
produk
order
produk
kategori
produk
1
Sistem Monitoring
Penjualan Online
+
Administrator
Customer
Gambar 3.1 Diagram Konteks
Berikut ini penjelasan dari diagram konteks di atas :
a. Administrator
Dalam hal ini admin adalah yang memiliki tanggung jawab untuk
melakukan proses input, edit data pada sistem sehingga admin dapat
memanajemen perusahaan yang akan diberikan kepada pimpinan perusahaan.
Fungsi admin sangat penting dalam sistem penjualanonlineini, karena admin
yang memanage semua data.
b. Customer
Customer dapat melakukan pembelian produk,download konten-konten
ataupun mengakses semua sistem yang disediakan. Sebelumnya Customer
diwajibkan login anggota terlebih dahulu sebelum masuk dalam sistem
tersebut.
23
3.3.3 DFD Level 1 Monitoring
grafik produk terlaris
penjualangrafik penjualan
produk terlaris
registrasi
Status Order
admin
admin
user user
user
registrasi
registrasi
registrasi
user
konfirmasi order
Konifrmasi
Status Order
produk
Order
Order
Produk
order masuk
order
produk
produk
Admin Login
Admin Login
notifikasi order masuk
Order
Produk
User
Administrator2
LOGIN
TOKO
+
3
MANAJEMEN
PRODUK
+
4
MANAJEMEN
ORDER
+
5
MONITORING
6
REGISTRASI
USER
+
7
LOGIN
USER
+
8
VIEW
PRODUK
9
ORDER
+
TABEL ADMIN
TABEL PRODUK
TABEL ORDER
TABEL USER
10
KONFIRMASI
Gambar 3.2 Data Flow Diagram Level 1
Dari gambar diatas terdapat beberapa proses proses yang masing-masing
berfungsi sebagai berikut:
1. Login toko berfungsi untuk memverifikasi hak akses sebagai pemilik toko.
2. Manajemen produk berfungsi untuk input, edit, view dan delete data produk.
3. Manajemen order berfungsi untuk view dan update data order.
4. monitoring berfungsi untuk menampilkan notifkasi order dan lihat penjualan.
5. Registrasi user berfungsi untuk menginput data user atau pelanggan.
6. Login user berfungsi untuk mengidentifkasi user.
7. View produk berfungsi untuk menampilkan produk kepada user.
8. Order berfungsi untuk input data order.
24
3.3.4 DFD LEVEL 2
Adapun proses yang berkaitan dengan monitoring yaitu ada tiga
proses manajemen antara lain, manajemen produk, manajemen order dan
managemen monitoring.
produk
produk
produk
produk
produk
[Produk][produk]
[produk]
TABEL PRODUKPemilikToko
3.1
insert
3.2
update
3.3
delete
3.4
view
Gambar 3.3 Data Flow Diagram Level 2 proses manajemen produk
[Status Order]
order
status order
order
[order][Order]
PemilikTok
oTABEL ORDER
4.2
update
4.3
delete
4.4
view
Gambar 3.4 Data Flow Diagram Level 2 proses manajemen order masuk
25
[grafik penjualan]
[grafik produk terlaris]
[notifikasi order masuk]
[produk terlaris]
[penjualan]
[order masuk]
TABEL ORDER
Administrat
or
5.1
Notifikasi
5.2
grafik
produk
terlaris
5.3
grfi
penjualan
perbulan
Gambar 3.5 DFD level 2 proses Monitoring
3.3.5 Perancangan Basis Data
Pada tahap ini dilakukan transformasi dari data manual ke dalam bentuk
basis data yang terbagi dalam beberapa tabel, didalamnya terdapat bagian yang
dinamakan field. Tabel basis data pada sistem informasi manajemen penjualan
mobil.
1. Entity Relationship Diagram (ERD)
Komponen pada entity relationship diagram berupa himpunan entitas dan
himpunan relasi. Komponen akan ditransformasikan menjadi tabel-tabel.
Atribut pada diagram entity relationship dinyatakan sebagai field dari tabel.
Entity relationship diagram dari sistem informasi penjualan mobil seperti
pada gambar di bawah i
26
Re
lati
on
ship
_1
Re
lati
on
ship
_2
Re
lati
on
ship
_3
Re
lati
on
ship
_4
Re
lati
on
ship
_5
Re
lati
on
ship
_6
Re
lati
on
ship
_7
Re
lati
on
ship
_8
Re
lati
on
ship
_9
Re
lati
on
ship
_1
0
Re
lati
on
ship
_1
1
Re
lati
on
ship
_1
2
Re
lati
on
ship
_1
3
Re
lati
on
ship
_1
4
Re
lati
on
ship
_1
5
Re
lati
on
ship
_1
6
Re
lati
on
ship
_1
7
Re
lati
on
ship
_1
8
Re
lati
on
ship
_1
9
Re
lati
on
ship
_2
0
Re
lati
on
ship
_2
1
ad
min
s
use
rna
me
pa
ssw
ord
na
ma
_le
ng
kap
em
ail
no
_te
lp
leve
l
blo
kir
<p
i>V
ari
ab
le c
ha
racte
rs (
50
)
Va
ria
ble
ch
ara
cte
rs (
50
)
Va
ria
ble
ch
ara
cte
rs (
10
0)
Va
ria
ble
ch
ara
cte
rs (
50
)
Va
ria
ble
ch
ara
cte
rs (
20
)
Va
ria
ble
ch
ara
cte
rs (
20
)
Bo
ole
an
<M
>
Ide
nti
fie
r_1
<p
i>
seki
lasi
nfo
id_
seki
las
info
tgl_
po
stin
g
ga
mb
ar
<p
i>In
teg
er
Va
ria
ble
ch
ara
cte
rs (
10
0)
Da
te
Va
ria
ble
ch
ara
cte
rs (
10
0)
<M
>
Ide
nti
fie
r_1
<p
i>
use
rs
use
rna
me
pa
ssw
ord
1
pa
ssw
ord
na
ma
_le
ng
kap
em
ail
akt
iva
si
ce
k_a
ktiv
asi
no
_te
lp
leve
l
blo
kir
id_
sess
ion
<p
i>V
ari
ab
le c
ha
racte
rs (
50
)
Va
ria
ble
ch
ara
cte
rs (
50
)
Va
ria
ble
ch
ara
cte
rs (
50
)
Va
ria
ble
ch
ara
cte
rs (
10
0)
Va
ria
ble
ch
ara
cte
rs (
50
)
Inte
ge
r
Inte
ge
r
Va
ria
ble
ch
ara
cte
rs (
20
)
Va
ria
ble
ch
ara
cte
rs (
20
)
Bo
ole
an
Va
ria
ble
ch
ara
cte
rs (
10
0)
<M
>
Ide
nti
fie
r_1
<p
i>
ord
er_
de
tail
id_
ord
ers
id_
pro
du
k
jum
lah
Inte
ge
r
Inte
ge
r
Inte
ge
r
sub
me
nu
id_
sub
na
ma
_su
b
lin
k_su
b
id_
ma
in
<p
i>In
teg
er
Va
ria
ble
ch
ara
cte
rs (
50
)
Va
ria
ble
ch
ara
cte
rs (
10
0)
Inte
ge
r
<M
>
Ide
nti
fie
r_1
<p
i>
ba
nn
er
id_
ba
nn
er
jud
ul
url
ga
mb
ar
tgl_
po
stin
g
<p
i>In
teg
er
Va
ria
ble
ch
ara
cte
rs (
10
0)
Va
ria
ble
ch
ara
cte
rs (
10
0)
Va
ria
ble
ch
ara
cte
rs (
10
0)
Da
te
<M
>
Ide
nti
fie
r_1
<p
i>
mo
du
l
id_
mo
du
l
na
ma
_m
od
ul
lin
k
sta
tic_
co
nte
nt
ga
mb
ar
sta
tus
akt
if
uru
tan
<p
i>In
teg
er
Va
ria
ble
ch
ara
cte
rs (
50
)
Va
ria
ble
ch
ara
cte
rs (
10
0)
Te
xt
Va
ria
ble
ch
ara
cte
rs (
10
0)
Bo
ole
an
Bo
ole
an
Inte
ge
r
<M
>
Ide
nti
fie
r_1
<p
i>
hu
bu
ng
i
id_
hu
bu
ng
i
na
ma
em
ail
sub
ye
k
pe
san
tan
gg
al
<p
i>In
teg
er
Va
ria
ble
ch
ara
cte
rs (
50
)
Va
ria
ble
ch
ara
cte
rs (
50
)
Va
ria
ble
ch
ara
cte
rs (
10
0)
Te
xt
Da
te
<M
>
Ide
nti
fie
r_1
<p
i>
ma
inm
en
u
id_
ma
in
na
ma
_m
en
u
lin
k
akt
if
<p
i>In
teg
er
Va
ria
ble
ch
ara
cte
rs (
50
)
Va
ria
ble
ch
ara
cte
rs (
10
0)
Bo
ole
an
<M
>
Ide
nti
fie
r_1
<p
i>
kom
en
tar
id_
kom
en
tar
id_
be
rita
na
ma
_ko
me
nta
r
url
isi_
kom
en
tar
tgl
jam
_ko
me
nta
r
akt
if
<p
i>In
teg
er
Inte
ge
r
Va
ria
ble
ch
ara
cte
rs (
10
0)
Va
ria
ble
ch
ara
cte
rs (
10
0)
Te
xt
Da
te
Tim
e
Bo
ole
an
<M
>
Ide
nti
fie
r_1
<p
i>
kate
go
ri
id_
kate
go
ri
na
ma
_ka
teg
ori
kate
go
ri_
seo
<p
i>In
teg
er
Va
ria
ble
ch
ara
cte
rs (
10
0)
Va
ria
ble
ch
ara
cte
rs (
10
0)
<M
>
Ide
nti
fie
r_1
<p
i>
mo
d_
ba
nk
id_
ba
nk
na
ma
_b
an
k
no
_re
ken
ing
pe
mil
ik
ga
mb
ar
<p
i>In
teg
er
Va
ria
ble
ch
ara
cte
rs (
10
0)
Va
ria
ble
ch
ara
cte
rs (
10
0)
Va
ria
ble
ch
ara
cte
rs (
10
0)
Va
ria
ble
ch
ara
cte
rs (
10
0)
<M
>
Ide
nti
fie
r_1
<p
i>
he
ad
er
id_
he
ad
er
jud
ul
url
ga
mb
ar
tgl_
po
stin
g
<p
i>In
teg
er
Va
ria
ble
ch
ara
cte
rs (
10
0)
Va
ria
ble
ch
ara
cte
rs (
10
0)
Va
ria
ble
ch
ara
cte
rs (
10
0)
Da
te
<M
>
Ide
nti
fie
r_1
<p
i>
pro
du
k
id_
pro
du
k
id_
kate
go
ri
na
ma
_p
rod
uk
pro
du
k_se
o
de
skri
psi
ha
rga
sto
k
be
rat
tgl_
ma
suk
ga
mb
ar
dib
eli
dis
kon
<p
i>In
teg
er
Inte
ge
r
Va
ria
ble
ch
ara
cte
rs (
10
0)
Va
ria
ble
ch
ara
cte
rs (
10
0)
Te
xt
Inte
ge
r
Inte
ge
r
De
cim
al
(5)
Da
te
Va
ria
ble
ch
ara
cte
rs (
10
0)
Inte
ge
r
Inte
ge
r
<M
>
Ide
nti
fie
r_1
<p
i>
po
lin
g
id_
po
lin
g
pil
iha
n
sta
tus
rati
ng
akt
if
<p
i>In
teg
er
Va
ria
ble
ch
ara
cte
rs (
10
0)
Bo
ole
an
Inte
ge
r
Bo
ole
an
<M
>
Ide
nti
fie
r_1
<p
i>
do
wn
loa
d
id_
do
wn
loa
d
jud
ul
na
ma
_fi
le
tgl_
po
stin
g
hit
s
<p
i>In
teg
er
Va
ria
ble
ch
ara
cte
rs (
10
0)
Va
ria
ble
ch
ara
cte
rs (
10
0)
Da
te
Inte
ge
r
<M
>
Ide
nti
fie
r_1
<p
i>
sta
tist
ik
ip tan
gg
al
hit
s
on
lin
e
Va
ria
ble
ch
ara
cte
rs (
20
)
Da
te
Inte
ge
r
Va
ria
ble
ch
ara
cte
rs (
25
5)
mo
d_
ym
id na
ma
use
rna
me
<p
i>In
teg
er
Va
ria
ble
ch
ara
cte
rs (
50
)
Va
ria
ble
ch
ara
cte
rs (
50
)
<M
>
Ide
nti
fie
r_1
<p
i>
ord
ers
id_
ord
ers
na
ma
_ku
sto
me
r
ala
ma
t
telp
on
em
ail
sta
tus_
ord
er
tgl_
ord
er
jam
_o
rde
r
id_
kota
<p
i>In
teg
er
Va
ria
ble
ch
ara
cte
rs (
10
0)
Te
xt
Va
ria
ble
ch
ara
cte
rs (
20
)
Va
ria
ble
ch
ara
cte
rs (
50
)
Va
ria
ble
ch
ara
cte
rs (
50
)
Da
te
Tim
e
Inte
ge
r
<M
>
Ide
nti
fie
r_1
<p
i>
kota
id_
kota
id_
pe
rusa
ha
an
na
ma
_ko
ta
on
gko
s_ki
rim
<p
i>In
teg
er
Inte
ge
r
Va
ria
ble
ch
ara
cte
rs (
10
0)
Inte
ge
r
<M
>
Ide
nti
fie
r_1
<p
i>
ord
ers
_te
mp
id_
ord
ers
_te
mp
id_
pro
du
k
id_
sess
ion
jum
lah
tgl_
ord
er_
tem
p
jam
_o
rde
r_te
mp
sto
k_te
mp
<p
i>In
teg
er
Inte
ge
r
Va
ria
ble
ch
ara
cte
rs (
10
0)
Inte
ge
r
Da
te
Tim
e
Inte
ge
r
<M
>
Ide
nti
fie
r_1
<p
i>
Sh
op
_p
eru
sah
aa
n
id_
pe
rusa
ha
an
na
ma
_p
eru
sah
aa
n
<p
i>In
teg
er
Va
ria
ble
ch
ara
cte
rs (
10
0)
<M
>
Ide
nti
fie
r_1
<p
i>
Gambar 3.5 Diagram Konseptual Database
27
2. Perancangan Struktur Tabel
Berikut adalah struktur tabel yang dihasilkan:
a. Tabel download
Nama Tabel : Download
Kunci Utama (*) : Id_download
Fungsi : Untuk menyimpan data – data yang bisa di download
oleh pengguna.
Kamus Data : Download
{ Id_download * + Judul + Name_file + Tgl_posting + Hits}
Tabel 3.1 Tabel Download
Field Type Size Keterangan
id_download integer Primary Key
Judul varchar 100
name_file varchar 100
tgl_Posting date
Hits integer
b. Tabel Admin
Nama Tabel : Admin
Kunci Utama (*) : Username
Fungsi : Untuk menyimpan data administrator pengelola website.
Kamus Data : Admin
{ Username * + password + Nama_lengkap + Email +No_telp + Level +
Blokir }
28
Tabel 3.2 Tabel Admin
Field Type Size Keterangan
Username varchar 50 Primary key
Password varchar 50
nama_lengkap varchar 100
Email varchar 50
no_telp varchar 20
Level varchar 20
Blokir Boolean
c. Tabel modul
Nama Tabel : Modul
Kunci Utama (*) : id_modul
Fungsi : Untuk menyimpan data modul.
Kamus Data : Modul
{ id_modul * + nama_modul + link + static_content + gambar + status +aktif
+urutan }
Tabel 3.3 Tabel Modul
Field Type Size Keterangan
Id_modul Integer Primary key
nama_modul Varchar 50
Link Varchar 100
Static_content Text
Gambar Varchar 100
Status Boolean
Aktif Boolean
urutan Integer
d. Tabel order_detail
Nama Tabel : order_detail
Kunci Utama (*) :
29
Fungsi : menyimpan data order pengguna
Kamus Data : order_detail
{ Id_order + Id_produk + Jumlah }
Tabel 3.4 Tabel order detail
Field Type Size Keterangan
Id_order Integer
Id_produk Integer
Jumlah integer
e. Tabel Mod_bank
Nama Tabel : Mod_bank
Kunci Utama (*) : id_bank
Fungsi : menyimpan data-data bank
Kamus Data : Mod_bank
{ id_bank * + nama_bank + No_rekening + pemilik + gambar}
Tabel 3.5 Tabel Mod_bank
Field Type Size Keterangan
Id_bank Integer Primary key
nama_bank varchar 100
No_rekening varchar 100
Pemilik varchar 100
Gambar varchar 100
f. Tabel Mod_ym
Nama Tabel : Mod_ym
Kunci Utama (*) : id
Fungsi : menyimpan data ym pengguna
Kamus Data : Mod_ym
{ id * + nama + username}
30
Tabel 3.6 Tabel Mod_ym
Field Type Size Keterangan
Id Integer Primary key
Nama varchar 50
Username varchar 50
g. Tabel sekilasinfo
Nama Tabel : sekilasinfo
Kunci Utama (*) : id_sekilas
Fungsi : menyimpan data-data sekilas info yang bisa dilihat oleh
pengguna
Kamus Data : sekilasinfo
{ id_sekilas * + info + tgl_posting + gambar}
Tabel 3.7 Tabel Sekilasinfo
Field Type Size Keterangan
Id_sekilas Integer Primary key
Info varchar 100
Tgl_posting Date
Gambar Varchar 100
h. Tabel Orders
Nama Tabel : orders
Kunci Utama (*) : id_ ordes
Fungsi : menyimpan data-data order pengguna atau
pembeli
Kamus Data : sekilasinfo
{ id_ ordes * + Nama_kustomer + Alamat + Telpon + Email + tatus_order + Tgl
order + Jam_order + Id_kota }
31
Tabel 3.8 Tabel Orders
Field Type Size Keterangan
Id_orders Integer Primary key
Nama_kustomer varchar 100
Alamat Text
Telpon varchar 20
Email varchar 50
Status_order varchar 50
Tgl order Date
Jam_order Time
Id_kota integer
i. Tabel Kota
Nama Tabel : kota
Kunci Utama (*) : id_kota
Fungsi : menyimpan data kota pengguna
Kamus Data : kota
{ id_kota * + Id_perusahaan + Nama_kota + Ongkos_kirim }
Tabel 3.9 Tabel Kota
Field Type Size Keterangan
Id_kota Integer Primary key
Id_perusahaan Integer
Nama_kota varchar 100
Ongkos_kirim integer
j. Tabel Orders temp
Nama Tabel : orders_temp
Kunci Utama (*) : id_ orders_temp
Fungsi : untuk menyimpan data order yang sudah di proses
Kamus Data : orders_temp
{id_orders_temp * + Id_produk + Id_session + Jumlah + Tgl_order_temp +
Jam_order_temp + Stok_temp }
32
Tabel 3.10 Tabel Orders_temp
k. Tabel Users
Nama Tabel : users
Kunci Utama (*) : username
Fungsi : menyimpan data pendaftaran
Kamus Data : users
{ username * + Password1 + Password + Nama_lengkap + Email + Aktivasi +
Cek_aktivasi + No_telp + Level + Blokir + Id_session }
Tabel 3.11 Tabel Users
Field Type Size Keterangan
Username Varchar 50 Primary key
Password1 Varchar 50
Password Varchar 50
Nama_lengkap Varchar 100
Email Varchar 100
Aktivasi Integer
Cek_aktivasi Integer
No_telp Varchar 20
Level Varchar 20
Blokir Bolean
Id_session Varchar 100
Field Type Size Keterangan
Id_orders_temp Integer Primary key
Id_produk Integer
Id_session varchar 100
Jumlah integer
Tgl_order_temp Date
Jam_order_temp Time
Stok_temp integer
33
l. Tabel Main_menu
Nama Tabel : main_menu
Kunci Utama (*) : id_ main
Fungsi : menyimpan data main menu yang ada di Toko Online
Kamus Data : main_menu
{ id_main * + Nama_menu + Link + Aktif }
Tabel 3.12 Tabel Main_menu
Field Type Size Keterangan
Id_main Integer Primary key
Nama_menu varchar 50
Link Varchar 100
Aktif Boolean
m. Tabel Submenu
Nama Tabel : submenu
Kunci Utama (*) : id_ sub
Fungsi : menyimpan data submenu yang ada di
Trunojoyo Mobil
Kamus Data : submenu
{ id_ sub * + Nama_sub _menu + Link_sub + Id_main }
Tabel 3.13 Tabel Submenu
Field Type Size Keterangan
Id_sub Integer Primary key
Nama_sub varchar 50
Link_sub Varchar 100
Id_main integer
n. Tabel Hubungi
Nama Tabel : hubungi
Kunci Utama (*) : id_ hubungi
34
Fungsi : Untuk menyimpan data – data hubungi oleh pengguna
Kamus Data : hubungi
{ i id_ hubungi * + nama + Email + Subyek + Pesan + tanggal }
Tabel 3.14 Tabel Hubungi
Field Type Size Keterangan
Id_hubungi Integer Primary key
Nama varchar 50
Email Varchar 50
Subyek Varchar 100
Pesan Text
Tanggal Date
o. Tabel Banner
Nama Tabel : banner
Kunci Utama (*) : id_ banner
Fungsi : menyimpan data banner yang bisa di lihat pengguna
Kamus Data : banner
{ id_ banner * + Judul + url + Gambar + Tgl_posting }
Tabel 3.15 Tabel Banner
Field Type Size Keterangan
Id_banner Integer Primary key
Judul varchar 100
url Varchar 100
Gambar Varchar 100
Tgl_posting date
p. Tabel Poling
Nama Tabel : poling
Kunci Utama (*) : id_ poling
Fungsi : menyimpan data poling oleh pengguna
Kamus Data : poling
{ id_ poling * + pilihan + status + rating + aktif
35
Tabel 3.16 Tabel Poling
Field Type Size Keterangan
Id_poling Integer Primary key
Pilihan varchar 100
Status Boolean
Rating integer
Aktif Boolean
q. Tabel Kategori
Nama Tabel : kategori
Kunci Utama (*) : id_ kategori
Fungsi : menyimpan data kategori yang ada di Tunojoyo Mobil
Kamus Data : kategori
{ id_ kategori * + Nama_kategori + Kategori_seo }
Tabel 3.17 Tabel Kategori
Field Type Size Keterangan
Id_kategori Integer Primary key
Nama_kategori Varchar 100
Kategori_seo varchar 100
r. Tabel Header
Nama Tabel : header
Kunci Utama (*) : id_ header
Fungsi : menyimpan data header yang bisa dilihat oleh pengguna
Kamus Data : header
{ id_ header * + judul + url + gambar + Tgl_posting }
Tabel 3.18 Tabel Header
Field Type Size Keterangan
Id_header Integer Primary key
Judul varchar 100
url varchar 100
Gambar varchar 100
Tgl_posting date
36
s. Tabel Komentar
Nama Tabel : komentar
Kunci Utama (*) : id_ komentar
Fungsi : menyimpan data komentar pengguna
Kamus Data : komentar
{ id_ komentar * + Id_berita + komentar + url + Isi_komentar + Tgl +
Jam_komentar + aktif }
Tabel 3.19 Tabel Komentar
Field Type Size Keterangan
Id_komentar Integer Primary key
Id_berita Integer
Komentar varchar 100
url varchar 100
Isi_komentar Text
Tgl date
Jam_komentar Time
Aktif Boolean
t. Tabel Produk
Nama Tabel : produk
Kunci Utama (*) : id_ produk
Fungsi : menyimpan data produk
Kamus Data : produk
{ id_produk * + Id_kategori + Nama_produk + Produk_seo + deskripsi + harga
+ Stok + Berat + Tgl_masuk + Gambar + Dibeli + diskon }
37
Tabel 3.20 Tabel Produk
Field Type Size Keterangan
Id_produk Integer Primary key
Id_kategori Integer
Nama_produk Varchar 100
Produk_seo Varchar 100
Deskripsi Text
Harga Integer
Stok Integer
Berat Decimal 5
Tgl_masuk Date
Gambar Varchar 100
Dibeli Integer
Diskon Integer
u. Tabel Statistik
Nama Tabel : statistik
Fungsi : menyimpan data sattistik pengguna
Kamus Data : statistik
{ ip + tanggal + hits + online }
Tabel 3.21 Tabel Statistik
Field Type Size Keterangan
Ip Varchar 20
Tanggal Date
Hits Integer
Online Varchar 255
v. Tabel Shop_Pengiriman
Nama Tabel : Shop_pengiriman
38
Fungsi : menyimpan data pengiriman yang akan
dikirim
Kamus Data : Shop_pengiriman
{ Id_perusahaan* + nama_perusahaan }
Tabel 3.22 Shop Pengiriman
Field Type Size Keterangan
Id_perusahaan Integer Foreign Key
Nama_perusahaan Varchar 100
3.4 Perancangan Layout
3.4.1 Perancangan Desain Spalsh Screen Admin
Splash screen adalah tampilan awal yang hanya berdurasi beberapaa
detik. Fungsi splash screen biasanya digunakan untuk menampilakan
informasi yang bersifat sekilas pada user. Selain informasi, splash screen
juga bisa digunakan sebagai penghias tampilan pada setiap pembuatan
aplikasi.
Logo
Loading...
Gambar 3.6 Desain Spalsh Screen
39
3.4.2 Perancangan Desain From Login
Menu login merupakan tampilan saat member ataupun non meber
masuk kedalam menu utama dalam aplikasi sehingga nanti member atau non
member dapat melakukan transaksi dan melihar produk.
Username
Password
Gambar 3.7 Desain From Login
3.4.3 Perancangan Desain Menu Utama Admin
Pada saat aplikasi dijalankan, menu utama merupakan tampilan utama
untuk aplikasi. Member ataupun Non Member memilih menu yang akan
mereka gunakan. Terdapat enam button pada menu utama dalam aplikasi
yaitu
40
MENU
Dashboard
Cara Pembelian
Ganti Password
Manajemen Produk
Modul Admin
Komentar
Menu Transaksi
LOGO
Footer
Gambar 3.8 Desain Menu Utama Admin
3.4.4 Perancangan Desain Halaman Monitoring
Terdapat dua grafik yang akan menjelaskan tentang monitoring
penjualan. Berikut merupakan rancangan halaman monitoring:
41
LOGO
Footer
Grafik Penjualan / Produk
Grafik Penjualan Perbulan
Gambar 3.9 Desain Halaman Monitoring
3.4.5 Perancangan Desain Menu Utama Toko Online
Menu toko online yang akan di gunakan oleh user, terdapat beberapa
menu toko yang dapat di akses oleh user / pembeli yaitu: home, kategori, cara
42
pemberlian, produk kami, cart dan kontak. Berikut merupakan halaman menu
utama toko online:
LOGO
Footer
Halaman / Site
HOME | KATEGORI | CARA PEMBELIAN | CART | CONTACT
Gambar 3.10 Desain Menu Utama Toko Online