BAB Empat decision tree uji sensitivitas untu

BAB IV
ANALISA DAN PERANCANGAN SISTEM

4.1 Analisa
4.1.1 Analisis Sistem
Pembangunan sistem informasi merupakan suatu teknik penguraian
dari suatu sistem informasi yang utuh ke dalam bagian-bagian
komponennya dengan maksud untuk mengidentifikasikan dan
mengevaluasi permasalahan, kesempatan, hambatan yang terjadi dan
kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan pada
sistem informasi tersebut. Tugas utama dari menganalisis sistem
informasi adalah menentukan ruang lingkup sistem, pengumpulan
fakta, menganalisis fakta dan mengkomunikasikan temuan-temuan
tersebut melalui laporan analisis sistem. Disini penulis akan
menguraikan hasil analisis penulis terhadap sistem informasi penjualan
yang berada di FLO Distro. Adapun prosedur-prosedur yang ada pada
sistem tersebut adalah sistem Pemasaran yang ada masih bersifat
sederhana yaitu calon pembeli yang datang langsung ke FLO Distro
Ahmad Yani.
4.1.2


Analisis Masalah
Berdasarkan hasil evaluasi yang disesuaikan dengan permasalahan
yang sedang dihadapi oleh FLO Distro Ahmad Yani, maka saya
mengusulkan sebuah sistem baru dengan memanfaatkan sebuah situs
web yang dapat memberikan pelayanan pemasaran secara online. Web
ini diharapkan dapat membantu dalam memperluas area pemasarannya
serta dapat dimanfaatkan sebagai alat promosi yang dapat
meningkatkan volume penjualan dalam jangka waktu panjang. Serta
sebagai alat guna meningkatkan pelayanan kepada pelanggan dengan
menampilkan informasi-informasi produk yang tersedia.
Apabila dilihat dari sisi user, situs web ini dapat memberikan
informasi produk secara detail. Selain itu user juga dapat melakukan
transaksi pemesanan produk, jika user tersebut sudah mendaftarkan
diri sebagai user member, tetapi jika user belum mendaftarkan diri
sebagai user member maka user tersebut tidak bisa melakukan
transaksi pemesanan produk, melainkan hanya dapat melihat-lihat
info-info produk. Sistem pembayaran hanya dilakukan dengan cara
transfer. Pelanggan membayar transfer dengan melakukan pembayaran
atas barang yang dipesannya, kemudian barang akan dikirim kepada
pelanggan.


Sistem online saat ini sangat banyak dimanfaatkan oleh berbagai
pihak. Hampir semua bidang, baik bisnis maupun non bisnis
memanfaatkan sistem online ini. Salah satu sistem online yang banyak
digunakan adalah e – commerce, yaitu penjualan dan pembelian
barang dan jasa secara online melalui internet. Internet adalah jaringan
komputer yang dapat menghubungkan jutaan komputer yang tersebar
di seluruh dunia dan siapapun dapat terhubung ke dalam jaringan ini
sehingga dengan e – commerce ini FLO Distro dapat memperluas
pemasaran produk, dapat melakukan penjualan secara online, dan
dapat menyediakan berbagai macam informasi yang berkaitan dengan
produk dan penjualan.
Dalam kurun waktu yang lama sejak pembangunan sistem ini
nantinya, admin dan developer pastinya akan melakukan perbaikan
dan penambahan fitur yang ada pada sistem. Analisa berkala
diperlukan untuk meningkatkan mutu dan kualitas software aplikasi
dalam sistem informasi pemasaran berbasis online, untuk itu inilah
alasan penulis melakukan analisa terhadap sistem ini. Dengan harapan
penulis bisa menemukan kebutuhan user akan fitur dari software ini
yang belum terpenuhi.

4.1.3

Analisis Kelayakan Sistem
Tujuan utama dari analisis kelayakan adalah untuk menguji apakah
sistem yang baru layak dipakai atau tidak. Dalam hal ini tentunya
diperlukan pertimbangan yang matang, seberapa besar manfaat dan
biaya yang harus dikeluarkan dari sistem yang baru. Analisis
kelayakan meliputi :
1. Kelayakan Teknologi
Secara kelayakan teknologi sistem ini sangat layak digunakan,
karena saat ini media internet dan website sudah menjadi
kebutuhan primer. Selain karena jangkauannya luas, juga karena
sangat mudah didapat dan dioperasikan.
2. Kelayakan Hukum
Sistem publikasi yang ada pada sistem informasi penjualan
berbasis web ini tidak melanggar hukum dan peraturan-peraturan
yang berlaku, yang ditetapkan oleh pemerintah. Isi dari sistem baru
yang ditawarkan yang berkaitan dengan promosi tidak melanggar
hukum karena tidak melanggar SARA (Suku, Adat, Ras, Agama)
ataupun pornografi.

