LAPORAN TUGAS AKHIR:

APLIKASI ABSENSI SISWA SMADA SMART DENGAN

QR-CODE MENGGUNAKAN DATABASE SPREADSHEET KODULAR

SALWA NUR RAMADHANI

NIS 7305

PEMBIMBING:
NUR ALI, S.Kom (Pembimbing 1)
MIMIK YUNIARTI, M.Pd (Pembimbing 2)

KERJASAMA
SMA Negeri 2 Probolinggo dan Institut Teknologi Sepuluh Nopember

PROGRAM TERAPAN
BIDANG TEKNOLOGI INFORMASI DAN KOMUNIKASI (PRODISTIK)

Probolinggo

2022
LAPORAN TUGAS AKHIR:
APLIKASI ABSENSI SISWA SMADA SMART DENGAN
QR-CODE MENGGUNAKAN DATABASE SPREADSHEET KODULAR

SALWA NUR RAMADHANI

NIS 7305

PEMBIMBING:
NUR ALI, S.Kom (Pembimbing 1)
MIMIK YUNIARTI, M.Pd (Pembimbing 2)

KERJASAMA
SMA Negeri 2 Probolinggo dan Institut Teknologi Sepuluh Nopember

PROGRAM TERAPAN
BIDANG TEKNOLOGI INFORMASI DAN KOMUNIKASI (PRODISTIK)

Probolinggo

2022
 LEMBAR PERSETUJUAN

APLIKASI ABSENSI SISWA SMADA SMART DENGAN

QR-CODE MENGGUNAKAN DATABASE SPREADSHEET KODULAR

Laporan Tugas Akhir ini

Diajukan sebagai syarat untuk memperoleh sertifikat Program Terapan Bidang Teknologi Informasi
dan Komunikasi
(PRODISTIK)
Kerja sama:
SMA Negeri 2 Probolinggo
&
Institut Teknologi Sepuluh Nopember (ITS)

Oleh :
SALWA NUR RAMADHANI
NIS 7305
Disetujui oleh Pembimbing Tugas Akhir :
1. NUR ALI, S.Kom ( )
2. MIMIK YUNIARTI, M.Pd ( )

Disetujui oleh Penguji Tugas Akhir :

1. Drs. BAMBANG SUWIGNYO ( )
2. ERYNA DWI ASTUTI, S.Pd ( )

ii
 LEMBAR PENGESAHAN

APLIKASI ABSENSI SISWA SMADA SMART DENGAN

QR-CODE MENGGUNAKAN DATABASE SPREADSHEET KODULAR

Laporan Tugas Akhir Ini

Diajukan sebagai syarat untuk memperoleh sertifikat Program Pendidikan Terapan Bidang Teknologi
Informasi dan Komunikasi
(PRODISTIK)

Kerjasama :
SMA Negeri 2 Probolinggo
&
Institut Teknologi Sepuluh November Surabaya (ITS)

Oleh:
SALWA NUR RAMADHANI
NIS 7305

Disahkan oleh :

Ketua Prodistik Kepala SMA Negeri 2 Probolinggo

SMA Negeri 2 Probolinggo

Rachmat Saifudin, S.Pd. Dra. ERNI PRASETYAWATI,M.Pd.

NIP. 198911132014021001 NIP. 1967102819951220

iii
 APLIKASI ABSENSI SISWA SMADA SMART DENGAN
QR-CODE MENGGUNAKAN DATABASE SPREADSHEET KODULAR

Salwa Nur Ramadhani1, Nur Ali, S.Kom2, Mimik Yuniarti, M.Pd.3,

Jurusan MIPA, SMA Negeri 2 Probolinggo
Jl. Ki Hajar Dewantara 1 Probolinggo, Telp/Fax : (0335) 423196, Email : sman2-pbl@yahoo.co.id

Abstrak
Pada era revolusi industri 4.0 yang dikenal dengan abad keterbukaan dan globalisasi. Pada
masa ini ditandai dengan pesatnya kemajuan Teknologi Informasi dan Komunikasi (TIK) dalam
berbagai bidang kehidupan. Dengan hadirnya perangkat-perangkat baru hardware dan software yang
semakin canggih menuntut manusia supaya dapat membuat berbagai macam peralatan sebagai alat
bantu dalam menjalankan berbagai aktivitas untuk mendukung produktifitas salah satunya untuk
mendukung proses pembelajaran daring dengan membuat aplikasi absensi siswa berbasis android.
Absensi sendiri adalah sebuah kegiatan pengambilan data guna mengetahui jumlah kehadiran pada
suatu pelajaran, setiap kegiatan yang membutuhkan informasi mengenai siswa tentu akan melakukan
absensi. Pembuatan laporan tugas akhir ini bertujuan untuk mengetahui langkah-langkah membuat
aplikasi Absensi Siswa SMADA SMART dengan QR-CODE Menggunakan Database Spreadsheet
Kodular. Pembuatan laporan tugas akhir ini bertujuan untuk mengetahui hasil aplikasi Absensi Siswa
SMADA SMART dengan QR-CODE Menggunakan Database Spreadsheet Kodular sebagai media
absensi. Setelah melalui proses yang sesuai dengan perencanaan dan langkah-langkah pada
perencanaan serta melalui beberapa kali uji coba aplikasi di Kodular Companion agar bisa berjalan
dan digunakan oleh siswa SMADA, sehingga dihasilkan aplikasi absensi berbasis android dengan
QR-CODE guna mendukung pembelajaran daring agar para siswa bisa melakukan absensi secara
online serta lebih praktis dan guru lebih mudah untuk melakukan rekapitulasi data absensi siswa.

