Mengupload aplikasi Candy CBT ke VPS Hosting [3] 💾


Hai ges! Kali ini kita akan melanjutkan praktek mapel Administrasi Sistem Jaringan kelas 12 semester 1 yaitu, mengkonfigurasi VPS (Virtual Private Server).

Minggu lalu kita telah selesai melakukan praktik install MariaDB database server dan PHPMyadmin, serta install Apache dan PHP7.3 di hosting VPS, hari ini kalian lanjutkan praktek mengupload file aplikasi Candy CBT ke dalam VPS, sebagai kelanjutan dalam proses mengonlinekan aplikasi ujian Candy CBT di hosting VPS Ubuntu 18.04.

Materi pokok: Mengupload aplikasi Candy CBT ke VPS Ubuntu 18.04


Skenario praktek Upload candy cbt di hosting vps dan import database ke MariaDB

Untuk menyelesaikan permasalahan tersebut, anda harus menguasai dan memahami tentang mengkonfigurasi web server, database server menggunakan sistem operasi Linux, seperti debian dan ubuntu.

1 Memahami fungsi WinSCP

Winscp adalah aplikasi gratis bebas pakai yang berfungsi untuk mentransfer (upload download) file atau copy file.

Fungsi utama dari WinSCP ini adalah sebagai alat untuk transfer, atau lebih familiar kita kenal dengan sebutan upload dan download file melalui protokol ftp dan secure shell (SSH).

WinSCP juga dapat melakukan edit isi file, merubah nama file menghapus file dan lain sebagainya.


2 Aplikasi Ujian online Candy CBT

Candy CBT merupakan aplikasi ujian berbasis komputer gratis yang cukup diminati dan banyak digunakan untuk keperluan seperti ujian sekolah jenjang SMP/SMA/SMK.

Candy CBT pada awalnya merupakan aplikasi ujian yang berjalan pada server lokal menggunakan aplikasi seperti XAMPP atau Laragon. Kemudian aplikasi dapat diakses menggunakan jaringan lokal saja.

Seiring merebaknya pandemi Covid-19 yang tak kunjung selesai, candy CBT akhirnya dicoba onlinekan menggunakan jasa hosting dan ternyata berhasil. Karena peminat aplikasi ujian online ini semakin banyak, untuk membatasi penyalahgunaan maka aplikasi candyC BT tidak 100% gratis lagi. Aplikasi ini dapat diunduh dengan cara sistem donasi sukarela.

Candy CBT sendiri memiliki beberapa syarat minimum agar dapat berjalan dengan baik. Salah satunya, untuk performa yang baik disarankan diinstall pada server performa tinggi seperti VPS atau dedicated server melalui jasa hosting VPS murah.


Langkah kerja mengupload aplikasi Candy CBT ke VPS dan Import Database

3 Login ke VPS menggunakan Winscp dan lakukan uploading

  1. Siapkan alat dan bahan sesuai petunjuk diatas
  2. Download dan install aplikasi winscp jika diperlukan
  3. Winscp berfungsi untuk mengupload file-file aplikasi web ke dalam server
  4. Buka aplikasi winSCP, pilih protokol SCP
  5. masukkan IP Public --> port 22 yang sudah diberikan penyedia VPS
  6. Masukan informasi login user dan password. Klik tombol Save
  7. Klik Login untuk memulai membuka session

Penjelasan cara Upload aplikasi Candy CBT di hosting VPS memakai WinSCP
WinSCP terdiri dari 2 bagian area kerja:
  1. Bagian komputer lokal
    Navigasikan winscp ke dalam folder dimana aplikasi Candy CBT berada. Pada contoh, aplikasi ➌ candy CBT berada di folder ➋ D:\laragon\www\backup\
  2. Bagian komputer server
    Navigasikan winscp ke dalam folder ➊ /var/www/html/. Semua file aplikasi berbasis web ditempatkan disini. Nah, folder aplikasi ➌ candy CBT akan kita upload kedalam folder ➍ /var/www/html/ dengan cara diseret (drag and drop) atau klik kanan pada folder candy CBT -> pilih upload

Tunggu sampai proses upload selesai....

4 Melakukan perubahan Recursif permission dan kepemilikan folder /var/www/html/ melalui putty

  1. Login menggunakan aplikasi putty
  2. Ketik perintah dibawah untuk melakukan perubahan Recursif permission dan kepemilikan folder /var/www/html/ chown -R www-data:www-data /var/www/html/

5 Membuat database candy CBT di phpmyadmin

Buka phpMyAdmin melalui browser kalian dengan mengakses ippublic/phpmyadmin. Lakukan login sesuai dengan uername dan password yang telah ditetapkan pada proses instalasi phpmyadmin. Setelah berhasil login, lakukan pembuatan database baru

  1. Klik New database
  2. Ketik nama database yang diinginkan
  3. Pilih unicode database
  4. Klik tombol create