3. Kelayakan Operasional
Kelayakan operasional merupakan suatu analisis yang digunakan
untuk menentukan sistem ini dapat dioperasikan atau tidak.

Melihat Sumber Daya Manusia sudah mengenal dapat
menggunakan komputer dan internet dengan lancar tentunya tidak
akan kesulitan mencari sumber daya yang bisa mengoperasikan
sistem baru tersebut. Namun demikian agar dapat berjalan lebih
optimal maka personil yang akan menangani sistem yang akan
diterapkan.
4. Kelayakan Ekonomi
Secara ekonomi sistem ini tidak akan menimbulkan kerugian
karena biaya dasar tidak lebih besar dari manfaat dan keuntungan
yang diperoleh. Dengan menggunakan analisis biaya dan manfaat
kita dapat mengetahui apakah proyek ini layak atau tidak untuk
diterapkan.

4.1.4

Analisa Keputusan

Tahap analisis keputusan adalah tahap yang bertujuan untuk
mengidentifikasi solusi – solusi, menganalisis solusi – solusi yang ada,
dan merekomendasikan solusi mana yang akan dipilih. Untuk melihat
evaluasi yang sedang berjalan, bisa dilihat pada tabel 4.1

N
o

Permasalahan

1

Belum terdapatnya aplikasi
pemasaran berbasis web
untuk
mempublikasikan
produk. Sehingga sulit untuk
mewujudkan keinginannya
untuk menguasai pasar atau
memiliki pelanggan yang

banyak.

2

3

Bagian

Admin/
Owner

Solusi

Membuat website

Ketidakpastiannya terjadinya
transaksi,
karena
calon
pembeli

ingin
melihat
barang/produk yang sesuai
dengan selera mereka.

Karyawan

Membuat sistem
informasi penjualan
secara online

Belum terdapatnya sistem
informasi pemesanan dan
informasi barang dan jasa
secara online

Pelanggan

Membuat website


Tabel 4.1 Evaluasi sistem yang sedang berjalan

Selain itu untuk kasus yang terjadi pada FLO Distro yaitu, ingin
memperluas pemasaran, ada beberapa solusi yang dapat dilakukan
sebagai berikut :
1. Memasang iklan disurat kabar.
2. Membuat selebaran (brosur).
3. Membuat website (e-commerce).
Dari solusi – solusi yang ada di atas, kemudian dilakukan analisis
terhadap masing – masing solusi untuk mengetahui solusi mana yang
paling baik untuk dilakukan. Berikut tabel solusi yang bisa dilihat pada
tabel 4.2

Solusi

Kelebihan
Kekurangan
Hampir semua orang Pemasangan iklan di surat
Memasang membaca surat kabar, kabar tidak cukup hanya
Iklan

sehingga dengan media satu / dua kali, melainkan
surat kabar ini, ada harus sering dilakukan
harapan bahwa banyak untuk lebih memperbesar
orang yang akan melihat kemungkinan akan banyak
dan membaca iklan yang orang yang akan melihat
dipasang oleh FLO Distro dan
membaca
iklan
tersebut. Hal ini akan
memperbesar biaya yang
dikeluarkan
perusahaan
untuk pemasangan iklan
karena tidak bisa satu / dua
kali
memasang
iklan
melainkan harus sering
dilakukan.
Membuat

Brosur

Selebaran mudah untuk
disebarkan karena praktis
(berupa lembaran kertas)
dan biaya pembuatan
selebaran juga murah.

Kadang – kadang orang
tidak begitu memperhatikan
selebaran yang mereka
dapat
dan
seringkali
selebaran yang didapat
langsung dibuang, sehingga
dengan
selebaran
ini
pemasaran kurang begitu

efektif. Ada biaya tambahan
yang dikeluarkan yaitu

biaya untuk membayar
orang yang membagikan
selebaran dan juga tidak
efisien waktu karena untuk
membagikan
selebaran
cukup menyita waktu.
Membuat
Website

Saat ini sudah banyak
orang yang mengetahui
dan mengakses internet
dan dengan internet ini
semua orang masuk ke
dalam jaringan ini dapat
mengakses website FLO
Distro sehingga dengan
website ini pemasaran
dapat lebih luas. Dalam
jangka panjang, biaya
yang dikeluarkan untuk
pembuatan website ini
lebih
murah
karena
pengeluaran biaya hanya
terjadi
pada
saat
pembuatan
dan
mengupload website ini ke
internet.

