WHAT'S NEW?
Loading...

Installasi XAMPP dan Membuat Web E-Commerce di Localhost

Pengertian XAMPP dan Kepanjangan XAMPP
XAMPP merupakan singkatan dari Cross-Platform (X), Apache (A), MySQL (M), PHP (P) dan Perl (P). XAMPP dibuat selengkap itu dengan tujuan memudahkan bagi para pengembang untuk membuat web server lokal untuk tujuan pengujian.
XAMPP menyediakan semua yang kita butuhkan untuk membuat sebuah web server – server aplikasi (Apache), database (MySQL), dan bahasa scripting (PHP). XAMPP juga cross-platform, yang berarti bisa bekerja sama dengan baik di Linux, Mac dan Windows.
Karena sebagian besar penyebaran web server yang sebenarnya (secara online) menggunakan komponen yang sama seperti XAMPP, sehingga membuat transisi dari server lokal ke server online sangat mudah.
Langkah 1: Non-aktifkan anti-virus karena dapat menyebabkan beberapa komponen XAMPP tidak bisa di Install dengan lancar.

Langkah 2: Untuk pengguna Windows 7 dan 8.1, Anda akan melihat jendela pop up, peringatan tentang User Account Control (UAC) yang aktif pada sistem. Klik “OK” untuk melanjutkan instalasi.


Langkah 3 : Klik Next Pada Xampp Installer

Langkah 4: Di sini, kita dapat memilih komponen yang ingin kita instal. Pilih pilihan default dan klik ‘Next’.

Langkah 5: Pilih folder sebagai tempat XAMPP akan diinstal, di folder ini akan menampung semua file aplikasi web kita, jadi pastikan untuk memilih drive yang memiliki banyak ruang(space) dan pastikan folder tersebut kosong.

Langkah 7: Sekarang Setup sudah siap untuk menginstall XAMPP. Klik Next dan tunggu instaler untuk membongkar paket-nya dan memasang komponen yang dipilih. Mungkin memakan waktu beberapa menit. Nanti mungkin kita akan diminta untuk menyetujui akses Firewall untuk komponen tertentu (seperti Apache) selama proses instalasi.
Setelah itu Klik Next dan Finish hingga xampp berhasil terinstall

Cara menggunakan XAMPP Control Panel

XAMPP control panel memberi kita kontrol penuh atas semua komponen XAMPP yang telah di Install. Kita dapat menggunakan Control Panel untuk memulai / menghentikan modul yang berbeda, meluncurkan Unix shell, membuka Windows explorer sampai melihat semua operasi yang sedang berjalan di balik layar.
Berikut ini adalah gambaran singkat dari Control Panel. Untuk saat ini, kita hanya perlu tahu bagaimana untuk memulai dan menghentikan server Apache.



Keterangan dari nomor-nomor diatas adalah:
  • Nomor 1. Tempat Log semua aktifitas
  • Nomor 2. Alat untuk kontrol module XAMPP
  • Nomor 3. Menampilkan service yang sedang berjalan dibalik layar
  • Nomor 4. Membuka windows explorer
  • Nomor 5. Membuka Unix Shell
  • Nomor 6. Menampilkan semua proses dalam server
  • Nomor 7. Membuka panel konfigurasi


Uji Coba Hasil Instal XAMPP
Ikuti langkah-langkah berikut ini untuk menguji instalasi XAMPP kita dengan meluncurkan web server Apache dan membuat file PHP sederhana.
·        Langkah 1: Di control panel XAMPP, klik tombol ‘Start’ di bawah tulisan ‘Actions’ untuk modul Apache. Hal ini menginstruksikan XAMPP untuk memulai webserver Apache.
·        Langkah 2: Buka browser web dan pada address bar ketik: http://localhost atau 127.0.0.1.

·        Langkah 3: Pilih bahasa Anda dari splash screen.
·        Langkah 4: Kita akan melihat layar berikut. Ini berarti kita telah berhasil menginstall XAMPP di komputer kita.

·       
·        Langkah 5: Sekarang kita akan menguji apakah komponen PHP di XAMPP telah ter-Install dengan baik. Untuk melakukan hal ini, jalankan Notepad dan ketik berikut ke dalam dokumen baru:
·        Skrip PHP
1
2
3
4
5
<?php

echo 'Halo dunia';

?>
·        Simpan file ini sebagai ‘test.php’ di c:\ xampp\htdocs\ (atau direktori dimana Anda menginstal XAMPP).
·        Langkah 6: Arahkan halaman browser ke localhost / test.php. Jika berhasil dalam halaman browser akan menampilkan pesan atau tulisan “Halo dunia”.

Sekarang kita akan lanjut ke sesi membuat web e-commerce dengan menggunakan Prestashop
1.    Pertama kita harus download Prestashop disitus resmi Prestashop https://www.prestashop.com/en/download

2.    Extract File .rar di folder htdocs
3.    Selanjutnya kita akan membuat database prestashop. Nyalakan XAMPP Control panel, buka browser Anda, ketik localhost/phpmyadmin/

Maka akan tampil layar seperti ini
4.    Pilih tab Database dan klik Create Database
5.    Buat database Prestashop
                          
6.    Install Prestashop dengan mengakses pada address bar http://localhost/prestashop/install
Pilih bahasa yang di inginkan dan klik next

7.    Centang pada License Agreement dan Klik Next

8.    Setelah itu, isi data Web Shop anda

9.    Langkah selanjutnya adalah mengkoneksikan database yang telah anda buat tadi dengan Web

Caranya tinggal pastikan data dari database tsb benar, masukan password jika ada dan klik “Test your database connection now!”
10. Tunggu beberapa saat untuk membuat table database

11.  Setelah itu anda telah berhasil membuat Web E-Commerce anda

0 komentar:

Posting Komentar