TUTORIAL MEMBUAT APLIKASI KELAS

ABSEN ONLINE QRCODE

Langkah 1
MEMBUAT DATABASE DIGOOGLE DRIVE
Yang perlu disiapkan :
- Pastikan memiliki akun gmail & google drive
- Data siswa (NISN, Nama dan Foto siswa)
- Logo Sekolah (Optional silahkan upload ke google drive)

Langkah Pengerjaan :
- Buka Google drive
- Pilih +New & tambahkan spreadsheet baru dan kosong

- Ubah Judul spreadsheet mis. Aplikasi Kelas 5 (bebas memberi judul)

Langkah 2
Spreadsheet
(sheet 1 rename menjadi Data Siswa) silahkan isi data sesuai dengan kolom kecuali
kolom foto

Kop setiap kolom bisa mengikuti gambar yang dibawah

(sheet 2 rename menjadi Daftar Hadir) Kosongkan saja nanti akan terisi otomatis
melalui aplikasi

Kop setiap kolom bisa mengikuti gambar yang dibawah

Langkah 3
Appsheet
- Buka new tab (appsheet.com)
- Login menggunakan email yang sama dengan google drive
- Klik +make a new app
- Isi nama aplikasi (mis. Aplikasi Kelas) dan pilih kategori education & training
- Klik choose your data (silahkan cari spreadsheet yang telah dibuat digoogle drive
sebelumnya)
- Klik select
- Jika tampilan seperti berikut silahkan pilih customize your app
- Tampilan data akan seperti berikut ini
- Tambahkan Tables Daftar hadir dengan cara klik add Table “DAFTAR HADIR”
from “Aplikasi Kelas 5”

MENGUBAH TAMPILAN APLIKASI DAN DATA DI APPSHEET

Toolbar DATA
Data Siswa
- Data > Tables > Data Siswa > Read Only
- Data > Columns > Data Siswa
- Silahkan ubah Type, Key & Label sesuai dengan gambar yang dibawah
-

Data Daftar Hadir

- Data > +New > Suggestion pilih (Daftar Hadir) > klik Add This Table
- Data > Daftar Hadir

Selanjutnya silahkan ikuti Langkah berikut

TANGGAL
- Ubah type menjadi date
- Initial Value isi TODAY()
- Klik save
BULAN
- Ubah type menjadi text
- Isi Formula (langsung copy & paste saja formula berikut)

SWITCH(Month([TANGGAL]),
"1","Januari",
"2","Februari",
"3","Maret",
"4","April",
"5","Mei",
"6","Juni",
"7","Juli",
"8","Agustus",
"9","September",
"10","Oktober",
"11","November",
"12","Desember",
"")

- Klik Save

JAM
- Ubah type menjadi DateTime
- Initial Value isi NOW()
- Klik Save

SCAN
- Centang (SCAN?)
- Ubah type menjadi Ref
- Show (dicentang)
- Source Table (Data Siswa)
- Centang Is a part of?
- Klik Done

NAMA SISWA
- Isi Formula > Data Explorer > ketik [SCAN].[NAMA SISWA] > Save

JENIS KELAMIN
- Isi Formula > Data Explorer > ketik [SCAN].[JENIS KELAMIN] > Save

KELAS
- Isi Formula > Data Explorer > ketik [SCAN].[KELAS] > Save

KETERANGAN
- Klik icon pulpen
- Type pilih Enum
- Values isi (HADIR) > add (IZIN) > add (SAKIT) > add (ALPA)
- Input Mode pilih Button
- Done
 CATATAN
- Klik icon pulpen
- Show if klik icon gelas
- Silahkan ketik formula berikut (copy/paste) :

OR (([KETERANGAN]=”ALPA”), ([KETERANGAN]=”IZIN”),
([KETERANGAN]=”SAKIT”))

Toolbar UX
Memasukkan table data siswa
- UX > +New
- View Nama diisi menjadi (Siswa)
- From this data pilih Data Siswa
- View type pilih ceck

Memasukkan table daftar hadir

- UX > +New
- View type (DAFTAR HADIR)
- For this Data (DAFTAR HADIR)
- View Type (form)

- Daftar Hadir_Form
• Form style pilih side by side
• Auto re open silahkan atifkan dengan cara menggeser
- Daftar Hadir_inline
• Group by BULAN
• Coloumn order > add (Bulan) > add (Nama Siswa) > add (Jam) > add (Jenis
Kelamin) > add (Kelas) > add (Keterangan)> add (Catatan)

Setelah selesai melakukan kegiatan di atas kembali ke menu

- UX > +New
- View Nama diisi Rekap Kehadiran
- For this data pilih Daftar Hadir
- View type pilih chart
- Posisian pilih Ref
- Chart Type pilih aggregate piechart
- Group aggregate pilih count
- Chart columns pilih KETERANGAN
- Label type pilih percent
-

Langkah Terakhir
Kembali ke menu DATA
- Show? Hilangkan centang pada
• BULAN
• JAM

