Anda di halaman 1dari 51

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?a
ppName=”,” masukkan nama aplikasi pada link diatas
”,”&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?a
ppName=”,” AplikasiKelas-449484584 ”,”&tableName=”,”Jurnal Harian
Guru”,”&filename=”,”ENCODEURL([LAMPIRAN JURNAL]))

• 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
MEMBUAT BUTTON CETAK PDF & PRINT PDF PADA MENU BEHAVIOR

Sebelum membuat button/tombol sebaiknya terlebih dahulu membuat folder baru di google
drive

Folder pertama (JURNAL MENGAJAR GURU) > didalam folder tersebut kita buatkan lagi
folder baru dengan nama folder (JURNAL MENGAJAR GURU PDF)

MENGUBAH POSISI PENYIMPANAN

Kembali ke aplikasi Appsheet

- Klik info pada menu sebelah kiri


- Pilih Properties pada menu bagian atas
- Pilih App Properties
- Pilih Default app folder kemudian masukkan judul folder yang telah kita buat di
google drive sebelumnya contoh. /JURNAL MENGAJAR GURU

- Klik behavior pada menu bagian kirI


- Klik +New Action
• Action Name ganti menjadi PRINT PDF
• For a record this table pilih Jurnal Harian Guru
• Do this

• File masukkan rumus berikut

[PRINT] atau insert melalui tabel Jurnar Mengajar Guru

• Prominence
• Klik Display
Action Icon

Button/Tombol PRINT PDF selesai

MEMBUAT GOOLE DOCUMEN DI GOOGLE DRIVE

Membuat google document di google drive, tempat penyimpanan google document di


folder jurnal harian guru. Dokumen ini akan dijadikan Template yang nantinya akan
dijadikan dalam bentuk pdf

Contoh dokumen bisa dilihat pada gambar dibawah ini

Scrip Dokumen ada pada halaman berikutnya


JURNAL HARIAN GURU
TAHUN AJARAN 2023/2024

Nama Guru : <<[NAMA GURU]>>

NIP : <<[ID GURU]>>


<<[QRCODE]>>
Kelas : 5 (Lima)

Semester : <<[SEMESTER]>>

JAM MATA PELAJARAN HARI/TANGGAL

<<[JAM KE]>> <<[MAPEL]>> <<[HARI]>>,


<<[TANGGAL]>>,

KD 3
<<[KD 3]>>

KD 4
<<[KD 4]>>

KEGIATAN PEMBELAJARAN
<<[KEGIATAN PEMBELAJARAN]>>

JUMLAH SISWA YANG TIDAK HADIR

Alpa : <<[JML (A)]>> Sakit : <<[JML (S)]>> Izin : <<[JML (I)]>>

CATATAN : <<[CATATAN]>>

FOTO KEGIATAN
<<[FOTO]>>
MEMBUAT BOTS PADA MENU AUTOMATION

- Klik Automation pada menu sebelah kiri


- Klik +New Bots
- Ubah Judul Bots\

- Klik Configure Event > Created a costume even


- Data changes pilih Adds and Update

- Table pilih Jurnal Harian Guru


- Condition masukkan rumus berikut

isnotblank([PRINT])

MEMBUAT STEP BARU PADA BOTS

MEMBUAT STEP 1
- Klik +add a step
- Pilih Created a costume step
- Action Name ubah menjadi JURNAL MENGAJAR GURU
- Pilih Run a task
- Pilih Jurnal Harian Guru
Pada Menu sebelah kanan
- Pilih Create a new file

- Table Name pilih Jurnal Harian Guru


- HTTP Conten Type pilih PDF
- Template klik icon kertas > kemudian pilih dokumen google yang telah dibuat
sebelumnya
- File folder path > masukkan ini

JURNAL HARIAN GURU

- File name prefix > masukkan script berikut

CONCATENATE([MAPEL],"-",[SUBTEMA/PEMBELAJARAN],"-",[NAMA GURU])

- Aktifkan Disable Timestamp?


- Attachment page orientation untuk mengubah posisi kerta (Portrait/Landskap)
- Attachment page Size untuk mengubah ukuran kertas (A4, Folio, Legal, dll)
KEMBALI KE MENU DATA
- Pilih Columns
- Buka Jurnal Harian Guru
- Masukkan formula pada kolom PRINT

CONCATENATE("/JURNAL PDF/",[MAPEL],"-",[SUBTEMA/PEMBELAJARAN],"-
",[NAMA GURU],".pdf")

- Klik Save

Aplikasi telah selesai.

Catatan : File yang sudah di cetak PDF pada aplikasi akan tersimpan pada folder google
drive yang telah dibuat sebelumnya

Anda mungkin juga menyukai