Kata Kunci : Aplikasi absensi, Absensi Siswa SMADA SMART dengan QR-CODE Menggunakan
Database Spreadsheet Kodular

iv
 KATA PENGANTAR

Puji syukur penulis sampaikan kehadirat Tuhan Yang Maha Esa, karena atas segala rahmat
dan hidayah-Nya penulis dapat menyelesaikan Laporan Tugas Akhir ini. Laporan Tugas Akhir ini
disusun untuk memenuhi salah satu syarat untuk memperoleh Sertifikat Pogram Terapan Bidang
Teknologi Informasi dan Komunikasi (Prodistik) ITS di SMA Negeri 2 Probolinggo. Penyusunan
Laporan Tugas Akhir ini tidak lepas dari bimbingan dan bantuan dari berbagai pihak, oleh karena itu
penulis menyampaikan banyak terima kasih utamanya kepada:
1. Ibu Dra. Erni Prasetyawati,M.Pd. Sebagai Kepala SMA Negeri 2 Probolinggo;
2. Ibu Dr. Dra. Ismaini Zain,M.Si. Sebagai Ketua Pengelola Prodistik ITS;
3. Bapak Nur Ali, S.Kom , selaku Guru Pembimbing I;
4. Ibu Mimik Yuniarti, M.Pd. selaku Guru Pembimbing II;
5. Bapak/Ibu Guru dan segenap civitas akademika yang telah membantu penyusunan Laporan Tugas
Akhir, yang juga telah memberikan inspirasi maupun motivasi dalam menyelesaikan penulisan
Laporan Tugas Akhir ini.
Semoga Tuhan Yang Maha Esa memberikan balasan atas jasa jasa mereka yang telah
membantu dan membimbing dalam menyelesaikan Laporan Tugas Akhir ini. Jika dalam Laporan
Tugas Akhir terdapat kekurangan, maka kritik dan saran yang konstruktif sangat penulis harapkan.
Akhir kata, penulis berharap Laporan Tugas Akhir ini memberikan manfaat dan tambahan ilmu bagi
para pembaca.

Probolinggo, Januari 2022

Penulis

v
 DAFTAR ISI

LEMBAR PERSETUJUAN .................................................................................................................... ii

LEMBAR PENGESAHAN .................................................................................................................... iii
Abstrak ................................................................................................................................................ iv
KATA PENGANTAR ............................................................................................................................. v
DAFTAR ISI ........................................................................................................................................... vi
DAFTAR TABEL .................................................................................................................................. vii
DAFTAR GAMBAR ............................................................................................................................ viii
DAFTAR DIAGRAM............................................................................................................................. ix
BAB I PENDAHULUAN ........................................................................................................................ 1
1.1 Latar Belakang .............................................................................................................................. 1
1.2 Rumusan Masalah ......................................................................................................................... 2
1.3 Tujuan dan Manfaat Penulisan...................................................................................................... 2
1.3.1. Tujuan Penulisan ............................................................................................................................ 2
1.3.2. Manfaat Penulisan ......................................................................................................................... 2
BAB II PERENCANAAN DAN PERANCANGAN .............................................................................. 3
2.1 Hardware ........................................................................................................................................ 3
2.1.2. Spesifikasi yang digunakan Kodular.............................................................................................. 3
2.2 Software ......................................................................................................................................... 3
2.2.1 Kelebihan Kodular dan Google Spreadsheet .................................................................................. 3
2.2.2 Interface .......................................................................................................................................... 4
2.3 Alur Diagram ................................................................................................................................ 5
BAB III PEMBAHASAN ........................................................................................................................ 6
3.1 Langkah – Langkah Membuat Aplikasi Absensi Siswa SMADA SMART dengan QR-CODE
Menggunakan Database Spreadsheet Kodular.................................................................................... 6
3.2 Hasil Uji Aplikasi Absensi Oleh Siswa SMADA ............................................................................ 19
BAB IV PENUTUP ............................................................................................................................... 20
4.1 Kesimpulan .................................................................................................................................. 20
4.2 Saran............................................................................................................................................. 20
DAFTAR PUSTAKA ............................................................................................................................ 21
BIOGRAFI PENULIS ........................................................................................................................... 22

