MANUAL BOOK

INSTALASI SERVER

UNIVERSITAS GUNADARMA
2017

UNIVERSITAS GUNADARMA 1

 TATA CARA INSTALASI SERVER

1. Install XAMPP
INSTALL XAMPP di Windows

XAMPP (/iconˈzæmp/ atau /ˈɛks.æmp) adalah perangkat lunak bebas, yang mendukung
banyak sistem operasi, merupakan kompilasi dari beberapa program.

Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas
program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis
dengan bahasa pemrograman PHP dan Perl.

a. Langkah pertama adalah download XAMPP pada link berikut ini:

https://www.apachefriends.org/download.html version 5.6.30
b. Pilih XAMPP for windows – pilih Download (32-bit), (pilihan Download 32-bit
tidak berpengaruh apabila PC/Laptop Anda 64-bit)
c. Kemudian pilih XAMPP yang telah di download, klik kanan pada XAMPP tersebut,
pilih Run as administrator, pilih Yes

UNIVERSITAS GUNADARMA 2

 d. Akan muncul tampilan seperti gambar di bawah ini:

e. Ceklis semua

UNIVERSITAS GUNADARMA 3

 f. Pilih destination folder sebagai tempat untuk install XAMPP

g. Pilih Next

UNIVERSITAS GUNADARMA 4

 h. Tunggu proses instalasi selesai

UNIVERSITAS GUNADARMA 5

 i. Pilih finish

j. Akan terbuka tampilan XAMPP seperti gambar di bawah ini. Apabila XAMPP tidak
terbuka, silahkan klik menu pencarian lalu tuliskan XAMPP.

k. Pilih bahasa yang ingin digunakan lalu Save

l. Klik button Start pada Apache dan MySQL

UNIVERSITAS GUNADARMA 6

 m. Untuk mengetes apakah service Apache pada XAMPP sudah berjalan, silahkan buka
browser (Firefox, Chrome) lalu ketikkan localhostpada url, tekan Enter. Seperti
gambar di bawah ini:

UNIVERSITAS GUNADARMA 7

 n. Untuk mengetes apakah service MySQL pada XAMPP sudah berjalan, silahkan buka
browser (Firefox, Chrome) lalu ketikkan localhost/phpmyadminpada url, tekan
Enter. Seperti gambar di bawah ini:

UNIVERSITAS GUNADARMA 8

 INSTALL APACHE di Linux
a. Langkah pertama adalah buka terminal lalu tuliskan perintah seperti gambar di
bawah ini:

b. Konfigurasi Apache seperti gambar di bawah ini:

c. Buka browser lalu tuliskan localhost di bagian url

UNIVERSITAS GUNADARMA 9

 2. Download Aplikasi PraUN
Cara mendownload aplikasi PraUN sebagai berikut:
Pertama masuk ke halaman website tryout.gunadarma.ac.id, tekan tombol APLIKASI
PRA UN seperti berikut:

Maka akan muncul tampilan seperti di bawah ini;

Masukkan username: proctor dan password: rahasiaproctor untuk mendownload.

UNIVERSITAS GUNADARMA 10

 3. Instalasi Server
Setelah proses download selesai, pindahkan file hasil download tadi ke folder
xampp/htdocs seperti berikut:

Selanjutnya extract file tersebut:

UNIVERSITAS GUNADARMA 11

 Setelah selesai hasilnya seperti berikut:

Keterangan:
Folder pra_un_ug_admin : Sebagai server admin
Folder pra_un_ug_peserta : Sebagai server peserta TryOut
Pra_un_ug.sql : Database Server

UNIVERSITAS GUNADARMA 12

 Setelah langkah di atas selesai dan tidak menemui kendala, selanjutnya menuju proses
import Database. Caranya sebagai berikut:
Buka terlebih dahulu Aplikasi XAMPP yang sudah terinstall tadi, lalu aktifkan Apache
dan MySQL seperti berikut:

Setelah itu buka browser, masukkan URL berikut: localhost/phpmyadmin maka akan
terbuka jendela berikut:

UNIVERSITAS GUNADARMA 13

 Buat terlebih dahulu database untuk server kita nanti. Caranya pilih new

Maka muncul tampilan berikut:

Buat dengan nama ujian_gunadarma lalu pilih create.

Setelah berhasil pilih database yang tadi kita buat lalu pilih menu Import seperti berikut:

UNIVERSITAS GUNADARMA 14

 Akan muncul tampilan berikut:

Pilih file database yang berformat .sql (pra_un_ug.sql) tadi lalu pilih GO

UNIVERSITAS GUNADARMA 15

 Jika muncul pesan error seperti berikut, lakukan konfigurasi pada file php.ini

Caranya masuk ke folder xampp/php seperti berikut:

Buka file php.ini dengan menggunakan text editor yang anda miliki (contoh : notepad++,
atom atau sublime text)
UNIVERSITAS GUNADARMA 16

 Buka sublime text lalu pilih menu File>Open File

Cari file php.ini di folder xampp/php seperti di atas.

UNIVERSITAS GUNADARMA 17

 Cari variabel upload_max_filesize. Ubah nilai variabel yang tadinya 2Mb menjadi 8Mb
atau sesuai dengan kebutuhan ukuran database Anda.

UNIVERSITAS GUNADARMA 18

 Lalu ubah max_execution_time menjadi 0 (nol). Ini berfungsi untuk mematikan upload
time limitnya. Jadi nggak ada timeout saat proses meng-upload-nya.

UNIVERSITAS GUNADARMA 19

 Restart Apache, lalu coba import kembali database Anda. Jika menemukan pesan seperti
ini maka database Anda berhasil di-import.

UNIVERSITAS GUNADARMA 20

 Langkah selanjutnya konfigurasi Database yang ada pada folder pra_un_ug_admin dan
juga pra_un_ug_peserta. Caranya seperti berikut:
a. konfigurasi database admin
Buka kembali sublime text, lalu pilih open folder

Pilih folder pra_un_ug_admin di folder xampp/htdocs tadi. Setelah itu pilih Select Folder

UNIVERSITAS GUNADARMA 21

 UNIVERSITAS GUNADARMA 22

 Akan muncul tampilan berikut:

Masuk ke folder application>config lalu pilih file database.php seperti berikut:

UNIVERSITAS GUNADARMA 23

 Ubah bagian di bawah ini seperti berikut:
'username' => 'root',
'password' => '',
'database' => 'ujian_gunadarma'
Atau seperti di bawah ini:

Untuk settingan xampp default diset seperti di atas, untuk yang sudah merubah user dan
password silahkan disesuaikan.
Jangan lupa simpan setelah selesai

UNIVERSITAS GUNADARMA 24

 b. konfigurasi database peserta
Buka kembali sublime text, lalu pilih open folder

Pilih folder pra_un_ug_peserta di folder xampp/htdocs tadi. Setelah itu pilih Select
Folder

UNIVERSITAS GUNADARMA 25

 Akan muncul tampilan berikut:

UNIVERSITAS GUNADARMA 26

 Masuk ke folder application>config lalu pilih file database.php seperti berikut:

Ubah bagian di bawah ini seperti berikut:

'username' => 'root',
'password' => '',
'database' => 'ujian_gunadarma'
Atau seperti di bawah ini:

UNIVERSITAS GUNADARMA 27

 Untuk settingan xampp default diset seperti di atas, untuk yang sudah merubah user dan
password silahkan disesuaikan.
Jangan lupa simpan setelah selesai

UNIVERSITAS GUNADARMA 28

 Setelah semua langkah di atas selesai dan sudah tidak ada error, coba lakukan ujicoba
akses website
Buka browser lalu ketikkan URL berikut:
a. akses admin menggunakan URL localhost/pra_un_ug_admin
Jika berhasil tampilannya akan seperti berikut:

