Manual E-Book Mendesign Sendiri Website E-Commerce

http://www.websolusi.org 1

MENDESIGN SENDIRI WEBSITE E-COMMERCE

I. PERSIAPAN PROGRAM PENDUKUNG a. Macromedia Dreamweaver MX, Software untuk design web yang paling banyak

digunakan. Silahkan download di http://www.macromedia.com/downloads b. File Transfer Protokol, untuk mentransfer data dari Localhost ke Web Hosting. c. PHPTriad2-2-1, Software untuk mencoba aplikasi Web sebelum di upload ke

internet. Silahkan download PHPTriad di http://sourceforge.net/projects/phptriad II. INSTALASI PROGRAM

Instalasi dilakukan satu per satu mulai dari Macromedia Dreamweaver dan FTP. Prosesnya cukup mengikuti instruksi selama proses penginstalan.

Selanjutnya instalasi PHPTriad, karena proses ini melibatkan setting konfigurasi di sistem komputer, tutup semua program yang masih aktif kemudian mulai lakukan instalasi. Tahap-tahap instalasi sebagai berikut : a. Klik Start - Run - Browse. b. Pilih dan klik 2x PHPTriad.exe. c. Klik tombol I Agree, tunggu sampai instalasi selesai. d. Klik tombol Close

III. MENGAKTIFKAN APACHE DAN MYSQL SERVER a. Klik Start All Programs PHPTriad Apache Console Start Apache. b. Buka Browser dan isikan : http://localhost/ c. Akan tampil pesan Welcome, yang berarti Apache Server telah terinstal dan

berjalan dengan baik. d. Klik Start All Programs PHPTriad MySQL MySQL-D e. Buka browser dan ketikkan http://localhost/phpmyadmin

Manual E-Book Mendesign Sendiri Website E-Commerce

http://www.websolusi.org 2

f. Akan tampil jendela Phpmyadmin yang berarti Mysql Server telah terinstal dan berjalan dengan baik.

IV. PERSIAPAN PROGRAM E-COMMERCE Ekstrak file E-Commerce.zip, copy folder E-Commerce ke folder C:\apache\htdocs

V. PERSIAPAN DATABASE

a. Isikan nama database pada bagian Create new database, yaitu dbe-commerce, lalu klik tombol Create

b. Klik Browse pada bagian Or Location of the textfile, masuk ke folder

c:\apache\htdocs\E-Commerce dan pilih file dbe-commerce.sql c. Lalu klik tombol Go

VI. MENJALANKAN WEBSITE E-COMMERCE

Buka browser dan ketikkan http://localhost/e-commerce Design website masih standard, rubah design dengan menggunakan Macromedia Dreamweaver MX semudah menggunakan Ms Word pada file-file sebagai berikut : 1. theme00.html ; untuk halaman utama (index) 2. theme01.html ; untuk halaman buku tamu dan kontak kami 3. theme02.html ; untuk halaman kategori dan belanja Rubah konfigurasi (config.php) dengan email anda di baris berikut : $info_email = "info@namawebsite.com"; $sales_email = "info@ namawebsite.com";

Manual E-Book Mendesign Sendiri Website E-Commerce

http://www.websolusi.org 3

VII. MENGAKTIFKAN MENU ADMINISTRATOR a. Buka browser dan ketikkan http://localhost/e-commerce/login.php b. Isikan Username : admin dan Password : pass c. Menu Administrator terdiri dari :

1. Administrator : Untuk mengganti password Administrator 2. News : Untuk menambah, mengedit dan menghapus berita 3. Guestbook : Untuk menghapus pesan dari buku tamu 4. Shopping Chard : Untuk menambah, mengedit dan menghapus Kategori

Untuk menambah, mengedit dan menghapus Item 5. Logout : untuk keluar dari Menu Administrator

VIII. MENGELOLA WEBSITE

a. Setelah website selesai dibuat, Koneksi ke Internet dan Upload seluruh file dan gambar ke Server di Webhosting kecuali file config.php

b. Buka browser dan ketikkan http://www.namawebsite.com/cpanel 1. Masukkan username dan password 2. Buat alamat email baru, misalnya info@namawebsite.com 3. Klik PhpMyAdmin dan upload database ke Server di Webhosting 4. Setting Config.php sebagai berikut :

$db_host = "localhost"; $db_name = "username_namadatabase"; $db_user = "username_namauser"; $db_password = "namapassword";

5. Upload file config.php ke Webhosting c. Buka browser dan ketikkan http://www.namawebsite.com/webmail

1. Masukkan alamat email dan password untuk info@namawebsite.com 2. Buat Surat Penawaran, Surat Konfirmasi Pesanan Barang, Surat

Konfirmasi Penerimaan Pembayaran dan Surat Ucapan Terima Kasih dan simpan dalam Draft.

IX. TROUBLE SHOUTING

a. Web Server belum diantifkan dengan pesan : The page cannot be displayed

Solusi : Aktifkan Apache Web Server sebagai berikut : Start > All Programs > PHPTriad > Apache Console > Start Apache

b. MySQL Server belum diantifkan dengan pesan : Warning: Can't connect to MySQL server on 'localhost' (10061)

Solusi : Aktifkan MySQL Server untuk menjalankan phpMyAdmin Start > All Programs > PHPTriad > MySQL > MySQL-D

c. Tidak dapat melakukan Query dari tabel berita dengan pesan : Gagal melakukan query = SELECT * FROM berita ORDER BY bid DESC LIMIT 0, 3

Solusi : buka file config.php di dalam folder C:\apache\htdocs\Proyek E-Commerce melalui Notepad, lihat tag pada baris ke 15 dan isikan nama database diantara tanda sebagai berikut : $db_name = "dbe-commerce";