vi
 DAFTAR TABEL
Tabel 2.1 Spesifikasi Hardware Menjalankan Kodular ........................................................................... 3
Tabel 2.2 Penggunaan Software............................................................................................................... 3
Tabel 2.3 Nama Bagian Interface pada Kodular ...................................................................................... 5

vii
 DAFTAR GAMBAR
Gambar 2.1.1 Interface Pada Kodular...................................................................................................... 4
Gambar 3.1.1 Menu Utama Kodular........................................................................................................ 7
Gambar 3.1.2 Halaman Kreator Kodular ................................................................................................. 7
Gambar 3.1.3 Nama Project Baru Kodular .............................................................................................. 7
Gambar 3.1.4 Tampilan Halaman Desain Kodular .................................................................................. 8
Gambar 3.1.5 Membuat Desain Pada Screen 1........................................................................................ 8
Gambar 3.1.6 Membuat Desain Pada Screen 2........................................................................................ 8
Gambar 3.1.7 Membuat Desain Pada Screen 3........................................................................................ 8
Gambar 3.1.8 Membuat Desain Pada Screen 4........................................................................................ 9
Gambar 3.1.9 Membuat Desain Pada Screen 5........................................................................................ 9
Gambar 3.1.10 Data Siswa Google Sheets .............................................................................................. 9
Gambar 3.1.11 Data Absen Google Sheets .............................................................................................. 9
Gambar 3.1.12 Skrip Menyimpan Data ................................................................................................. 10
Gambar 3.1.13 Skrip Mengubah Password............................................................................................ 10
Gambar 3.1.14 Skrip Baca Data Google Sheets .................................................................................... 10
Gambar 3.1.15 Google Form Data Absen Siswa ................................................................................... 10
Gambar 3.1.16 Desain Aplikasi QR-Code ............................................................................................. 11
Gambar 3.1.17 Blok Aplikasi QR-Code ................................................................................................ 11
Gambar 3.1.18 QR-CODE Untuk Di Scan ............................................................................................ 11
Gambar 3.1.19 Blok Prosedur Decor ..................................................................................................... 12
Gambar 3.1.20 Blok Prosedur Memasukkan Link Google Sheets dan Skrip ........................................ 12
Gambar 3.1.21 Prosedur Blok Pada Web 1 ........................................................................................... 12
Gambar 3.1.22 Prosedur Blok Pada Text NIS ....................................................................................... 13
Gambar 3.1.23 Prosedur Blok Pada Web 2 ........................................................................................... 13
Gambar 3.1.24 Prosedur Blok Pada Checkbox ...................................................................................... 13
Gambar 3.1.25 Prosedur Blok Untuk Ambil Data ................................................................................. 14
Gambar 3.1.26 Prosedur Blok Pada Button Login................................................................................. 14
Gambar 3.1.27 Prosedur Blok Pada Screen 2 ........................................................................................ 15
Gambar 3.1.28 Prosedur Blok Pada Button Absen ................................................................................ 15
Gambar 3.1.29 Prosedur Blok Untuk Timer .......................................................................................... 15
Gambar 3.1.30 Prosedur Blok Untuk Save ............................................................................................ 16
Gambar 3.1.31 Prosedur Blok Pada Web 1 Screen 2............................................................................. 16
Gambar 3.1.32 Prosedur Blok Pada Web 2 Screen 2............................................................................. 16
Gambar 3.1.33 Prosedur Blok Untuk Menampilkan Data ..................................................................... 16
Gambar 3.1.34 Gambar 3.34 Prosedur Blok Untuk Exit Aplikasi ......................................................... 17
Gambar 3.1.35 Prosedur Blok Untuk Pindah Screen 4 .......................................................................... 17
Gambar 3.1.36 Prosedur Blok Untuk Pindah Screen 5 .......................................................................... 17
Gambar 3.1.37 Prosedur Blok Untuk Menutup Aplikasi ....................................................................... 17
Gambar 3.1.38 Uji Coba Project Di Kodular Companion ..................................................................... 17
Gambar 3.1.39 Aplikasi Kodular Companion ....................................................................................... 18
Gambar 3.1.40 Hasil Uji Coba Project Absensi Siswa SMADA SMART ............................................ 18
Gambar 3.1.41 Memasukkan Icon Aplikasi........................................................................................... 19
Gambar 3.1.42 Membuat Project Menjadi Aplikasi .............................................................................. 19
Gambar 3.1.43 Aplikasi Absensi Siswa SMADA SMART................................................................... 19
Gambar 3.2.1 Tampilan Aplikasi Absensi Di Android Siswa SMADA ................................................ 20
Gambar 3.2.2 Tampilan Data Absen Yang Sukses .................................................................................. 2

