JP018 Membuat CRUD Data Menggunakan Web Google AppScript

LIVE
JP018 Membuat CRUD Data Menggunakan Web Google AppScript
Jika Merasa Layar Kurang Besar,
Tekan Tombol Ctrl dan + pada Keyboard secara Bersama-sama


Membuat CRUD Data Menggunakan Web Google AppScript

1. Buatlah Spreadsheet Data

(Bisa copy Spreadsheet Disini)

2. Pada Spreadsheet di atas ada beberapa kolom yang sudah terisi judul yang akan diinput, dan ada 2 sheet yaitu sheet "Data" dan sheet "Provinsi"


3. Buatlah lembar kerja AppScript dengan cara klik menu "Ektensi" lalu pilih "AppScript".


4. Buatlah file dengan klik tanda "+", pastikan file sama persis dan berurutan dengan gambar dibawah ini.
Code.gs
Index.html
JavaScript.html
Form.html
CSS.html
DataTable.html


5. Copy dan pastekan script dibawah ini ke "Code.gs".

6. Sesuaikan ID Spreadsheet dan Data Range dengan spreadsheet kalian.

.
7. Copy dan pastekan script dibawah ini ke "Index.html".

8. Copy dan pastekan script dibawah ini ke "JavaScript.html".

9. Copy dan pastekan script dibawah ini ke "Form.html".

10. Copy dan pastekan script dibawah ini ke "CSS.html".

11. Copy dan pastekan script dibawah ini ke "DataTable.html".

12 Tambahkan API Sheet, caranya klik tanda "+" pada Layanan. Scroll kebawah cari "Google Sheet API" klik Tambahkan



13. Klik "Save" , lalu klik "Deploy" pilih "New Deployment".


14. Pastikan type "Web app" dan akses "Anyone". Lalu klik Deploy.


15. Selesai


NB. 
Silahkan tonton tutorial video, cara untuk menambahkan kolom atau isian baru.

No comments

Powered by Blogger.