12 BAB III
DESAIN DAN PERANCANGAN 3.1 Analisis Data
Berdasarkan data-data yang diperoleh dari penelitian, observasi ataupun wawancara, maka data tersebut dapat dijadikan referensi dalam pembuatan website. Berdasarkan hasil data yang terkumpul kemudian dapat dijadi kananalisa sistem dan kemudian dilakukan proses pembuatan website.
3.2 Analisi perancangan sistem 3.2.1 Diagram Context
Diagram context pada sistem pembuatan website
ditunjukkanpada Gambar 3.1
owner Sistem informasi
Website GPS
Pengunjung customer
memeberikan komentar
Informasi tentang produk,berita, cara transaksi
Gambar3.1 DiagramContext
Pada gambar diatas dijelaskan bahwa pengunjung bisa mendapatkan informasi produk, cara pemesanan dan memberikan komentar yang bisa berisi pemesanan melalui website tersebut, sedangkan pemilik website bisa menerima komenter dari website.
3.2.2 DFD level 1
Pada diagram level 1 ini menggambarkan pecahan data dari diagram conteks. Proses alur data dimana semua info data dari web dapat di terima oleh pengunjung dan pengunjung bisa mengirimkan data yang berupa komentar atau pemesanan kepada pemilik web ditunjukan pada gambar 3.2.
Gambar3.2 DFD level 1
Info Data
produk
Data
komentar owner
Catalog
produk pengunjung
komentar
Data
3.2.3 DFD level 2 proses 1
Pada DFD level ini menggambarkan pecahan data
dari proses pemesanan produk. Ditunjukan pada gambar
3.3 menjelaskan proses pemesanan barang dimana semua
data informasi tentang produk, cara pemesanan dan jasa
service dapat di akses dari website dan calon pembeli bisa
memesan nya melalui komentar yang akan di terima oleh
pemilik website.
3.2.4 DFD level 2 proses 2
Gambar 3.3DFD level 2 porses 1 Data pembelian Katalog produk komentar Cara pesan porduk service Info pemesanan pemesanan Data produk Data service Data pembelian
Gambar 3.4 DFD level 2 porses 2 Calon pembeli Pembelia n Input koment ar owner
Komentar Info
Pada gambar di atas menjelaskan proses komentar, dimana pengunjung atau calon pembeli menginput data komentar yang akan di terima pemilik web dan akan di respon dengan membalas komentar dari pengunjung atau calon pembeli.
3.3 Desain Interface
3.3.1 Desain Halaman Utama
Halaman utama merupakan halaman yang pertama kali akan tampil ketika sistem dijalankan dalam web browser. Desain halaman utama dapat dilihat pada gambar 3.5
3.3.2 Desain halaman Our service HEADER
ISI HALAM UTAMA (IKLAN PROMOSI) LINK HALAMAN
PEMESANAN
LINK KATALOG PRODUK
Gambar3.5 Desain Halaman Utama
Gambar 3.6Desain halaman Our service
PORFIL PERUSAHAAN DAN KETERANGAN JASA YANG DITAWARKAN
Di halaman ini akan di sajikan informasi tentang profil perusahaan dan jasa-jasa yang akan di tawarkan. Bisa dilihat pada gambar 3.6
3.3.3 Desain halaman Our Product
Di halaman ini akan di sajikan informasi tentang produk yang akan di tawarkan. Bisa dilihat pada gambar 3.7
Gambar 3.7 Desain halaman Ourproduct GAMBAR PRODUK DAN KETERANGANNYA
3.3.4 Desain halaman Order
Di halaman ini berisi informasi tentang cara-cara pemesanan untuk perseorangan maupun perusahaan, bisa di lihat di gambar 3.8, pada gambar di atas terdapat tombol jenis pemesanan yaitu: pemesanan pribadi, pemesanan perusahaan dan beli GPS. Tombol tersebut berisi tentang tata cara dari tiap-tiap jenis dari pemesanan
Gambar 3.8 Desain halaman Order HEADER
Pemesanan pribadi Pemesanan perusahaan
3.3.5 Desain halaman Contact us
Halaman ini berfungsi untuk pemesan produk, kritik dan saran, tercantuk alamat perusahaan, nomer
telephone, alamat e-mail dan media social perusahaan yang bertujuan untuk mempermudah customer untuk menghubungi perusahaan, dapat dilihat pada gambar 3.9.
Gambar 3.9 Desain halaman Contact us HEADER
Textbox pesan Textbox nama Textbox email
Tombol kirim pesan
Informasi alamat perusahaan