viii
 DAFTAR DIAGRAM
Diagram 2.3.1 Alur Diagram ................................................................................................................... 5

ix
 BAB 1
PENDAHULUAN

1.1 Latar Belakang

Pada era revolusi industri 4.0 yang dikenal dengan abad keterbukaan dan globalisasi. Pada
masa ini ditandai dengan pesatnya kemajuan Teknologi Informasi dan Komunikasi (TIK) dalam
berbagai bidang kehidupan, ditambah adanya wabah pandemi Covid-19, menyebabkan efek yang
sangat mempengaruhi semua sektor, tak terkecuali sektor pendidikan. Salah satu pengaruh dalam
bidang pendidikan yaitu pembelajaran dilakukan secara daring.

Daring atau dalam jaringan memiliki makna tersambung dalam jaringan komputer. Menurut
Thome pembelajaran daring merupakan pembelajaran yang memanfaatkan teknologi multimedia,
video, kelas virtual, teks online animasi, pesan suara, email, telepon konferensi, dan video steraming
online (Kuntarto, 2017). Pembelajaran daring dapat diartikan sebagai suatu pembelajaran yang dalam
pelaksanaannya menggunakan jaringan internet, intranet dan ekstranet atau komputer yang terhubung
langsung dan cakupannya global (luas).

Dengan hadirnya perangkat-perangkat baru hardware dan software yang semakin canggih
menuntut manusia supaya dapat membuat berbagai macam peralatan sebagai alat bantu dalam
menjalankan berbagai aktivitas untuk mendukung produktifitas salah satunya untuk mendukung proses
pembelajaran daring dengan membuat aplikasi absensi siswa berbasis android.

Absensi adalah sebuah kegiatan pengambilan data guna mengetahui jumlah kehadiran pada
suatu pelajaran, setiap kegiatan yang membutuhkan informasi mengenai siswa tentu akan melakukan
absensi. Sistem absensi berbasis android ini bertujuan untuk mempermudah guru dalam mengabsen
siswa dan mengetahui data kehadiran siswa. Aplikasi ini dirancang dengan menggunakan tools
Kodular kombinasi dengan Google Spreadsheet untuk menyimpan data absen dan QR-Code sebagai
media tambahan yang digunakan untuk absen berupa barcode yang nantinya di scan oleh siswa.

Kodular adalah salah satu aplikasi atau tools Integrated Development Environment (IDE)
open source seperti MIT App Inventor. Kodular ini memiliki fitur-fitur widget yang paling banyak
dari tools IDE sejenisnya. Situs Kodular ini tidak hanya bisa membuat aplikasi Android saja, tetapi
juga bisa mengunggah hasil pembuatan aplikasi tersebut ke dalam Kodular Store dan bisa membuat
ekstensi sendiri untuk menjadikan widget yang belum ada dari bawaan. Sebelum bernama Kodular,
situs ini diberi nama Makeroid.

