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”, M “MySQL”, P “PHP” dan P “Perl”
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 :- Xampp : klik DOWNLOAD XAMPP versi terbaru Disini untuk diinstal di computer.
- CMS Prestashop Download Disini untuk di-extract, copy dan paste ke C:\xampp\htdocs\.
- Sebelumnya harus buat database di localhost untuk menampung file dan folder website
- Ketik “localhost” atau “http://localhost” pada adress bar browser.
- Pilih menu phpMyAdmin dan ketik nama database yang ingin dibuat.
- 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"
(lihat kembali Prestashop in Localhost : How to Make Database?)
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:
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.
Email dan password yang Anda isi nanti digunakan untuk akses BACK OFFICE Prestashop
Klik NEXT dan masuk halaman “Congratulation!”
Klik DISCOVER YOUR STORE, hasilnya tampilan asli toko-online berlogo Website Design Services
Anda belum bisa akses ke BACK OFFICE.
Jika klik MANAGE YOUR STORE akan muncul :
SOLUSI
- Pergi ke C:\xampp\htdocs\prestashop, cari folder “
install“
lalu Anda hapus. - Temukan folder “
admin“
di C:\xampp\htdocs\prestashop\
ganti namanya, misal : admin123
- C:\xampp\htdocs\prestashop\admin123
- C:\xampp\htdocs\prestashop\admin123
- 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 :
Gunakan email dan keyword ketika mengisi form “Configuration Shop”
Setelah mengisi email dan keyword pada form seperti diatas, akan muncul Back Office Panel :