.

•pi 1(£
~
s.'- @=- J
[@ =-=====--•

@=- J
y-

( @pak.taufiq )
( @_pa_k_.t_a_u_fi_q_)

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

C Driv• Say a - Goog I• Drive x +

i drive.google.com/dnve/my-dnve

L Drive Q. Telusuri di Drive

Q) Folder baru
Saya ...
Upload file
~ ~ ( Orang T ) ( Dimodifikasi T )

m Upload folder
lbah halaman awal? Saat ini disetel ke Beranda. Anda da
fll Google Dokumen

GI Google Spreadsheet Spreadsheet kosong

c::::i Google Slide Dari template

E Google Formulir
sppsheet
Lainnya

(D Spam Ille DOKUMEN IASP SON BONTONOMPO

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

l., KELAS 5 TA 202>/2024 • Geog x 61 APUKASI KELAS 5 ·Geog• Sp· x +

f- ~ C i docs.google.com 'spreadsheets/d, 1 l_¥pARIRBTX30fBBEgmc0jlPvckrOeApcO_Xm9nnZfs/ed1t"g1d =0

~
Iii!
APLIKASI KELAS 5
File Edit Tampilan
* ClJ e,
Sisipkan Format Data Alat Ekstensi Bantuan
•
( @_p_a_k_.t_a_u_fi_q_)

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

(. KELAS 5 TA202312024• Goog x ;;! S.DNBONTONOMPO KELAS5 x (; APUKASIKElAS5 - GoogT<!Sp· K + " x
E- ? C i does.google.com/spreadshffts/d/1LYpARIRBTX30ftlBEgmcO,ZPvcktOeAjxO_xm9nnZfs/.ci1t#gld:O

~
I.a
APUKASI KELAS 5
File Edit Tampilan
1" Ill
Sisipkan
12>
Format Data Alat Ekstensi Bantuan
€1 Bagikan
0
0.. t, d@ 'j 100"• Rp" .o.. -02 t2J Oefau.l.. • -~+BI -5-.,!_ 0, 83

• tr.

NISN PASSWORD NAMA SISWA JENIS KELAMIN KELAS FOTO SISWA

+ DATA SlSWA

• P Type hereto search

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

Kop setiap kolom bisa mengikuti gambar yang dibawah

L KEI.ASSTA 2023/2024• Goog x (; APUKASIKElAS5 - GoogleSp· x +
f- ~ C i docs.google.com/sp<e.idsheets/d/1l~YpARIRBTX30fBBEgmd>,ZPYckrOeAjx(tXm9nnZts/ed1t"gid"'1681585377

f?) Bagikan
0
0.. t, d @ 'l 100% • Rp " .o.. -~ 123 OefauL • - ~ + B I ... .,!. 0. EE

KS • fx.

TANGGAL BULAN JAM SCAN NAMA SISWA JENIS KELAMIN KELAS KETERANGAN CATATAN

+ DATASISWA • DAFT.AR HADIR •

• P Type hereto search

 •
( @_p_a_k_.t_a_u_fi_q_)

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
-
(. KElAS 5 TA l023/20i4 - Goog APUKASI KELAS 5 · Google Sp· Aplbii ~n - AppShttt + 0

_
,c (; ,c .,

~ ~ C i apps.heet.com/template/appdef?q..nd5Urt=True&appld=bd2Sb0f6-7d28-4443-8c03-8955Sadab1'9S&appName=Aphkas1Kelas-449484S84.tOau.Columns.DATA%2.0. (!:? 'Ct [] 0

.., AplikaslKelas
0
,, a c

Q .....
C\ c
p .....0 ..........-

8""' "'
g ux
0 0 0 0 0
, NISN 5 0 5 5 5
'"'
0- ,.......,.. 0 0 5 5 5
Q-

·-
0 5 5 5 0
, JENISKEI.AMIN
0 0 5 5 0
' KELAS 0 0 5 5 5
, FOTOSISWA lnwge 0 0 5 5 0

0 0 *REF_ROWS{"OAFTARHADl 5 0 DO,T·-·
"'-lllll•0
(1) sdnbontonompo003@9'na1l.corr

v.w-D•TAZWA 1-MTAPSWA

II P Type here to search

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

•
 . . - . e
· • TU1'o~.
( @pak.taufiq )
:"4',
BULAN
- Ubah type menjadi text
. • • t.PLitc~

- 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
•

•
• •

•
 .. - • • e
( @pak.taufiq )
. JU1'o ~.
ftlLile, A~ ~~
= «
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
-
0
... .f5

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

• •
•
(Ingat setiap melakukan perubahan data sebaiknya klik Save)

•
•
•
• •
PenginputanNilai
( @pak.taufiq )
( @_p_a_k_.t_a_u_fi_q_)

TUTORIAL MEMBUAT APLIKASI KELAS

PENGINPUTAN & PENYIMPANAN NILAI
SISWA

Langkah 1
Google Drive
- Buka kembali spreadsheet yang sudah dibuat sebelumnya (Aplikasi Kelas)
-
x (; APUKAStKEI.AS5 • Google Sp· x +
~ 7 C i docs.google.com/spreadsheets/d/1l_YpARIRBTX30fBBEgmcOJZPvckJOeApcO_Xm9nnZfs/ed11•9id:O

1!1!1 APLIKASI KELAS 5 'it <n &.

liil File Edit Tampilan Sisipkan Format Data Alat Ekstensi Bantuan

Q. t, C @ 'l" 100% .. Rp % .o.. .o.2 123 Oefaul... • - ~ + B 1 .., ~ ~. ffi

• /x. NISN
A
1 ~ PASSWORD NAMA SISWA JENIS KELAMIN
KELAS FOTO SISWA
123456 1 Sultan Lakl-Lakl S KELAS 5 TA 2023l202411MAGESl1MG_20230612_082150-removebg-p,evlew png
123457 2 Hann 5 KELAS 5 TA2023l202411MAGESl1MG_20230612_082150-removebg-prevlew png
1234568 J Putrl Perempuan 5 KELAS 5 TA2023l2024/1MAGES/1MG_20230612_082150·removebg-prevlewpng

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

L Beranda - Google Drive x 61 APLIKASI KELAS 5 - Google Sp, x +

i docs.geog le.com/spreadsheets/d/1 L_YpARIRBTX30fBBEgmc0JZPvckr0eAp,O _Xm9nnZfs/ed1tflg id =877710836

APLIKASI KELAS 5 '{:( OJ &,

File Edit Tampilan Sisipkan Format Data Alat Ekstensi Bantuan

100% y Rp % .o.. .0.2 123 Defaul... y

~+ B I A EB
L21 fx.
A c D G

NISN TANGGAL NAMA SISWA MATA PELAJARAN MATE RI NILAI

( @_p_a_k_.t_a_u_fi_q_)

- Tambahkan sheet 4 kemudian rename menjadi Ulangan Harian

- Untuk KOP kolomnya silahkan ikuti kolom dibawah

l.. Beranda- GoogleDnve X GI APLIKASIKELAS S - GoogleSpr X +

i docs.goog le.com/spreadsheets/d/1 L_YpARIRBTX30fBBEgmcOjZPvckrOeAjxO J(m9nnZfs/ed,t,lg1d =2130797 40

. APLIKASI KELAS 5
* OJ (2, Oisimpanke Drive

m File Edit Tampilan Sisipkan Format Data A lat Ekstensi Bantuan

o, ~ d § ~ 100% . Rp % .. . .
.0 .0 0 123 Defaul . ~+ B I -;:;- A 9,

...

J7 Jx_
A B c D E G
NISH TANGGAL NAMASISWA MATA PELAJARAN NILAI

- Tambahkan sheet 5 kemudian rename menjadi PTS

- Untuk KOP kolomnya silahkan ikuti kolom dibawah

C. Beranda - GoogleDrive X GI APLIKASIKELASS - GoogleSpr X +

i docs.google.com, 'spreadsheets/d/1 L_YpARI RBTX30fBBEgmc0JZPvckr0eAJl<0 _Xm9nnZfs/ed1t'l'g1d = 16892 73623

. APLIKASI KELAS 5 [lJ <2,

ml File Edit Tampilan Sisipkan Format Data A lat Ekstensi Bantu an

Al:Fl
o, ~ d

Jx_ NISN
§ ~ 100% . Rp % .0
.. .
.0 0
123 Arial ~+ B I v
-- Q,
EB B

. A

A B c D G

NISN TANGGAL NAMASISWA

10
11
12
( @_p_a_k_.t_a_u_fi_q_)

- Tambahkan sheet 6 kemudian rename menjadi PAS

- Untuk KOP kolomnya silahkan ikuti kolom dibawah

L Berende ~ Google Drive x (;I APUKASIKELASS • Google Sp, x +

i docs.google.com/spreadsheets/d/L1_YpARIRBTX30fBBEgmcOµ'.PvckrtleA_pXcOm9nnZfs/ed1tllg1d= 1043232631
APLIKASI KELAS 5 'ti GJ c:'.2>
File Edit Tampilan Sisipkan Format Data A lat Ekstensi Bantuan

Rp % .o.. ,0,2 123 Arial ~+ B I -S- A ~. EB H •

Al:Fl Jx NISN
A B G H

NISN TANGGAL

10
11
12
13

- Tambahkan sheet 7 kemudian rename menajadi Mata Pelajaran

- Silahkan Ikuti Tabel berikut (untuk kelas 5) kelas yag lainnya
silahkan menyesuaikan
-
~ ~ C i docs.google.com sp,eadsheetsld/1L_YpARIRBTX30fBBEgmc0JZPvckrOeAjxOJ(m9nnZfs/edll#g,d=993704703

APLIKASI KELAS 5 Ill c2,

ID File Edit Tamp11an Sisipkan Format Data A lat Ekstensi Bantuan

o, t, d e ; 100%
. Rp .o.. .0,2 . Q, a: .... .:!:. •
"" 123 Defaul... -~+ B I 7 .!... Ell
Ell /x.
A c 0 G

Noma, MataP an
Terna 1 Organ Gerak Hewan dan
Manusia Terna 2 UdaraBersih
bagiKesehatan Terna 3 Makanan
Sehat
Tema 4 Se hat ltu Penting
Tema 5 Ekosistem
Terna 6 Panas dan
Perpindahannya Terna 7 Peristiwa
dalam Kehidupan Terna 8
Lingkungan Sahabat Kita
10 Terna 9 Benda - Benda rnsekitar
11 10 PKn
12 11 Bhs. Indonesia
13
14
12
13
Matematika
IPA •I
15 14 IPS
16 15 SBdP
17 16 Mulok (Bhs. Oaerah)
18 17 PJOK
19 18 Agama Islam
20
21
 (.. @_p_a_k_.t_a_u_fi_q_)
•
•
•
•
---
.. JU1'o,a•
Langkah 3
Appsheet
- Buka new tab (appsheet.com)
. . =. ..«~A~,
f3Lik~

- 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

NAWE TYPE KEY? LABEL?

, _RowNumber Number LI 0
, NISN Ref 0 LI
, TANGGAL Date 0 0
, NAMASISWA Text 0 0
, MATA PELAJARAN Ref 0 0
, MATE RI Long Text 0 0
, NILAI Number 0 0

• 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

• • •
•
Nilai ubah Type menjadi Number

•
 •
• • • Materi ubah Type menjadi LongText

• • •
 •
•
•
• •
(.. @_p_a_k._ta_u_f_iq ) •

- 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

NAWE TYPE KEY? LABEL?

, _RowNumber Number 0

, NISN Ref 0
"
, TANGGAL Date 0
" 0
, NAMASISWA Text • 0 0
, MATA PELAJARAN Ref 0 0
6
, SUBTEMA Long Text 0 0
, NILAI Number • 0 0

• 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

• • •
• •

•e
••
 •
• • -··--
. TUto.a. •
: ~ , ,. ~
•
(.. @_p_a_k_.t_a_u_fi_q_) tJLi tc ~ - -

. . .,
~ ~

- 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

NAWE TYPE KEY" LABEL?

, _Row Number Number m 0

, MSN Ref 0 m
, TANGGAL Date 0 0
, NAMASISWA Text 0 0
, MATA PELAJARAN Ref 0 0
6
, SUBTEMA Long Text 0 0
, NILAJ Number 0 0

• 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

• • •

• • • •
• • •
 • •
•
•
• •

•
 •

( @pak.taufiq )
- 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

NA~E TYPE KEY? LABEL?

~ _RowNumber Number • m 0
~ NISN Ref .... 0 m
~ TANGGAL Date .... 0 0

~ NAMASISWA Text .... 0 0

~ MATA PELAJARAN Ref .... 0 0

~ NILA! Number .... 0 0

• 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

• •
• • •
••
•• • •

•
e • •
•
 •
•
(.... @_p_a_k._ta_u_f_iq )
•
•
•
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)

·-
NtlAI HARlAN
·- Show.,.prev-

'""
v-- ML.Al HARIAN
hew.qu,i,iwneforthrs,,_

For this data

wtw:lltabwOfsllcetodt~
N~a, Hanan

+: U!.eskestofiteryo.xdata 0

..
-
View typo
M.ttbnclof-tnts•
ti El le! EB DO e ii;)

llil B

- - 0 (;)
Wlte<ethebunoa10KCeSStha

v.,..0pt,ons

.......
OntyllGt-~ho:IOIIII,.
ldMtit.dby1hr$by

"-"YI•
Howfoonl*)eS-~ _
...
-CouM , ...
~

- Klik +New View

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

NllAI utANGANHARIAN
N,¥11 h-.i HP'>•" form
'""'
NILAI ULANGAN HARIAN

For thrl data

Whd1t1bleort.c..etodl1p4a,. N1ta1 Ufangan Hanan

..
View type
W't!atklrldofv1-,h1ss EB DO

.......
W'h1.-.theb.rtton10accH1dltt
.,,...... 1oct1otd
llil B

- 0

• • Voew()pt,ons

• • •
Row key
Onfy.al100)t.pe<:1foc.10"
ldw,11fiedbytho1k~

• • P&Qtltytt

•
HOw fol'l"'Ip.t9" lrl dltplayed

• •
• •
 •
•

(... @_p_a_k_.t_a_u_fi_q_)
• ;ro,~4·
tJ'Lilc~- ~
f,t t
-
-
-
Klik +New View
View type (NILAI PTS)
For this Data (Nilai PTS)
•
•
•
• ~ •
- View Type (form)
- Position (Menu) • •
NILAI PTS
N11a1PIS S.howinprev,ew co..,

View name
NILAI PTS
lheunoquenameforthtsview

Forthisdata N1la1PTS
Whichtableorllbceotodtsplay.

+: Us.eslicestofitter.,o..-data o
View type
..
- e
Whatk1ndofv1twttn1s
ti § Isl EH DO liJ;I

Position
WherethebuttOlllOICCHSth"9
~Wtllocited
[Iii

lint
8

-
- -
0 r;;J

...... ....
View Options

Row key
Onlyed1tone..~1fic::,ow..
1dent1f,edbyth,skey s
Page style ...,_
How form p,~ iredlspl')'ed P,goCount
,
- Klik +New View
- View type (NILAI PAS)
- For this Data (Nilai PAS)
- View Type (form)
- Position (Menu)

. .. . .
NILA l P A

f
$how ., preview

. ..
S

Vlewl'llfflt
NILAI PAS
1Mun.(lu,*.....,....f0ftbi1¥1tW

For this data

Nila1 PAS
Whdlubtie«slilcetod11pl1y.

+: UseslicostofllrerVOJl(dota (!)

..
-
View~
Whatkl0dof.._thls11 e e Isl
. .. .
0 0 e ii
.
EH

- - r;;J
[Iii 8 0

Position
Wherethebuttoa1oi1ccessth1ll ""'
next n"iddle last ...
,,., ... localed

View OpttOOS

Row key
Onty~too-~fo:,ow. !!,.
1c»n11f,edbJlh,sk.,.

Pogo style
Howformpr1,pt .... d1sp•11...d
Autonwtic: .... Count
,

• •
• • •
•• • •

•
TabunganSiswa
( @pak.taufiq )
 ( @pak.taufiq )
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

A Drive Saya - Google Drive x +

i drive.google.com/dnve/my-drive

l,,,; Drive 0. Telusuri di Drive

GJ Folder baru
Saya ...
Upload file
~ ~ ( Orang ... ) ( Dimodifikasi ... )

CB Upload folder
~ lbah halaman awal? Saat ini disetel ke Beranda. Anda da

6 Google Dokumen

;; Google Spreadsheet Spreadsheetkosong

Dari template
c Google Slide

IEI Google Formulir ~ appsheet

Lainnya
lb DOKUMEN IASP SDN BONTONOMPO
o Spam

••
• •
( @_p_a_k_.t_a_u_fi_q_)
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

L KELAS 5 TA 2023/20.24• Goog ,: G1 SON BONfONCM,.OPOKtl.AS S )( (ii APUICASKI £LAS 5 • Google Sp· x + O X

E- 7 C i docs.google.com,,spreads.hfftS/d/1L_YpARIRBTX30fBBEgmc.OJZPvck.,0.A,rcO_Xm9nnZts;ed11lllgid,.O

11!!1, APLIKASI KELAS S -t, OJ <2>

... File Edit Tampilan Sisipkan Format Data Alat Ekstensi Bantuan
~ Bagikan
0

• /<

NISN PASSWORD NAMA SISWA JENIS KELAMIN KELAS FOTO SISWA

r==i.

+ DATASISWA •

• .P Type here to search

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

Kop setiap kolom bisa mengikuti gambar yang dibawah

(. KElAS STA 2023/2024 - Goog X [; APUKASI KELAS 5 - Google Sp X 'T .4.pliusi KelH - AppShff't + O X

~ -+ C ~; doc:s.google.com/spreadsheets/d/1L_YpARIRBTX30fB8EgmcOJ2Pvckr0eAJxO_Xm9nnZfs/ed1t•gld:::1326776106
* a O
1!!1, APLIKASI KELAS5 -t, CD 12> ""..,,."''°'"'°
liil File Edit Tampilan Sisipkan so-mat Data Alat Ekstensi Bantuan ~ Bagikan
0
0.. t) c @ '1' 100% • Rp % .o.. .o~ 123 Oefaut... li:·.!·Pl·A· oc [II@ Y (iii)· I

M7 /z.

NISN TANGGAL NAMA SISWA PEMASUKAN

+ es ,DIR • DAFTAR TIOAK HAOIR Nilai Harian • Nilai Ulangan Harian • Nilai PTS • Nilai PAS • Mata Pelajaran • Tabungan

• ,P Typehere to search
 •
•
•
( @pak.taufiq ) •
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

NAf..'E TYPE KEY' LABEL?

~ _Row Number Number m 0

~ NISN Ref 0 m
~ TANGGAL Date ... 0 0
~ NAMASISWA Text 0 0
~
~ PEMASUKAN Number ... 0 0

• 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

•

• • •
•• •
•

•• •

• •
• •
(... @_p_a_k_.t_a_u_fi_q_)

Toolbar UX
Memasukkan table Tabungan
- UX > +New
- View type (DAFTAR HADIR)
- For this Data (DAFTAR HADIR)
- View Type (form)
- Position (Middle)
"' L, KELAS5TA2023/l02•·Googx (; APLIKA.SIKEL.AS5·GoogltSf X T Aplbso~as·AppShfft x +
~ -t C ~ appsheet.com/lemplate/App0ef7appName:AphQs,Kelas·449484584&appld;bd28bOf6·7d28-4443·8c03·89555~ilbf95&qu,ckS1011t:False*UX.Voews

•
.. (l) tO ...
.,
. , AplikasiKeLas

C O O 00

© Wo•

B-

Tabungan

· Q-
.. Ill

•
llil B 0

·- -- ....
,...
- , _
...... -• sa "' !I! '"

__ .,.. ...........
...... _.

• P Type here to search

- Daftar Hadir_Form
• Auto re open silahkan atifkan dengan cara menggeser

•
A.111~0 save
Automat1call!f save the form after
the les.-t field 1s filled m.

A.111~0 r,e-iope11
JJ.utoma.t1call!f re-open -!' -orm
af er s8'.tlng..
( @_p_a_k_.t_a_u_fi_q_)

CARA MENDESAIN
TAMPILAN APLIKASI LEBIH MENARIK
Pilih Menu UX
~ Aplikasi Kelas

~ NotDeplovod ...... ~tRulos

Q Homo

© Info•

B
°'" NewV\ew
+
i;;i ux

-< .......... Ii

0 Automation

0 Security Primary Views

-
Theoseviews are eccessee via the bOttom bar of the app v;ews 1ha1 •e used oftM stioukl be 1n this sec:tJOn
Q Intelligence

DATASISWA
Ill

·- HADIR

Pilih Brand

v L KEL.AS STA 20.?3/2024 • Goog >< GI APUKASI KU.AS 5 • Google Sf T Apliusi Krlas • AppShttt +

-·
X
" x
+- ~ C :;; appsheet.com/template/AppOef?appName=Aphk.as,Kelas-449484S84&appld=bd28bOf6·7d28-4443·8c03-tl9555adabf95&quid:Start=Fals~UX.Brand

T
. .,
Aplikasi Kelas

.. _ c a c 0 l2l

=- ··-·~
0

--
B °"' 1:1 Ii
_
"' ux

-'••
... ....
•••o•••• ·--
_. . ....,. .
12/21/2023

.
_
a . ... . . _,. .. _ .. ,....
0""'1,y

·-
9 ........ - +
o.o.. .. _ . .,.... - ....

Cancel ....
•
• P Type bere to search

• 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
 . ~pi1(£"1,..
~
~" aim
~

r
•
.
lllAS5
.,11•111,11111•11•

AplikasiOrang Tua
( @pak.taufi )
q
 •
• e
c 101~4-
• •
@pak.taufiq ) • • r,Lik,\t · ~
• -« ~
TUTORIAL MEMBUAT APLIKASI KEL A S • • •
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)
Are updates allowed?
Are adds, delete! and updates
x Updates x Adds x Deletes Read Only

al owed>

Ke menu Columns
Buka Daftar Siswa (silahkan ikuti gambar berikut)
v-T•blc Add V1rt1.H1o Cvlumn
DATASISWA
· lJ t),11SN 0NAM-'StSW4 Re¥,,e,•te Structu,e

NAW TYPE KEY" LABEL" FORMULA SHOW' EDITABLE' REQI

E

., _RowNumber Number 0 0 0 0 0
., NISN Text m 0 m m m
., PASSWORD Number 0 0 0 m m
., NAMASISWA Text 0 m m m 0

•
., JENIS KELAMIN Text 0 0 m m 0
., 0 0 m m m
•
KELAS Number

., FOTOSISWA Image 0 m m m m

•
•
 •
• • - 4.
;ror~
•
c
•
@pak.taufiq ) • ~Lile~- ~
+(C! ~
Ke menu UX • •
•
~
Buka daftar Siswa_Detail

Display mode
How 10 display the column data.
• •
Automatic Normal Centered No Headings Side·by·side

Menu Columns
Buka Daftar Hadir
SCAN ubah type menjadi Ref kemudian Source Data pilih Daftar Siswa
~ OAnARHAOIR
/)•CAN li)SCAN
AddVirtua.Colt.wnn

.......... 1,,1,vct...,.

NAtlE TYPE KEY' LABEL? FOffMUlA SHOW"

, _RowNumber Number 0 0
, TANGGAL Date 0 0
, BULAN T•xt 0 0
, JAM Date Time 0 0
, SCAN R•f m m
, NAMASISWA Text 0 0
, JENIS KELAMIN Text 0 0
, KELAS Number 0 0
, KETERANGAN Text 0 0
, CATATAN Text 0 0

Buka Nilai Harian

NISN ubah type menjadi Ref kemudian Source Data pilih Daftar Siswa

v.. wTabte AddYrtu.lColumt'I

Nilai Harian
~ /)NISN (°)Nl~N
~~-ate ~UllCh.lf•

NJ.WE TYPE KEY? LABEL? FORMULA SHO'N? EDtTABLE? REQU

, _RowNumber Number 0 0 0 0 0

, NISN Ref L'J L'J L'J L'J L'J

, TANGGAL Date 0 0 L'J L'J 0
, NAMASISWA Text 0 0 L'J L'J 0
, MATA PELAJARAN Text 0 0 L'J L'J 0
• , MATER! Text 0 0 L'J L'J 0

• • • •
, NILA! Numbt!r 0 0 L'J L'J 0

••
•
 •
• •
• •
( @_p_a_k._ta_u_f_iq )
•

Buka Nilai Harian

NISN ubah type menjadi Ref kemudian Source Data pilih Daftar Siswa •
• • •
!E Nilai PAS Add V,rtual CtHumn
t) NI.SN Q Nl~N

NAN.E TYPE LAB.El' FORMULA SHOW' EDrTABlE" REQU

, _RowNumber Number 0 0
" NISN Rel

" TANGGAL Text 0 0

" NAMASISWA Text 0 0

" MATA PELAJARAN Text 0 0

,, SUBTEMA Text 0 0
" Nil.Al Number 0 0

Buka Nilai PAS

NISN ubah type menjadi Ref kemudian Source Data pilih Daftar Siswa

Ta~C$ eo,umns SI Ices User Scttl"9' Options

v-T•bl• Add Vortu• Co"'""

NilaiPAS
§ {)M~N QN1!>N R:e~""t·ateStn.iet,.e

NANE TYPE KEYi LABE.l' FORMULA SHOW? EDITABLE' REQU

,, _RowNumber Number 0 0 0 0 0
,, NISN Rel s s s s s
,, TANGGAL Text 0 0 s s 0
,, NAMASISWA Text 0 0 s s 0
,, MATA PELAJARAN Text 0 0 s s 0
,, SUBTEMA Text 0 0 s s 0
,, NILAJ Number 0 0 s s 0

• •

• • •
• •
•

•e
......
• •
 e
c @pak.taufiq )
•
• Jllt,~4·
tlLilc~- ~
•
t,c "'
Buka Nilai PTS
NISN ubah type menjadi Ref kemudian Source Data pilih Daftar Siswa • • ~

Tatii,cs Columns Slices User Settings Options

•
•
Nilai PTS
v,-T•bl• Add V,rt1,1mlCo-...,..i,
• •
~ I) M~N l;)Nl&N
R•wc"'•••t• Sttvc:turw

NA~E TYPE KEY" LA8Et7 FORMULA SHOW? EDITABLE? REQU

, _RowNumber Number 0 0 0 0 0
, NISN Rel ~ ~ ~ ~ ~
, TANGGAL Text 0 0 ~ ~ 0
, NAMASISWA Text 0 0 ~ ~ 0
, MATA PELAJARAN Text 0 0 ~ ~ 0
, SU BT EMA Text 0 0 ~ ~ 0
, NILAI Number 0 0 ~ ~ 0

Buka Nilai Ulangan Harian

NISN ubah type menjadi Ref kemudian Source Data pilih Daftar Siswa

Tables COiumns Slices User Scttings Options

v,-Tabt. Add Vtrtt.1ailColumn

!] Nilai Ulangan Harian
• /)hi.SN ONl!.N R•9C"C••t• S.trvctw•

NAIJE TYPE KEY" LABEL? FORMULA SHOW? EDITABLE? REQU

, _RowNumber Number 0 0 0 0 0
, NISN Rel ~ ~ ~ ~ ~
, TANGGAL Text 0 0 ~ ~ 0
, NAMASISWA Text 0 0 ~ ~ 0
, MATA PELAJARAN Text 0 0 ~ ~ 0
, NILAl Number 0 0 ~ ~ 0

• •

•
• • •
•

•
•
•
• •
 •
• • e
( ) • T01'~4.
r
@pak.taufiq p.PUlc,\t· ~
t~

Buka Tabungan • ~
NISN ubah type menjadi Ref kemudian Source Data pilih Daftar Siswa
• •
• •
Tabungan Add Virtual Cofu-rnn
~ ~ t)l<ISN I() TANGGAL
Vi-T•bl•

R:e~••te$truc:tU11e

NAA'E TYPE KEY"' LABEL' FORMULA SHOW"

; _RowNumber Number 0 0 0
; NISN Ref m 0 m
; TANGGAL Date 0 m m
; NAMASISWA Text 0 0 m
; PEMASUKAN Number 0 0 m

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

T KegiatanSiswa
IS) Not Dcpla;cd
User Settings Options

Q Homo
User sem,gs are options that each userof yo.x app can set tocontrol thebchaviof of theirapp.To add a scnings option. check the Visible chedcbox and then change 1heqJtion

0 Info
""""""°_,°""'_...""'a1,1yIE
8 Data - Per User Settings
•• ~0 t,_1H~
g ux
It thcrrtS at least one- visible-opt KN\ the U:Sl'f will see a Scttmgsbuttonin the app fflCflU. Usually, these values arc accessedas USCRSCTTINGS(OpoonN~r)l a Seo.myFitt(.'f
-<: Behavior or Shor fihN ecpres.sion 10 modify the data shownto the USCf

- 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"))

• •
• •
•

• • •
• • •
( @pak.taufiq )
• 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

Update Behavior

Editab~@?
ca11 users (or autom&tlC- app
formJfas) modrfy date m :this
i::olurn11? 'Vou can also IJ)rO'l'lde an
't:ditab!e_tf e:x~"!l1on to decide.

R@ooI ion 11Hlit?

:should this oolurnn be reset ta Its
1111uel value ,;.lben 111e row ts edrted"!

• 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],"DAT
A SISWA","NISN","PASSWORD")
 • •
( @pak.taufiq )
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

Editabte?
c.:a11 users (or eut.oomet~ app
formules.) modify date m 1h1s
column? veu can also 1PIOY1de
an
't:dftable.Jf eJCpre<.=1s1on to decide.

Rll!OOI on 1i;HIH.?'
Should this column be reset to rts
11111Jel value when 1fle r~ 1:3 edited"!

• 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")
 • -
• •
( @pak.taufiq ) •
•
• Icon silahkan pilih icon masuk yang diinginkan (gunakan
kolo•m 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
Save
= IF(ANO(CONTEXT( "VIEW" )="SETTINGS", ISNOTBLANK( Ii T }!,.

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

• •

• •
• • •
•
 .. • e e
· ·. .. ;rora ~.
( @pak.taufiq )
. . ..
f3L ik4~A
"~
~
.....,(
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

• •

• • • •
• • •

•e • •
 AplikasiJurnal
( @pak.taufiq )
( @_p_a_k_.t_a_u_fi_q_)

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

O Drive Soya - Google Drive x +

i drive.google.com/dnve/my-dnve

L Drive Q. Telusuri di Drive

QI Folder baru
Saya ...

~ Upload file
~ ( Orang . )( Dimodifikasi .
m Upload folder
!bah halaman awal? Saat ini disetel ke Beranda. Anda da
Ell Google Dokumen

ul Google Spreadsheet
Spreadsheetkosong
e Google Slide
Dari template

lei Google Formulir

Lainnya appsheet

(D Spam
~ DOKUMEN IASP SON BONTONOMPO

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

L JURNAL MENGAJAR GURU PD X T JURNAL HARIAN GURU - App. X L Drive Saya - Google Drive X

!; docs.google.com/spreadsheets/d.11 PZuR-XVTU7u0cRa6M3s816V3eRA1p1kdJMhDpHkPoSE/ed1t .. gi

JURNAL HARIAN GURU tr CtJ ~

File Edit Tampilan Sisipkan Format Data Alat E kstensi Bantuan

0.. t> d c§ ~ 100% • Rp % .o.. .oi 123 Defaul... •

(... @_p_a_k_.t_a_u_fi_q_)

Langkah 2
Spreadsheet
- Tambahkan sheet 1 kemudian rename menjadi Data Guru
- Untuk KOP kolomnya silahkan ikuti kolom dibawah
~ JURNAL HARIAN GURU tr llJ <:2, oisimpan ke Drive
liil File Edit Tampilan Sisipkan Format Data Alat Ekstensi Bantuan

Q. b d €J, ~ 100% T Rp % .o.. .0.2 123 Defaul... T

~+
F8 fx
A B c D E

ID GURU NAMAGURU E-MAIL

- 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
ml ~i~RNE~i~ H~:;l~nG~i:~kan'R F:ma,<2D,ata Alat Ekstensi Bantuan © !!!] O· ~Bagikan O
0.. ti e e> ~ 100% .. Rp % .o.. -02 123 Defaul... .. - ~ + B I -5- ..!., 9, EE

• /x.

10 GURU TANGGAL HARi JAMl<E NAMAGURU KElAS MAPEL SEMESTER K03 K04 ,TAN PE
( @_p_a_k_.t_a_u_fi_q_)

- 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)

~
liil
JURNAL HARIAN GURU * OJ &,
File Edit Tampilan Sisipkan Format Data A lat Ekstensi Bantu an

Rp % .o.. .0.,2 123 Defaul... • B I

H7

A B c
NO SEMESTER MAPEL
2 1 SEMESTER 1 TEMA 1 ORGAN GERAK PADA HEWAN DAN MANUSIA
2 SEMESTER 1 TEMA 2 UDARA BERSIH BAGI KESEHATAN
3 SEMESTER 1 TEMA 3 MAKANAN SEHAT
5 4 SEMESTER 1 TEMA 4 SEHAT ITU PENTING
6 5 SEMESTER 1 TEMA 5 EKOSISTEM
6 SEMESTER 2 TEMA 6 PANAS DAN PERPINDAHANNYA
8 7 SEMESTER 2 TEMA 7 PERISTIWA DALAM KEHIDUPAN
9 8 SEMESTER 2 TEMA 8 LINGKUNGAN SAHABAT KITA
10 9 SEMESTER 2 TEMA 9 BENDA-BENDA DISEKITAR KITA
1'1 10 SEMESTER 2 AGAMAISLAM
12 11 SEMESTER 2 OLAH RAGA
13 12 SEMESTER 2 PENGEMBANGAN DIRI
14 13 SEMESTER 2 MU LOK (BAHASA MAKASSAR)
15 14 SEMESTER 2 KEGIATAN LAIN
16

- 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)
.. JURNAL HARIAN GURU -t, CD (2>
liil File Edit Tampitan Sisipkan Format Data Alat Ekstensi ~ Bagikan
Bantuan

0.. t, C @ ~ 100% .. Rp % .o.. .0,.2 123 Oefaul... -~+ BI.~~-IB ~·.!·Iii!·~· c-:,tIJ@ Y~· I

en
KD J KD 4
PKn
3.1 meng1dent1fikasi nda1-oila1 Pancas,la dalam kehtdupan sehari-hari
3.2 memahami hak, k~1bandan tanggungjawab sebagai warga dalam kehldupansehan-han
3.3 menelaah keberagaman sos1al budaya masyarakat
3.4 menggah manfaat persatuan dan kesatuan untuk membangun kerukunan hldup
BAHASA INDONESIA
3.1 menentukan pokok plloran dalam teks llsan dan tulis
3.2 mengklaslfika54 mformas. yang d)dapat dari buku ke dalam aspek: apa, d1 mana, kapan, srapa, mengapa, dan baga,mana
10 3.4 menganahsis mformaSI yang d1sampa1kan paparan 1klan dan media cetak atau elektrook
11 3.6 menggah1S1 dan amanat pantl.KIyang disaJ1kansecarahsandan tuhs dengan tuJuanuntuk kesenangan
[
12 3.7 mengura1kankonsep-konsepyang sahngberka1tan pada teks nonfiksi
13 MATEMATIKA
14 3.1 menjelaskandan melakukan penJumlahandan pengurangandua
pecahandeoganpenyebutbefbeda rs 3.2 menJelaskandan melakukanper1(ahandan
pembagianpecahandan deslmal
te 3.3 menjelask:anperbandingandua besaranyang befbeda (kecepatansebagaiperbandinganjarakdenganwaktu, debit sebagaiperbandinganvolumedan waktu)
11 3.4 menjelaskanskala mela!UIdenah
re 3.5 menjelask:an,dan menentukanvolume bangun ruangdenganmenggunakansatuanvolume (seperti kubussatuan)serta hubunganpangkattiga dengan akar
pangkattiga
19 3.6 menjelask:andan menemukanjaring-jaringbangun ruangsederhana(kubusdan balok)

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

- 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)
~ JURNAL HARIAN GURU ,a CD 0
liil File Edit Tampilan Sisipkan Format Data Alat Ekstensi Bantuan 12, Bagikan
0
..
Q,, t, c @ '1" 100% • Rp 'Jr. .o.. .0,2 123 Defau1... -~+BI ...

~~·EE

KO,
2 PKn
3 4.1 menyajikan hasil identifikasi nilai-nilai Pancasila dalam kehidupan sehari-hari
' 4.2 menjelaskan hak, kewajiban, dan tanggung jawab sebagai warga masyarakat dalam kehidupan sehari-hari
s 4.3 menyelenggarakankegiatan yang mendukungkeberagamansosial budaya masyarakat
6 4-4 menyajikan hasil penggalian tentang manfaat persatuan dan kesatuan untuk membangun kerukunan
7 BAHASA INDONESIA
a 4.1 menyaJikanhasllidentifikasi pokokpiklran dalam teks tulis dan Jisan secara lisan, tulis, dan visual
9 4.2 menyaJikanhasil ldasifikasi informasi yang didapat dari buku yang dikelompokkan dalam aspek: apa, di mana, kapan, siapa, mengapa, dan baga1mana menggunakan kosakata baku
10 4-4 memeragakankembali informasi yang disampaikan paparan ildan dari media cetak atau elektronik dengan bantuan ~san, tllis, dan visual

11 4 6 melisankan pantoo hasll karya pr1bad1 dengan lafal, intonasi, dan ekspresi yang tepat sebaga1 bentuk ungkapan din
12 4.7 menyaJikan konsep-konsep yang sahng berkaitan pada teks nonf1ksi ke dalam tulisan dengan bahasa sendiri
13 MATEMATIKA
u 4.1 menyelesa1kan masalah yang berkartan dengan penjumlahan dan pengurangan dua pecahan dengan penyebut berbeda
ts 4.2 menyelesa1kan masalah yang berka1tan dengan perkalian dan pembagian pecahan dan desimal
16 4.3 menyelesa1kan masalah yang berkaitan dengan perbandingan dua besaran yang berbeda (kecepatan, debit)
11 4 4 menyelesa1kan masalah yang berkaitan dengan skala pada denah
1a 4.5 menyelesa1kan masalah yang berka1tan dengan volume bangun ruang dengan meoggunakan satuan volume (sepertl kubussatuan) mellbatkanpangkat tiga dan aka( pangkat tiga
19 4.6 membuat iarina-1arino banaun ruano sederhana (kubus dan balok)

- 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”
 •
• •
)
• • ;ror~4.
c @pak.taufiq • t,PLilc,\ - ~
~
•
•
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
DATAGURU V,ewTable Add Yo.-tua. Column
t} IOGUA\J Q 10GURU

· R~enerateStNCtl•e

NAii.£ TYPE KEY' LABEL? FO~ULA SHOW' EDITABLE, REQ

U

, _RowNumber Number 0 0 0 0 0
, ID GURU Text m m m m m
, NAMAGURU Text 0 0 m m 0
, E·MAIL Email 0 0 m m m

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

• • • •

•
•
•
•
•
 •
•
-• ••
•
• 10, 0~.··
(.. @_p_a_k_.t_a_u_fi_q_) tfLile,A -~A
.....,,
.
•

.
~~
~
• 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")
~ HARi Text =
0 0 SWITCH(WEEKDAY([TAtl!.

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

JURNAL MENGAJAR: JAM KE

Type Details
Values
:: 1

:: 2

:: 3

:: 4

:: 5

;; 6

;; 7

:: 8

Add

• Centang Auto-complete other values

• Input mode pilih dropdown
• Klik Done
•

• •

• •

•
 •
( @pak.taufiq )

• 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

• •

•
---
( @pak.taufiq )

• 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
Type Details

---
..
~eOlt.YMIN
....
p;,
p;,

--
11em ...,.,.,or
Te><t

..... ........ ......

• 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

-' JML (A) Number

-' JML (I) Number

-' JML (S) Number

 ( @pak.taufiq )

• 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

• •
• •
• • •
 •
e
c @pak.taufiq )
•
•
•
•
101~4-
..VLilc~- ~
.,~ ~
• • • ~
• •
• 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

NM'E TYPE LABEL? FORMULA

-' _RowNumber Number 0

-' KD3 Long Text 0

-' KD4 Text 0

KD 4
• Buka Kolom KD 4

Silahkan ubah sesuai gambar berikut

NM'E TYPE KEY? LABEL> FORMULA SHOW"

-' _RowNumber Number 0 O A

-' KD4 Long Text 0

-' KD 3 Text 0 0

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

-' MAPEL Text

• •
Data sudah selesai sekarang lanjut untuk membuat formular dan tampilannya
•
• • •
•
•
( @_p_a_k_.t_a_u_fi_q_)

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

Display
Icon
Iheicon10 use for this view

.. So:

•oo•ooe@@t~~~00tQQ•o
O&& ~PP&&~~ae~~roeee~
~~0®@4~~0@@+••~000~9
@@®m~~e©G~6~•oo~~~gg
~sse•ee~8~B~®m~~o©~t
Q~~rnrn~rnm~rn~~ruro~~~~~~

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

MENGUBAH TAMPILAN APLIKASI PADA

UX Pilih Brand
"

+-

T
(.

.,..,._
Q

©
~

.....

Info•
KELAS 5 TA 2023/2024 • Goog

C,
,c ;; APllJCASIKEL.AS S • GoogleSi: ,c ., A.plbsi ~n · AppShttt +
~:; appsheet.com/template}App0ef?•ppN•me:Aphus,Kel~-449484S84&•ppld=bd28bOffi·7d28-4443-lk03.a955»dabt95&quickStart=false<l'UX.8m)d

A.plikasiKNs

a "
.... O X

0 0

B °'"

- •••o•••• 1212112023

~ -- . . -
0 Sea.lty

Pn .. ...,cc lo r
;J·

.....
a
-
._ . . .....
.- . . ._ .. _
.. _ hnps-
JfVtwwappsheel_com:443/lsmpnag"eapp,d•b •

Q 1nu,Ui~cnce

- +
" ...... l M I I ICh i m .ge
a . -.. .. _
..._..,,. ...
..

..._.,..,,,_..,

-.-
a .o o. . ..

Cancel Save

" '- .
- .. _ m

- ..........
 "'-'"'•0
1»sdnbontooompo003@gm1,I.C01T

•
• P Type here to search
( @pak.taufiq )

• 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

Header & Footer

Show view name in header

Show logo in header

Hide menu and search buttons

Style