Saat ini, Kodular terus mengalami perkembangan dan didesain dengan simple agar mudah
dimengerti. Pembuatan aplikasi di Kodular tidak harus bersentuhan dengan dunia pemrograman
komputer yang kompleks. tidak perlu menuliskan kode-kode pemrograman untuk membuat aplikasi.
Yang uniknya dari Kodular adalah berbasis Visual Block Programming yang mampu
mentrasformasikan pengkodean bahasa pemograman kedalam bentuk visual dalam bentuk kode-kode
program. Pengkodean program dilakukan dengan cara Drag – Drop blok-blok kode program kedalam
Block Editor yang kemudian menyusun block-block tersebut seperti halnya menyusun puzzle sesuai
dengan alur program yang developer kehendaki. File eksistensi dari Kodular adalah (.aia) dan plugin
eksistensinya (.aix). Plugin eksistensi ini berisi beberapa kode perintah dalam bahasa pemrograman
Java (.java) yang akan mengkonversi menjadi file plugin eksistensi (.aix).
Kodular menyasar para pengguna Android dengan menjanjikan kemudahan dalam membuat
aplikasi bagi siapa saja. Oleh karena itu, Penulis berinisiatif membuat laporan tugas akhir yang
berjudul “Aplikasi Absensi Siswa SMADA SMART dengan QR-CODE Menggunakan Database
1
Spreadsheet Kodular”. Penulis berharap produk yang dibuat dapat berkontribusi untuk mempermudah
para guru dalam proses absensi siswa pada masa pembelajaran daring saat ini.
1.2 Rumusan Masalah
Berdasarkan latar belakang di atas, rumusan masalah dalam penulisan tugas akhir ini
sebagai berikut:
1. Bagaimana cara membuat aplikasi Absensi Siswa SMADA SMART dengan QR-CODE
Menggunakan Database Spreadsheet Kodular ?
2. Bagaimana hasil aplikasi Absensi Siswa SMADA SMART dengan QR-CODE Menggunakan
Database Spreadsheet Kodular sebagai media absensi ?
1.3 Tujuan dan Manfaat Penulisan
1.3.1. Tujuan Penulisan
Tujuan dari penulisan tugas akhir ini adalah untuk:
1. Mengetahui cara membuat aplikasi Absensi Siswa SMADA SMART dengan QR-CODE
Menggunakan Database Spreadsheet Kodular.
2. Mengetahui hasil aplikasi Absensi Siswa SMADA SMART dengan QR-CODE Menggunakan
Database Spreadsheet Kodular sebagai media absensi.
1.3.2. Manfaat Penulisan
1. Bagi Penulis
Manfaat penulisan tugas akhir ini bagi penulis, yaitu:
a. Penulis dapat mengembangkan kemampuan diri dalam bidang programming pada
pembuatan aplikasi Absensi Siswa SMADA SMART dengan QR-CODE Menggunakan
Database Spreadsheet Kodular dan mengedukasi masyarakat.
b. Penulis dapat mengetahui langkah – langkah membuat aplikasi Absensi Siswa SMADA
SMART dengan QR-CODE Menggunakan Database Spreadsheet Kodular
c. Penulis dapat menciptakan kreatifitas dengan cara mengolah dan menghasilkan sebuah
produk yang memiliki nilai guna.
d. Penulis dapat mengusai penggunaan aplikasi tools Kodular dan Google Spreadsheet.
e. Penulis dapat meningkatkan kemampuan dalam bidang membaca dan menulis (literasi).
2. Bagi Pembaca
Manfaat penulisan tugas akhir ini bagi pembaca, yaitu:
a. Pembaca dapat menjadikan makalah ini sebagai bahan referensi dalam menyusun dan
membuat aplikasi Absensi Siswa SMADA SMART dengan QR-CODE Menggunakan
Database Spreadsheet Kodular
b. Pembaca dapat mengetahui cara menggunakan aplikasi tools Kodular dalam membuat
Aplikasi Absensi Siswa SMADA SMART dengan QR-CODE Menggunakan Database
Spreadsheet Kodular
c. Pembaca dapat menambah wawasan dalam bidang IT.
3. Bagi SMA Negeri 2 Probolinggo
Manfaat penulisan tugas akhir ini bagi pembaca, yaitu:
a. Menambah koleksi literatur yang terdapat di SMA Negeri 2 Probolinggo.
b. Pembaca bisa mengetahui lebih banyak tentang pembuatan absensi siswa berbasis android,
Kodular dan Google Spreadsheet.

2
 BAB II
PERENCANAAN DAN PERANCANGAN

Proses pembuatan Aplikasi Absensi Siswa SMADA SMART dengan QR-CODE Menggunakan
Database Spreadsheet Kodular ini digunakan hardware dan software yang mendukung. Maka dalam
bab ini akan membahas mengenai perangkat yang dibutuhkan untuk membuatnya.
2.1 Hardware
Hardware adalah komponen fisik dari sistem komputer.
2.1.2. Spesifikasi yang digunakan Kodular
Spesifikasi laptop yang digunakan untuk menjalankan aplikasi Kodular adalah:
HARDWARE KEGUNAAN
System ASUSTek COMPUTER INC.
Manufacturer
DirectX Version DirectX 12
Processor Intel(R) Celeron(R) N4000 CPU
@1.10GHz (4CPUs), ~1.1GHz
Memory 4 Gb RAM
Operating System Windows 10 Home Single Language 64-
bit (10.0, Build 18363)
Tabel 2.1 Spesifikasi Hardware Menjalankan Kodular
2.2 Software
Dalam proses pembuatan Aplikasi Absensi Siswa SMADA SMART dengan QR-CODE
Menggunakan Database Spreadsheet Kodular memerlukan software pendukung yang bertujuan agar
penulis dapat menyelesaikan Tugas Akhir tersebut. Berikut software pendukung yang dibutuhkan :
SOFTWARE KEBUTUHAN
Sistem Operasi Windows 64-bit
Pengolah Kata Microsoft Word 2010
Browser Google Chrome
Pemrograman Kodular, Google Spreadsheet
Tabel 2.2 Penggunaan Software
2.2.1 Kelebihan Kodular dan Google Spreadsheet
Kodular
Kodular adalah situs web yang menyediakan tools yang menyerupai MIT App Inventor untuk
membuat aplikasi Android dengan menggunakan block programming. Beberapa kelebihan Kodular
antara lain adalah :
1. Memiliki fitur komponen pallete lebih kompleks
2. Tidak perlu instal software tambahan.
3. Hanya menggunakan web browser saja,
4. Hanya mengetik isi parameter dari program blocks tanpa mengetik coding dari nol.
5. Bisa menciptakan aplikasi Android lebih efektif dan efisien.
6. Membuat program, dengan cara “drag and drop” pada program blocks yang ada.
Google Spreadsheet
Google Sheets adalah sebuah software atau perangkat lunak berbasis web yang dikembangkan
oleh Google, untuk membuat tabel, perhitungan sederhana, atau pengolahan data. Beberapa kelebihan
Google Sheets antara lain adalah :
1. Berbasis cloud
Google Sheets adalah perangkat lunak berbasis komputasi awan atau cloud. Hal ini membuatnya
ringan dan mudah untuk digunakan.

