APLIKASI ABSENSI ONLINE TANPA KODING

Sebelum kita membuat aplikasi absensi online, ada beberapa yang harus disiapkan yaitu email yang akan digunakan sebagai akun untuk membuat Google Spreadsheet pada Google Drive, serta akun untuk merancang aplikasinya di AppSheet. Agar proses pembuatan aplikasi absensi online berjalan lancar, maka disarankan untuk menggunakan email yang sama pada kedua layanan tersebut.

  • Pembuatan Google Spreadsheet

Google Spreadsheet pada kesempatan ini disebut sebagai Database, yaitu tempat untuk menyimpan data. Agar datanya terorganisir atau tersusun rapi, maka didalamnya terdapat Sheet yang pada kesempatan ini disebut Tabel. Adapun langkahnya sebagai berikut:

  1. Klik
  2. Kemudian pilih Google Spreadsheet, pilih Spreadsheet Kosong, seperti gambar dibawah:
  1. Maka akan terbuka jendela baru Spreadsheet, tambahkan beberapa keterangan pada kolom seperti gambar dibawah:

 

  • Pembuatan Aplikasi Absensi

Agar absensi online dapat digunakan dengan nyaman, maka kita harus membuat tampilan atau antarmuka yang mudah digunakan (user friendly). Adapun langkahnya sebagai berikut:

Pembuatan Akun AppSheet

  1. Tambahkan Tab baru pada Browser (Chrome)
  2. Kemudian ketik http://appsheet.com
  3. Klik Star For Free
  4. Kemudian pilih Google Sheets and Forms

5. Kemudian tentukan email (Login) yang akan digunakan sebagai akun Appsheet.

6. Berikan izin Apsheet untuk mengakses akun Google kita, dengan klik tombol Izinkan dibagian kanan bawah.

 

Pembuatan Antarmuka

  1. Pada laman akun Appsheet, pilih + New app

  1. Karena kita sudah memiliki Google Spreadsheet/Database, maka pilih Start with your own data

  1. Kemudian tentukan nama aplikasi dan kategorinya, seperti gambar dibawah. Dan klik Next step choose your data untuk melanjutkan proses berikutnya.

  1. Pilih Spreadsheet/Database yang telah dibuat sebelumnya, yaitu ABSENSI, klik tombol Select di kiri bawah, maka akan muncul seperti gambar dibawah, tunggu hingga proses setting selesai.

  1. Setelah proses setting selesai, maka akan muncul lingkungan pengembangan terpadu atau sering disebut Integrated Development Environment (IDE) seperti gambar dibawah.

  1. Pada Langkah diatas, aplikasi absensi sudah dapat di uji, caranya dengan klik , maka akan muncul tamppilan seperti gambar dibawah, dan kita dapat merubahnya sesuai dengan kebutuhan.

Berbagi Aplikasi

Agar aplikasi yang kita buat dapat digunakan orang lain, maka kita dapat memberikannya dalam bentuk link aplikasi kita. Adapun langkahnya sebagai berikut:

  1. Pada jendela Integrated Development Environment (IDE) pilih menu Share App pada kiri atas.
  2. Kemudian klik tab Links.
  3. Copy semua isi yang ada pada kotak Browser Link.
  4. Berikan link tersebut kepada yang dituju melalui website atau media social.

  1. Pengaturan Keamanan

Aplikasi Absensi yang kita buat dapat atur penggunaanya, pertama adalah pengguna yang akan menggunakan aplikasi absensi harus login menggunakan email Gmail. Yang kedua adalah pengguna dapat menggunakan aplikasi tanpa harus login ke Gmail. Adapun caranya sebagai berikut:

  1. Pada jendela Integrated Development Environment (IDE) pilih menu Security pada bagian kiri tengah.
  2. Pada tab Require Sign-in
  3. Jika pengguna harus login untuk menggunakan aplikasi ini, maka harus ON
  4. Jika pengguna dapat menggunakan aplikasi tanpa login, maka ubah menjadi OFF dengan klik pada tombol ON
  5. Simpan semua perubahan yang dilakukan dengan cara, klik panah pada menu SAVE kanan atas, kemudian pilih Save & verify Data

Mungkin Anda juga menyukai