(Ingat setiap melakukan perubahan data sebaiknya klik Save)

 TUTORIAL MEMBUAT APLIKASI KELAS
PENGINPUTAN & PENYIMPANAN NILAI SISWA

Langkah 1
Google Drive
- Buka kembali spreadsheet yang sudah dibuat sebelumnya (Aplikasi Kelas)
-

Langkah 2
Spreadsheet
- Tambahkan sheet 3 kemudian rename menjadi Nilai Harian
- Untuk KOP kolomnya silahkan ikuti kolom dibawah
- Tambahkan sheet 4 kemudian rename menjadi Ulangan Harian
- Untuk KOP kolomnya silahkan ikuti kolom dibawah

- Tambahkan sheet 5 kemudian rename menjadi PTS

- Untuk KOP kolomnya silahkan ikuti kolom dibawah
- Tambahkan sheet 6 kemudian rename menjadi PAS
- Untuk KOP kolomnya silahkan ikuti kolom dibawah

- Tambahkan sheet 7 kemudian rename menajadi Mata Pelajaran

- Silahkan Ikuti Tabel berikut (untuk kelas 5) kelas yag lainnya silahkan
menyesuaikan
-
Langkah 3
Appsheet
- Buka new tab (appsheet.com)
- Login menggunakan email yang sama dengan google drive
- Buka aplikasi yang sudah dibuat sebelumnya (Aplikasi Kelas)
- Klik Tables pada menu bagian atas
- Tambahkan tabel dengan cara mengklik Nilai Harian, Nilai Ulangan Harian, PTS
dan PAS

SELANJUTNYA
- Klik menu Columns pada menu bagian atas

NILAI HARIAN
- Buka Kolom Nilai Harian
• NISN ubah Type menjadi Ref
- klik icon pulpen
- source table pilih data siswa
- done
- kemudian geser ke kanan kemudian centang scan?
- pindahkan centang label? Dari _RowNumber ke NISN seperti gambar
dibawah

• Tanggal ubah Type menjadi Date

• Untuk kolom Tanggal geser ke kanan Initial Value TODAY ()
• Nama Siswa masukkan Formula dan copy paste scrip dibawah

[NISN].[NAMA SISWA]

• Mata Pelajaran menjadi Ref

- klik icon pulpen
- source table pilih mata pelajaran
• Materi ubah Type menjadi LongText
• Nilai ubah Type menjadi Number
- Buka Kolom Nilai PTS
• NISN ubah Type menjadi Ref
- klik icon pulpen
- source table pilih data siswa
- done
- kemudian geser ke kanan kemudian centang scan?
- pindahkan centang label? Dari _RowNumber ke NISN seperti gambar
dibawah

• Tanggal ubah Type menjadi Date

• Untuk kolom Tanggal geser ke kanan Initial Value TODAY ()
• Nama Siswa masukkan Formula dan copy paste scrip dibawah

[NISN].[NAMA SISWA]

• Mata Pelajaran menjadi Ref

- klik icon pulpen
- source table pilih mata pelajaran
• Materi ubah Type menjadi LongText
• Nilai ubah Type menjadi Number
- Buka Kolom Nilai PAS
• NISN ubah Type menjadi Ref
- klik icon pulpen
- source table pilih data siswa
- done
- kemudian geser ke kanan kemudian centang scan?
- pindahkan centang label? Dari _RowNumber ke NISN seperti gambar
dibawah

• Tanggal ubah Type menjadi Date

• Untuk kolom Tanggal geser ke kanan Initial Value TODAY ()
• Nama Siswa masukkan Formula dan copy paste scrip dibawah

[NISN].[NAMA SISWA]

• Mata Pelajaran menjadi Ref

- klik icon pulpen
- source table pilih mata pelajaran
• Materi ubah Type menjadi LongText
• Nilai ubah Type menjadi Number
- Buka Kolom Nilai Ulangan Harian
• NISN ubah Type menjadi Ref
- klik icon pulpen
- source table pilih data siswa
- done
- kemudian geser ke kanan kemudian centang scan?
- pindahkan centang label? Dari _RowNumber ke NISN seperti gambar
dibawah

• Tanggal ubah Type menjadi Date

• Untuk kolom Tanggal geser ke kanan Initial Value TODAY ()
• Nama Siswa masukkan Formula dan copy paste scrip dibawah

[NISN].[NAMA SISWA]

• Mata Pelajaran menjadi Ref

- klik icon pulpen
- source table pilih mata pelajaran
• Materi ubah Type menjadi LongText
• Nilai ubah Type menjadi Number
SELANJUTNYA
- Klik menu UX pada menu bagian kiri
- Klik +New View
- View type (NILAI HARIAN)
- For this Data (Nilai Harian)
- View Type (form)
- Position (Menu)

- Klik +New View

- View type (NILAI ULANGAN HARIAN)
- For this Data (Nilai Ulangan Harian)
- View Type (form)
- Position (Menu)
- Klik +New View
- View type (NILAI PTS)
- For this Data (Nilai PTS)
- View Type (form)
- Position (Menu)