3
 2. Fleksibel
Keunggulan lain yang dimiliki Google Sheets adalah fleksibilitasnya. Aplikasi keluaran Google ini
dapat digunakan di berbagai sistem operasi, baik desktop atau smartphone.
3. Ringan
Tanpa harus men-download aplikasi tertentu untuk menggunakannya, Google Sheets akan lebih
meringankan kinerja perangkat.
4. Dapat digunakan secara gratis
Dapat diakses melalui akun Google. Dengan beragam fitur yang lengkap, tidak perlu membayar untuk
menggunakannya.
2.2.2 Interface
Kodular

Gambar 2.1.1 Interface Pada Kodular

4
 NAMA BAGIAN DESKRIPSI
Pallate Jendela tempat mengambil komponen-
komponen yang dikelompokkan kedalam
beberapa kategori untuk diinputkan kedalam
aplikasi yang akan dibuat. Kategori itu sendiri
diantaranya User Interface, Layout, Media,
Drawing and Animation, Maps, Sensors, Social,
Storage, Connectivity,Lego Mindstroms,
Experimental, dan Extension.
Component Tempat untuk mengatur komponen-komponen
yang telah diletakkan di Viewer, seperti
misalnya mengganti nama komponen atau
menghapus nama komponen

Properties Tempat yang berfungsi untuk mengatur

properties layar dan komponen-komponen yang
digunakan pada aplikasi yang akan dibuat
misalnya seperti lebar, tinggi, warna latar, besar
tulisan,dll.
Media Berfungsi untuk mengunggah gambar yang
akan digunakan pada aplikasi yang akan dibuat.
Tabel 2.3 Nama Bagian Interface pada Kodular
Sedangkan untuk halaman Block terdapat beberapa Kode Block yang berguna untuk
memprogram aplikasi Android sesuai dengan keinginan kita. Pada halaman block terdapat beberapa
bagian seperti Control, Logic, Math, Text, List, Colors, Variables, dan Procedures.
2.3 Alur Diagram
Adapun alur diagram pembuatan Aplikasi Absensi Siswa SMADA SMART dengan QR-
CODE Menggunakan Database Spreadsheet Kodular adalah:
Mencari Referensi dan Ide

Membuat Konsep Aplikasi Absensi

Membuat Produk Menggunakan Kodular dan Database

Spreadsheet

Menguji Aplikasi di Kodular Companion

Aplikasi Absensi Siswa SMADA SMART Siap Digunakan

Diagram 2.3.1 Alur Diagram

5
 BAB III
PEMBAHASAN
3.1 Langkah – Langkah Membuat Aplikasi Absensi Siswa SMADA SMART dengan QR-CODE
Menggunakan Database Spreadsheet Kodular
1. Membuka Kodular di https://www.kodular.io/ kemudian memilih “Creats Apps!”

Gambar 3.1.1 Menu Utama Kodular

2. Melakukan login menggunakan akun Google pribadi, maka tampilan akan seperti berikut :

Gambar 3.1.2 Halaman Kreator Kodular

3. Memilih “Crate Project” untuk membuat project baru dan memberi nama project
“QR_ABSENSI”, kemudian memilih klik “Next” seperti tampilan berikut:

Gambar 3.1.3 Nama Project Baru Kodular

6
4. Tampilan halaman utama pada pembuatan desain aplikasi android di Kodular :

Gambar 3.1.4 Tampilan Halaman Desain Kodular

5. Membuat desain Aplikasi Absensi Siswa SMADA SMART pada Screen 1 :

Gambar 3.1.5 Membuat Desain Pada Screen 1

6. Membuat desain Aplikasi Absensi Siswa SMADA SMART pada Screen 2 :

Gambar 3.1.6 Membuat Desain Pada Screen 2

7. Membuat desain Aplikasi Absensi Siswa SMADA SMART pada Screen 3 :

