WORKSHOP Jurnal Harian Guru
WORKSHOP Jurnal Harian Guru
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
(sheet 2 rename menjadi Daftar Hadir) Kosongkan saja nanti akan terisi otomatis
melalui aplikasi
Toolbar DATA
Data Siswa
- Data > Tables > Data Siswa > Read Only
- Data > Columns > Data Siswa
- Silahkan ubah Type, Key & Label sesuai dengan gambar yang dibawah
-
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
- 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)
Langkah Terakhir
Kembali ke menu DATA
- Show? Hilangkan centang pada
• BULAN
• JAM
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
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
[NISN].[NAMA SISWA]
[NISN].[NAMA SISWA]
[NISN].[NAMA SISWA]
[NISN].[NAMA SISWA]
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
(sheet 2 rename menjadi Tabungan Siswa) Kosongkan saja nanti akan terisi otomatis
melalui aplikasi
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
[NISN].[NAMA SISWA]
- Daftar Hadir_Form
• Auto re open silahkan atifkan dengan cara menggeser
CARA MENDESAIN
TAMPILAN APLIKASI LEBIH MENARIK
Pilih Menu UX
Pilih Brand
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
Langkah 2
MEMBUAT HALAMAN LOGIN
- Pilih data pada bagian menu sebalah kiri
- Klik user settings pada menu bagian atas
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])
)
IFS(NOT(IN([_THISROW_AFTER].[USERNAME],DATA
SISWA[NISN])),"DATA TIDAK DITEMUKAN", ISBLANK([PASSWORD]),"
")
• Update Behavior
- 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"))
[PASSWORD]=LOOKUP([USERNAME],"DATA
SISWA","NISN","PASSWORD")
Invalid Value Error masukkan rumus berikut
• Update Behavior
• Klik Done
AND([NISN]=USERSETTINGS(USERNAME),[PASSWORD]=USERSETTINGS(P
ASSWORD))
Pilih Menu UX
IF(ISNOTBLANK(USERSETTINGS(PASSWORD)),"KELUAR","MASUK")
• Icon silahkan pilih icon masuk yang diinginkan (gunakan kolom
pencarian)
• Finish View Pilih Slice Data Siswa
IF(AND(CONTEXT("VIEW")="SETTINGS",ISNOTBLANK(USERSETTINGS(USERN
AME))),"KELUAR",
IF(AND(CONTEXT("VIEW")="SETTINGS",ISBLANK(USERSETTINGS(USERNAME)
)),"MASUK","Save"))
IF(AND(CONTEXT("VIEW")="SETTINGS",ISNOTBLANK(USERSETTINGS(USERN
AME)))," ",
IF(AND(CONTEXT("VIEW")="SETTINGS",ISBLANK(USERSETTINGS(USERNAME)
))," ","Cancel"))
- Kembali Data
- Pilih Columns
- Buka semua kolom yang memiliki NISN ubah semua type menjadi ref
- Source data pilih slice data siswa
MEMBUAT BUTTON KELUAR
Contoh :
https://www.appsheet.com/template/AppDef?appName=AplikasiKelas-
449484584&appId=bd28b0f6-7d28-4443-
Menjadi
LINKTOVIEW(“SETTINGS”,” AplikasiKelas-449484584”)
MENGUBAH TAMPILAN
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
- 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
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)
• 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
• Done
• KD 4
• Klik icon pulpen
• Type ubah ke EnumList
• Buka Type Details
• Data Validaty
• Valid If
Masukkan Rumus
• Done
• 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
- 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
KD 3
• Buka Kolom KD 3
KD 4
• Buka Kolom KD 4
Data sudah selesai sekarang lanjut untuk membuat formular dan tampilannya
Tampilan data dan penginputan pada aplikasi sudah selesai. Lanjut pada mengubah
tampilan aplikasi agar lebih menarik.
MENGUBAH TAMPILAN APLIKASI PADA UX
Pilih Brand
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)
• Prominence
• Klik Display
Action Icon
Semester : <<[SEMESTER]>>
KD 3
<<[KD 3]>>
KD 4
<<[KD 4]>>
KEGIATAN PEMBELAJARAN
<<[KEGIATAN PEMBELAJARAN]>>
CATATAN : <<[CATATAN]>>
FOTO KEGIATAN
<<[FOTO]>>
MEMBUAT BOTS PADA MENU AUTOMATION
isnotblank([PRINT])
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
CONCATENATE([MAPEL],"-",[SUBTEMA/PEMBELAJARAN],"-",[NAMA GURU])
CONCATENATE("/JURNAL PDF/",[MAPEL],"-",[SUBTEMA/PEMBELAJARAN],"-
",[NAMA GURU],".pdf")
- Klik Save
Catatan : File yang sudah di cetak PDF pada aplikasi akan tersimpan pada folder google
drive yang telah dibuat sebelumnya