Powered by Blogger.
RSS

Website toko online Prestashop di XAMPP’s Localhost



Memulai membangun website toko online

T  erlebih dulu merancang design, layout, image etc di localhost (intranet) dalam computer - SEBELUM BENAR-BENAR BELI DOMAIN dan SEWA HOSTING untuk toko online. Dibutuhkan aplikasi XAMPP untuk merancang website secara OFFLINE, mencoba CMS (Content Management Systems) dan mengubah isi file source (script atau code HTML). Yang mengesankan – Anda bisa melihat tiap hasil perubahan yang Anda lakukan di monitor – TANPA TERHUBUNG INTERNET.

Aplikasi XAMPP dijalankan oleh file-file tersimpan dalam folder instalasi, yaitu folder XAMPP - C:\xampp. Sedangkan semua file yang diperlukan untuk membangun dan menjalankan website dalam lingkungan localhost HARUS diletakkan di folder htdocs yang juga ada dalam folder C:\xampp.

XAMPP singkatan dari:
  • X berarti “Cross platform”, A berarti “Apache”, MMySQL”, PPHP” dan PPerl
XAMPP memudahkan install Apache yang di dalamnya berisi MySQL, PHP dan Perl. XAMPP for Windows adalah kompilasi aplikasi lengkap untuk membuat server internet lokal (localhost). Lingkungan yang disyaratkan minimal Operating System Windows XP SP3.

Dengan localhost Anda bisa melaksanakan aktifitas internet layaknya terhubung internet dari web server berbayar. Dengan localhost Anda bisa membuat rancangan website secara gratis tanpa membeli nama domain dan sewa hosting. Tentu tampilan di localhost bukan untuk publik.

Install Template Toko Online platform Prestashop

Proses installasi dalam xampp / localhost / server local /    membutuhkan 2 tools:
  1. Xampp : klik DOWNLOAD XAMPP versi terbaru Disini untuk diinstal di computer.
  2. CMS Prestashop : filenya Download Disini untuk di-extract dan copy paste ke C:\xampp\htdocs\.

Membuat Database di localhost untuk prestashop baru

1.   Sebelumnya harus membuat database di localhost untuk menampung file dan folder website.  
2.   Ketik “localhost” atau “http://localhost” pada adress bar browser.
2.   Pilih menu phpMyAdmin dan ketik nama database yang ingin dibuat,
3.   Klik tombol Create untuk membuat database. Misalkan nama database baru : prestashop100

Untuk Table Name dan Number of fields dikosongkan sebab nanti terisi otomatis ketika proses instalasi. Informasi detail kunjungi link :

Install toko online Prestashop di Localhost

Kunjungi website resmi Prestashop untuk download template berupa file tipe .zip. Lakukan "extract to My Document" berupa folder (misalnya bernama prestashop). Hasil ekstrak file tersebut disimpan dengan cara Copy dan Paste ke folder C:\xampp\htdocs\


Ikuti instruksi instalasi.
Database name sesuai dengan nama database di phpMyAdmin. yaitu “prestashop100
  • Database Login ketik root dan password kosongi saja!
Jika verifikasi salah muncul teks “Database server is available but database was not found”  
Perhatikan gambar dibawah:

Konfigurasi Database verified

Database name : tutorial_prestashop100
(disengaja ditulis SALAH) sehingga muncul pesan di bawah ini :
  • Database Server is not found. Please verify the login, password and server fields (DbPDO)
Pesan yang sama juga muncul jika mengisi password salah.

Misalnya Isian saya yang benar dan di-VERIFIED ADALAH :

  • Database Server Name                          : localhost
    Database Name                                      : prestashop100
    Database Login                                       : root
    Database Password                               :
    Database Engine                                     : MyISAM
    Prestashop Database Tables Prefix    : ps_
Isian pada Database Password HARUS DIKOSONGI!!
Muncul notifikasi “Database is connected
Untuk Installation type, pilih opsi “Full Mode”
Klik Next dan masuk tahap “Shop Configuration” seperti ini.

Shop Configuration
Email  & password yang Anda isi nanti digunakan untuk akses  BACK OFFICE toko online Prestashop 
Klik NEXT dan masuk halaman “Congratulation!”

Ready_go_PrestaShop1482
Klik DISCOVER YOUR STORE, hasilnya tampilan asli toko-online saya, berlogo Website Design Services 

webstore LOVELY WEBSITE 
Anda belum bisa akses ke BACK OFFICE (halaman administrasi).  Jika klik “MANAGE YOUR STORE” akan muncul ini:
PrestaShop™Back_office SOLUSI

1.   Pergi ke C:\xampp\htdocs\prestashop  >>  cari folder “install, >> hapus.
2.   Temukan folder “admin” di C:\xampp\htdocs\prestashop\   >>  ganti nama, misalnya, admin123
  • C:\xampp\htdocs\prestashop\admin123
Secara default nama folder-nya prestashop. >> ganti nama  prestashop100. Jadi konten toko online ada di:

  • C:\xampp\htdocs\prestashop100
Setelah membuka alamat  C:\xampp\htdocs\prestashop\admin123 muncul LOGIN ke Back Office:

PrestaShop™ - Admin panel

  • Gunakan email dan keyword ketika mengisi form  “Configuration Shop
Setelah email & keyword diisikan pada form seperti gambar diatas, akan muncul Back Office Panel seperti di bawah ini:
 
PrestaShop_BackOffice panel 


Selesai - Wallaahu a’lam  - 


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 comments:

Post a Comment