Form with Google Framework

Dimas Prihady Setyawan - 5025211184 - PBKK A 2023/2024 (gasal)

Google Framework

Google Framework merupakan kerangka kerja yang disediakan oleh Google sehingga kita dapat membuat aplikasi menggunakan layanan-layanan Google. Salah satu contohnya adalah kita dapat membuat sebuah form registrasi lalu mengirim datanya ke Google Spreadsheet.

Visit Repo

Visit Deployment

Visit Spreadsheet

Script URL

Disini saya melakukan inoput data melalui Script URL dari Google Spreadsheet ID. Pada kode Javascript, terdapat event listener ketika user menekan button submit, maka akan melakukan fetch data yang sudah diinput dari form ke spreadsheet

Google Spreadsheet

Pertama kita atur dulu untuk kolom-kolom yang tersedia. Disini saya mengalokasikan 5 kolom terdiri dari Timestamp, Name, Email, Gender, dan Address.

Vercel Input Form

Pada kode HTML, saya membuat form dengan input dari kolom Google Spreadsheet. Data yang diinput pda form akan dikirim dengan script Javascript.

Alert Input Berhasil

Alert memberi tahu bahwa data berhasil dimasukan dan telah masuk di spreadsheet.

Data Masuk ke Spreadsheet

Data yang baru akan masuk di spreadsheet seperti gambar di atas.

Page updated

Google Sites

Report abuse