1
CARA
INSTALASI APLIKASI
1.1. Setting Waktu pada Komputer
Dikarenakan pentingnya melakukan setting time zone , maka hendaklah
melakukan konfigurasi waktu pada PC atau Laptop . untuk langkahnya dapat
mengikuti gambar dibawah ini:
1. Klik waktu yang berada pada taskbar, kemudian pilih [Change date and time
settings]
Gambar 1.1. Calender
2. Setelah memilih [Change date and time settings], maka akan muncul seperti
gambar dibawah ini,
Gambar 1.2. Change Data and Time Settings
2
3. Klik [Change date and time] maka akan muncul date and time settings
seperti gambar dibawah ini, tentukan sesuai dengan waktu saat ini kemudian
Klik [OK]
Gambar 1.1. Change Date and Time
4. Lakukan Perubahan Time Zone dengan klik [Change time zone]
sebagaimana gambar dibawah ini
Gambar 1.4. Date and Time
3
5. Sesuaikan dengan keadaan setempat. Contoh pilih zona waktu jakarta
seperti gambar dibawah ini.
Gambar 1.5. Time Zone Settings
1.2. Instalasi XAMPP
Setelah file aplikasi XAMPP tersedia, kita akan mulai menginstall aplikasi
ini. Silahkan double klik file installer XAMP. Pada contoh ini, file XAMPP penulis
miliki adalah xampp-win32-5.6.3-0-VC11-installer.exe. Jika anda menggunakan
anti-virus, akan tampil jendela berikut:
Gambar 1.6 Peringatan Terdektesi Antivirus
Jendela diatas hanya peringatan bahwa jika program anti virus sedang
berjalan, proses instalasi mungkin akan berjalan lambat atau mengganggu proses
4
instalasi XAMPP. Jika perlu, anda bisa mematikan anti virus untuk sementara, atau
klik saja tombol [Yes].
Jendela peringatan berikutnya adalah tentang UAC (User Account Control):
Gambar 1.7. Peringatan User Account Control
Peringatan ini berkaitan dengan proteksi padaWindows Vista keatas dimana
jika XAMPP diinstall pada folderC:\Program Files (x86) mungkin akan terjadi
pembatasan hak akses yang menyebabkan XAMPP tidak berjalan dengan normal.
Karena alasan ini, penulis akan memindahkan file instalasi XAMPP ke folder lain.
Silahkan klik tombol [OK] untuk melanjutkan. Jendela awal instalasi akan muncul,
Klik Next.
5
Gambar 1.8 Setup XAMPP
Jendela berikutnya adalah Select Component. Pada bagian ini kita bisa
memilih aplikasi apa saja yang akan diinstall. Dalam tahap ini penulis akan
membiarkan semua pilihan. Klik [Next] untuk melanjutkan.
Gambar 1.9 Pilih Komponen
Jendela selanjutnya adalah Installation Folder. Dalam bagian ini, kita bisa
mengubah lokasi dimana file-file XAMPP disimpan. Anda bebas menentukan
lokasi ini. Sebagai contoh, penulis meletakkan file XAMPP di D:\xampp_5.6.1.
Penulis menambahkan angka versi XAMPP karena memiliki beberapa versi
XAMPP terinstall di drive D. Penamaan ini hanya untuk mempermudah penulis
membedakan instalasi XAMPP. Lanjutkan dengan men-klik tombol [Next].
6
Gambar 1.10 Pilih Folder Instalasi
Tampilan berikutnya adalah Bitnami for XAMPP. XAMPP menawarkan
Bitnami sebagai cara menginstall CMS seperti wordpress, joomla dan drupal.
Tetapi kita menginstall wordpress secara manual, sehingga hapus pilihan learn
more about Bitnami for XAMPP, kemudian klik [Next].
7
Gambar 1.11 Bitnami
Jendela berikutnya adalah konfirmasi untuk mulai menginstall XAMPP,
klik [Next], dan XAMPP akan memulai proses instalasi beberapa saat.
Gambar 1.12 Install XAMPP
Gambar 1.13 Install Progress
8
Jika jendela Completing the XAMPP Setup Wizard telah tampil, maka
proses instalasi XAMPP telah selesai. Pada bagian ini kita akan langsung mencoba
aplikasi XAMPP, sehingga biarkan pilihan check list Do you want to start the
Control Panel now?, kemudian klik [Finish].
Gambar 1.14 Install XAMPP Selesai
1.3. Menjalankan XAMPP
Jika anda membiarkan pilihan Do you want to start the Control Panel
now? pada jendela terakhir proses instalasi XAMPP, maka akan tampil
jendela XAMPP Control Panel. Jika tidak, anda bisa mengaksesnya dari menu
START->All Programs->XAMPP->XAMPP Control Panel.
9
Gambar 1.15 XAMPP Control Panel
Ada 2 modul yang harus dijalankan untuk dapat menggunakan Remedial
Intelligent Tutoring System yaitu Apache dan MySQL. Klik [Start] pada Actions
untuk menjalankan modul. Sedangkan sebaliknya untuk mematikannya tinggal klik
[Stop].
Selanjutnya, buka web browser dan ketikkan alamat localhost pada address
bar, kemudian tekan enter. Jika tampil jendela pembuka XAMPP, maka semuanya
telah terinstall dengan baik.
10
Gambar 1.16 Localhost
1.4. Instalasi Remedial Intelligent Tutoring System
Setelah XAMPP terinstall dan berjalan dengan baik tahap selanjutnya
adalah melakukan instalasi Remedial Intelligent Tutoring System. Sebelum
melakukan instalasi maka anda perlu meliki web content dan database dari
Remedial Intelligent Tutoring System yang dapat diunduh dari CD yang disertakan
atau melalui link http://rits.deeper-dive.com/download.php
Setelah file didapatkan maka ekstrak file menggunakan winrar, caranya
yaitu klik kanan pada file lalu [Extract Here], seperti gambar dibawah.
11
Gambar 1.17 Ekstrak Arsip
maka akan muncul 2 file tambahan yaitu Web Data dan Database yang dijelaskan
pada gambar dibawah.
Gambar 1.18 Hasil Ekstrak Arsip
1.4.1. Instalasi Web Data
Setelah web data dan database didapatkan kemudian buat folder pada
[direktori instalasi xampp]/htdocs dengan nama yang diinginkan misalnya rits
Gambar 1.19 Buat Folder Baru
12
Kemudian salin web data pada folder yang dibuat tersebut lalu ekstrak ekstrak file
menggunakan winrar
Gambar 1.19 Ekstrak Web Data
Maka akan tampil sebagai berikut,
Gambar 1.20 Hasil Ekstrak Web Data
1.4.2. Instalasi Database
Setelah web data telah terinstall maka langkah selanjutnya yaitu melakukan
instalasi database. Untuk itu diperlukan aplikasi yaitu PhpMyAdmin yang dapat
diakses melalui localhost/phpmyadmin lalu tekan enter.
13
Gambar 1.21 URL PhpMyAdmin
Maka akan muncul halaman berikut
Gambar 1.22 PhpMyAdmin
Kemudian Klik Database lalu buat database baru, dengan cara menuliskan
nama database baru pada input paling kiri form Create Database lalu klik [Create].
Gambar 1.23 Buat Database Baru
14
Setelah database dibuat, kemudian klik database yang dibuat tadi pada
sidebar atau pada daftar database dibawah form [Create].
Gambar 1.24 Database PhpMyAdmin
Setelah database aktif, klik Import > lalu Choose File> Pilih File Database
yang yang didownload tadi> Klik Open > Lalu Klik [Go]. Yang dapat dijelaskan
oleh gambar dibawah
Gambar 1.25 Import File SQL
15
Jika berhasil maka akan muncul notifikasi sebagai berikut.
Gambar 1.26 Import SQL Berhasil
1.4.3. Konfigurasi Database
Setelah database terinstall langkah selanjutnya yaitu melakukan konfigurasi
database karena web belum mengenali nama,lokasi, namapengguna,dan password
untuk mengakses database. File konfigurasi database dapat didapatkan pada [folder
rits]/core/connect/ PDOdatabase.php. Untuk lebih mengenali cara mengkonfigurasi
dapat dijelaskan pada gambar berikut
Gambar 1.27 File Konfigurasi
Karena dalam buku ini menggunakan username dan password default XAMPP
maka hasil konfigurasi file tersebut sebagai berikut.
Gambar 1.28 File Konfigurasi Terkonfigurasi
16
1.5. Uji Coba Remedial Intelligent Tutoring System
Untuk mencoba apakah Remedial Intelligent Tutoring System berjalan
dengan baik, dapat dilakukan dengan membuka web browser dengan URL
localhost/rits.
Gambar 1.29 URL Website
URL tersebut menghubungkan dengan host localhost pada folder rits. Jika
instalasi Remedial Intelligent Tutoring System berjalan sebagaimana mestinya
maka akan muncul tampilan sebagai berikut:
Gambar 1.30 Remedial Intelligent Tutoring System
17
Top Related