- Klik +New View

- View type (NILAI PAS)
- For this Data (Nilai PAS)
- View Type (form)
- Position (Menu)
 TUTORIAL MEMBUAT APLIKASI KELAS
TABUNGAN SISWA

Jika melanjutkan tutorial sebelumnya. Silahkan abaikan langkah 1 dan lanjut ke

langkah membuat sheet selanjutnya dengan nama Tabungan

Langkah 1
MEMBUAT DATABASE DIGOOGLE DRIVE
Yang perlu disiapkan :
- Pastikan memiliki akun gmail & google drive
- Data siswa (NISN, Nama dan Foto siswa)
- Logo Sekolah (Optional silahkan upload ke google drive)

Langkah Pengerjaan :
- Buka Google drive
- Pilih +New & tambahkan spreadsheet baru dan kosong
Langkah 2
Spreadsheet
(sheet 1 rename menjadi Data Siswa) silahkan isi data sesuai dengan kolom kecuali
kolom foto

Kop setiap kolom bisa mengikuti gambar yang dibawah

(sheet 2 rename menjadi Tabungan Siswa) Kosongkan saja nanti akan terisi otomatis
melalui aplikasi

Kop setiap kolom bisa mengikuti gambar yang dibawah

Langkah 3
Appsheet
- Buka new tab (appsheet.com)
- Login menggunakan email yang sama dengan google drive
- Buka aplikasi yang sudah dibuat sebelumnya (Aplikasi Kelas)
- Klik Tables pada menu bagian atas
- Tambahkan tabel dengan cara mengklik Tabungan

SELANJUTNYA
- Klik menu Columns pada menu bagian atas

TABUNGAN
- Buka Kolom Tabungan
• NISN ubah Type menjadi Ref
- klik icon pulpen
- source table pilih data siswa
- done
- kemudian geser ke kanan kemudian centang scan?
- pindahkan centang label? Dari _RowNumber ke NISN seperti gambar
dibawah

• Tanggal ubah Type menjadi Date

• Untuk kolom Tanggal geser ke kanan Initial Value TODAY ()
• Nama Siswa masukkan Formula dan copy paste scrip dibawah

[NISN].[NAMA SISWA]

• Pemasukan ubah Type menjadi Number

Toolbar UX
Memasukkan table Tabungan
- UX > +New
- View type (DAFTAR HADIR)
- For this Data (DAFTAR HADIR)
- View Type (form)
- Position (Middle)

- Daftar Hadir_Form
• Auto re open silahkan atifkan dengan cara menggeser
 CARA MENDESAIN
TAMPILAN APLIKASI LEBIH MENARIK
Pilih Menu UX

Pilih Brand

• Theme untuk menggannti warna dasar aplikasi (Putih/Hitam)

• Primary color untuk mengubah warna aplikasi
• App logo untuk mengganti logo aplikasi jika memiliki logo sendiri silahkan pilih
costume (logo yang ingin dimasukkan sebaiknya diupload dulu digoogle drive)
• Style ada 3 pilihan silahkan memilih salah satunya
 TUTORIAL MEMBUAT APLIKASI KELAS
UNTUK ORANG TUA SISWA

Untuk aplikasi orang tua siswa hanya berfungsi untuk melihat data dan tidak bisa
mengedit atau menambahkan data. Jadi tutorial sebelumnya ini adalah aplikasi yang
dikhususkan untuk admin/guru.

Langkah 1
APPSHEET
- Buka appsheet
- Klik +make a new app
- Isi nama aplikasi (mis. Aplikasi Kelas 5) dan pilih kategori education & training
- Klik choose your data (silahkan cari spreadsheet yang telah dibuat digoogle drive
sebelumnya)
- Klik select
- Jika tampilan seperti berikut silahkan pilih customize your app
- Tampilan data akan seperti berikut ini
- Tambahkan Semua tables Daftar hadir
- Setiap tables yang dimasukkan ubah dari update, add dan delete menjadi
READ ONLY
(Jika tabel belum read only maka orang tua siswa masih bisa mengubah data
yang ada diaplikasi)

Ke menu Columns
Buka Daftar Siswa (silahkan ikuti gambar berikut)
Ke menu UX
Buka daftar Siswa_Detail

Menu Columns
Buka Daftar Hadir
SCAN ubah type menjadi Ref kemudian Source Data pilih Daftar Siswa

Buka Nilai Harian

NISN ubah type menjadi Ref kemudian Source Data pilih Daftar Siswa
Buka Nilai Harian
NISN ubah type menjadi Ref kemudian Source Data pilih Daftar Siswa

Buka Nilai PAS

NISN ubah type menjadi Ref kemudian Source Data pilih Daftar Siswa
Buka Nilai PTS
NISN ubah type menjadi Ref kemudian Source Data pilih Daftar Siswa

Buka Nilai Ulangan Harian

