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