Tugas Pertemuan 15 PBKK - Membuat Aplikasi dengan Google Apps Script

-
Nama Akmal Sulthon Fathulloh
NRP 5025211047
Kelas PBKK - A

Pada pertemuan ke-15 kelas PBKK kali ini, kita diminta untuk membuat sebuah aplikasi formulir sederhana dengan mengintegrasikan Google Apps Script, yang dapat menampilkan view dari hasil submit form ke dalam Google Sheets. Berikut dokumentasinya.

Laman Formulir

Formulir yang dibuat terdiri dari 4 inputan, yaitu nama, email, nomor telepon, dan pesan. Formulir ini dibuat menggunakan HTML dan CSS (dengan bantuan framework Bootstrap 5.3), kemudian diintegrasikan dengan Google Apps Script. Halaman web di atas dapat diakses melalui link berikut.

Apps Script

Script yang digunakan untuk mengintegrasikan formulir dengan Google Apps Script adalah sebagai berikut.

Script di atas dideploy di Google Apps Script yang terintegrasi dengan Google Sheets yang telah dibuat sebelumnya. Akses ke Google Sheets tersebut dibuat public agar view data dari form dapat dilihat oleh siapa saja.

View Data

Setelah diintegrasikan dengan Apps Script, maka data yang diinputkan ke dalam form akan tersimpan di Google Sheets. Berikut tampilan data yang telah tersimpan di Google Sheets.

Lebih lengkapnya, tampilan view Google Sheets dapat diakses melalui link berikut.

Demonstrasi

  • Pengguna mengisi formulir dengan data yang diinginkan.
  • Pengguna menekan tombol Submit untuk mengirimkan data ke Google Sheets.
  • Data yang telah dikirimkan akan tersimpan di Google Sheets.

Kode sumber (source code) program di atas dapat dilihat pada link berikut.

Referensi

Komentar

Posting Komentar

Postingan populer dari blog ini

Pengantar PBKK

-
Gambar
Selamat datang di blog kelas resmi (official blog kelas) untuk dokumentasi penugasan mata kuliah Pemrograman Berbasis Kerangka Kerja (PBKK). Melalui blog ini, saya akan mengunggah dan mendokumentasikan tugas-tugas pada mata kuliah PBKK. Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas Pemrograman Berbasis Kerangka Kerja (PBKK) - A Tahun 2023 Portofolio GitHub Perkenalkan, saya Akmal Sulthon Fathulloh, biasa dipanggil Akmal, seorang mahasiswa jurusan Teknik Informatika ITS angkatan 2021. Saat ini, saya belum memiliki banyak portofolio terkait pengembangan aplikasi menggunakan kerangka kerja (framework). Namun, saya pernah mengembangkan beberapa proyek aplikasi web dalam beberapa waktu terakhir. Di antaranya sebagai berikut. Dashboard Kelas Informatika Sebuah web sederhana yang menampilkan daftar kelas mata kuliah yang saya ikuti dalam seme
Read more »

Tugas Pertemuan 2 PPL - Identifikasi Proses PPL

-
Gambar
Nama Akmal Sulthon Fathulloh NRP 5025211047 Kelas PPL - A Pada pertemuan kali ini, kita diminta untuk berlatih mengidentifikasi proses perancangan perangkat lunak ( software design ) berdasarkan jurnal/dokumen perancangan perangkat lunak yang digunakan sebagai referensi. Referensi Saya mengambil referensi dari sebuah jurnal DPPL "Sistem Pengarsipan Surat Masuk dan Surat Keluar" sebagai berikut. Identifikasi Proses PPL Architectural Design (Perancangan Arsitektur) Sistem pengarsipan surat ini dibangun berbasiskan web. Halaman pertama sistem ini adalah halaman login pengguna. Setelah pengguna melakukan login maka pengguna akan memasuki halaman surat masuk dan surat keluar. Gambar 3 (gambar di bawah) adalah deskripsi arsitektural dari sistem pengarsipan surat. Interface Design (Perancangan Antarmuka) Gambar 10 menunjukkan desain antar muka dari system yang akan dibangun. Des
Read more »