Pembuatan Website Toko Perhiasan Sinar Baru Menggunakan Macromedia Dreamweaver 8, PHP-MySql Dan Adobe Photoshop 7.0. Fachrul Wicaksono

Transkripsi

1 Pembuatan Website Toko Perhiasan Sinar Baru Menggunakan Macromedia Dreamweaver 8, PHP-MySql Dan Adobe Photoshop 7.0 Fachrul Wicaksono

2 Latar Belakang Masalah Perkembangan teknologi komputer di bidang informasi pada saat sekarang ini semakin berkembang pesat, Toko Perhiasan Sinar Baru saat ini belum dikenal luas oleh masyarakat karena media informasinya masih terbatas, Pemasaran masih menggunakan cara lama, seperti; menggunakan Neonbox, brosur dan spanduk saja sehingga hanya masyarakat sekitar saja yang mengetahui.

3 Tujuan Penulisan Tujuan penulisan ini adalah membuat situs tentang Pemesanan pada Toko Perhiasan Sinar Baru dengan menggunakan Macromedia Dreamweaver 8 dan sekaligus sebagai media promosi pemasaran.

4 Ruang Lingkup Dalam penulisan ilmiah ini, penulis memfokuskan pada pembuatan website pemesanan produk perhiasan yang ditawarkan pada Toko Sinar Baru beserta layanan informasi mengenai : profil perusahaan, galeri produk, bukutamu beserta data-datanya seperti jenis perhiasan dan harga yang dibuat dengan Macromedia Dreamweaver 8, sedikit pemrograman PHP-MySQL dan Photoshop 7.0. Website ini tidak dirancang untuk melayani pembayaran secara online. Pembayaran dilakukan setelah konsumen mengisi data order pemesanan produk perhiasan yang dilakukan secara online dan mengkonfirmasikannya ke Toko Perhiasan Sinar Baru.

5 Metode Penulisan Dalam menentukan sketsa disain secara detail maka rancangan yang membantu dalam membuat tampilan visualisasi adalah dengan diagram dimana pembuatannya kita tetap harus mengikuti rancangan struktur navigasinya dengan Navigasi Hirarki, yaitu: struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (Home Page) atau halaman utama ke satu. Halaman utama ini akan mempunyai halaman percabangan yang disebut Slave Page / halaman pendukung. File Gambar.JPG (Scanner/ Camera) Editor Photoshop 7.0 Macromedia Dreamweaver 8 Homepage.HTML Langkah-langkah pembuatannya adalah sebagai berikut : Membuat disain gambar dengan Adobe Photoshop 7.0 seperti; gambar menu utama background.jpg, header.jpg, footer untuk dibuat menu linknya. Gambar diperoleh melalui Scanner atau dari Camera, setelah diedit, disimpan dengan format file.jpg for web. Membuat Homepage dengan Macromedia Dreamweaver 8 dan menentukan link (rollover link) pada area gambar untuk dibuat ke link homepage berikutnya sehingga jika posisi cursor mouse menunjuk ke arah gambar area link menu maka akan berpindah ke homepage berikutnya.

6 Struktur Navigasi HOME ABOUT US INFORMATION GALLERY PEMESANAN GUESTBOOK FORM PEMESANAN FORM GUESTBOOK Struktur Navigasi Campuran Struktur Navigasi digunakan untuk menggambarkan secara garis besar halaman dari seluruh website dan juga menggambarkan bagaimana hubungan antara halaman halaman tersebut. Pada website ini penulis menggunakan Struktur Navigasi Campuran. Struktur penjejakan campuran merupakan gabungan dari ketiga struktur sebelumnya. Struktur penjejakan ini banyak digunakan dalam pembuatan multimedia sebab dapat memberikan keinteraksian yang lebih tinggi. Pada navigasi ini juga terdapat menu utama (Master Page) dan halaman percabangannya (Slave Page).

7 Rancangan Halaman Home Header.jpg HOME ABOUT US INFORMATION GALLERY PEMESANAN GUEST BOOK Background.jpg Footer.jpg

8 ERD M konsumen 1 1 pesan Perhiasan I d_pelanggan no_pesan Id_barang nama Tgl_pesan Nama_barang telp I d_pelanggan Harga_sat Id_barang Jml_stok

9 Tampilan Halaman Home

10 Tampilan Halaman Abous Us

11 Tampilan Halaman Information

12 Tampilan Halaman Gallery

13 Tampilan Halaman Pemesanan

14 Tampilan Halaman Guest book

15 Kesimpulan Dengan adanya website pada Toko Perhiasan Sinar Baru, maka informasi tentang produk-produk perhiasan dapat diakses dengan mudah juga tentang proses cara pemesanan barang perhiasan pada toko tersebut, sedangkan proses pembayaran dilakukan langsung pada Toko Perhiasan Sinar Baru setelah ada proses pemasukan data pemesanan dan konfirmasi. Penyampaian informasi tentang perhiasan pada toko sinar baru dalam bentuk web di internet telah mencukupi kebutuhan promosi marketing toko tersebut dalam hal kemudahan proses administrasi pemesanan barang perhiasan, katalog produk perhiasan / gallery yang ditawarkan oleh toko tersebut, serta untuk meningkatkan pendapatan penjualan pada Toko Perhiasan Sinar Baru.

16 Sekian Dan Terima Kasih