6 Mengimport database candy CBT di MariaDB melalui phpmyadmin

  1. Klik database yang barusan kalian buat
  2. Kemudian klik tab menu import
  3. klik tombol choose file
  4. Cari file ecandy28.sql. Biasanya ada di dalam folder candyCBT/config
  5. Setelah itu, klik Go. Tunggu beberapa saat.

7 Mengedit script koneksi database candy CBT

Supaya aplikasi candy CBT berfungsi dengan baik, maka kalian harus melakukan edit file config.database.php. File config.database.php ada didalam folder candy CBT/config.


Cara Mengedit skrip koneksi database candy CBT menggunakan nano editor
  1. login dulu ke hosting VPS menggunakan putty
  2. Cek menggunakan list apakah file config.database.php ada didalam folder.
    [email protected]a:/var/www/html/candyCBT/config# ls
     class.excelReader.php   dis.php              fungsi_word.php
     config.candy.php        ecandy28.sql         index.html
     config.database.php     excel_reader.php    'sq_config.php - Shortcut.lnk'
     config.default.php      excel_reader2.php
     config.function.php     functions.crud.php
  3. Edit file config.database.php menggunakan nano editor.
    nano config.database.php
  4. Isi konfigurasi host, user, password dan nama database sesuai konfigurasi MariaDB (phpmyadmin)
    <?php
    //konfigurasi server database
    $host = 'localhost';
    $user = 'root'; //sesuaikan dengan user yang dibuat
    $pass = 'pass'; //sesuaikan dengan pass yang dibuat
    $debe = 'pts10'; //sesuaikan saat membuat database di phpmyadmin
  5. Jangan lupa setelah selesai mengedit, tekan ctrl x + y kemudian enter agar konfigurasi config.database.php tersimpan

Cara Mengedit skrip koneksi database candy CBT menggunakan WINSCP
  1. Buka winSCP dan navigasikan ke dalam folder /var/www/html/candyCBT/config.Untuk folder candy CBT disesuaikan saja ya, dalam contoh nama foldernya pts10_bak/config
  2. Lalu klik 2x file config.database.php
  3. Edit file config.database.php menggunakan Winscp.(maaf salah nomor urut)
  4. Silahkan edit, jangan lupa ctrl+s untuk menyimpan perubahan. Klik tombol X untuk keluar editor.
  5. Oiya, agar candy CBT berjalan normal di hosting, file config.default.php (lihat gambar diatas). Di dalam file config.default.php terdapat tanda komentar berupa //. Skrip yang diberi komentar berarti tidak dieksekusi, Nah, tugas kita cuma menghapus tanda komentar agar script php dapat dieksekusi (berjalan)
  6. Klik 2x file config.default.php dari winSCP, lalu pastikan tanda // komentar dihilangkan sampai seperti contoh dibawah ini.
    <?php
    session_start();
    error_reporting(0);
    (isset($_SESSION['id_user'])) ? $id_user = $_SESSION['id_user'] : $id_user = 0;
    //JIKA DIINSTAL DISUBDOMAIN HOSTING HAPUS TANDA // BARIS DIBAWAH INI
    $uri = $_SERVER['REQUEST_URI'];
    $pageurl = explode("/", $uri);
    if ($uri == '/') {
    	$homeurl = "http://" . $_SERVER['HTTP_HOST'];
    	(isset($pageurl[1])) ? $pg = $pageurl[1] : $pg = '';
    	(isset($pageurl[2])) ? $ac = $pageurl[2] : $ac = '';
    	(isset($pageurl[3])) ? $id = $pageurl[3] : $id = 0;
    } else {
    	$homeurl = "http://" . $_SERVER['HTTP_HOST'] . "/" . $pageurl[1];
    	(isset($pageurl[2])) ? $pg = $pageurl[2] : $pg = '';
    	(isset($pageurl[3])) ? $ac = $pageurl[3] : $ac = '';
    	(isset($pageurl[4])) ? $id = $pageurl[4] : $id = 0;
    }
    //HAPUS SAMPAI SINI
  7. Jangan lupa ctrl+s untuk menyimpan perubahan. Klik tombol X untuk keluar editor.

8 Menguji akses ke aplikasi candy CBT

  1. Buka web browser dan gunakan IP public/folderaplikasinya
  2. Buka web browser, gunakan chrome atau mozilla. Akses IP public melalui kotak URL http://103.xxx.xxx.xxx/candyCBT (sesuaikan dengan folder yang kalian buat sendiri) untuk menguji aplikasi ujian online candy CBT.
  3. Lakukan percobaan login admin menggunakan user dan password yang telah ditetapkan oleh aplikasi ujian online candy CBT.

It works! Praktikum Mengkonfigurasi VPS (Virtual Private Server) untuk ujian online menggunakan aplikasi candy CBT selesai sampai disini.



Next Post Previous Post
No Comment
Add Comment
comment url