BANJARMASIN · 22.10.2026
DARI IDE MENJADI MEDIA BELAJAR

Membuat Aplikasi
atau LMS Menggunakan
Google Apps Script

Bangun ruang belajar digital Anda sendiri.
Mulai dari spreadsheet, hadir untuk peserta didik.

OLEHNur Rahmat Wahyuaji, S.Pd.
⌖

Hotel Royal Jelita Banjarmasin

◷

Kamis, 22 Oktober 2026

IDE → KODE → KARYA
● ● ●lms-sekolah / ruang-belajar↗
▦⌂▤♧
RUANG BELAJAR DIGITAL

Belajar tanpa batas.

∑Matematika
</>Informatika
✧Kecerdasan AI
Progres pembelajaran78%
</>
Apps ScriptLOGIKA APLIKASI
▦
Google SheetsDATABASE ANDA
01 / BUILD SOMETHING MEANINGFUL
Potret profesional Nur Rahmat Wahyuaji
GURU • PEMBELAJAR • KREATOR
MENGAJAR HARI INI, MEMBENTUK MASA DEPAN.
02 / MARI BERKENALAN

Nur Rahmat
Wahyuaji, S.Pd.

Mendampingi pembelajaran.
Menghubungkan teknologi dan kreativitas.

MatematikaInformatikaKoding dan Kecerdasan Artifisial
⌂
TEMPAT MENGAJAR

SMA Negeri 1 Gambut

Jl. A. Yani KM 14.800, Gambut,
Kab. Banjar, Prov. Kalimantan Selatan

03 / PETA PERJALANAN

Enam langkah. Satu LMS Anda.

Kita praktikkan bersama, dari menyiapkan data hingga membagikan aplikasi.

HASIL AKHIR

LMS berbasis web dengan akun Admin, Guru, dan Siswa.

◈
04 / FONDASI DATA

Siapkan ruang & database.

Duplikat template ↗
01

Buat folder di Google Drive

Buka Google Drive → Baru → Folder Baru.
Beri nama Aplikasi LMS Coba atau sesuai preferensi Anda.

02

Buat spreadsheet kosong

Buka folder tersebut → Baru → Google Spreadsheet → Spreadsheet Kosong.
Beri nama db-lms atau nama pilihan Anda.

Jalur cepat: gunakan tombol Duplikat template, lalu simpan salinannya di folder Anda.
01 / CONTOH DATABASE Google Sheets · db-lms

Buat 3 tab: Users, Materi, Sessions. Isi baris 1 dengan header berikut, satu header per kolom.

▦

{{sheet.name}}

{{String.fromCharCode(65+i)}}{{field}}
Perhatikan huruf besar/kecil. Nama tab dan header harus persis. Biarkan baris kedua dan seterusnya kosong; data awal diisi melalui script.
05 / RUANG KERJA KODE

Buka & siapkan Apps Script.

Dari spreadsheet, pilih Extensions (Ekstensi) → Apps Script.

0{{i+1}}

{{item.title}}

DUA FILE YANG AKAN KITA GUNAKANCode.gs+index.html
{{slide===5?'06 / LOGIKA DI BALIK APLIKASI':'07 / TAMPILAN & INTERAKSI'}}

Menulis {{slide===5?'Code.gs':'index.html'}}.

{{code.split('\n').length}} BARIS · KODE LENGKAP
{{slide===5?'Code.gs':'index.html'}}
Unduh ↓
{{line || ' '}}
● {{slide===5?'JavaScript / Google Apps Script':'HTML · CSS · JavaScript'}}Gulir untuk melihat seluruh kode
{{slide===7?'08 / HIDUPKAN DATABASE':'09 / BAGIKAN KARYA ANDA'}}

{{slide===7?'Jalankan':'Deploy & akses'}} {{slide===7?'setup awal.':'LMS Anda.'}}

TAHAP {{String(step+1).padStart(2,'0')}}

{{practiceSteps[step].title}}

✧
10 / AKHIR SESI, AWAL INOVASI

Satu karya Anda.
Banyak peluang belajar.

“Mulailah dari satu ide sederhana.
Di tangan guru yang terus belajar, teknologi
menjadi jembatan bagi masa depan siswa.”
Nur Rahmat Wahyuaji, S.Pd.

Terima kasih. Mari terus belajar, berkarya, dan berbagi.

Unduh kode LMS ↓
{{String(slide+1).padStart(2,'0')}} / 10
{{toast}}