NISN ubah type menjadi Ref kemudian Source Data pilih Daftar Siswa
Buka Tabungan
NISN ubah type menjadi Ref kemudian Source Data pilih Daftar Siswa

Langkah 2
MEMBUAT HALAMAN LOGIN
- Pilih data pada bagian menu sebalah kiri
- Klik user settings pada menu bagian atas

- Buka _Per User Setting

- OPTION 1
• Option 1 ubah menjadi USERNAME type Text
• Klik icon pulpen > klik icon gelas > masukkan rumus berikut

ISBLANK(LOOKUP(USERSETTINGS(USERNAME),"_PER USER
SETTINGS","USERNAME","PASSWORD"))
 • Data Validity
Valid if masukkan rumus

AND(ISNOTBLANK([USERNAME]),IN([_THISROW_AFTER].[USERNAM
E],DATA SISWA[NISN]),
ISNOTBLANK([PASSWORD])
)

Invalid Value Error masukkan rumus

IFS(NOT(IN([_THISROW_AFTER].[USERNAME],DATA
SISWA[NISN])),"DATA TIDAK DITEMUKAN", ISBLANK([PASSWORD]),"
")

• Update Behavior

• Geser kekanan centang scan?

- OPTION 2
• Option 2 ubah menjadi Password type ubah menajdi Text
• Klik icon pulpen > show? Klik icon gelas > masukkan rumus berikut

AND(ISBLANK(LOOKUP(USERSETTINGS(USERNAME),
"_PER USER
SETTINGS","USERNAME","PASSWORD")),[PASSWORD]<>LOOKUP([U
SERNAME],"DATA SISWA","NISN","PASSWORD"))

• Buka data validity

Valid if masukan rumus berikut

[PASSWORD]=LOOKUP([USERNAME],"DATA
SISWA","NISN","PASSWORD")
 Invalid Value Error masukkan rumus berikut

"MAAF USERNAME DAN PASSWORD TIDAK SESUAI"

Require? Klik icon gelas kemudian masukkan rumus berikut

IN([_THISROW_AFTER].[USERNAME], DATA SISWA[NISN])

• Update Behavior

• Klik Done

Pilih Menu Slice

- Tambahkan New Slice

- Created New Slice
- Ketik Slice Name yang diinginkan misal “Slice Data Siswa”
- Source Table pilih Data Siswa
- Row Filter Condition
- Pilih Create a costum expression
- masukkan rumus berikut

AND([NISN]=USERSETTINGS(USERNAME),[PASSWORD]=USERSETTINGS(P
ASSWORD))

- Update mode pilih Read Only

Pilih Menu UX

- Akan muncul setting

- Buka setting pada bagian bawah sekali
• Display Name > klik icon gelas > masukkan rumus berikut

IF(ISNOTBLANK(USERSETTINGS(PASSWORD)),"KELUAR","MASUK")
 • Icon silahkan pilih icon masuk yang diinginkan (gunakan kolom
pencarian)
• Finish View Pilih Slice Data Siswa

- Tambah New View

- View Nama ganti Siswa Slice
- For this data pilih slice data siswa
- View type pilih detail
- Display mode pilih centered

MENGUBAH KATA SAVE MENJADI MASUK

- Klik UX pada menu sebalah kiri

- Pilih Localize pada menu bagian atas
- Pilih Save dan masukkan rumus berikut

IF(AND(CONTEXT("VIEW")="SETTINGS",ISNOTBLANK(USERSETTINGS(USERN
AME))),"KELUAR",
IF(AND(CONTEXT("VIEW")="SETTINGS",ISBLANK(USERSETTINGS(USERNAME)
)),"MASUK","Save"))

- Pilih Cancel dan masukkan rumus berikut

IF(AND(CONTEXT("VIEW")="SETTINGS",ISNOTBLANK(USERSETTINGS(USERN
AME)))," ",
IF(AND(CONTEXT("VIEW")="SETTINGS",ISBLANK(USERSETTINGS(USERNAME)
))," ","Cancel"))

MENAMPILKAN DATA SISWA

- Kembali Data
- Pilih Columns
- Buka semua kolom yang memiliki NISN ubah semua type menjadi ref
- Source data pilih slice data siswa
MEMBUAT BUTTON KELUAR

- Pilih Behavior pada menu sebelah kiri

- Tambahk New Action
- Created New Action
- Action Name ketik Keluar
- For a record of this data pilih Data Siswa
- Do this pilih App: go to another view whitin this app
- Target masukkan formula berikut

LINKTOVIEW(“SETTINGS”,”Masukkan Nama aplikasi yang ada dilink atas”)

Contoh :

https://www.appsheet.com/template/AppDef?appName=AplikasiKelas-
449484584&appId=bd28b0f6-7d28-4443-

Menjadi

LINKTOVIEW(“SETTINGS”,” AplikasiKelas-449484584”)

- Action icon silahkan cari log out pada kolom pencarian

MENGUBAH TAMPILAN

- Pilih UX pada menu sebelah kiri

- Pilih Silce Data Siswa_Detail
- Display Mode pilih Centered

Pilih option pada menu bagian atas

- Starting View pilih user setting
- Aktifkan new features

KLIK SAVE

Catatan
- Jika didata masih ada button “add” artinya adalah masih ada tabel data yang belum
“Read Only”
- Jika ada error pada Columns dan UX artinya setiap UX pada view type diganti daro form
menjadi detail
 TUTORIAL MEMBUAT JURNAL HARIAN GURU

Langkah 1
MEMBUAT DATABASE DIGOOGLE DRIVE
Yang perlu disiapkan :
- Pastikan memiliki akun gmail & google drive
- Data Guru

Langkah Pengerjaan :
- Buka Google drive
- Pilih +New & tambahkan spreadsheet baru dan kosong

- Ubah Judul spreadsheet mis. Aplikasi Kelas 5 (bebas memberi judul)

Langkah 2
Spreadsheet
- Tambahkan sheet 1 kemudian rename menjadi Data Guru
- Untuk KOP kolomnya silahkan ikuti kolom dibawah

- Silahkan diisi data guru sesuai dengan kolom diatas

- Tambahkan sheet 2 kemudian rename menjadi Jurnal Harian Guru

- Untuk kop kolomnya silahkan ikuti kolom dibawah
• ID GURU
• TANGGAL
• HARI
• JAM KE
• NAMA GURU
• KELAS
• MAPEL
• SEMESTER
• KD 3
• KD 4
• MATA PELAJARAN
• JML (A)
• JML (I)
• JML (S)
• JUMLAH SISWA YANG TIDAK MASUK
• CATATAN
• TANDA TANGAN
• FOTO KEGIATAN
• QRCODE
• UPADTE PDF
• PRINT
- Buat sheet 3 rename menjadi Mapel
- Buat kolom seperti berikut kemudian isi sesuai dengan mata pelajaran masing-
masing (sebaiknya ditambahkan kegiatan lainnya dikolom jika suatu saat ada
kegiatan sekolah lainnya) dan kolom semester bersifat optional (ya/tidak)

- Buat sheet 4 rename menjadi KD 3

- Buat kolom seperti berikut kemudian isi sesuai dengan kolom (KD 4 silahkan
dikosongkan tapi kop masih tetap ada)

- Masukkan semua KD 3 seperti contoh diatas (kalau saya KD ini saya copy dari
aplikasi rapor untuk memudahkan atau bisa diambil dari silabus, dll)
- Buat sheet 5 rename menjadi KD 4
- Buat kolom seperti berikut kemudian isi sesuai dengan kolom (KD 3 silahkan
dikosongkan tapi kop masih tetap ada)

- Masukkan semua KD 4 seperti contoh diatas (kalau saya KD ini saya copy dari
aplikasi rapor untuk memudahkan atau bisa diambil dari silabus, dll)

Langkah 3
Appsheet
- Buka new tab (appsheet.com)
- Login menggunakan email yang sama dengan google drive
- Klik +make a new app
- Isi nama aplikasi (mis. Jurnal Harian Guru) dan pilih kategori education & training
- Klik choose your data (silahkan cari spreadsheet yang telah dibuat digoogle drive
sebelumnya)
- Klik select
- Jika tampilan seperti berikut silahkan pilih customize your app
- Tambahkan Tables Daftar hadir dengan cara klik

• add Table “JURNAL MENGAJAR” from “JURNAL HARIAN GURU”

• add Table “MATA PELAJARAN” from “JURNAL HARIAN GURU”
• add Table “KD 3” from “JURNAL HARIAN GURU”
• add Table “KD 4” from “JURNAL HARIAN GURU”
KLIK MENU COLUMNS PADA BAGIAN ATAS

DATA GURU
• Buka Data Guru
• Kolom ID Guru
• Centang Key dan Label

• Kolom Email
• Ubah type dari text menjadi email

JURNAL MENGAJAR
• Buka Jurnal Mengajar
• _RowNumber
• Centang Key

• ID GURU
• Centang label
• Ubah type dari text menjadi ref
• Sorce table piih Data Guru
• Centang Is part of? (klik Done)
• Geser ke kanan centang scan?

• TANGGAL
• Ubah type dari text menjadi date
• HARI
• Masukkan Formula berikut ini

SWITCH(WEEKDAY([TANGGAL]),
"1","MINGGU",
"2","SENIN",
"3","SELASA",
"4","RABU",
"5","KAMIS",
"6","JUMAT",
"7","SABTU",
"SILAHKAN INPUT TANGGAL")

• JAM KE
• Klik icon pulpen
• Type ubah ke EnumList
• Klik Type Details
• Values klik Add (untuk menambahkan jam, jumlah jam bisa
disesuaikan)

• Centang Auto-complete other values

• Input mode pilih dropdown
• Klik Done
• NAMA GURU
• Masukkan Formula berikut

[ID GURU].[NAMA GURU]

Atau boleh langsung di insert dari Data Guru

• Save

• KELAS
• Klik icon pulpen
• Type ubah ke Enum
• Klik Type Details
• Values klik Add (untuk menambahkan Kelas, jumlah Kelas
disesuaikan)
• Centang Auto-complete other values
• Input mode pilih dropdown atau Button
• Klik Done

• MATA PELAJARAN
• Type ubah dari text menjadi ref
• Source table pilih mata Pelajaran
• Done

• SEMESTER
• Klik icon pulpen
• Type ubah ke Enum
• Klik Type Details
• Values klik Add (untuk menambahkan Semester)
• Centang Auto-complete other values
• Input mode pilih Button
• Klik Done

• KD 3
• Klik icon pulpen
• Type ubah ke EnumList
• Buka Type Details
 • Data Validaty
• Valid If
Masukkan Rumus

SK[KD 3] atau insert melalui Kolom KD 3

• Done

• KD 4
• Klik icon pulpen
• Type ubah ke EnumList
• Buka Type Details

• Data Validaty
• Valid If
Masukkan Rumus

SK[KD 4] atau insert melalui Kolom KD 4

• Done

• JML (A), JML (I), JML (S)

• Ubah Type dari text menjadi number
• JUMLAH SISWA YANG TIDAK HADIR
• Ubah Type dari text menjadi number
• Masukkan rumus berikut

[JML (A)]+[JML (I)]+[JML (S)]

• Done

• CATATAN
• Ubah Type dari text menjadi LongText

• TANDA TANGAN
• Ubah Type dari text menjadi Signature

• LAMPIRAN JURNAL
• Ubah Type dari text menjadi url
• Masukkan formula berikut ini

CONCATENATE("https://www.appsheet.com/template/gettablefileurl?
appName=","Masukkan nama aplikasi",""&tableName=","Jurnal
Harian Guru","&filename=","ENCODEURL([LAMPIRAN JURNAL]))

Contoh :

https://www.appsheet.com/template/AppDef?appName=AplikasiKelas-
449484584&appId=bd28b0f6-7d28-4443-

Menjadi

CONCATENATE("https://www.appsheet.com/template/gettablefileurl?
appName="," AplikasiKelas-449484584",""&tableName=","Jurnal
Harian Guru","&filename=","ENCODEURL([LAMPIRAN JURNAL]))

• Hilangkan centang pada show?

• QRCODE
• Ubah Type dari text menjadi image
• Klik vitual column pada pojok kanan atas
- Column name ubah menjadi QRDATA
- Masukkan formula berikut ini

CONCATENATE([ID GURU],” ”[NAMA GURU],“ “[TANGGAL])

- Done
- Buka centang show pada kolom QRDATA
• Masukkan formula berikut ini

CONCATENATE("https://chart.googleapis.com/chart?chs=100x100&c
ht=qr&chl="&substitute([QRDATA];" “;”%20”))
• Buka centang show pada QRCODE
 • FOTO
• Ubah Type dari text menjadi image

• UPDATE PDF & PRINT

• Hilangkan centang pada show?

KD 3
• Buka Kolom KD 3

Silahkan ubah sesuai gambar berikut

KD 4
• Buka Kolom KD 4

Silahkan ubah sesuai gambar berikut

MATA PELAJARAN
• Buka Kolom Mata Pelajaran
• Centang Key dan Label

Data sudah selesai sekarang lanjut untuk membuat formular dan tampilannya
MEMBUAT TAMPILAN FORM PADA UX

• Klik menu UX pada sebelah kiri

• Klik +New View
• View Name ubah menjadi Jurnal Harian Guru
• For this data pilih Jurnal Harian Guru
• View type pilih Table
• Position pilih next
• Display
Silahkan pilih sesuai dengan keinginan mencari melalui kolom pencarian

Tampilan data dan penginputan pada aplikasi sudah selesai. Lanjut pada mengubah
tampilan aplikasi agar lebih menarik.

MENGUBAH TAMPILAN APLIKASI PADA UX

Pilih Brand
• Theme untuk menggannti warna dasar aplikasi (Putih/Hitam)
• Primary color untuk mengubah warna aplikasi
• App logo untuk mengganti logo aplikasi jika memiliki logo sendiri silahkan pilih
costume (logo yang ingin dimasukkan sebaiknya diupload dulu digoogle drive)
• Style ada 3 pilihan silahkan memilih salah satunya
 TUTORIAL MEMBUAT APLIKASI LAPORAN PIKET

Langkah 1
MEMBUAT DATABASE DIGOOGLE DRIVE
Yang perlu disiapkan :
- Pastikan memiliki akun gmail & google drive
- Data Guru

Langkah Pengerjaan :
- Buka Google drive
- Pilih +New & tambahkan spreadsheet baru dan kosong

- Ubah Judul spreadsheet (bebas memberi judul)

Langkah 2
Spreadsheet
- Tambahkan sheet 1 kemudian rename menjadi Data Guru
- Untuk KOP kolomnya silahkan ikuti kolom dibawah

- Silahkan diisi data guru sesuai dengan kolom diatas

- Tambahkan sheet 2 kemudian rename menjadi Piket Guru

- Untuk kop kolomnya silahkan ikuti kolom dibawah
• HARI
• TANGGAL
• DESKRIPSI KEGIATAN 1
• DESKRIPSI KEGIATAN 2
• DESKRIPSI KEGIATAN 3 (Jumlah disesuaikan dengan keinginan)
• HASIL YANG DICAPAI 1
• HASIL YANG DICAPAI 2
• HASIL YANG DICAPAI 3
• KENDALA 1
• KENDALA 2
• KENDALA 3
• TINDAK LANJUT 1
• TINDAK LANJUT 2
• TINDAK LANJUT 3
• REKOMENDASI 1
• REKOMENDASI 2
• REKOMENDASI 3
• NAMA TAMU 1
• NAMA TAMU 2 (Jumlah disesuaikan dengan keinginan)
• ASAL 1
• ASAL 2
• KEPERLUAN 1
• KEPERLUAN 2
 • JAM PELAJARAN 1
• JAM PELAJARAN 2 (Jumlah disesuaikan dengan keinginan)
• KELAS 1
• KELAS 2
• GURU UTAMA 1
• GURU UTAMA 2
• GURU PENGGANTI 1
• GURU PENGGANTI 2
• DESKRIPSI KASUS (Jumlah disesuaikan dengan keinginan)
• PENANGANAN
• TINDAK LANJUT
• REKOMENDASI
• DESKRIPSI KEGIATAN (Jumlah disesuaikan dengan keinginan)
• KETERANGAN
• DOKUMENTASI 1 (Jumlah disesuaikan dengan keinginan)
• DOKUMENTASI 2
• UPDATE PDF
• PRINT

- Tambahkan sheet 3 kemudian rename menjadi Kegiatan Piket

- Untuk kop kolomnya silahkan ikuti kolom dibawah
KEGIATAN
DESKRIPSI KEGIATAN POINT A
Menyambut kedatangan peserta didik di halaman sekolah, cek ketertiban dan
kerapian peserta didik, serta menerapkan 3 S (Senyum, Salam dan Sapa)
Pengecekan dan pemantauan terlaksananya piket kebersihan kelas oleh
peserta didik
Pemantauan kondusifitas pembelajaran, kegiatan keagamaan dan kegiatan
lainnya di sekolah
DESKRIPSI KEGIATAN POINT E
Mengkondisikan partisipasi peserta didik dalam kegiatan upacara bendera
Mengkondisikan partisipasi peserta didik dalam kegiatan jumat ibadah
Mengkondisikan partisipasi peserta didik dalam kegiatan senam sehat

CAPAIAN
DESKRIPSI KEGIATAN POINT A
Semua peserta didik tertib masuk lingkungan sekolah dalam keadaan rapi dan
budaya 3S terlaksana dengan baik
Sebagian besar peserta didik tertib masuk lingkungan sekolah dalam keadaan
rapi dan budaya 3S terlaksana dengan baik
Masih banyak peserta didik tertib masuk lingkungan sekolah dalam keadaan
rapi dan budaya 3S terlaksana dengan baik
Semua petugas piket kelas melaksanakan piket kebersihan kelas tepat waktu
Semua petugas piket kelas melaksanakan piket kebersihan kelas tapi tidak
tepat waktu
Masih ada petugas piket kelas yang belum melaksanakan piket kebersihan
kelas
Secara umum pembelajaran berjalan lancar dan kondusif
Pembelajaran belu berjalan lancar dan belum kondusif
Secara umum pembelajaran berjalan lancar dan belum kondusif

Scan untuk download file excel

Langkah 3
Appsheet
- Buka new tab (appsheet.com)
- Login menggunakan email yang sama dengan google drive
- Klik +make a new app
- Isi nama aplikasi (mis. Laporan Piket Guru) dan pilih kategori education & training
- Klik choose your data (silahkan cari spreadsheet yang telah dibuat digoogle drive
sebelumnya)
- Klik select
- Jika tampilan seperti berikut silahkan pilih customize your app
- Tambahkan Tables Daftar hadir dengan cara klik

• add Table “DATA GURU”

• add Table “PIKET GURU”
• add Table “KEGIATAN PIKET”

KLIK MENU COLUMNS PADA BAGIAN ATAS

DATA GURU
• Buka Data Guru
• Nama Guru
• Centang Key dan Label

• Kolom Email
• Ubah type dari text menjadi email
PIKET GURU
• Buka Piket Guru
• _RowNumber
• Centang Key

• HARI
• Centang label
• Masukkan berikut pada Formula

SWITCH(WEEKDAY([TANGGAL]),
"1","MINGGU",
"2","SENIN",
"3","SELASA",
"4","RABU",
"5","KAMIS",
"6","JUMAT",
"7","SABTU",
"SILAHKAN INPUT TANGGAL")

• TANGGAL
• Ubah Type menjadi Date
• Initial Value masukkan TODAY()

• DESKRIPSI KEGIATAN 1, 2 DAN 3

Silahkan ikuti gambar berikut
 Valid if masukkan KEGIATAN PIKET[KEGIATAN]

• HASIL YANG DICAPAI 1, 2 DAN 3

Silahkan ikuti gambar berikut

Valid if masukkan KEGIATAN PIKET[KETERCAPAIAN]

Semua yang ada dibawah ini silahkan ubah Type menjadi LongText
• KENDALA 1
• KENDALA 2
• KENDALA 3
• TINDAK LANJUT 1
• TINDAK LANJUT 2
• TINDAK LANJUT 3
• REKOMENDASI 1
• REKOMENDASI 2
• REKOMENDASI 3
• NAMA TAMU 1
• NAMA TAMU 2
• ASAL 1
• ASAL 2
• KEPERLUAN 1
• KEPERLUAN 2
 • JAM PELAJARAN 1
• JAM PELAJARAN 2
• DESKRIPSI KASUS
• PENANGANAN
• TINDAK LANJUT
• REKOMENDASI
• KETERANGAN

• KELAS 1, 2
• Klik Icon Pulpen (edit)
• Type pilih enum
• Values klik add kemudian tambahkan sesuai dengan kelas
• Entang auto Complete other values

• GURU UTAMA 1,2 DAN GURU PENGGANTI 1,2

• Ubah Type menjadi Ref
• Source table pilih Data Guru

• KETERANGAN 1 DAN 2
• DESKRIPSI KEGIATAN
Klik icon pulpen (edit)

Valid if masukkan KEGIATAN PIKET[KEGIATAN]

• DOKUMENTASI 1 DAN 2
• Ubah Type menjadi Image

• UPDATE PDF
• Masukkan Formula UNIQUEID()

• PRINT
• Ubah Type menjadi File
MEMBUAT TAMPILAN FORM PADA UX

• Klik menu UX pada sebelah kiri

• Klik +New View
• View Name ubah menjadi Piket Guru
• For this data pilih Piket Guru
• View type pilih Table
• Display
Silahkan pilih sesuai dengan keinginan mencari melalui kolom pencarian

Selanjutnya buat Google Documen pada Google Drive

Template bisa didownload melalui QRcode berikut

BUAT FOLDER PENYIMPANAN DI GOOGLE DRIVE

• Buka Folder appsheet > data > Folder (Nama Aplikasi)

• Buat folder baru (misal PIKET GURU)

AUTOMATION PADA MENU APPSHEET

- Klik Automation pada menu sebelah kiri

- Klik +New Bots
- Ubah Judul Bots misal PRINT PDF

- Klik Configure Event > Created a costume even

- Data changes pilih Adds and Updates
- Table pilih PIKET GURU
- Condition masukkan rumus berikut

[_thisrow_before].[UPDATE PDF]<>[_thisrow_after].[UPDATE PDF]

MEMBUAT STEP BARU PADA BOTS

MEMBUAT STEP 1
- Klik +add a step
- Pilih Created a costume step
- Pilih Run a task
- Pilih Create a new file
- Table Name Pilih PIKET GURU
- HTTP Content Type pilih PDF
- Upload Template Documen yang sudah dibuat sebelumnya dengan cara klik icon
kertas (Jangan klik create)
- File Folder Patch (sesuaikan dengan nama folder yang telah dibuat pada google
drive)

- File Name Prefix masukkan rumus berikut

[HARI]&"-"&[UPDATE PDF]
- Aktifkan Disable TimeStamp?
- Ubah ukuran kertas Attachmen Page Orientation

MEMBUAT STEP 2

- Klik +add a step

- Pilih Created a costume step
- Ubah Run a task menjadi Run a data action
- Pilih set row values
- Set the column(s) pilih PRINT kemudian masukkan rumus berikut

CONCATENATE("/appsheet/data/NewApp-449484584/PIKET GURU/",[HARI]&"-
"&[UPDATE PDF],".PDF")

Berwarna merah sesuaika dengan folder penyimpanan digoogle drive

BEHAVIOR PADA MENU APPSHEET

BUTTON UPDATE PDF

- Klik Behavior pada menu sebelah kiri
- Klik +New Action
- Action Name ubah menjadi UPDATE PDF
- For a record of this table pilih PIKET GURU
- Do this pilih

- Set these columns pilih PRINT kemudian masukkan rumus berikut

CONCATENATE("/appsheet/data/NewApp-449484584/PIKET GURU/",[HARI]&"-
"&[UPDATE PDF],".PDF")

Berwarna merah sesuaika dengan folder penyimpanan digoogle drive

BUTTON LIHAT PDF

- Klik +New Action
- Action Name ubah menjadi LIHAT PDF
- For a record of this table pilih PIKET GURU
- Do this pilih

- File masukkan [PRINT]