13
1 Komunitas eLearning IlmuKomputer.Com Copyright © 2003-2007 IlmuKomputer.Com M M e e m m b b u u a a t t A A p p l l i i k k a a s s i i I I n n p p u u t t D D a a t t a a d d e e n n g g a a n n m m e e n n g g g g u u n n a a k k a a n n A A p p p p s s h h e e e e t t Dheli Ofarimawan Pratomo [email protected] Terdapat beberapa program yang dapat digunakan untuk membuat penginputan data, namun ada banyak program membutuhkan pengetahuan koding, sehingga menggunakan koding bagi pemula cukup kesulitan dalam proses membuatan program. AppSheet dapat digunakan untuk membuat platform perangkat lunak aplikasi yang dikembangkan tanpa menggunakan kode, sehingga dalam lebih sederhana dalam pengunaannya. Cara kerja apsheet yaitu dengan menghubungkan Spreadsheet menjadi sebuah aplikasi, aplikasi juga dapat digunakan di ponsel baik online maupun offline, pengunaan nya secara gratis dapat digunakan untuk maksimal 10 user, namun jika ingin digunakan lebih dari 10 orang dapat mendeploy aplikasi tersebut. Dalam hal ini yang akan dibuat adalah program input data kegiatan pegawai, salah satu pemanfaatannya dapat dilakukan ketika diberlakukan kegiatan workfromhome sehingga perlu dipantau kegiatan pegawai dengan cara pegawai melaporkan kegiatan menggunakan sebuah aplikasi, pada aplikasi input data tersebut akan dibuat beberapa tampilan yang difungsikan untuk memudahkan dalam memonitor kegiatan pegawai. Lisensi Dokumen: Copyright © 2003-2007 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com.

MMeemmbbuuaatt AApplliikkaassii IInnppuutt DDaattaa ......Jika tampilan sudah sesuai maka klik save dan share link ke user untuk melakukan input data, install link digunakan untuk

  • Upload
    others

  • View
    8

  • Download
    0

Embed Size (px)

Citation preview

Page 1: MMeemmbbuuaatt AApplliikkaassii IInnppuutt DDaattaa ......Jika tampilan sudah sesuai maka klik save dan share link ke user untuk melakukan input data, install link digunakan untuk

1

Komunitas eLearning IlmuKomputer.Com

Copyright © 2003-2007 IlmuKomputer.Com

MMeemmbbuuaatt AApplliikkaassii IInnppuutt DDaattaa ddeennggaann

mmeenngggguunnaakkaann AAppppsshheeeett

Dheli Ofarimawan Pratomo

[email protected]

Terdapat beberapa program yang dapat digunakan untuk membuat penginputan data, namun ada

banyak program membutuhkan pengetahuan koding, sehingga menggunakan koding bagi

pemula cukup kesulitan dalam proses membuatan program. AppSheet dapat digunakan untuk

membuat platform perangkat lunak aplikasi yang dikembangkan tanpa menggunakan kode,

sehingga dalam lebih sederhana dalam pengunaannya.

Cara kerja apsheet yaitu dengan menghubungkan Spreadsheet menjadi sebuah aplikasi, aplikasi

juga dapat digunakan di ponsel baik online maupun offline, pengunaan nya secara gratis dapat

digunakan untuk maksimal 10 user, namun jika ingin digunakan lebih dari 10 orang dapat

mendeploy aplikasi tersebut.

Dalam hal ini yang akan dibuat adalah program input data kegiatan pegawai, salah satu

pemanfaatannya dapat dilakukan ketika diberlakukan kegiatan workfromhome sehingga perlu

dipantau kegiatan pegawai dengan cara pegawai melaporkan kegiatan menggunakan sebuah

aplikasi, pada aplikasi input data tersebut akan dibuat beberapa tampilan yang difungsikan

untuk memudahkan dalam memonitor kegiatan pegawai.

Lisensi Dokumen:

Copyright © 2003-2007 IlmuKomputer.Com

Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan

secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau

merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen.

Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu

dari IlmuKomputer.Com.

Page 2: MMeemmbbuuaatt AApplliikkaassii IInnppuutt DDaattaa ......Jika tampilan sudah sesuai maka klik save dan share link ke user untuk melakukan input data, install link digunakan untuk

2

Komunitas eLearning IlmuKomputer.Com

Copyright © 2003-2007 IlmuKomputer.Com

Langkah – Langkah yang dilakukan adalah sebagai berikut :

1. Menyiapkan data set dalam bentuk spreadsheet, dan membuat contoh nya sebanyak

minimal 3 baris pada spreadsheet seperti pada Gambar 1. Contoh set Data kegiatan

pegawai, spreadsheet tersebut terdiri dari 10 kolom.

