MODUL PRAKTIKUM

E-COMMERCE

Penyusun:
Tim Dosen

FAKULTAS TEKNIK, MATEMATIKA, DAN ILMU

PENGETAHUAN ALAM
UNIVERSITAS INDRAPRASTA PGRI
JAKARTA
2014
 Modul Praktikum E-Commerce

Tahapan Installasi Prestashop sebagai platform pilihan ecommerce pada local server (localhost)

1. Install dan Jalankan Aplikasi XAMPP. Klik Start pada button Apache (Web Server) dan
MySQL (Database Managemnent).

2. Secara default folder installasi XAMPP tadi akan berada didalam Directory C. Ekstrak
atau pindahkan satu buah file Prestashop yang telah di download tadi ke dalam folder
htdocs atau C:/xampp/htdocs
3. Buka browser yang anda gunakan. Ketikkan di address bar alamat
http://localhost/phpmyadmin/. Buatlah database baru di dalam Phpmyadmin. Disini
saya memberikan nama database tersebut dengan nama prestashop.

4. Jika database sudah dibuat. Sekarang ketikkan kembali di dalam address bar
http://localhost/prestashop/install. Jika sudah terbuka seperti gambar dibawah ini pilihlah
bahasa yang akan digunakan unutk proses installasi. Kebetulan saya memilih untuk
menggunakan Bahasa Inggris. Klik Next.
5. Kemudian akan muncul halaman License Agreement. Centang pada tulisan I agree to
the above terms and conditions. Klik Next.
6. Isilah data diri informasi mengenai website jual beli yang nantinya akan rekan buat.
Berikut keterangannya:

Shop name : Nama dari Toko online yang rekan buat.

Main Activity : Kategori barang atau produk yang rekan jual.
Country : Negara tempat kita berada.
Shop timezone : Zona waktu.
Firstname : Nama depan kita
Lastname : Nama belakang kita.
E-mail Address : Alamat email kita. (Digunakan untuk login).
Password : kata sandi. (Digunakan untuk login).
Re-type to confirm : Tulis ulang sandi.
Jika sudah selesai Klik Next.
7. Muncul halaman mengenai System Configuration. Disini sistem intallasi dari
Prestashop akan mengkoneksikan dengan database yang kita buat di dalam phpmyadmin
tadi dalam langkah 3. Berikut keterangannya :

Database server address : Nama dari database server kita. Karena bersifat lokal maka
database kita bernama localhost.
Database name : Nama dari database yang kita buat di langkah 3. Secara default akan
bernama prestashop namun bisa diganti menyesuaikan dengan nama dabase yang kita
buat.
Database login : Secara default root sesuai dengan xampp (database mysql).
Database password : Kosongi saja jika database mysql kita tidak menggunakan
password.
Table prefix : Secara default ps_
8. Lanjut ke proses installasi. Silahkan tunggu beberapa menit. Hingga muncul tulisan Your
Installation is finished.
9. Proses installasi memang sudah selesai namun sebelum menjalankan software CMS yang
satu ini hapus terlebih dahulu folder installasi yang letaknya ada di
C:/xampp/htdocs/prestashop.

10. Kemudian kita sudah bisa Login ke Cpanel Admin nya. Ketikkan di dalam addressbar
browser http://localhost/prestashop/admin3320. Perhatikan pada bagian url yang saya
beri warna merah (admin3320) mungkin bisa berbeda dengan tempat rekan install. Cek di
dalam folder pada langkah 9 diatas. Masukkan email dan password yang rekan buat pada
langkah 6 diatas. Kemudian klik Login.
Dan akhirnya CMS Prestashop ini sudah selesai kita install. Yang muncul berikut ini ialah
tampilan dari back office atau lebih sering kita sebut Cpanel Adminnya.
Dan untuk melihat tampilan user interface atau tampilan dari toko online Prestashop kita ini, bisa
dengan klik pada menu My Shop pada pojok kanan atas Cpanel Admin atau dengan
mengetikkan http://localhost/prestashop. Dan hasilnya seperti ini :
 Modifikasi administrasi Prestashop

Download Localization Pack

Localization>Localization
Import a Localization pack
Pilih INDONESIA
Content import (centang semua)
Centang Download pack data – Yes
Kemudian klik Import (dalam keadaan telah online)
Setting Localization --> Indonesia

Scroll mouse ke bawah (CONFIGURATION)

Sekarang Default language udah ada pilihan Indonesian

Default language : Indonesian

Default Country : Indonesia

Default Currency : Rupiah

Time zone : Asia/Jakarta

Klik Save
Setting Localization>Countries

Kemudian enabled-kan Indonesia Klik Save

(sekarang countries yang enabled ada 2, yaitu US dan Indonesia)

Kalau ingin jualan di indonesia aja, mendingan di disabled aja United States –nya.

Untuk mengubah ke bahasa Indonesia

Localization>Language> kemudian disabled-kan English

Setting Kurir

Masuk ke Shipping>Kurir