Diperlukan orang yang ahli
untuk
mengoperasikan
website
tersebut
yaitu
sebagai seorang admin
yang
bertugas
untuk
memelihara website dan
juga bertanggungjawab atas
segala
sesuatu
yang
berhubungan
dengan
website tersebut.

Tabel 4.2 Solusi untuk memperluas pemasaran

Dari analisis solusi tersebut, maka harus dipilih salah satu solusi
yang paling baik untuk dilakukan oleh FLO Distro. Dengan
pertimbangan kelebihan dan kelemahan pada masing – masing solusi,
maka yang dipilih adalah pembuatan website.

4.1.5

Analisis Kebutuhan
Tahap analisis kebutuhan adalah tahap untuk mengidentifikasi apa
saja yang perlu dilakukan oleh sistem baru, apa yang dibutuhkan dan
diinginkan oleh pengguna dari sistem baru. Dalam analisis yang
dilakukan pada FLO Distro, ada berbagai macam kebutuhan yang
diinginkan oleh FLO Distro. Dalam tahap analisis kebutuhan pengguna
ini dapat dibagi menjadi dua, yaitu kebutuhan FLO Distro dan juga
kebutuhan konsumen. Kebutuhan FLO Distro terhadap sistem baru
dapat diuraikan sebagai berikut :

1. Dengan adanya website ini diharapkan dapat memperluas
pemasaran, dapat melakukan penjualan secara online melalui
internet, dan juga wesbite ini dapat digunakan sebagai sarana untuk
menyediakan berbagai macam informasi produk yang berguna bagi
konsumen.
2. Website yang akan dibuat adalah website yang dinamis sehingga
FLO Distro dapat mengupdate produk dan infromasi setiap saat
dengan mudah.
3. Sistem baru dapat menggantikan sistem lama yang masih
menyimpan data (database) secara manual. Dengan adanya sistem
baru tersebut, penyimpanan data akan menjadi lebih mudah karena
data konsumen bisa secara tersimpan secara otomatis dalam
database MySQL.
Sedangkan kebutuhan konsumen terhadap sistem baru ini adalah
sebagai berikut :
1. Konsumen dapat dengan mudah mendapatkan informasi mengenai
produk dan penjualan pada website FLO Distro dengan mengakses
website tersebut. Melalui website ini pula konsumen yang jauh dari
FLO Distro juga dapat memperoleh informasi dengan mudah.
2. Adanya informasi yang memadai dan jelas pada website FLO
Distro sehingga konsumen dapat dengan mudah memahami apa
yang ingin disampaikan oleh informasi tersebut.
3. Konsumen dapat memberikan masukan, tanggapan, dan juga
pertanyaan kepada FLO Distro mengenai hal – hal yang
berhubungan dengan produk yang ada pada website dan penjualan
secara online melalui menu Testimonial. Dengan adanya
Testimonial ini, konsumen hanya perlu mengisi kolom Enquiry dan
akan ditanggapi oleh FLO Distro.
4. Produk – produk yang dijual melalui website FLO Distro
diharapkan adalah produk – produk yang berkualitas dan selalu
diupdate sehingga konsumen mengetahui apa saja produk yang
baru. Harga produk juga harus diupdate jika ada perubahan
sehingga selalu mencerminkan harga produk saat ini.
4.1.5.1 Analisis Kebutuhan Non-Fungsional
Analasis kebutuhan non fungsional merupakan analisis
yang dibutuhkan untuk menentukan spesifikasi kebutuhan
sistem. Spesifikasi ini juga meliputi elemen-elemen atau
komponen-komponen apa saja yang dibutuhkan untuk sistem
yang akan dibangun sampai dengan sistem tersebut
diimplementasikan. Analisis kebutuhan ini juga menentukan

