bo display, mencetak keluran dalam bentuk layar monitor.
Gambar 2.1 Simbol – Simbol Flowchart
2.19 Data Flow Diagram DFD
Data Flow Diagram DFD adalah suatu diagram yang menggunakan notasi –
notasi untuk menggambarkan arus dari data sistem, yang penggunaanya sangat membantu untuk memahami sistem secara logika, terstruktur dan jelas. DFD
merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis.
Adapun simbol – simbol yang digunakan dalam menggambarkan suatu model
dapat diperlihatkan sebagai berikut: DeMarco and Yourdan
Simbols Keterangan
Gane and Sarson Simbols
Source Kesatuan Luar
Proses Data Flow Arus Data
Data Source Penyimpanan Data
Gambar 2.2 Simbol Data Flow Diagram DFD
Universitas Sumatera Utara
BAB 3
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Analisis Sistem adalah suatu proses mengumpulkan dan menginterpretasikan kenyataan
– kenyataan yang ada, mendiagnosa persoalan dan menggunakan keduanya untuk memparbaiki sistem Kristanto, 2003. Tahap analisis merupakan
tahapan yang penting, karena kesalahan di tahapan ini akan menyebabkan kesalahan di tahap selanjutnya.
3.2 Perancangan Struktur Web
Perancangan halaman – halaman pada website ini terbagi menjadi tiga macam
yaitu : halaman user, halaman user teregistrasi member, halaman admin. Halaman member merupakan halaman yang dapat melakukan proses
pembelian barang dari produk - produk yang ditawarkan.
Universitas Sumatera Utara
Gambar 3.1 Rancangan Halaman Web Untuk User Biasa
Gambar 3.2 Rancangan Halaman Web Untuk Member
Homepage Sistem Penjualan komputer
Index Search
Log Out Cart
Homepage Sistem Penjualan Komputer
Login Register
Index About
Us Contact
Us Search
Universitas Sumatera Utara
Gambar 3.3 Rancangan Halaman Web Untuk Admin
3.3 Perancangan Sistem
Perancangan sistem adalah upaya untuk memulai atau memiliki sistem baik yang lama maupun sistem yang baru. Perancangan sistem dilakukan setelah
mendapatkan penggambaran yang jelas tentang sistem yang akan dibuat. Perancangan sistem pada web ini digambarkan dengan Data Flow Diagram DFD
3.3.1 Data Flow Diagram DFD
Data Flow Diagram adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu
untuk memahami sistem secara logika, terstruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis.
Homepage Sistem Penjualan Komputer
Index Top
Brands Log Out
Categor y
inbox
Universitas Sumatera Utara
3.3.1.1 Diagram Konteks
Diagram konteks Diagram ini adalah diagram level tertinggi dari DFD yg menggambarkan hubungan sistem dengan lingkungan luarnya. Adapun diagram
konteks untuk sistem ini yaitu :
User Administrator
Info data registrasi
Data registrasi, Member
Nota pesanan, laporan belanja
Data admin, Data barang,
Verifikasi laporan belanja
Data member Data barang,
Data pesanan, Data transaksi pesanan,
Data pembayaran Info login, ,Nota
pesanan
SISTEM PENJUALAN KOMPUTER
Gambar 3.4 Diagram Konteks
3.3.1.2 Diagram Level Zero level 0
Diagram ini adalah dekomposisi dari diagram konteks. Adapun diagram level zero untuk sistem ini yaitu :
Universitas Sumatera Utara
User Admninistrator
Member
F1 Data
user Data
user User
Data admin Data
member
1 2
Login Registrasi
Data memb
er
3
Proses Pemesanan
Nota Pemesan
an Data
barang,
4
Proses Pembayara
n F2 Krbelanja
F3 Data
pesanan Data
pesanan
5
Membuat Laporan
Belanja Lapbelanj
a Verifikasi Laporan
Nota pembayaran
Nota pesanan Laporan
belanja Info data
pendaftaran Info login
Gambar 3.5 Diagram Level nol
3.4 Perancangan Database 3.4.1
Entity Relationship Data ERD
Entity Relationship Diagram merupakan model data berupa notasi grafis dalam pemodelan data konseptual yang menggambarkan hubungan antara penyimpanan.
Universitas Sumatera Utara
User Mendaftar
Member Melihat
Memesan Barang
Update Administrator
Nama Password
1 1
Nama Nama
Nama
namabarang harga
bid
Category
password unama
krbelanja namabarang
Membuat laporan belanja
lapbelanja namabarang
namabarang namabarang
kota Me-insert kota
Nama kota
Gambar 3.6 Entity Relationship Data ERD Database
3.4.2 Normalisasi
Normalisasi adalah suatu proses mendesain struktur Database sehingga sebagian besar ambiguity bisa dihilangkan sehingga bisa menghasilkan sebuah table yang
normal.
3.4.2.1 Unnormalized Form UNF
Bentuk ini merupakan kumpulan data yang akan direkam, tidak ada keharusan mengikukti format tertentu, dapat saja data tidak lengkap atau terduplikasi.
Data dikumpulkan apa adanya sesuai dengan saat menginput. Untuk
Universitas Sumatera Utara
mentransformasikan tabel yang belum ternomalisasi di atas menjadi tabel yang memenuhi kriteria 1NF adalah kita harus merubah seluruh atribut yang multivalue
menjadi atribut single value, dengan cara menghilangkan repeating group pada tabel di atas.
Tabel 3.1 Bentuk UNF
Nama field bid
nama_barang harga
category uid
fnama lnama
unama pass
krid krqty
krsbtotal krstatus
laptime lapid
laptotal laptime
lapstatus nama
phone kota
alamat id_kota
konama koongkos
Universitas Sumatera Utara
3.4.2.2 First Normal Form 1NF
Tabel 3.2 Bentuk 1NF
Users uid
unama password
fnama lnama
status Barang
bid nama_barang
harga category
stock
keranjang belanja
krid bid
uid id_kota
lapid krqty
krsbtotal nama pemesan
phone alamat_pemesan
konama koongkos
mempunyai memiliki
Universitas Sumatera Utara
3.4.2.3 Second Normal Form 2NF
Tabel 3.3 Bentuk 2 NF
users uid
unama fnama
lnama password
Barang bid
nama_barang images
harga category
stock desc_barang
keranjang belanja
krid bid
uid lapid
krqty krsbtotal
krstatus laporan belanja
lapid nama_pemesan
phone alamat_pemesan
konama koongkos
id_kota
memiliki memiliki
mempunyai
Universitas Sumatera Utara
3.4.2.4 Third Normal Form 3NF
Tabel 3.4 Bentuk 3NF
User
uid PK fnama
lnama unama
password status
Barang
bid PK nama
images harga
category stock
desc_barang
kota
id_kota PK konama
kongkos
lapbelanja
lapid PK uid FK
id_kota FK laptime
lapstatus id_kota FK
nama phone
alamat
Krbelanja
krid PK Bid FK
Krqty Krsbtotal
Krib Krstatus
lapidFK Uid FK
mempunyai
mempunyai
memiiki
memiliki
memiliki
Universitas Sumatera Utara
3.5 Flowchart
Flowchart adalah suatu gambar grafik dari urutan – urutan dan langkah – langkah
logis dalam suatu prosedur atau program.
3.5.1 Flowchart Halaman Utama
Adapun diagram konteks sistem informasi penjualan secara online dapat dilihat pada gambar dibawah ini :
Universitas Sumatera Utara
Gambar 3.7 Flowchart Halaman Utama
Login? Ya
tidak Tampilkan
menu
Homepage
Inde x
Ya tidak
About About
Us Ya
tidak
Contact c
Conta ct Us
Ya tidak
Home
Cart
Log Out Ya
Ongkos Kirim
Ya
Ongko s
Kirim tidak
Ongkos Kirim
1
3
4
5 Index
Cart
Ongk os
Kirim
Log Out
Exit
Stop
Register
Regi ster
2
Ya Tidak
Ya
tidak Ya
tidak Ya
tidak
Ya
Ya
6
5
7 1
Start
Universitas Sumatera Utara
1. Flowchart index
Gambar 3.8 Flowchart index
2. Flowchart Register
Gambar 3.9 Flowchart register
1
Tampilk an isi
index
Lihat detail prodouk
Tampilka n detail
produk Ya
tidak
Stop
2
User pass benar
Input User
pass
Simpan data register
Form Register
Stop
Ya
Tidak
Universitas Sumatera Utara
3. Flowchart About Us
Gambar 3.10 Flowchart About Us
4. Flowchart Contact Us
Gambar 3.11 Flowchart Contact us
4
Contact Us
Input nama,email,su
bject,pesan Send
Stpp
3
stop
About Us
Tampilkan mengenai web
ini
Universitas Sumatera Utara
5. Flowchart Cart
Gambar 3.12 Flowchart Cart
3.5.2 Flowchart Administrator
Halaman Home
input Username dan pass
User,pass benar
status=admin
Halaman Admin Ya
Tidak
6
Input barang
Beli? Input
nama, ,telp,k
ota,al amat
Simpan data cart
Cart Exit
Stop Ya
Tidak
Ya
Checko ut
Tidak
Start
Universitas Sumatera Utara
Gambar 3.13 Flowchart Administrator
3.6 Desain Database
Membangun sebuah database merupakan salah satu langkah awal pembuatan aplikasi. Struktur database yang baik akan mempengaruhi kinerja dari suatu situs
tersebut. Dalam perancangan website ini penulis membuat 7 tujuh tabel dalam
database webta Tabel
– tabel tersebut adalah tabel barang, inbox, kota, krbelanja, lapbelanja, users.
Berikut ini adalah beberapa desain database yang penulis buat sesuai dengan kebutuhan terhadapa penyimpanan data yang akan digunakan dalam
pembuatan website “RANCANG BANGUN SISTEM PENJUALAN KOMPUTER BESERTA
HARDWARE KOMPUTER BERBASIS WEB ”.
3.6.1 Tabel Barang
Tabel barang digunakan untuk menampung dan menyimpan data berbagai produk atau barang yang tersedia di dalam website ini, harga dari setiap produk, kategory,
Tampilkan Menu
Log Out
Stop
Ya T
i d
a k
Universitas Sumatera Utara
stock, bahkan deskripsi dari produk. Berikut adalah field – field yang ada dibuat
dalam tabel barang.
Tabel 3.5 Tabel Barang
Field Type
Extra bid
Int50 Auto_increment
nama Varchar100
- images
Varchar100 -
harga Int50
- category
Varchar100 -
3.6.2 Tabel Kota
Tabel kota digunakan untuk menampung dan menyimpan data mengenai kota –
kota dengan biaya pengiriman ke setiap kotanya. Berikut adalah field – field yang
ada dibuat dalam tabel barang.
Tabel 3.6 Tabel Kota
Field Type
Extra id_kota
int 100 primary_key
konama Varchar50
- koongkos
Varchar100 -
Universitas Sumatera Utara
3.6.3 Tabel Krbelanja
Tabel krbelanja digunakan untuk menampung dan menyimpan data sementara mengenai belanja user sebelum melakukan checkout. Berikut adalah field
– field yang ada dibuat dalam tabel barang.
Tabel 3.7 Tabel Keranjang Belanja
Field Type
Extra Krid
Int50 Auto_increment
Bid Varchar50
- Krqty
Int50 -
Krsbtotal Int50
- Krip
Varchar50 -
Krstatus Varchar50
- Lapid
Varchar50 -
3.6.4 Tabel Lapbelanja
Tabel lapbelanja digunakan untuk menampung dan menyimpan data laporan belanja oleh para user. Berikut adalah field
– field yang ada dibuat dalam tabel barang.
Tabel 3.8 Tabel Laporan Belanja
Field Type
Extra Lapid
Int50 Auto_increment
Laptotal Varchar100
-
Universitas Sumatera Utara
Uid Varchar100
- Laptime
Varchar50 -
Lapstatus Varchar50
- Nama
Varchar100 -
Phone Int50
- Kota
Varchar50 -
Alamat Varchar100
-
3.6.5 Tabel Users
Tabel users digunakan untuk menampung dan menyimpan data laporan mengenai para user, nama lengkap user, hingga password user. Berikut adalah field
– field yang ada dibuat dalam tabel barang.
Tabel 3.9 Tabel Users
Field Type
Extra Uid
Int50 Auto_increment
Fnama Varchar50
- Lnama
Varchar50 -
Unama Varchar100
- Password
Varchar100 -
Status Varchar100
-
3.6.6 Tabel Inbox
Tabel inbox digunakan untuk menampung dan menyimpan pesan dari para user website ini. Tabel ini dibuat dengan tujuan untuk menampung seluruh data
Universitas Sumatera Utara
mengenai pesan yang dikirim oleh pengguna. Berikut adalah field – field yang ada
dibuat dalam tabel barang.
Tabel 3.10 Tabel Inbox
Field Type
Extra Nama
Varchar 100 -
Email Varchar 100
- Subject
Varchar 100 -
Pesan Varchar 100
-
Universitas Sumatera Utara
BAB 4 IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
Implementasi sistem adalah tahapan – tahapan yang dipergunakan dalam
menyelesaikan suatu desain sistem yang telah disusun secara matang dan disetujui, untuk menguji, mengistal, dan memulai sistem baru atau sistem yang
diperbaiki untuk menggantikan yang lama.
4.2 Tujuan Implementasi Sistem
