Tabel 4.7 Struktur Tabel Produk Field
Type Data Length
Constraint ID_PRODUK
Integer Primary Key
ID_KATEGORI Integer
Foreign Key ID_VENDOR
Integer Foreign Key
NAMA_PRODUK Varchar
100 DESKRIPSI
Text 200
HARGA Integer
MIN_PESAN Integer
TGL_PRODUK Date
GAMBAR Varchar
100
4.6 Site Map
Produk Home
Profil Produk
Cara Pembelian Download Pricelist
Hubungi Kami Admin Web
Login
Maintenance Produk
Maintenance Vendor
Maintenance Kategori
Maintenance Banner
Maintenance Profil
Maintenance Hubungi
Maintenance Pricelist
Gambar 4.18 Site Map
4.7 Desain Input Output
Desain input output digunakan untuk memberikan gambaran terhadap desain halaman aplikasi berbasis web yang akan dibangun. Berikut ini desain
input output dari Rancang Bangun Aplikasi Media Promosi Berbasis Web di Total Image Communication.
a. Halaman Utama User
Halaman ini akan tampil ketika pengunjung memngakses website Total Image Communication. Pada halaman ini hanya
menampilkan produk-produk Total Image Communication yang ada di promosikan.
Header
Info Tentang Total Image Communication
Konten Isi
Footer Chat Yahoo Messanger
Contoh Produk Flash
Banner Pencarian Produk
Home Profil
Produk Download Price List
Cara Pembelian Hubungi Kami
Cari
Gambar 4.19 Halaman Utama User
b. Halaman Company Profile
Halaman ini akan menampilkan foto perusahaan, deskripsi perusahaan, dan letak lokasi perusahaan yang terhubung dengan google
map.
Header
Info Tentang Total Image Communication
Footer Chat Yahoo Messanger
Contoh Produk Flash
Banner Pencarian Produk
Home Profil
Produk Download Price List
Cara Pembelian Hubungi Kami
Cari
Company Profile
Gambar 4.20 Halaman Company Profile
c. Halaman Download Pricelist
Halaman ini akan menampilkan daftar list dari Pricelist yang telah di upload oleh admin. Disini pengunjung dapat melakukan
download file pricelist.
Header
Info Tentang Total Image Communication
Footer Chat Yahoo Messanger
Contoh Produk Flash
Banner Pencarian Produk
Home Profil
Produk Download Price List
Cara Pembelian Hubungi Kami
Cari
Pricelist
Gambar 4.21 Halaman Download Pricelist
d. Halaman Hubungi
Halaman ini akan menampilkan form untuk pertanyaan, keluhan, kritik, dan saran dari para pengunjung yang ditujukan pada Total Image
Communication.
Header
Info Tentang Total Image Communication
Footer Chat Yahoo Messanger
Contoh Produk Flash
Banner Pencarian Produk
Home Profil
Produk Download Price List
Cara Pembelian Hubungi Kami
Cari
Hubungi
Gambar 4.22 Halaman Download Pricelist
e. Halaman Login Admin
Halaman ini adalah tampilan awal dari aplikasi saat administrator akan mengelola website. Pada halaman ini administrator
memasukkan username dan password kemudian menekan tombol login. Apabila username dan password tersebut sudah benar maka
administrator dapat mengelola website dari halaman admin dengan menu-menu yang telah disediakan.
Header
Sidebar Menu
Footer
Login
USER NAME : PASSWORD :
Login
Gambar 4.23 Halaman Login
f. Halaman Utama Admin
Halaman ini akan tampil ketika petugas yang memiliki hak akses sebagai ”admin” berhasil masuk ke aplikasi. Halaman ini akan
menampilkan halaman menu maintenance data master pada aplikasi.
Header
Maintenence Vendor Konten Isi
Footer Maintenence Kategori
Maintenence Banner
Logout Maintenence Kritik Saran
Maintenence Banner Ganti Password
Maintenance Produk
Gambar 4.24 Halaman Utama Admin
g. Halaman Insert Banner
Halaman ini berguna untuk memasukkan atau menambah banner baru pada website.
Header
Sidebar Menu
Footer
Tambah Banner
Nama Banner URL
Gambar
Choose File
: :
:
Simpan Batal
Gambar 4.25 Halaman Insert Banner
h. Halaman Insert Pricelist
Halaman ini berguna bagi admin untuk menambah file pricelist yang ada pada database.
Header
Sidebar Menu
Footer
Judul
Choose File
File :
:
Simpan Batal
Tambah DownloadPricelist
Gambar 4.26 Halaman Insert Pricelist
i. Halaman Insert Produk
Halaman ini digunakan oleh admin untuk menyimpan data produk baru yang nantinya akan ditampilkan pada website Total Image
Communication.
Header
Sidebar Menu
Footer
Nama
Tambah Produk
Kategori
Simpan Batal
Harga Vendor
V
|
Deskripsi Min. Pesan
Rp.
Gambar
Choose File
V
|
: :
: :
:
: :
Gambar 4.27 Halaman Insert Produk
j. Halaman Maintenance Company Profile
Halaman Maintenance Company Profile ini digunakan untuk merubah foto perusahaan dan deskripsi-deskripsi singkat maupun sejarah
dari Total Image Communication.
Profil
Foto Perusahaan
Choose File
Deskripsi Perusahaan
Update
Header
Sidebar Menu
Footer
Gambar 4.28 Halaman Maintenance Company Profile
k. Halaman Maintenance Produk
Halaman Maintenance Produk ini digunakan untuk merubah data produk Total Image Communication yang telah ada didalam
database.
Header
Sidebar Menu
Footer
Nama
Edit Produk
Kategori
Simpan Batal
Harga Vendor
V
|
Deskripsi Min. Pesan
Rp.
Gambar
Choose File
V
|
: :
: :
:
: :
Gambar 4.29 Halaman Maintenance Produk
l. Halaman Maintenance Pricelist
Halaman ini berguna bagi admin untuk merubah file pricelist yang ada pada database.
Header
Sidebar Menu
Footer
Judul
Choose File
File :
:
Simpan Batal
Edit DownloadPricelist
Ganti File :
Nama File
Gambar 4.30 Halaman Maintenance Pricelist
m. Halaman Maintenance Banner
Halaman ini berguna untuk merubah banner yang telah ada pada website sebelumnya.
Gambar 4.31 Halaman Maintenance Banner
4.8 Mengimplementasi Sistem