Gambar 3.1.7 Membuat Desain Pada Screen 3

7
8. Membuat desain Aplikasi Absensi Siswa SMADA SMART pada Screen 4 :

Gambar 3.1.8 Membuat Desain Pada Screen 4

9. Membuat desain Aplikasi Absensi Siswa SMADA SMART pada Screen 5 :

Gambar 3.1.9 Membuat Desain Pada Screen 5

10. Membuat data siswa SMADA di Google Sheets :

Gambar 3.1.10 Data Siswa Google Sheets

11. Membuat data absen di Google Sheets :

Gambar 3.1.11 Data Absen Google Sheets

8
12. Mengedit google apps script untuk menyimpan data absen di Google Sheets :

Gambar 3.1.12 Skrip Menyimpan Data

13. Mengedit google apps script untuk mengubah data password siswa di Google Sheets :

Gambar 3.1.13 Skrip Mengubah Password

14. Mengedit google apps script untuk membuat prosedur baca data di Google Sheets agar proses
login berjalan :

Gambar 3.1.14 Skrip Baca Data Google Sheets

15. Membuat formulir untuk data absensi siswa SMADA yang tidak hadir (izin,sakit) di Google
form :

Gambar 3.1.15 Google Form Data Absen Siswa

9
16. Membuat desain aplikasi QR-Code yang digunakan untuk scan saat absensi :

Gambar 3.1.16 Desain Aplikasi QR-Code

17. Blok pada aplikasi QR-Code :

Gambar 3.1.17 Blok Aplikasi QR-Code

18. Membuat QR-Code “SMAN 2 PROBOLINGGO” di Aplikasi yang sudah di
install digunakan untuk scan Qr-Code absensi :

Gambar 3.1.18 QR-Code Untuk Di Scan

10
19. Blok pada screen 1 :
a.

Gambar 3.1.19 Blok Prosedur Decor

b.

Gambar 3.1.20 Memasukkan Link Google Sheets dan Skrip

c.

Gambar 3.1.21 Prosedur Blok Pada Web 1

11
d.

Gambar 3.1.22 Prosedur Blok Pada Text NIS

e.

Gambar 3.1.23 Prosedur Blok Pada Web 2

f.

Gambar 3.1.24 Prosedur Blok Pada Checkbox

12
g.

Gambar 3.1.25 Prosedur Blok Ambil Data

h.

Gambar 3.1.26 Prosedur Blok Button Login

13
20. Blok pada screen 2 :
a.

Gambar 3.1.27 Prosedur Blok Pada Screen 2

b.

Gambar 3.1.28 Prosedur Blok Pada Button Absen

c.

Gambar 3.1.29 Prosedur Blok Untuk Timer

14
d.

Gambar 3.1.30 Prosedur Blok Untuk Save

Gambar 3.1.31 Prosedur Blok Web 1 Screen 2

e.

Gambar 3.1.32 Prosedur Blok Web 2 Screen 2

f.

Gambar 3.1.33 Prosedur Blok Untuk Menampilkan Data

15
g.

Gambar 3.1.34 Prosedur Blok Untuk Exit Aplikasi

21. Blok pada screen 3 :

Gambar 3.1.35 Prosedur Blok Untuk Pindah Screen 4

22. Blok pada screen 4 :

Gambar 3.1.36 Prosedur Blok Untuk Pindah Screen 5

23. Blok pada screen 5 :

Gambar 3.1.37 Prosedur Blok Untuk Menutup Aplikasi

24. Melakukan percobaan project melalui aplikasi Kodular Companion di handphone :
a.

Gambar 3.1.38 Uji Coba Project Di Kodular Companion

16
b.

Gambar 3.1.39 Aplikasi Kodular Companion

25. Hasil uji percobaan aplikasi “Absensi Siswa SMADA SMART dengan QR-CODE
Menggunakan Database Spreadsheet Kodular” :

Gambar 3.1.40 Hasil Uji Coba Project Absensi Siswa SMADA SMART

17
26. Memasukan gambar ikon aplikasi dengan nama “Absensi Siswa SMADA SMART dengan
QR-CODE Menggunakan Database Spreadsheet Kodular” :

Gambar 3.1.41 Memasukkan Icon Aplikasi

27. Membuat project menjadi aplikasi android agar bisa digunakan di handphone :
a.

Gambar 3.1.42 Membuat Project Menjadi Aplikasi

b.

Gambar 3.1.43 Aplikasi Absensi Siswa SMADA SMART

18
3.2 Hasil Uji Aplikasi Absensi Oleh Siswa SMADA
a.

Gambar 3.2.1 Tampilan Aplikasi Absensi Di Android Siswa SMADA

b.

Gambar 3.2.2 Tampilan Data Absen Yang Sukses

19
 BAB IV
PENUTUP

