Membuat Aplikasi Web Cbt Berbasis Google Spreadsheet (Versi GCP)

image from Membuat Aplikasi Web Cbt Berbasis Google Spreadsheet (Versi GCP)

Membuat Aplikasi Web Cbt Berbasis Google Spreadsheet Versi GCP

Secara umum aplikasi versi GCPmirip non GCP, namun lebih sederhana. Hal ini disebabkan, GCP bisa mendapatkan informasi email user secara langsung. Untuk memudahkan saya sudah memuat templatte yang bisa langsung dideploy.

Untuk diskusi seputar instalasi dan cara menggunakan bisa bergabung dalam group telegram lewat tautan Join Telegram

Menyiapkan Google Spreadsheet Sebagai Basis Data

Untuk menyiapkan google spreadsheet, langkahnya sebagai berikut.

  1. Buka file master CBT di tautan ini
  2. Akan sebuah spreadsheet dengan status view only (hanya bisa melihat)
  3. Buat salinan dengan cara
    1. Klik File
    2. Make a copy (buat salinan)
    3. Isikan nama (terserah anda)
    4. Klik OK, amaka akan dibuka sebuah file baru yang bisa diedit
  4. Pengaturan otorisasi
    1. Klik Tool (alat)
    2. Klik Script Editor (Editor skrip)
    3. Akan terbuka sebuah editor dan terdapat tonbol Run (Jalankan)
    4. Klik tombol Run (jalankan), maka akan muncul popup permintaan otorisasi
    5. Klik Review permission
    6. Jika muncul peringatan keamanan, klik advance
    7. Pilih akun gmail kita, scroll ke bawah akan ada tombol Allow (ijinkan)
    8. Klik Allow
  5. Pengaturan Awal
    1. Kembali ke google spreadsheet, maka akan terlihat sebuah menu baru di sebelah kanan Help, yaitu eProject-CBT
    2. Klik tombol tersebut, akan muncul sub menu CBT,
    3. Klik sub menu CBT, akan muncul jendela instalasi, tunggu samapi muncul tu;isan “Database telah siap…”
    4. Maka akan terlihat pada sheet config beberapa informasi seperti email kita, ID Spreadsheet, Jenis lisensi dan token
    5. Pada sheet quiz terdapat beberapa contoh yang disiapkan (bisa dihapus jika tidak diinginkan)
    6. Pada sheet question terdapat beberapa contoh yang disiapkan (bisa dihapus jika tidak diinginkan)
    7. Pada answer quiz masih kosong
  6. Lakukan Deploy Aplikasi
    1. Kembali ke Script Editor, pada sisi kiri terdapat library (pustaka) LibCBT
    2. Klik 1 kali, dan pastikan version yang diigunakan adalah versi tertinggi (untuk saat ini versi 75)
    3. Lakukan Deploy dengan cara klik tombol Deploy (Terapkan)
    4. Pilih New Deployment
    5. Pilih Web App
    6. isikan deskripsi (bebas)
    7. Execute as : pilih Me (akun gmail kita)
    8. Who has acces:
      1. Jika kita mengijinkan semua pemilik akun google (umum maupun dalam organisasi kita) maka pilih: Anyone with gogole account
      2. Jika kita hanya mengijinkan pemilik akun dalam organisasi kita (Akun GCP) maka pilih Anyone within [nama organisasi]
    9. Klik Deploy
    10. Lalu click copy url pada bagian Web App (berupa tautan)
  7. Mempercantik tautan
    1. karena tautan sangat sulit diingat kita bisa menggunakan penyingkat url seperti tinyurl, bit.ly dll
    2. Buka web peringkas tautan tinyURL
    3. Salim URL hasil deploy ke kolom url
    4. Pada Kolom alias ketikan nama ringkas, misalkan CBT-SMA-XYZ
    5. Klik buat TinyURL
    6. Jika singaktan tersedia, maka singkatan siap digunakan
    7. Disarankan untuk memiliki akun tinyURL, sehingga nantinya kalau mau deploy ulang, bisa menggunakan alamat tinyURL yang sama

Contoh apliksi yang sudah jadi klik tautan ini

Tags:

Ikuti terus tutorial saya di e-Project dan channel saya di


Donasi