Tugas 11 - Membuat Form HTML dengan Framework Google

Tugas 11 
Pertemuan 15 - Membuat Form HTML dengan Framework Google 

Nama : Nadya Zuhria Amana

NRP : 5025211058

Kelas : PBKK A 

Link Github : https://github.com/nadyaza/Tugas-PBKK-A/tree/main/Tugas11_PBKK

Pada pertemuan ke-15 kelas PBKK, kita belajar cara membuat aplikasi formulir sederhana yang dapat menyimpan data dari form ke Google Sheets. Aplikasi ini dibuat dengan menggunakan Google Apps Script. Berikut dokumentasi aplikasi tersebut.

1. Membuat file HTML dan CSS untuk membuat form nya dengan elemen sebagai berikut :

Elemen:

• Input Text: Untuk Nama Lengkap, Tempat Lahir, Alamat, Keterangan.
• Input Date: Untuk Tanggal Lahir.
• Input Email: Untuk Email.
• Input Number: Untuk Nomor Kontak.
• Select: Untuk Jenis Kelamin dengan 3 pilihan.
• Submit Button: Mengirim data form.

2. Membuat halaman Spreadsheet lalu membuat kolom sesuai dengan tabel yang ada di form

• Membuat Kolom:Membuat halaman Spreadsheet untuk menyimpan data formulir.
• Menentukan kolom sesuai dengan elemen formulir untuk menyimpan data Nama Lengkap, Jenis Kelamin, Tempat Lahir, Tanggal Lahir, Alamat, Email, Nomor Kontak, dan Keterangan.

3. Mengatur script pada app script yang ada di google sebagai berikut

• Menggunakan Google Apps Script untuk mengatur proses pengiriman data formulir ke Spreadsheet.
• Menentukan script untuk menangani data yang dikirim dari formulir.
• Menerapkan fungsi doPost untuk memproses data yang diterima dan menyimpannya pada Spreadsheet.

Fungsi intialSetup():

• Fungsi ini berperan pada tahap inisialisasi.
• Mengambil Spreadsheet aktif dan menyimpan ID-nya sebagai properti skrip dengan nama 1-UicvqPh2Mh7ThTMan3Elog6PhUCmvx3wvyTlv2UUa0.

4. Uji coba pada form yang telah kita buat tadi apakah hasil nya nanti sudah tersambung dengan spreadsheet nya 

• Mengisi formulir dengan data sesuai dengan elemen yang telah ditentukan.
• Pengujian:Mengirim formulir dan melakukan pengujian apakah data yang diisi tercatat pada Spreadsheet.
• Melakukan verifikasi koneksi antara formulir dan Spreadsheet.

5. Setelah saya mengisikan formnya hasilnya ketika di submit langsung tercatat pada Google Spreadsheet nya 

• Verifikasi di Google Spreadsheet:Setelah pengiriman formulir, memeriksa apakah data langsung tercatat pada Google Spreadsheet.
• Memastikan bahwa kolom-kolom yang sesuai dengan elemen formulir diisi dengan data yang benar

Catatan:Memastikan bahwa aplikasi berfungsi dengan baik dan data formulir dapat tercatat secara akurat pada Google Spreadsheet.