Xampp adalah
Perangkat lunak yang fungsinya menjadikan komputer sebagai server. diperlukan
untuk membaca atau memanggil script PHP. Perangkat lunak XAMPP bisa dapat
diunduh pada tautan : http://www.apachefriends.org/en/xampp-windows. html. Pilihlah
sesuai dengan Sistem Operasi Komputer yang digunakan. Sistem Informasi Desa dan
Kawasan menggunakan perangkat lunak : xampp-win32-1.8.3-5-VC11-installer.
1.1.1. Installasi XAMPP
Biasanya file
Xampp yang baru didownload itu berbentuk zip. Oleh karena itu perlu Anda
extract dan open Xampp terlebih dahulu untuk membukanya. File yang sudah
diekstract akan terlihat seperti gambar dibawah ini.
Gambar Hasil Ekstrasi Perangkat Lunak XAMPP
Lalu, Anda klik dua kali file Xampp Anda untuk memulai proses
instalasi. Setelah Anda meng-klik dua kali file Xampp Anda itu, maka akan
muncul tampilan berikut.
Gambar Langkah pertama
Instalasi XAMPP
Maka Anda tinggal menekan tombol “Next” saja. Berikutnya,
akan muncul tampilan berikut.
Gambar Langkah kedua
instalasi XAMPP
Klik saja “Next” sedemikian sehingga muncul tampilan berikutnya
dari setup wizard. Dimana pada bagian ini anda menentukan di bagian mana folder
XAMPP akan dibuat dan disimpan. Terlihat seperti pada gambar berikut.
Gambar Langkah ketiga
instalasi XAMPP
Maka kliklah tombol “Next”. Setelah itu, akan muncul tampilan
seperti berikut:
Gambar Langkah keempat
instalasi XAMPP
Lanjutka denganmengklik
tombol “Next”. Setelah itu, akan muncul seperti berikut:
Gambar langkah kelima
instalasi XAMPP
Kemudian setelah anda mengklik tombol next, maka installer
akan langsung memulai proses instalasi XAMPP seperti yang ditunjukkan oleh
gambar dibawah ini. Tunggu proses hingga selesai untuk melanjutkan kepada tahap
berikutnya.
Gambar langkah keenam
instalasi XAMPP
Gambar ini berarti komputer Anda sedang menjalankan
installasi. Untuk itu tunggulah sampai proses installasi selesai. Setelah
proses installasi komplit, maka Anda akan dihadapkan oleh tampilan berikut:
Gambar Langkah terakhir
proses instalasi XAMPP
Maka kliklah tombol “Finish”. Ini berarti Anda telah berhasil
menginstall Xampp pada tahap pertama. Tetapi tidak berarti setelah Anda
mengklik “Finish” proses installasi selesai. Anda masih harus menghadapi proses
installasi tahap berikutnya atau disebut tahap konfigurasi XAMPP agar sesuai
dengan standar yang diperlukan untuk menjalankan SIDeKa.
1.1.2. Pengaturan Apache, XAMPP, dan SIDeKa
Gambar
dibawah adalah tampilan Control Panel Xampp di mana semua layanan pada Xampp
semuanya ada di sini. Yang kita akan jalankan adalah service apache serta mySQl
jadi pilihlah Service Apache dan MySQL dengan cara meng-klik tombol “Start”
baik pada Apache maupun pada MySQL. Jika tombol “Start” berganti menjadi tombol
“Stop”, berarti Apache dan MySQL sudah aktif.
Gambar Tampilan antarmuka kontrol
panel XAMPP
Ketika
Apache dan MySQL di-klik, pertama kali akan muncul pertanyaan perizinanjalannya
service atau Windows Firewall. Terdapat dua tombol yangtersedia, yakni “Allow”
dan “Cancel”. Maka anda klik saja Allow biar servicenya jalan.Ini bertujuan
agar Apache dan MySQL diizinkan untuk jalan.
Gambar Notifikasi
Setelah
selesai, pada antarmuka control panel XAMPP, klik tombol explore seperti
terlihat pada gambar dibawah ini.
Gambar
tombol explore
setelah diklik maka akan muncul tampilan
“explorer” yang memuat beberapa folder. klik dua kali pada folder “htdocs”
seperti terlihat pada gambar dibawah ini.
Gambar
folder htdocs
Setelah terbuka copy file master aplikasi
yang sudah tersedia, yang berbentuk Zip file ke dalam folder “htdocs” seperti
gambar dibawah ini.
Gambar
copy master installer web SIDeKa
Setelah itu, lakukan extract pada file Zip
“installerWeb”. Klik kanan pada file lalu pilih “extract all” seperti yang
ditunjukkan pada gambar dibawah ini.
Gambar
proses extract file InstallerWeb
Dengan
begitu maka selesai sudah proses instalasi XAMPP.
Catatan singkat :
• Sebagai pengetahuan, maksud keterangan pada Xampp Option adalah
sebagai berikut : XAMPP DESKTOP berfungsi untuk memunculkan icon di dekstop
komputer Anda.
• XAMPP STAR MENU berfungsi bahwa setiap kita masuk Windows, Xampp
sudah akan aktif dengan sendirinya.
• Sedangkan SERVICE SECTION berfungsi untuk mengaktifkan layanan
seperti Apache dan MySQL secara otomatis jika diberi tanda centang. Yang anda
butuhkan hanya 2 fitur dalam SERVICE SECTION ini.
Pengaturan
Basis Data dan Aplikasi
1.1. Pemilihan Software, Web Browser dan alasan pemilihan
Untuk web server dari aplikasi ini
digunakan XAMPP sebagai web server dari aplikasi berbasis web SIDeKa. Alasan
pemilihan software XAMPP sebagai web server adalah adanya fitur manajemen basis
data PHPMyAdmin seperti pada server hosting sungguhan, sehingga pengembang web
dapat mengembangkan aplikasi web berbasis basis data secara lebih mudah.
Pilihan
penggunaan web browser adalah sesuai dengan kebiasaan pengguna dan ketersediaan
perangkat lunak web browser yang terinstalasi dalam perangkat keras. Misalnya dalam
kasus ini Anda mau memakai Google Chrome. klik dua kali logo shortcut di
halaman desktop Komputer Anda, seperti gambar berikut:
Gambar Pemilihan web browser
1.2. Inisiasi Basis Data dan Instalasi Aplikasi
1.2.1. Pembuatan Basis Data
Setelah Anda klik
dua kali, maka akan muncul tampilan Web Browser, Ketiklah pada bagian Address
Browser alamat ini: http://localhost/
Tekan tombol
“Enter” pada keyboard komputer Anda sedemikian sehingga pada
Browser muncul
tampilan berikut:
Gambar tampilan XAMPP
Lalu pilih Bahasa
English. Sebelumnya, perlu Anda ketahui bahwa kita bisa memilih bahasa
Indonesia. Akan tetapi sebaiknya Anda tetap memilih bahasa Inggris, karena
untuk bahasa Perangkat lunak komputer kita pada umumnya lebih familiar dengan
bahasa Inggris dari pada bahasa Indonesia yang biasanya ada satu-dua
kata-kata yang asing dan tidak
dimengerti masyarakat umum. Setelah anda klik Bahasa Inggris, maka akan tampil
sebuah tampilan seperti gambar berikut :
Gambar Notifikasi XAMPP
Lihatlah Menu Bar
yang ada di kolom kiri. Anda lihat menu Tools. Di situ ada sub-menu
phpMyAdmin.
kliklah sub-menu itu. Maka akan tampil seperti gambar dibawah:
Gambar Tampilan PHPMYADMIN
Tahap berikutnya
adalah pembuatan basis data, buatlah Basis Data dengan cara mengetik nama Basis
Data“sideka” pada kolom “Create new Basis Data” seperti yang ditunjukkan olehgambar
di bawah ini :
Gambar pembuatan Basis Data
Lalu Anda klik
tombol “Create”. Setelah Anda meng-klik “Create”, maka akan muncul tampilan
konfirmasi “Basis Data sideka has been created” seperti gambar berikut:
Gambar Hasil pembuatan basis data
1.2.2. Instalasi SIDeKa
Instalasi SIDeKa didahului dengan mengakses
installer website SIDeKa. Akses installer SIDeKa dengan mengetik “http://localhost/InstallSideka/”.
Setelah terbuka akan muncul tampilan “step
1 out of 5 - Selamat datang” seperti pada gambar dibawah.
Gambar
Step 1 out of 5 instalasi SIDeKa
Klik tombol “next” sehingga akan muncul
tampilan “step 2 out of 5 - Lembar persetujuan” seperti yang ditunjukkan oleh
gambar dibawah ini.
Gambar
step 2 out of 5 instalasi SIDeKa
Centang persetujuan dan persyaratan
penggunaan software SIDeKa lalu klik “next” untuk meanjutkan ke tahap
berikutnya sehingga muncul tampilan “Step 3 Out of 5 - Kebutuhan server”
seperti ditunjukan pada gambar berikut.Tunggu proses pada tahap ini sampai
selesai, jangan melakukan reload pada browser sekalipun karena pada proses ini
dilakukan inisialisasi programSIDeKa.
Gambar
Step 3 out of 5 instalasi SIDeKa
klik tombol next untuk pergi ke tahap
selanjutnya dan akan muncul tampilan “step 4 out of 5 pemasangan telah siap”
seperti pada gambar dibawah.
Gambar
step 4 out of 5 instalasi SIDeKa
setelah itu klik tombol next maka akan
muncul tampilan “step 5 out of 5 - Selesai”seperti pada gambar dibawah. Pada
halaman ini ditampilkan username dan password untuk administrator serta
pengelola data.
Gambar
step 5 out of 5 instalasi SIDeKa
Setelah proses instalasi selesai, lakukan
proses login untuk mengubah password dan lakukan akses halaman admin untuk
melakukan entry data baru.
Untuk masuk kedalam aplikasi SIDeKa,
lakukan Login pada panel login sideka seperti pada gambar dibawah ini.
Gambar
Tampilan antarmuka panel Login aplikasi SIDeKa
Masukkan nama pengguna dan kata sandi yang
sesuai untuk masuk kedalam aplikasi SIDeKa. Terdapat 2 hak akses pada aplikasi
sideka ini, yaitu hak akses sebagai administrasi dan hak akses sebagai
pengelola data. Bila nama pengguna dan kata sandi yang dimasukkan benar, maka
akan masuk ke tampilan awal seperti pada gambar dibawah ini.
Gambar
Halaman awal setelah melakukan proses Login
Catatan singkat :
• Pehatikan
dengan seksama langkah pembuatan database.
• Jalankan xampp
dan pastikan apache dan mysql bertanda hijau atau sedang jalan,
jika tidak maka
tekanlah tombol start yang ada pada sisi kanan kolom.
• Buka web
browser google chrome ataupun yang lain untuk menampilkan aplikasi.
• ketikkan pada
alamat web browser anda http://localhost/ lalu tekan enter.
.png)