spesifikasi masukan yang diperlukan sistem, keluaran yang
akan dihasilkan sistem dan proses yang dibutuhkan untuk
mengolah masukan sehingga menghasikan suatu keluaran yang
diinginkan.
Kebutuhan non fungsional terbagi menjadi beberapa
analisis yaitu analisis perangkat keras, perangkat lunak dan
analisis user.
4.1.5.1.1 Analisis Perangkat Keras
Perangakat keras yang dibutuhkan bedasarkan
kebutuhan minimal yang harus terpenuhi antara lain :
1. Server
a. Menggunakan minimal AMD Athlon X2 2,5
Ghz atau sekelasnya.
b. Menggunakan RAM minimal 2GB.
c. Tersedia Hardisk untuk media penyimpanan,
minimal 100 MB untuk server, diluar basis
data.
d. Mouse, keyboard, dan monitor sebagai
antarmuka dan printer.
2. Client
a. Menggunakan minimal Intel Pentium 4 atau
sekelasnya.
b. Menggunakan RAM minimal 256MB.
c. Mouse, keyboard, dan monitor sebagai
antarmuka.
4.1.5.1.2 Analisis Perangkat Lunak
Analisis perangkat lunak yang dibutuhkan untuk
membangun sistem penjualan ini adalah :
1. Mysql sebagai database.
2. Sistem Operasi Windows 7 Ultimate.
3. XAMPP v3.1.0.3.1.0 sebagai aplikasi pendukung
untuk menjalankan sistem aplikasi web penjualan
online.
4. Adobe Dreamweaver CS6 dan Notepad++ sebagai
pengerjaan code dan desain template website.
5. Adobe Photoshop CS5 sebagai aplikasi
pendukung untuk mendesain banner, logo dan
sebagainya.

6. Miscrosoft Visio 2007, Astah Community,
Microsoft Word 2013 dan Microsoft Office
Project 2007.
Berdasarkan dari analisis perangkat lunak saat ini
dan analisis lunak yang dibutuhkan, perangkat keras
(hardware) harus juga didukung oleh perangkat lunak
(software) dalam membangun sistem aplikasi web
pemasaran berbasis online.
4.1.5.1.3 Analisis User
Pengguna sistem ini adalah anggota FLO Distro
yang ada dibagan organisasi selaku admin. Karyawan
yang telibat pada sistem yang sedang berjalan saat ini
dibutuhkan untuk mengelola aplikasi pengolahan data
web aplikasi Penjualan Online yang akan dibangun
adalah sebagai berikut:
1. Admin
Admin bertugas mengelola data member, data
order, data produk, data konfirmasi , dan data
Status Pemesanan.
4.1.5.2 Analisis Kebutuhan Fungsional
Analisa terhadap kebutuhan fungsional dari sistem
dimaksudkan untuk mengetahui alur informasi yang berlaku
pada sistem tersebut sehingga didapatkan pemahaman akan
kerja dari sistem. Lingkup dari penganalisisan sistem hanya
mencangkup aliran informasi serta model entitas diagram
sistem tersebut.
4.1.5.2.1 Spesifikasi Kebutuhan Perangkat Lunak
Spesifikasi kebutuhan perangkat lunak yang ada
pada FLO Distro adalah sebagai berikut:
1. Menyediakan input data registrasi untuk
pengunjung
2. Menyediakan informasi data pembeli.
3. Menyediakan informasi data alamat penagihan.
4. Menyediakan informasi data laporan detail
pemesanan barang dan jasa
5. Menyediakan informasi data konfirmasi pesanan.

6. Untuk data produk akan terdiri dari kategori,
detail produk, ukuran, gambar, harga satuan
(stok), jumlah dan komentar ulasan.
7. Untuk pencarian produk akan berdasarkan nama
produk
8. Bila pesanan pada keranjang belanja tidak
dikonfirmasikan selama lebih dari 3 hari maka
sistem akan menghapus secara otomatis.
9. Penghapusan keranjang belanja selama lebih dari
3 hari berlaku bagi pesanan dari pengunjung
maupun pesanan dari pelanggan.
10. Bila proses order terjadi dan belum melakukan
pembayaran maka stok tidak terikat.
11. Bila order tidak ada konfirmasi pembayaran
selama lebih dari 3 hari, sistem akan membatalkan
dan konfirmasinya akan dikirimkan melalui email.
12. Untuk pembatalan tidak akan dikenakan denda.
13. Model pembayaran yang digunakan adalah model
transaksi dengan transfer rekening antar bank
Mandiri dan model transaksi Purchase Order
dengan Layanan JNE.
14. Jasa kirim yang dipakai untuk pengiriman barang
menggunakan JNE.
15. Produk yang sudah dibeli tidak dapat ditukar
selain rusak/cacat.
16. Uang tidak dapat dikembalikan dengan alasan
apapun selama stok tersedia.
17. Biaya
ongkos
kirim barang ditentukan
berdasarkan ketentuan harga yang ditetapkan dari
pihak penyedia layanan jasa pengiriman barang.
18. Untuk masalah pengiriman barang yang hilang
akan diselesaikan oleh kedua pihak antara
perusahaan
dan
jasa
pengiriman
yang
bersangkutan.
19. Untuk wilayah tujuan pengiriman akan
berdasarkan wilayah kota saja dari tiap propinsi.
20. Tanda bukti order baik yang batal maupun yang
jadi dikirimkan melalui email.
21. Komunikasi antara pembeli dan penjual
menggunakan email, ,SMS dan telepon.

