Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)

My Site: www.margatekno.com 1

Build In E-Commerce Project

Oleh Puput Irfansyah,M.Kom

Universitas Indraprasta PGRI Jakarta

Mengapa Anda wajib membuatproyek E-Commerce?

My Site: www.margatekno.com

• Mencari jawaban………….…


Website Dinamis (1)

• Website yang interaktif, bisa di-

update isinya denga mudah, bisa

komentar, dsb.

• Terdiri dari file dan database


Website Dinamis (2)

• File-file

• File-file PHP yang membuat website

terlihat oleh mata kita dan

berfungsi sesuai fungsinya

• File-file gambar, musik, dsb

• Database

• Tempat penyimpanan data-data

yang dimasukkan oleh pengguna:

tulisan, komentar, link menuju file

gambar, dsb


Persiapan

• Server hosting dan domain

• Server hosting: tempat nyimpen

file2

• Domain: alamat

www.namadomain.com /.net /.org

/dsb..

• Sewa dimana? Banyaak! Googling:

web hosting dan domain Indonesia

• Yg Gratis: idhostinger.com

• Yg bayar: masterwebnet.com


http://www.namadomain.com/

Karena kita ga konek Internet

• Program “simulasi” server hosting,

namanya XAMPP

• Di komputer sendiri

• Butuh program untuk ngebuka dan

ngezip (mis. WinZip, WinRar, IZArc,

7Zip, dsb)


Install XAMPP (1)

• Jalankan Installer XAMPP: xampp-win32-

1.6.7-installer.exe


Install XAMPP (2)

• Install di My Documents, terus Next, dan

Install


Install XAMPP (3)


Install XAMPP (4)


XAMPP

• My Documents\xampp\htdocs

• Tempat menaruh file-file kita

• Diibaratkan dengan File Manager di cPanel

server hosting beneran


XAMPP

• http://localhost/phpmyadmin >

tempat database


http://localhost/phpmyadmin

Installasi Via CPANEL Hosting

14My Site: www.margatekno.com

Membuat Database di CPANEL


Membuat User Database



Sebagai Contoh Install

WordPressMempersiapkan file-file


Buat folder My Documents\XAMPP\htdocs\websiteku


Extract WordPress di sana


Pindahkan dari dalam folder websiteku/wordpress ke luar


Summary: Install WordPress

Mempersiapkan file-file

• Download dari website (buka dari

CD)

• Buat folder My

Documents\XAMPP\htdocs\websit

eku

• Extract di sana


Install WordPressMempersiapkan database


Bukahttp://localhost/phpmyadmin



Buat database, masukkan websiteku


Buat database selesai

Catat informasi ini:

Nama database: websiteku

Nama user: root

Password: (tidak ada password)

Note: di server hosting sebenarnya, ada password


Mempersiapkan database

• Jalankan XAMPP

• Buka http://localhost/phpmyadmin

• Buat database bernama

„websiteku‟ (tanpa kutip, boleh

juga dengan nama lain)

• Catat nama database, nama

username dan password (root dan

„‟)



Install WordPressMenginstall WordPress


Buka http://localhost/websiteku

• Klik “Create a Configuration File”


http://localhost/websiteku

Siapkan informasi database yang tadi sudah disiapkan


Masukkan informasi-informasi itu


Lanjut..


Hampir Selesai..


Selesai!

• Catat username dan password sementara itu di notepad






• Buka http://localhost/websiteku

• Install > masukin informasi

database, judul blog dsb

• Selesai > catat password

• Bikin website selesai



Menambahkan Plugin Ecommere

• Cari Plugin E-commerce yg paling

direkomendasikan (karena

wordpress defaultnya bukan

engine ecommerce)

• Kedua Install Plugin Ecommerce

dihalaman Administrator

• Konfigurasi Plugin sesuai kehendak

• Tentukan THEME sendiri (bisa

download gratis THEME sesuai

selera)


Halaman Admin (Dashboard)


Membuat Website DEAL denganwordpress

• Plugin DEAL dari

http://wpdeals.me/ dapat

membantu untuk membuat

website Deal and discount


http://wpdeals.me/

CMS CMS Lainnya

• Konsep CMS adalah:

• Tidak perlu membuat sistem dari

awal

• Namun perlu pengembangan

agar lebih terlihat profesional

• Terdapat managament content

• Administrasi sistem lebih mudah

karena terdapat Modul yg

terintegrasi


CMS Lokomedia Store


Unduh filenya

• http://bukulokomedia.com

• Proses Installasi hampir sama

• Modifikasi Images, CSS, Template,

konten, harga, dsb bisa melalui

halaman Admin.Khusus untuk CSS,

Kontruksi Interface bisa diubah

melalui “htdoc\folderCMS”


http://bukulokomedia.com/

PrestaShop www.prestashop.com

43

Download PrestaShop







• Default Bhs. Inggris-Untuk Alih

bahasa download Plugin Bhs.

Indonesia, begitu pun Currency

nya.


OSCommerce www.oscommerce.com








• Default Bhs. Inggris-Untuk Alih

bahasa download Plugin Bhs.

Indonesia, begitu pun Currency

nya.


OSCLASS www.osclass.org

47

OSCLASS Untuk Jobs


48

OSCLASS Untuk Iklan Baris

49

OSCLASS Untuk Properti


Modifikasi OS Class


Upload Ke Hosting

• Login akun Hosting

• Upload bisa berbagai cara:

1. Bisa menggunakan FTP(ex:Filezilla)

2. Bisa via CPANEL (ZIPUploadExtract)


Upload Ke Hosting Via FTP


Upload ke Hosting Via CPANEL


Upload di direktori Root ber ekstensi ZIP


Jika selesai, Lihat hasinya di folder ROOT kemudian Ekstrak


Create DATABASE

• User database sudah ada

• Buat nama database

• Import Database di PHPMYADMIN

• Konfigurasi di File “config.php”

pada umumnya.

• And the last website published



Filosofi


TERIMAKASIH


Technology

Build in Ecommerce Site Project by: puput irfansyah, M.Kom (Membangun Proyek Situs E-commerce)