Wednesday, September 29, 2021

Mengirimkan Data ke Spreadsheet dengan App Inventor

Halo sobat semuanya semoga kalian selalu dalam keadaan sehat ya... Pada kesempatan kali ini saya kepengin menulis sedikit tutorial tentang mengirim data ke Spreadsheet menggunakan App Inventor. Berikut adalah langkah-langkahnya:

1. Buatlah nama untuk aplikasi yang akan di buat pada App Inventor misal "kirim_spreadsheet" kemudian klik tombol OK, maka akan masuk ke halaman desaign.


2. Pada menu user interface pilih 2 text box dan 1 button, kemudian susun agar seperti gambar di bawah ini:

3. Buatlah daftar menu kolom pada Spreadsheet, seperti gambar di bawah ini:

4. Buatlah script untuk menghubungkan antara App Inventor ke Spreadsheet, dengan cara: masuk ke Google Drive - New - More - Google App Script seperti gambar di bawah ini:
5. Kemudian salin Script berikut ke halaman Google Script

function doGet(e){

  var ss = SpreadsheetApp.openByUrl("alamat URL Google SpreadShee");

  //Give your Sheet name here

  var sheet = ss.getSheetByName("Sheet1");

   insert(e,sheet);

 }

 function doPost(e){

  var ss = SpreadsheetApp.openByUrl("alamat URL Google SpreadShee");

  //Give your Sheet name here

  var sheet = ss.getSheetByName("Sheet1");

   insert(e,sheet);

 }

 function insert(e,sheet){

  var ss = SpreadsheetApp.openByUrl("alamat URL Google SpreadSheet");

  //Give your Sheet name here

  var sheet = ss.getSheetByName("Sheet1");

   // reciving scanned data from client i.e android app

  var nama = e.parameter.nama;

  var alamat  = e.parameter.alamat;

   sheet.appendRow([nama,alamat]);

 }

maka akan seperti gambar di bawah ini:

6. Masih di halaman Google Script klik menu Publikasikan - Terapkan sebagai aplikasi web, seperti gambar di bawah ini:

7. Kemudian seting seperti gambar di bawah ini: kemudian klik tombol Deploy

8. Selanjutnya akan muncul kotak dialog seperti gambar di bawah ini, pilih Review Permissions


9. Kemudian klik tombol lanjutkan


10. Klik izinkan


11. Kemudian akan muncul kotak dialog seperti di bawah ini, kemudian copy alamat link yang tertera pada kotak dialog tersebut, kemudian tempel pada blok App Invertor


12. Kemudian buatlah block pada App Inventor seperti gambar di bawah ini:

Selamat mencoba semoga berhasil




 



1 komentar so far


EmoticonEmoticon