Ini tampilan ketika anda login;

UNIVERSITAS GUNADARMA 29

 Jika siswa sudah mengerjakan soal maka hasilnya bisa dilihat pada Data Hasil Ujian

Masuk ke bagian Data Siswa seperti berikut:

UNIVERSITAS GUNADARMA 30

 Download terlebih dahulu template nya di menu Data Siswa tadi

Lalu isikan File excelnya sesuai dengan format yang sudah ditentukan

UNIVERSITAS GUNADARMA 31

 ISIKAN SESUAI FORMAT YANG SUDAH DITENTUKAN,
Catatan:
Tanggallahir
Formatnya harus sesuai, MM/DD/YYYY (contoh: 01/25/1999)

Alamat Email, Alamat Rumah, dan Nomor Telepon Wajib diisi:
Jika siswa tidak memiliki email, bisa menggunakan email Sekolah

Setelah pengisian data excel selesai Upload file excel di menu Data Siswa yang sama.

UNIVERSITAS GUNADARMA 32

 Berikut hasil ketika proses Upload selesai/berhasil:

Pastikan tanggal lahir dan NISN peserta sesuai dengan yang ada di file excel, caranya
pilih tombol edit di samping:

Maka tampilannya berikut: (sesuaikan dengan file excelnya)

UNIVERSITAS GUNADARMA 33

 Jika semua data siswa suda diinputkan jangan lupa sync data siswa seperti gambar di
bawah ( harus terkoneksi ke internet)

UNIVERSITAS GUNADARMA 34

 Mengimputkan Data Pengawas / Proctor

Silahkan tekan tombol Tambah Pengawas kemudian isi Form sesuai ketentuan seperti di
bawah ini.

Untuk user dan password pengawas bisa ditentukan oleh admin dari piak sekolah
kemudian tidak lupa untuk memberitahukan kepada pengawas yang bertukan.

UNIVERSITAS GUNADARMA 35

 Data jadwal ujian

Untuk data jadwal ujian telah kami sediakan jadwal dan mata pelajaran apa saja yang
diujikan. Untuk memberikan hak akses kepada pengawas yang telah dibuat silahkan
tekan tombol edit yang ditunjukan tanda panah.

UNIVERSITAS GUNADARMA 36

 Edit dibagian nama pengawas sesuai dengan pengawas yang sudah dibuat jika sudah
save.

Data jadwal ujian telah dirubah sesuai dengan data pengawas yang dibuat.

UNIVERSITAS GUNADARMA 37

 LOG IN Sebagain Pengawas / Proctor

Setelah login dan masuk ke dashboard maka akan tampil sebagai berikut

Pada tampilan pengawas /proctor seperti gambar diatas kemudian tugas dari pengawas :
1. buka ujian sesuai waktu yang ditentukan
2. tutup ujian
3. Sync Data Hasil Ujian (harus terkoneksi dengan internet)
4. Menginput siswa yang belum terimput seperti gambar dibawah

UNIVERSITAS GUNADARMA 38

 Jika pengawas sudah membuka jadwal ujian maka peserta bisa langsung login untuk
mengerjakan soal yang diujikan.

b. akses peserta menggunakan URL localhost/pra_un_ug_peserta

Jika berhasil tampilannya akan seperti berikut:

UNIVERSITAS GUNADARMA 39

 Masukan tanggal lahir dengan format mm-dd-yyyy dan NISN dan pilih mata pelajaran
yang diujikan kemudian submit

Tampilan sebelum mengerjakan ujian .. klik melaksanakan ujian dan otomati akan masuk
ke soal-soal yang telah diberikan jika sudah selesai mengerjakan soal maka jangan lupa
submit

UNIVERSITAS GUNADARMA 40

 Jika sudah selesai pengawah jangan lupa tuk menutup ujian dan sync data hasil ujian

SELESAI

UNIVERSITAS GUNADARMA 41