Gambar 1. Contoh set Data kegiatan pegawai

2. Melakukan upload file spreadsheet kedalam google drive, seperti pada Gambar 2.

Upload File Spreedsheet

Gambar 2. Upload File Spreedsheet

Page 3: MMeemmbbuuaatt AApplliikkaassii IInnppuutt DDaattaa ......Jika tampilan sudah sesuai maka klik save dan share link ke user untuk melakukan input data, install link digunakan untuk

3

Komunitas eLearning IlmuKomputer.Com

Copyright © 2003-2007 IlmuKomputer.Com

3. Membuat akun pada https://www.appsheet.com, selanjutnya sign in hubungan dengan

akun google drive apabila sudah tersambung, lakukan klik make a new app sesuai pada

Gambar 3. Membuat aplikasi baru

Gambar 3. Membuat aplikasi baru

4. Akan terdapat 3 pilihan, dalam membuat aplikasi 1. Start with your data 2. Start with an

idea 3. Start with a sampel app, lalu klik start with your data (membuat aplikasi

menggunakan data speedsheet yang sudah dibuat) seperti pada Gambar 4. 3 Pilihan

Pembuatan Aplikasi

Gambar 4. 3 Pilihan Pembuatan Aplikasi

Page 4: MMeemmbbuuaatt AApplliikkaassii IInnppuutt DDaattaa ......Jika tampilan sudah sesuai maka klik save dan share link ke user untuk melakukan input data, install link digunakan untuk

4

Komunitas eLearning IlmuKomputer.Com

Copyright © 2003-2007 IlmuKomputer.Com

5. Memberi nama aplikasi sesuai pada Gambar 5. lalu mengupload data set yang telah

dibuat pada tahap 1.

Gambar 5. Memberi Nama aplikasi

6. Setelah masuk ke dalam menu appsheet, isi kolom deskripsi untuk pada menu

dashboard dan properties sesuai dengan maksud dan tujuan pembuatan aplikasi seperti

pada Gambar 6. Menu Pengaturan Appsheet

Gambar 6. Menu Pengaturan Appsheet

Page 5: MMeemmbbuuaatt AApplliikkaassii IInnppuutt DDaattaa ......Jika tampilan sudah sesuai maka klik save dan share link ke user untuk melakukan input data, install link digunakan untuk

5

Komunitas eLearning IlmuKomputer.Com

Copyright © 2003-2007 IlmuKomputer.Com

7. Setelah mengisi deskripsi aplikasi, langkah selanjutnya adalah menyesuaikan type data

sesuai dengan data yang ingin di inputkan, ada beberapa jenis dan type namun pada

umumnya yang digunakan adalah 1. Long text digunakan untuk input text dengan

karakter yang cukup panjang, 2. Text digunakan untuk input dengan text sedikit 3.

Enum list digunakan untuk membuat beberapa pilihan jawaban 4. Signature untuk input

tanda tangan 5. Latlong untuk input koordinat 6. File untuk upload file. setelah selesai

maka perlu dilakukan pengaturan pada menu show (ditampilkan pada proses input)

editable (dapat di edit) dan require(wajib di isi) seperti contoh pada Gambar 7.

Menyesuaian type data

Gambar 7. Menyesuaian type data

Page 6: MMeemmbbuuaatt AApplliikkaassii IInnppuutt DDaattaa ......Jika tampilan sudah sesuai maka klik save dan share link ke user untuk melakukan input data, install link digunakan untuk

6

Komunitas eLearning IlmuKomputer.Com

Copyright © 2003-2007 IlmuKomputer.Com

8. Setelah mengisi type data selanjutnya yaitu mengatur user experience yaitu tampilan

visual dalam aplikasi yang akan dibuat, tampilan visual dapat disesuaikan dengan

kebutuhan, disini digunakan 2 tambahan visual yaitu histogram dan maps, cara

menambahkannya histogram dengan melakukan klik pada add new view dan memilih

histogram lalu pilih agregat sesuai kebutuhan dan data yang akan ditampilkan pada

histogram, selanjutnya untuk menambahkan tampilan visual maps melakukan klik pada

add new view lalu pilih data kolom maps yang akan ditampilkan seperti pada Gambar 8.

Mengatur user experience

Gambar 8. Mengatur user experience

Page 7: MMeemmbbuuaatt AApplliikkaassii IInnppuutt DDaattaa ......Jika tampilan sudah sesuai maka klik save dan share link ke user untuk melakukan input data, install link digunakan untuk

7

Komunitas eLearning IlmuKomputer.Com

Copyright © 2003-2007 IlmuKomputer.Com

9. Setelah mengisi user experience selanjutnya yaitu melakukan action pada data yang

nantiny sudah di input, ada beberapa pilihan namun umumnya digunakan yaitu

