BAB Empat decision tree uji sensitivitas untu

(1)

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.

(2)

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

(3)

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 Bagian Solusi

1 Belum terdapatnya aplikasi

pemasaran berbasis web

untuk mempublikasikan

produk. Sehingga sulit untuk mewujudkan keinginannya untuk menguasai pasar atau memiliki pelanggan yang banyak.

Admin/

Owner Membuat website

2 Ketidakpastiannya terjadinya

transaksi, karena calon pembeli ingin melihat barang/produk yang sesuai dengan selera mereka.

Karyawan

Membuat sistem informasi penjualan

secara online

3 Belum terdapatnya sistem

informasi pemesanan dan informasi barang dan jasa secara online

(4)

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 dipasang oleh FLO Distro

Pemasangan iklan di surat kabar tidak cukup hanya satu / dua kali, melainkan harus sering dilakukan untuk lebih memperbesar kemungkinan akan banyak orang yang akan melihat 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

(5)

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

(6)

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

(7)

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.

(8)

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

(9)

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.

(10)

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 Hak Akses

Tingkat Keterampilan Super

Admin Mengontrol seluruhpengolahan data Menguasaikomputer, pemahaman yang cukup untuk mengelola data dalam web serta memiliki

pengetahuan tentang internet.

Admin Mengontrol seluruh

pengolahan data, kecuali akses ke database server.

Menguasai komputer,

pemahaman yang cukup untuk mengelola data dalam web serta memiliki pengetahuan tentang internet.

Member Pemesanan barang

(11)

konfirmasi pesanan komputer dan dapat melakukan browsing di internet Pengunjung Melihat Produk dan

registrasi account

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.

(12)

Sistem Informasi Penjualan Toko Flo Berbasis Web

Admin

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 :

(13)

1.

Data Laporan yang dilihat, dicetak

Info Laporan yang dilihat, dicetak Data admin yang akan

Ditambah, diubah, dihapus

Info data admin yang Ditambah, diubah, dihapus

Data member yang akan Ditambah, ubah, hapus

Info member yang akan Ditambah, ubah, hapus

Data Detail Order Yang Dicari

Info Detail Order Yang DicariData Order Yang DicariInfo Order Yang Dicari Nama Produk

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 Panjang/Nilai Indeks

id Int - Primary

username Varchar 20

-password Text -

(14)

4.2.1.2 Tabel Pelanggan

Nama _Jenis Panjang/

Nilai Indeks A_I

id Int - Primary Ya

nama varchar 35 -

-alamat Text - -

-email Text - -

-telepon Varchar 25 -

-username Varchar 20 -

-password Text - -

-4.5 Tabel Pelanggan

4.2.1.3 Tabel Kategori

id Int - Primary Ya

kategori varchar 35 -

-4.6 tabel Kategori

4.2.1.4 Tabel Barang

id Int - Primary Ya

nama Varchar 35 -

-deskripsi Text - -

-warna varchar 25 -

-ukuran Varchar 15 -

-kategori Varchar 35 -

-harga Int - -

-stock Int - -

-4.7 Tabel Barang

4.2.1.5 Tabel Transaksi Nama

Jenis Panjang/_Nilai Indeks A_I

notransaksi Varchar 25 -

-username Varchar 20 -

-id Int - -

-nama Varchar 50 -

-harga Int - -

-jumlah Int - -

(15)

-4.8 Tabel Transaksi

4.2.1.6 Tabel Nomor Transaksi Nama

notransaksi Varchar 25 Primary

-username varchar 20 -

-4.9 Tabel Nomor Transaksi

4.2.1.7 Tabel Berita/News Nama

tanggal datetime - Primary Ya

judul Text - -

-news Text - -

-4.10 Tabel Berita/News

4.2.1.8 Tabel Testimonial

id Int - Primary Ya

nama Varchar 35 -

-email Varchar 50 -

-tanggal Date - -

-testimonial Text - -

-4.11 Tabel Testimonial

4.2.1.9 Tabel Visitor

Ip Int - Primary

-time Int - -

-4.12 Tabel Visitor

4.2.1.10 Tabel Download

id Int - Primary Ya

judul Text - -

-deskripsi text - -

-url Text - -

-Tabel 13. -Tabel Download 4.2.2 Perancangan Interface

(16)

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.

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.

Gambar 4.5. Halaman Home Admin

3. Halaman Menu Admin

User Name :

Password :

Login

Header Halaman Website

Admin Produk Menu Kategori News

Download Laporan Logout

(17)

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

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.

Admin Menu Admin

Produk

Menu Kategori Username :

News Password : *Maks 10 Karakter

ID User Name Aksi

1 xxx Edit/

Hapus …

n xxx

Footer Halaman Website

Simpa n

Batal

Admin Menu Produk

Produk Nama :

Menu Kategori Deskripsi : News

Download Warna :

Laporan Ukuran :

Logout Kategori :

Harga :

Stock :

Gambar :

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

ID Nama Deskrips

i

Warn a

Ukura n

Harga Stock Aksi

1 Edit/

(18)

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.

Gambar 4.8. Rancangan Interface Menu Kategori Admin

6. Halaman Menu News

Simpa n

Batal

Admin Menu Kategori

Produk Kategori :

Menu Kategori News

ID Kategori Aksi

1 xxx Edit/Hapus

…

n xxx

Footer Halaman Website

Simpa n

(19)

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.

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.

Gambar 4.10. Rancangan Interface Menu Download

8. Halaman Menu Laporan

Admin Menu News

Produk Judul :

Menu Kategori Berita :

News

Tangga l

Judul Berita Aksi

1 xxx Edit/

Hapus …n

Simpa n

Batal

Admin Menu News

Produk Judul :

Menu Kategori Deskripsi :

News

Download URL :

Laporan *Untuk [URL] Anda masukkan lokasi file

Logout yang bisa di download

ID Judul Deskripsi URL Aksi

1 xxx Edit/

Hapus …n

(20)

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, admin telah disediakan

Gambar 4.11. Rancangan Interface Menu Laporan

B. Interface User

Admin Menu Laporan

Produk

Menu Kategori file.pdf file.pdf file.pdf

News

(21)

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.

H

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

Search Header Website Logout

Home Produk Cara Order Download About Us Contact Us

Joioi

Footer Website Kategori

News

Testimonial

Slide Produk dan Berita Layer Login

User

Keranjang Belanja

Best Seller

Informasi

(22)

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.

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.

Search Header Website Logout

Home Produk Cara Order Download About Us Contact Us

Footer Website Kategori

News

Testimonial

Keranjang Belanja

Best Seller

Informasi