Author by Yosef Doublehorn
Author by : Doublehorn
DAFTAR ISI
Protected by Copyscape Online Infringement Detector

25 April 2013

Website toko online Prestashop di XAMPP’s Localhost


Memulai membangun website toko online

Diawali   dengan merancang design, layout, image etc di localhost (intranet) di computer - sebelum 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 (HTML). Yang mengesankan – Anda bisa melihat tiap hasil perubahan yang dilakukan di monitor – tanpa koneksi internet.

XAMPP dijalankan oleh file-file yang tersimpan di folder instalasi - 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 website 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 Download Disini untuk di-extract, copy dan paste ke C:\xampp\htdocs\.
Membuat Database di localhost untuk Prestashop baru
  1. Sebelumnya harus buat database di localhost untuk menampung file dan folder website
  2. Ketik “localhost” atau “http://localhost” pada adress bar browser.
  3. Pilih menu phpMyAdmin dan ketik nama database yang ingin dibuat.
  4. Klik Create untuk membuat database (misal 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\

  • Hasilnya alamat folder C:\xampp\htdocs\prestashop\
  • Buka http://localhost/prestashop

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

Sengaja nama database ditulis SALAH (seharusnya prestashop100), sehingga muncul pesan :

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 dan password yang Anda isi nanti digunakan untuk akses BACK OFFICE Prestashop

Klik NEXT dan masuk halaman “Congratulation!”

Ready-go-PrestaShop1482
Klik DISCOVER YOUR STORE, hasilnya tampilan asli toko-online berlogo Website Design Services

webstore LOVELY WEBSITE
Anda belum bisa akses ke BACK OFFICE.

Jika klik MANAGE YOUR STORE akan muncul :

PrestaShop™ Back_office
SOLUSI
  1. Pergi ke C:\xampp\htdocs\prestashop, cari folder “install  lalu Anda hapus.
  2. Temukan folder “admin di C:\xampp\htdocs\prestashop\
    ganti namanya, misal : admin123

    • C:\xampp\htdocs\prestashop\admin123

  3. Default nama foldernya prestashop. >> ganti nama dengan ini prestashop100.
    Jadi konten toko online ada di :

    • C:\xampp\htdocs\prestashop100
Setelah buka C:\xampp\htdocs\prestashop100\admin123 muncul LOGIN ke Back Office :

PrestaShop™ - Admin panel
Gunakan email dan keyword ketika mengisi form “Configuration Shop

Setelah mengisi email dan keyword pada form seperti diatas, akan muncul Back Office Panel :

PrestaShop_BackOffice panel


That's all we know - Happy blog blogger - Wallaahu a’lam


Comments

0 komentar:

Posting Komentar di Website Design

-

Penelusuran topik khusus di blog ini
Loading