mengirim file melalui email, mengirim dalam bentuk sms, melihat tampilan lainnya

maupun mengedit file tersebut seperti pada Gambar 9. Membuat action aplikasi

Gambar 9. Melakukan action aplikasi

10. Langkah selanjutnya yaitu mengatur user yang ingin login, aktifkan pilih require signin

dan pilih aunthenticatuon provider untuk memanagement user yang menginput data

seperti pada Gambar 10. Pengaturan login user, Menu tersebut juga dapat di

nonaktifkan

Page 8: MMeemmbbuuaatt AApplliikkaassii IInnppuutt DDaattaa ......Jika tampilan sudah sesuai maka klik save dan share link ke user untuk melakukan input data, install link digunakan untuk

8

Komunitas eLearning IlmuKomputer.Com

Copyright © 2003-2007 IlmuKomputer.Com

Gambar 10. Pengaturan login user

11. Jika seluruh langkah tersebut sudah disesuaikan dengan kebutuhan data maka klik save

di pojok kanan atas. Selanjutnya cek kembali melihat apakah aplikasi yang dibuat sudah

berjalan sesuai dengan fungsinya atau belum dengan melakukan klik pada tanda arah ke

kanan. Dapat terlihat 3 menu pada aplikasi yaitu 1. Maps untuk mengetahui lokasi

pegawai seperti pada Gambar 11. Tampilan maps 2. Input data kegiatan wfh untuk

menginput data kegiatan seperti pada Gambar 12. Tampilan Input data 3. Kalendar

untuk mengetahui kegiatan perhari seperti pada Gambar 13. Kalender kegiatan 4.

Histogram untuk mengetahui berapa jumlah user yang melakukan input data seperti

pada Gambar 14. Tampilan Histogram

Gambar 11. Tampilan maps

Page 9: MMeemmbbuuaatt AApplliikkaassii IInnppuutt DDaattaa ......Jika tampilan sudah sesuai maka klik save dan share link ke user untuk melakukan input data, install link digunakan untuk

9

Komunitas eLearning IlmuKomputer.Com

Copyright © 2003-2007 IlmuKomputer.Com

Gambar 12. Tampilan Input data

Gambar 13. Kalender kegiatan

Page 10: MMeemmbbuuaatt AApplliikkaassii IInnppuutt DDaattaa ......Jika tampilan sudah sesuai maka klik save dan share link ke user untuk melakukan input data, install link digunakan untuk

10

Komunitas eLearning IlmuKomputer.Com

Copyright © 2003-2007 IlmuKomputer.Com

Gambar 14. Tampilan Histogram

12. Jika tampilan sudah sesuai maka klik save dan share link ke user untuk melakukan input

data, install link digunakan untuk menginstal aplikasi di android sementara browser link

digunakan untuk mengisi dengan menggunakan browser, link ditunjukan pada Gambar

15. Link instalasi dan browser

Gambar 15. Link instalasi dan browser

Page 11: MMeemmbbuuaatt AApplliikkaassii IInnppuutt DDaattaa ......Jika tampilan sudah sesuai maka klik save dan share link ke user untuk melakukan input data, install link digunakan untuk

11

Komunitas eLearning IlmuKomputer.Com

Copyright © 2003-2007 IlmuKomputer.Com

13. Berikut ini merupakan tampilan pada browser, langkah pengisian sesuai masing masing

user lalu klik save. Seperti pada Gambar 16. Tampilan input data di browser, selain itu

user juga dapat melihat kegiatan, maps dan histogram seperti pada Gambar 17.

Tampilan user Demikian juga berlaku untuk pada android yang telah terinstalasi.

Gambar 16. Tampilan input data di browser

Gambar 17. Tampilan user

Page 12: MMeemmbbuuaatt AApplliikkaassii IInnppuutt DDaattaa ......Jika tampilan sudah sesuai maka klik save dan share link ke user untuk melakukan input data, install link digunakan untuk

12

Komunitas eLearning IlmuKomputer.Com

Copyright © 2003-2007 IlmuKomputer.Com

Sumber :

https://www.appsheet.com

Page 13: MMeemmbbuuaatt AApplliikkaassii IInnppuutt DDaattaa ......Jika tampilan sudah sesuai maka klik save dan share link ke user untuk melakukan input data, install link digunakan untuk

13

Komunitas eLearning IlmuKomputer.Com

Copyright © 2003-2007 IlmuKomputer.Com

Biografi Penulis

Dheli Ofarimawan. Menyelesaikan S1 di Program Studi Statistika,

Universitas Brawijaya, Malang. Statistisi di Balai Penelitian dan

Pengembangan Kesehatan Baturaja, Kementerian Kesehatan RI.