Klik Mengedit>Klik Tab no2 Lokasi dan biaya> centang Asia (karena Indonesia masuk zona
Asia)

Kesalahan dalam menseting zona ini akan berakibat fatal saat user checkout maka muncul pesan
kesalahan seperti ini :

Tidak ada kurir untuk alamat yang Anda pilih.

Tidak ada kurir untuk alamat : "Alamat Saya".

Contoh kesalahan jika terjadi kesalahan setting Zone
Setting Mata Uang

Klik Lokalisasi>Mata Uang

Disabled Dollar
Klik Mengedit pada Mata Uang Rupiah
Pada pilihan Format Mata Uang pilihlah X00.000,00
Jika ingin pakai desimal pilih ya
Kesalahan setting format mata uang ini akan berakibat terbaliknya penulisan mata uang (contoh
100.000,00 Rp) di front office, sehingga akan membingungkan pembeli
 Pada pilihan Format Mata Uang pilihlah X00.000,00

Kesalahan setting format mata uang ini akan berakibat terbaliknya penulisan mata uang
Hasil yang benar

*Catatan:

Tugas kamu adalah menyempurnakan dan menyesuaikannya dengan konsep proyek ecommerce
kamu. Kembangkanlah dari sisi:

Produk

Desain

Site Map

Kedinamisan website

Dan lain lain yang akan membuat website dan strategi kamu adalah unique.
 Upload Website Ke Hosting Server www.idhostinger.com
Buka page www.idhostinger.com klik menu Buat Akun. Isilah pada form yang telah disediakan.

Setelah registrasi, cek email kamu dan aktifasi lewat email, kemudian login dan akan tampil
halaman berikut:

Klik Order Hosting Baru, akan tampil halaman berikut:

Klik ORDER, Isikan form dibawah ini. Tipe Domain isikan subdomain untuk hosting dan
domain gratis kamu.
Subdomain, adalah nama subdomain website kamu kelak.
Klik LANJUTKAN jika domain tidak tersedia (digunakan orang lain) ganti dengan nama lain.
Jika sukses maka akan tampil halaman informasi seperti dibawah ini:

Klik tanda + (plus) disebelah informasi domain diatas untuk mengelola hosting kamu.

Pilih KELOLA untuk mengelola hosting kamu. Nah disini kita akan mengupload web yang
telah kita buat di local komputer kita. Perhatikan keterangan dibawah ini!
Kali ini kita gunakan salah satu fasilitas Upload web dengan menggunakan “File Manager”
Lihat sebelah kiri kamu, dan Klik menu “FILE”
Klik File Manajer 2 untuk memulai setup file manajernya.

Akan tampil halaman berikut ini:

Untuk mengupload file file web kamu di idhostinger ini, alangkah baiknya file tersebut telah
kamu ZIP 
Kemudian klik Upload pada menu sebelah kiri atas:
Choose File ZIP/RAR/TAR kamu, kemudian klik tombol checklist hijau diatas.
Tunggu proses Upload selesai 
Jika proses telah selesai, cek file tersebut dengan menekan tombol back
Perhatikan file file website yang sukses diupload ke dalam direktori Public_Html ini:
Langkah selanjutnya adalah mengkoneksikannya dengan DATABASE yang telah ada
sebelumnya di komputer local kita (localhost)
1. Kembali lagi ke halaman FILE MANAJER ketika kamu ingin mengupload file web via
File Manajer 2 yang terdapat pada idhostinger.
2. Klik menu DATABASE :
 3. Klik “Impor Database”
4. Karena belum memiliki database diserver online ini, maka dibuat terlebih dahulu
Databasenya.

“Buat Database” .
5. Perhatikan gambar dibawah ini. Dalam contoh berikut, diisikan
Nama Database
Username Database
Password:administrator (contoh)

Ketika berhasil, maka akan tampil informasi seperti gambar berikut:

Selanjutnya klik daftar database dan user database yang telah kamu buat tadi. Klik dua kali
maka akan tampil menu seperti gambar berikut:
Klik menu “PhpMyadmin”
Kemudian klik Tab “Import” Choose File

Pilih Database yg telah kamu export dari database komputer local kamu
kemudian klik Tombol “GO” dibawahnya.tunggu hasilnya, maka akan tampil seperti ini:
Kemudian pada halaman file manajer, klik “File Manajer 1”

Kemudian cari file ”settings.inc.php” ( folder Config settings.inc.php klik kanan “edit file”
Kemudian gantilah Db_name, Db_User, Db_Password yang belum diubah pada saat local
sesuaikan dengan pengubahan yg telah kamu buat pada pembuatan database online sebelumnya.
Seperti contoh berikut, namun disesuaikan dengan akun database yg kamu buat:
Konfigurasi lama (pada localhost)
 Konfigurasi yang telah disesuaikan dengan akun database online

Sampai tahapan ini, web prestashop kamu telah berhasil diupload dan bisa diakses melalui media
internet. Sekarang cek website kamu dengan mengetikan URL atau alamat domain yang kamu
buat. Kemudian lihat hasilnya.