Tugas 10 : Create Form App using Google Framework

By

Pemrograman Berbasis Kerangka Kerja

Latihan 10 - Simple Form App (Google Framework)

04/12/2023


Halo semua! Pada kesempatan kali ini saya ingin berbagi pengalaman tentang membuat proyek Website Form sederhana menggunakan Google Framework dan dengan bantuan App Scripts pada Spreadsheet. Proyek ini sebagai langkah awal untuk mempelajari konsep Sending Data dari Form menuju ke Spreadsheet secara otomatis. Tujuannya adalah menciptakan platform yang mudah digunakan untuk kebutuhan registrasi user atau pengguna dengan mudah dalam hal apapun.


Berikut sekilas dokumentasi hasil dari pengerjaan proyek tersebut :

User Interface Form

Membuat Spreadsheet


Atur di Extensions > Apps Script, dan masukkan kode berikut:

Lalu Deploy dengan type Web App, execute as Your Gmail, visible/access Anyone. Jika berhasil seperti berikut

Copy URL Web App dan paste pada Action Form dan juga pada Script.js

Berikut tampilan ketika Form diisi

Alert ketika berhasil Submit

Hasil pada Spreadsheet

Hasil beberapa Input

Demikianlah sekilas tentang proyek Form App yang telah saya bangun dengan menggunakan Google Framework dan App Scripts pada Spreadsheet.


Anda dapat kunjungi beberapa Link penting berikut: 

GitHub : https://github.com/rafifiaan/FormApp-GoogleFW

Deployment : https://rafifiaan.github.io/FormApp-GoogleFW

Spreadsheet : Hasil


Sekian, Terima kasih! 😊

Comments

Post a Comment

Popular posts from this blog

Final Project PBKK (A)

By
Image
 Pemrograman Berbasis Kerangka Kerja Final Project - Kelas (A) 11/12/2023 Judul Project / App :   BukuPedia Paper Referensi :  Jurnal Paper 1. Buatlah deskripsi studi kasus aplikasi ditinjau dari MVC nya! Aplikasi BukuPedia yang merupakan aplikasi penjualan buku, menggunakan pendekatan Model-View-Controller (MVC) . Dalam konteks penjualan buku, komponen-komponen inti MVC dapat disesuaikan seperti ini: ---Model (M) Dalam konteks BukuPedia, Model akan bertanggung jawab atas pengelolaan data terkait buku, transaksi penjualan, dan informasi pengguna. Contoh model yang mungkin ada: Buku: Memiliki fungsi-fungsi untuk mengakses, memperbarui, atau menghapus informasi buku dari database. Ini termasuk validasi data buku sebelum dimasukkan ke dalam sistem. Transaksi: Menangani informasi terkait transaksi penjualan buku, termasuk pembayaran, status pengiriman, dan riwayat transaksi
Read More →

Quiz 2 PBKK (A)

By
Image
    Pemrograman Berbasis Kerangka Kerja Quiz 2 - Kelas (A) 27/11/2023 Soal Sebuah jaringan bioskop memerlukan aplikasi penjualan tiket bioskop. Aplikasi tiket bioskop ini diharapkan dapat memudahkan pengguna dalam memesan tiket secara online, melihat jadwal film, memilih tempat duduk, dan melakukan pembayaran dengan lancar. Buatlah Aplikasi Tiket Bioskop dengan menggunakan Framework Codeigniter! 1. Deskripsi Aplikasi dan Ruang Lingkup Fitur Aplikasi Cinemax  merupakan sebuah platform digital yang mengubah cara orang memesan tiket bioskop. Aplikasi ini dirancang untuk memberikan kenyamanan, efisiensi, dan kemudahan dalam memesan tiket tanpa harus mengantri panjang di loket fisik. Fitur-fitur dalam aplikasi ini antara lain: - Pencarian Film:  Memungkinkan pengguna untuk mencari film yang sedang tayang atau akan tayang. - Informasi Film : Menampilkan informasi lengkap tentang film,
Read More →

Tugas 7 : View of PPDB Page with Codeigniter 4

By
Image
  Pemrograman Berbasis Kerangka Kerja Latihan 7 - View with Codeigniter 4 (Create UI View of PPDB Page) 06/11/2023           Halo semua! pada kesempatan kali ini, saya ingin membagikan pengalaman dalam membuat Project UI View of PPDB Page menggunakan Codeigniter 4 . CodeIgniter merupakan framework PHP open-source yang ringan dan memungkinkan pengembangan aplikasi web dengan cepat berkat dukungan library yang beragam. Versi terbaru, CodeIgniter 4, hanya mendukung PHP 7.3 ke atas dan masih mengikuti konsep Model-View-Controller (MVC) dengan antarmuka dan struktur proyek yang sederhana, memungkinkan penulisan kode yang konsisten dan terstruktur. Kecepatan performa dan konfigurasi minim membuatnya populer di kalangan Web Developer . Berikut langkah-langkah yang saya lakukan dalam membuat UI View of   PPDB Page  :           1. Install Codeigniter 4 using Composer (Create Folder) Dengan syarat  Composer
Read More →