4.1 Kesimpulan
Berdasarkan hasil pembuatan Aplikasi Absensi Siswa SMADA SMART dengan QR-CODE
yang Penulis rancang untuk SMA Negeri 2 Kota Probolinggo, Penulis dapat mengambil kesimpulan
bahwa :
1. Adanya aplikasi Absensi Siswa SMADA SMART dengan QR-CODE dapat memudahkan
para guru untuk melakukan rekapitulasi data absensi. Semua data akan secara otomatis tercatat
dalam sistem yang pasti akan menghemat waktu dan tenaga.
2. Aplikasi Absensi Siswa SMADA SMART dengan QR-CODE bisa menjadi solusi untuk
kendala-kendala yang sering dialami ketika menggunakan absensi manual seperti adanya titip
absensi.
3. Dimasa pandemi ini, aplikasi Absensi Siswa SMADA SMART dengan QR-CODE
mendukung para siswa saat pembelajaran daring untuk melakukan absensi lebih efektif dan
efisien.

4.2 Saran
Setelah membuat Aplikasi Absensi Siswa SMADA SMART dengan QR-CODE penulis
memberikan beberapa saran yaitu :
1. Bagi Pembaca
Diharapkan laporan tugas akhir ini dapat dijadikan referensi dan dapat memberikan tambahan
pengetahuan, terutama di bidang teknologi dan informasi. Pembaca dapat menjadikan makalah ini
sebagai bahan referensi dalam menyusun dan membuat aplikasi Absensi Siswa SMADA SMART
dengan QR-CODE Menggunakan Database Spreadsheet Kodular sebagai media absensi.
2. Bagi SMA Negeri 2 Kota Probolinggo
Diharapkan aplikasi Absensi Siswa SMADA SMART dengan QR-CODE Menggunakan Database
Spreadsheet Kodula ini dapat di implementasikan di SMA Negeri 2 Kota Probolinggo sehingga dapat
mempermudah para siswa untuk melakukan absensi dan para guru bisa lebih praktis untuk rekapitulasi
data absensi.

20
 DAFTAR PUSTAKA

Kuntarto, E. 2017. “Keefektifan Model Pembelajaran Daring dalam Perkuliahan Bahasa Indonesia di
Perguruan Tinggi” Journal Indonesian Language Education and Literature, 3 (1), 53–65

AY, DwiAY. 2021. “Pengertian Kodular”, https://dwiay.com/2021/02/21/pengertian-kodular/

Halik, Irham Halik. 2020.“Membuat Aplikasi Android Dengan Kodular”,

https://irhamhalik.com/membuat-aplikasi-android-dengan-kodular/

Rhani,A.2020.“Apa itu Hardware?”, https://www.kompas.com/skola/read/2020/10/12/133755269/apa-

itu-hardware

Perdana. Arkan Perdana. 2021. “Berkenalan dengan Google Sheets, Aplikasi Spreadsheet yang Gratis
dan Komplet”, https://glints.com/id/lowongan/google-sheet-adalah/#.YdnRjGhBzIU

Prasetyo, Anjani Prasetyo. 2020. “Membuat Aplikasi Sederhana Berbasis Android Menggunakan MIT
App Inventor 2”, https://predatech.org/membuat-aplikasi-sederhana-berbasis-android-
menggunakan-mit-app-inventor-2/

21
 BIOGRAFI PENULIS
Penulis bernama Salwa Nur Ramadhani yang biasa dipanggil Salwa, Ia
dilahirkan di Sumedang pada tanggal 15 Oktober 2004. Ia adalah anak
kedua dari lima bersaudara. Penulis tinggal di Probolinggo bersama
kedua orang tua nya. Penulis memulai pendidikannya di TK PGRI
Mawar Mekar Kecamatan Conggeang, Kabupaten Sumedang. Penulis
melanjutkan pendidikan di SDN Buah Batu Baru Bandung sampai
lulus. Pada tahun 2016, penulis melanjutkan jenjang pendidikannya di
SMP Negeri 5 Sumedang selama 1 tahun kemudian Penulis pindah ke SMP Negeri 3 Tuban selama 1
tahun, dan akhirnya Penulis sekolah di SMP Negeri 5 Probolinggo sampai lulus. Setelah itu, Penulis
melanjutkan Pendidikan di SMA Negeri 2 Probolinggo. Di sekolah ini, penulis mengikuti Program
Pendidikan Terapan Bidang Teknologi Informasi dan Komunikasi (Prodistik) yang bekerja sama
dengan Institut Teknologi Sepuluh Nopember (ITS) Surabaya. Setelah lulus, penulis ingin
melanjutkan pendidikan di Akademi Angkatan Laut. Motto penulis yaitu “Siapapun dirimu, jadilah
yang terbaik.”

22