Latihan Integrasi HTML Form dengan Google Spreadsheet Menggunakan App Script

 Nama: Vito Febrian Ananta

NRP: 5025211224

Kelas: Pemrograman Berbasis Kerangka Kerja (B)

Tahun: 2023


Survey Role, Programming Language dan Framework

Google Apps Script adalah lingkungan pengembangan yang terintegrasi di dalam Google Workspace yang memungkinkan kita untuk membuat aplikasi, otomatisasi, dan menghubungkan layanan Google seperti Spreadsheet, Forms, Docs, dan lainnya. Menggunakan JavaScript, kitadapat membuat skrip untuk menangani tugas-tugas tertentu secara otomatis.

Dalam latihan ini, saya membuat sebuah web yang berisi formulir untuk melakukan survei terkait role (peran), bahasa pemrograman, dan framework yang dipilih oleh pengguna. Formulir ini mungkin terdiri dari beberapa bidang seperti nama, email, peran (backend, frontend, fullstack), bahasa pemrograman (java, javascript, python, dan sebagainya), serta framework (reactjs, nextjs, astro, dan lain-lain).

Proses integrasi dilakukan dengan menggunakan Google Apps Script agar hasil dari formulir yang diisi oleh responden secara langsung dapat tersimpan dan terlihat dalam Spreadsheet Google. Setiap kali formulir diisi dan dikirim, data akan secara otomatis masuk ke Spreadsheet yang telah ditentukan, sehingga memudahkan untuk analisis dan visualisasi data.

Dengan memanfaatkan kemampuan Google Apps Script, kita dapat menghubungkan formulir web yang kita buat dengan Spreadsheet Google sehingga data yang diinput melalui formulir akan disimpan secara terstruktur dan mudah diakses dalam spreadsheet tersebut menggunakan skrip yang telah kita buat.

Link form: pbkk-2023-app-script-vitoananta3.vercel.app

Link spreadsheet: hasil survet (google spreadsheet)


Tampilan form:


Tampilan spreadsheet (data):


Tampilan spreadsheet (tabel dan chart):


Demo:


Comments

Post a Comment

Popular posts from this blog

Latihan 1 Membuat Aplikasi Desktop Sederhana (Calculator)

Image
Nama: Vito Febrian Ananta NRP: 5025211224 Kelas: Pemrograman Berbasis Kerangka Kerja (B) Tahun: 2023 Source code:  vitoananta/pbkk-b-2023-kalkulatorku (github.com) Saya membuat sebuah aplikasi kalkulator dengan nama "KalkulatorKu" menggunakan Visual Studio 2022 dengan template Windows Form Application dan bahasa pemrograman C#. Aplikasi ini akan memiliki beberapa fitur utama yang mencakup operasi matematika dasar seperti penambahan, pengurangan, perkalian, dan pembagian. Selain itu, aplikasi juga harus mendukung perhitungan desimal (koma) untuk menghitung bilangan pecahan. Berikut beberapa gambar dari aplikasi yang dibuat:      Demo:
Read more

Latihan 4 Membuat Aplikasi PhotoLab dengan Universal Windows Platform

Image
 Nama: Vito Febrian Ananta NRP: 5025211224 Kelas: Pemrograman Berbasis Kerangka Kerja (B) Tahun: 2023 Aplikasi PhotoLab Saya membuat sebuah aplikasi photolab menggunakan Visual Studio 2022 dengan template Universal Windows Platform dengan bahasa pemrograman XAML dan C# dan. Aplikasi ini akan memiliki beberapa fitur utama yaitu menampilkan gambar-gambar (collection), menampilkan satu gambar (Detail), fitur zoom pada kedua layout tersbut serta gambar editor pada layout detail. Berikut beberapa gambar dari aplikasi yang dibuat: Demo: Collection with zoom feature (responsive) Detail with editor feature Source code:  vitoananta/pbkk-b-2023-photolab (github.com)
Read more

Latihan Pengenalan Framework CodeIgniter

Image
 Nama: Vito Febrian Ananta NRP: 5025211224 Kelas: Pemrograman Berbasis Kerangka Kerja (B) Tahun: 2023 Web JustHelloWorld Situs web ini dikembangkan dengan menggunakan framework CodeIgniter, sebuah kerangka kerja perangkat lunak yang kuat dan efisien untuk membangun aplikasi web. Saya memilih CodeIgniter karena kemampuannya yang tangguh dalam mengelola struktur proyek secara teratur dan menawarkan fleksibilitas dalam pengembangan. CodeIgniter adalah sebuah framework PHP yang ringan namun kuat, didesain untuk memudahkan pembuatan aplikasi web. Dengan fitur-fitur seperti manajemen database yang intuitif, sistem routing yang efisien, serta koleksi pustaka yang lengkap, CodeIgniter memungkinkan saya untuk dengan cepat mengembangkan situs web ini tanpa kehilangan kehandalan. Dalam proyek ini, saya mengadaptasi penggunaan framework CodeIgniter dengan melakukan penyesuaian pada routing dasar untuk halaman utama, serta membuat tampilan baru. Penggunaan yang terfokus pada penyesuaian routing...
Read more