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

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

2

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

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.

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].

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].

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

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.

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.

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.

10

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

11

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.

12

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

13

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

14

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

15

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

16

17