22. Untuk fitur belanja lainnya adalah menampilkan
produk berdasarkan rating terbesar, produk
terbaru dan produk paling banyak dilihat.
23. Proses pengolahan data produk dan transaksi
hanya dapat dilakukan oleh admin, sedangkan
pengunjung / pembeli dapat melakukan transaksi
setelah melakukan registrasi.
4.1.5.2.2 Karakteristik Pengguna
Sistem yang akan digunakan oleh 3 jenis
pengguna, yaitu administrator member dan
pengunjung. Administrator dibagi menjadi dua jenis
hak akses yaitu super admin dan admin, dimana yang
membedakan dari kedua hak akses tersebut adalah
super admin dapat melakukan semua operasi di dalam
perangkat lunak ini sedangkan admin dibatasi hanya
pada pengelolaan data master, data transaksi, dan data
laporan. Sedangkan member (hanya dapat melakukan
pemesanan produk barang dan service saja, dan
pengunjung hanya bisa melihat produk dan
melakukan registrasi. Untuk karakteristik dari
pengguna bisa dilihat pada tabel 4.3 berikut.
Kategori
Pengguna
Super
Admin

Admin

Member

Tingkat
Keterampilan
Mengontrol seluruh Menguasai
pengolahan data
komputer,
pemahaman yang
cukup untuk
mengelola data
dalam web serta
memiliki
pengetahuan
tentang internet.
Mengontrol seluruh Menguasai
pengolahan
data, komputer,
kecuali akses ke pemahaman yang
database server.
cukup untuk
mengelola data
dalam web serta
memiliki
pengetahuan
tentang internet.
Pemesanan barang
Mampu
dan melakukan
mengoperasikan
Hak Akses

konfirmasi pesanan

Pengunjung Melihat Produk dan
registrasi account

komputer dan
dapat melakukan
browsing di
internet
Mampu
mengoperasikan
komputer dan
dapat melakukan
browsing di
internet.

Tabel 4.3 Karakteristik Pengguna

4.2 Perancangan Sistem
Dalam merancang suatu sistem diperlukan analisis sistem pada tahap
konseptual. Tujuannya yaitu supaya kita tahu pasti mengenai hal-hal yang
menjadi kebutuhan dan harapan pengguna sehingga nanti sistem yang dibuat
memang dibutuhkan oleh user serta memenuhi kebutuhan. Adapun
konseptualisasi dalam analisisis sitem ini mengunakan konsep DFD (Data
Flow Diagram) yaitu salah satu tool atau model untuk merancang
pengembangan sistem yang berbasis struktural. DFD merupakan alat
perancangan sistem yang berorientasi pada alur data dengan konsep
dekomposisi yang dapat digunakan untuk pengambaran analisa maupun
rancangan sistem oleh professional sistem kepada pemakai maupun pembuat
program.
Pada Sistem Informasi Penjualan Berbasis Web Pada FLO Distro, penulis
menggunakan DFD dalam melakukan analisis perancangan sistem. Yang
meliputi beberapa level tingkat diagram. Suatu DFD memiliki berbagai
tingkatan(level), yang biasanya dimulai dari diagram konteks dan diikuti oleh
level selanjutnya, tergantung dari kebutuhan sistem. Berikut ini pada gambar x
merupakan diagram level 0 atau diagram konteks dari Sistem Informasi
Penjualan Berbasis Web Pada FLO Distro.

Admin

Data Login Member
Data Lupa Password
Data Keranjang Belanja
Data Best Seller
Data Informasi
Data Kategori
Data News
Data Testimonial
Data Pembayaran
Data Cara Order
Data Download
Data About Us
Data Contact Us
Member
Data Search Barang
Data Order
Info Login Member
Info Lupa Password
Info Keranjang Belanja
Info Best Seller
Info Kategori
Info News
Info Testimonial
Info Pembayaran
Info Cara Order
Info Download
Info About Us
Info Contact Us
Info Search Barang
Info Order

Info Login
Data Login
Info Admin
Data Admin
Info
Produk
Data Produk
Infor Kategori
Data Kategor
Info News
Data News
Info Download
Data Download
Info Laporan
Data Laporan
Info Member
Data Member
Info Produk
Data Info Produk
Info Stok
Data Stok
Info Pemesanan
Data Pemesanan
Info Konfirmasi
Data Konfirmasi
Info Contact Us
Data Contact Us
Info
Cara Pembayaran
Data Cara Pembayaran

Sistem Informasi Penjualan
Toko Flo Berbasis Web

Data Produk
Data Kategori
Data Registrasi
Data Best Seller
Data Pembayaran
Data News
Data Cara Order
Data Download
Data About Us
Data Contact Us
Data Search Barang

Pengunjung

Info Produk
Info Kategori
Info Registrasi
Info Best Seller
Info Pembayaran
Info News
Info Cara Order
Info Download
Info About Us
Info Contact Us
Info Search Barang

Gambar 4.1 Diagram Konteks SI Penjualan FLO Distro

Setelah diagram konteks, selanjutnya buat kembali diagram selanjutnya
yaitu diagram level 1 (gambar 4.2) dari diagram konteks yang terdiri dari
beberapa proses, diantaranya :
1. Login
2. Registrasi
3. Cari Barang
4. Belanja
5. Download
6. Kelola Website
7. Kelola Data Transaksi
8. Kelola Laporan
9. Kelola User

Data Username, Password
Autentifikasi

Data Login

1.
Login

Data Username, Password
Member
Data admin yang akan
Ditambah, diubah, dihapus

Autentifikasi

9.
Kelola User
Info data admin yang
Ditambah, diubah, dihapus

2.
Registrasi

Pengunjung

Info Registrasi

Data Registrasi

Data member yang akan
Ditambah, ubah, hapus

Admin

Data Registrasi

Data Member
Yang Diubah

Info member yang akan
Ditambah, ubah, hapus

ID Produk
Warna Produk
Nama Produk
Kategori Produk
Harga Produk

Nama Barang, Kategori

Member

3.
Cari Barang
ID Order

Upload Pdf

Nama, Email, Komentar
Captcha

ID Produk
Nama Produk
Harga Produk
Warna Produk
5.
Download

Info Admin
Info Produk
Info Kategori
Info News
Info Download
Data Admin
Info Laporan
Data Produk
Data Kategori
Data News
Data Download
Data Laporan

6.
Testimonial
Data Produk
Data Pengiriman
Bukti Pembayaran

4.
Belanja

Nama, Email, Komentar

Download File PDF

Testimoni

6.
Kelola Website
Data Produk

Produk
Data Order
Data Detail Pesanan
Data Pembayaran
Data Alamat Pengiriman
Data Status Order

Data Konfirmasi

Konfirmasi

Nama Produk
Harga Produk
Stok
Deskripsi

Data Konfirmasi

Data Produk
7.
Kelola Data
Transaksi

Infor Order
Infor Detail Pesanan
Info Pembayaran
Info Alamat Pengiriman
Info Status Order

Info Faktur
Info Pesanan
Info Konfirmasi
Info Pembayaran
Info Pengiriman
Info Status Order
Info Service Order

Data Order
Data Pembayaran
Data Alamat Pengiriman
Data Detail Pesanan
Data Status Order

Data Order
Keranjang
Belanja
8.
Kelola Laporan

Info Laporan yang dilihat,
dicetak

Data Detail Order Yang Dicari

Data Laporan yang dilihat,
dicetak

Order Detail

Info Order
Info Pembayaran
Info Alamat Pengiriman
Info Detail Pesanan
Info Status Order

Order

Info DetailData
Order
Order
YangYang
Dicari
Dicari Info Order Yang Dicari

Gambar 4.2 Diagram Level 1 SI Penjualan FLO DIstro

4.2.1 Perancangan Database
Basis data merupakan salah satu komponen penting yang terdapat
pada sebuah sistem informasi, karena berfungsi sebagai penyedia
informasi bagi para pemakainya. Berikut merupakan struktur basis
data dari Sistem Informasi Penjualan pada FLO Distro :
4.2.1.1 Tabel Admin
Nama
Jenis
id
Int
username
Varchar
password
Text

Panjang/Nilai
20
-

4.4 Tabel Admin

Indeks
Primary
-

4.2.1.2
Nama

Tabel Pelanggan
Jenis

id
nama
alamat
email
telepon
username
password

Int
varchar
Text
Text
Varchar
Varchar
Text

Panjang/
Nilai
35
25
20
-

Indeks

A_I

Primary
-

Ya
-

Indeks

A_I

Primary
-

Ya
-

4.5 Tabel Pelanggan

4.2.1.3
Nama

Tabel Kategori
Jenis

id
kategori

Int
varchar

Panjang/
Nilai
35

4.6 tabel Kategori

4.2.1.4
Nama

Tabel Barang
Jenis

id
nama
deskripsi
warna
ukuran
kategori
harga
stock

Int
Varchar
Text
varchar
Varchar
Varchar
Int
Int

Panjang/
Nilai
35
25
15
35
-

Indeks

A_I

Primary
-

Ya
-

4.7 Tabel Barang

4.2.1.5
Nama

Tabel Transaksi

notransaksi
username
id
nama
harga
jumlah
subtotal

Jenis
Varchar
Varchar
Int
Varchar
Int
Int
Int

Panjang/
Nilai
25
20
50
-

Indeks

A_I

-

-

4.8 Tabel Transaksi

4.2.1.6
Nama

Tabel Nomor Transaksi
Panjang/
Jenis
Nilai
notransaksi
Varchar
25
username
varchar
20

Indeks

A_I

Primary
-

-

4.9 Tabel Nomor Transaksi

4.2.1.7
Nama

Tabel Berita/News
Jenis

tanggal
judul
news

datetime
Text
Text

Panjang/
Nilai
-

Indeks

A_I

Primary
-

Ya
-

4.10 Tabel Berita/News

4.2.1.8
Nama

Tabel Testimonial
Jenis

id
nama
email
tanggal
testimonial

Int
Varchar
Varchar
Date
Text

Panjang/
Nilai
35
50
-

Indeks

A_I

Primary
-

Ya
-

4.11 Tabel Testimonial

4.2.1.9
Nama

Tabel Visitor

Ip
time

Panjang/
Nilai
-

Jenis
Int
Int

Indeks

A_I

Primary
-

-

Indeks

A_I

Primary
-

Ya
-

4.12 Tabel Visitor

4.2.1.10 Tabel Download
Nama
Jenis
id
judul
deskripsi
url

Int
Text
text
Text

Panjang/
Nilai
-

Tabel 13. Tabel Download

4.2.2

Perancangan Interface
Sebelum sistem informasi yang sebenarnya dibuat, terlebih dahulu
kita merancang tampilan interface dari website nantinya. Berikut

adalah rancangan interface Sistem Informasi Penjualan FLO Distro
Berbasis Web.
A. Interface Admin
1. Halaman Login Admin
Halaman login admin ini merupakan halaman yang harus
diautentifikasi, sebelum admin masuk ke sistem serta mengelola
data website. Berikut tampilan rancangan interface halaman
login admin pada gambar 4.4.

User Name

:

Password

:
Login

Gambar 4.4. Halaman Login Admin

2. Halaman Home Admin
Halaman admin tersedia, apabila berhasil memasukkan
username dan password dengan benar. Dan pada Home Admin
tersedia beberapa menu, untuk lebih jelas rancangan interface
home admin lihat gambar 4.5.
Header Halaman Website

Admin
Produk
Menu Kategori
News
Download
Laporan
Logout
Footer Halaman Website
Gambar 4.5. Halaman Home Admin

3. Halaman Menu Admin

Pada menu ini berisi perintah melakukan edit/tambah/hapus
admin yang mengelola web. Untuk tampilan rancangan
interfacenya lihat gambar 4.6.
Header Halaman Website

Admin
Produk
Menu Kategori
News
Download
Laporan
Logout

Menu Admin
Username :
Password :

*Maks 10 Karakter

Simpa
n
ID
1

User Name
xxx


n

xxx

Batal
Aksi
Edit/
Hapus

Footer Halaman Website
Gambar 4.6. Halaman Menu Admin

4. Halaman Menu Produk
Pada menu ini admin bisa melakukan baik itu penambahan,
edit dan hapus dari produk yang mereka jual, cukup isi dari
kolom produk dan kemudian simpan untuk melakukan
penambahan produk. Untuk lebih jelas mengenai halaman menu
produk lihat gambar 4.7.
Header Halaman Website

Admin
Produk
Menu Kategori
News
Download
Laporan
Logout

Menu Produk
Nama
:
Deskripsi :
Warna
Ukuran
Kategori
Harga
Stock
Gambar

:
:
:
:
:
:

*Untuk gambar baik dengan ukuran 100 x 125 Pixels
* Ketik nama gambar beserta format, contoh : B001.png

ID
1
…n

Nama

Deskrips
i

Warn
a

Ukura
n

Harga

Stock

Aksi
Edit/
Hapus

Simpa
n

Batal

Gambar 4.7. Halaman Menu Produk

5. Halaman Menu Kategori
Pada halaman ini admin bisa menambahkan/edit/hapus dari
kategori produk yang ditawarkan. Untuk melihat rancangan
interface menu kategori lihat pada gambar 4.8.
Admin
Produk
Menu Kategori
News
Download
Laporan
Logout

Header Halaman Website
Menu Kategori
Kategori :

ID
1

n

Simpa
n
Kategori
xxx
xxx

Batal
Aksi
Edit/Hapus

Footer Halaman Website
Gambar 4.8. Rancangan Interface Menu Kategori Admin

6. Halaman Menu News

Pada halaman menu news, admin bisa melakukan
penambahan/hapus/edit dari suatu berita/news yang akan
dipublikasikan diwebsite. Untuk lebih lanjut mengenai
rancangan interface menu news bisa dilihat pada gambar 4.9.
Header Halaman Website

Admin
Produk
Menu Kategori
News
Download
Laporan
Logout

Menu News
Judul
:
Berita
:

Simpa
n

Tangga
l
1

Batal

Judul

Berita

Aksi

xxx

Edit/
Hapus

…n
Gambar 4.9. Rancangan Interface Menu News Admin

7. Halaman Menu Download
Pada halaman ini, admin menyediakan apa-apa saja yang bisa
didownload oleh pengunjung, dalam hal bisa berupa katalog
produk, formulir reseller dan lain-lain. Untuk rancangan
interface menu download lihat pada gambar 4.10.
Header Halaman Website

Admin
Produk
Menu Kategori
News
Download
Laporan
Logout

Menu News
Judul
:
Deskripsi :
URL

ID
1

:
*Untuk [URL] Anda masukkan lokasi file
yang bisa di download
Judul
xxx

Deskripsi

URL

Aksi
Edit/
Hapus

…n
Footer Halaman Website
Gambar 4.10. Rancangan Interface Menu Download

8. Halaman Menu Laporan

Pada halaman laporan ini, admin bisa melihat laporan dari
kegiatan yang telah terjadi, seperti laporan produk, member,
penjualan. Bisa dilihat rancangan interface menu laporan admin
pada gambar 4.11.
Pada halaman laporan
ini,
adminWebsite
telah disediakan
Header
Halaman
Admin
Produk
Menu Kategori
News
Download
Laporan
Logout

Menu Laporan
file.pdf

file.pdf

file.pdf

Footer Halaman Website
Gambar 4.11. Rancangan Interface Menu Laporan

B. Interface User

Untuk rancangan interface user, ada perbedaan dengan interface
yang ada pada admin. Dimana user hanya bisa melakukan beberapa
kegiatan, tanpa bisa melihat dan mengubah dari data yang telah ada
pada website. Sebelum melihat secara spesifik rancangan interface
yang bisa dilihat oleh user, mari kita lihat terlebih dahulu halaman
home yang bisa dilihat oleh user/pengunjung pada gambar 4.12.
Search

Header Website

H
Home

Produk

Layer Login
User

Cara Order

Download

Logout
About Us

Slide Produk dan Berita

Kategori

Contact Us

Keranjang
Belanja

Best Seller

Pilihan Produk
News

Testimonial
Joioi

Informasi

Pembayaran

Footer Website
Gambar 4.12. Rancangan Home Website FLO Distro

Gambar x. diatas merupakan gambaran secara umum yang bisa
dilihat oleh user/pengunjung yang mengunjungi situs FLO Distro.
Berikut merupakan rancangan interface website dari user.

1. Halaman Home User

Home user atau halaman utama website setelah user
melakukan login pada web, maka akan bisa melakukan kegiatan,
seperti belanja, mengisi testimonial. Untuk rancangan interface
dari home bisa dilihat pada gambar 4.13.
Search

Header Website

Home

Produk

Cara Order

Download

Logout
About Us

Contact Us

Keranjang
Belanja

Kategori

Pilihan Produk

Best Seller

News

Informasi

Testimonial

Pembayaran

Footer Website
Gambar 4.13. Rancangan Interface Home User

Untuk menu selanjutnya seperti Product, Cara Order,
Download, About Us dan Contact Us, rancangan tampilan
interfacenya sama saja, tetapi hanya terdapat perbedaan pada
layer tengah/tempat dimana informasi yang dicari ditampilkan.