Nama Achmad Uzlul Rozik Instagram / Youtube Foto

Pendaftar
Email belajar.id achmadrozik62@guru.smk.belajar.id

Jabatan Guru

Sekolah SMK Sehat Insan Perjuangan

Kabupaten/Kota Kabupaten Jombang

Provinsi Jawa Timur

Membuat Portofolio Digital secara Profesional dengan Google Sites

Situasi & Tantangan

Fortofolio hasil pembelajaran tidak terorganisir

Gambar 1. Guru mencari file pembelajaran siswa
secara baik
Pada saat persiapan akreditasi sekolah dibutuhkan file
portofolio siswa. Saya mengalami kesulitan menemukan
file pembelajaran mengakibatkan terganggunya
konsentrasi dan menghabiskan waktu yang cukup
banyak untuk menemukan file yang dibutuhkan.
Biasanya di simpan di drive laptop, terkadang juga di
Whatsapp grup dan belum di pindahkan. Tantangannya
kita harus mengumpulkan file pembelajaran yang
berupa video hasil pembelajaran, hasil produk
pembelajaran dan perangkat pembelajaran yang terkait.
Sehingga solusinya membuat portofolio digital
pembelajaran.

Aksi

Langkah 1. Memahami penggunaan Google Sites di

Google
Pada tampilan google search “cara membuat website gratis
di google sites” kemudian pilih web/video/blog yang sesuai.
Hal ini membantu untuk memahami fitur dan penggunaan
google sites.
 Gambar 2. Belajar Fitur Google Sites
Gambar 3. Mengkategorisasikan folder
Gambar 4. Memilih template portofolio
Gambar 5. Mengedit deskripsi pada tampilan utama
Gambar 6. Mengedit foto pada tampilan utama
Gambar 7. Mengedit nama dan menambahkan logo
sekolah
Langkah 2. Kategorisasi Folder di Google Drive
Membuat kategori folder sesuai berdasarkan poin portofolio
yang dibutuhkan. Hal ini membantu memisahkan dan
mengelompokkan file-file sesuai dengan fungsinya
Langkah 3. Pilihlah template portofolio pada tampilan
google sites yang ada
Ketikkan sites.google.com dan muncul tampilan pada
gambar 4, lalu pilihlah template portofolio yang sudah
tersedia. Hal ini bertujuan untuk mempermudah dalam
mendesain website.
Langkah 4. Edit deskripsi tampilan utama
Klik pada tulisan “Hi. I’m Name … “ kemudian edit dan beri
nama sesuai dengan Portofolio yang diinginkan seperti
“Portofolio Digital Kelas XII Farmasi Klinis dan Komunitas
…”. Hal ini bertujuan untuk memberikan judul pada
tampilan utama portofolio.
Langkah 5. Edit foto tampilan utama
Klik pada gambar lalu klik icon klik Replace Image lalu
klik upload/select kemudian pilih gambar yang sudah
disiapkan kemudian klik OK. Hal ini membantu memberikan
identitas foto portofolio.
Langkah 6. Edit nama tampilan nama dan
menambahkan logo sekolah pada header
Klik pada “Your Name” lalu ganti sesuai dengan nama yang
diinginkan, dan tambahkan logo pada tampilan itu lalu klik
OK. Hal ini bertujuan untuk memberikan identitas
kepemilikan dari portofolio.
 Langkah 7. Tambah block gambar pada content block
Pada bagian bawah tulisan dan foto yang sudah terdapat
beberapa content block yang kosong. Sesuaikan dengan
kebutuhan. Hapus beberapa content blok yang tidak sesuai
dan tambahkan blok gambar pada content blok dibagian
kanan.
Gambar 8. Menambahkan block gambar

Langkah 8. Tambah icon gambar beserta tulisannya

Klik gambar pada bagian content blok lalu tambahkan icon
menu yang diinginkan. Dan bagian bawah text klik dan
tambahkan kata yang diinginkan seperti “foto” dan lainnya.

Gambar 9. Menambahkan icon gambar beserta

tulisannya

Langkah 9. Tambah halaman pada page

Klik Page di sebelah kanan kemudian pilih isi halaman yang
ada. Sesuaikan dengan keinginan. Delete page yang tidak
sesuai. Klik tanda + lalu tambahkan halaman sesuai dengan
icon menu tadi.

Gambar 10. Menambahkan halaman

Langkah 10. Tambah file docs dan gambar pada menu

Klik salah satu menu “Best Pratise” lalu tambahkan dokumen
best parctise pada insert pilih Docs (pastikan file sudah di edit
di Google Docs). Dan juga tambahkan gambar pada insert
image dan pilih gambar lalu OK.

Gambar 11. Menambahkan file Doc dan gambar

Langkah 11. Tambah video youtube dan gambar

Klik salah satu menu “Video Pembelajaran” lalu klik insert
pilih youtube lalu isikan link youtube yang mau di tambahkan
lalu OK. Dan juga tambahkan gambar pada insert image dan
pilih gambar lalu OK.

Gambar 12. Menambahkan video youtube dan gambar

 Langkah 12. Tambah video youtube dan gambar
Klik salah satu menu “poster siswa” lalu klik insert pilih
image dan pilih gambar lalu OK.

Gambar 13. Menambahkan file Doc dan gambar

Langkah 13. Tambah video youtube

Klik salah satu menu “Video Praktik Pembelajaran” lalu klik
insert pilih youtube lalu isikan link youtube yang mau di
tambahkan lalu OK.

Gambar 14. Menambahkan video youtube

Langkah 14. Tambah link halaman pada icon menu di

page awal

Klik salah satu icon menu lalu pilih kemudian pilih

halaman page yang mau di tautkan. Lakukan pada icon menu
lainnya.
Gambar 15. Menyematkan link halaman pada icon menu

Langkah 15. Mengubah setelan link best practise di

Google Docs
Pilih documen pada Google Drive klik share pada Google
doc dan mengaktifkan akses bagi siapaun yang mempunyai
link ini. Hal ini bertujuan untuk memunculkan di portofolio
dengan email google apappun.

Gambar 16. Mengubah setelan link best practise

Langkah 16. Mengubah setelan link di Google Drive

Pada Google Drive klik lalu mengaktifkan akses

bagi siapaun yang mempunyai link ini. Hal ini bertujuan
untuk memunculkan di portofolio dengan email google
apappun.

Gambar 17. Mengubah setelan link di Google Drive

 Langkah 17. Tambahkan sosial media guru
Klik Insert di sebelah kanan kemudian pilih social link
kemudian insert gambar dan isikan link media sosial yang di
tambahkan.

Gambar 18. Menambahkan sosial media

Langkah 18. Tambahkan denah sekolah

Klik Insert di sebelah kanan kemudian pilih map kemudian
isikan nama sekolah pada enter location kemudian klik
select. Hal ini bertujuan untuk mengenalkan lokasi sekolah
ke pembaca portofolio.

Gambar 19. Menambahkan denah lokasi sekolah

Langkah 19. Mengubah setelan link best practise di

Google Docs
Klik Publish dan lakukan pengaturan publish dan save.
Setelah itu bisa di coba di tampilan baru.

Gambar 20. Membagikan link portofolio

Langkah 20. Berbagi link melalui gmail

Masuk ke email kemudian klik compose lalu tuliskan nama
email yang akan di kirim dan sematmkan linknya. Hal ini
bertujuan untuk memberikan praktik baik ke siswa maupun
guru.

Gambar 21. Berbagi link melalui gmail

Dampak & Refleksi

Dampak :
1. Guru mahir dalam penggunaan google sites dalam
aplikasi pembelajaran di kelas.
2. Kecepatan dalam mengakses hasil pembelajaran
siswa
3. Kemudahan dalam menemukan file karya
pembelajaran siswa
4. Adanya wadah karya siswa yang menarik
5. Membuat website yang menarik dan profesional
6. Teman sejawat / guru termotivasi untuk membuat
portofolio digital
Gambar 22. Tampilan Portofolio Digital di Smartphone

Refleksi :
1. Adminstrasi pembelajaran bisa menjadi rapi
2. Peninngkatan kompetensi guru dalam refleksi
berbasis IT
3. Bisa berbagi praktik baik dengan teman sejawat
secara online
4. Siswa merasa bangga atas karyanya yang di muat
di portofolio digital
ambar 23. Siswa melihat hasil portofolio Digital
5. Motivasi belajar siswa meningkat

Link Karya / Hasil Belajar / Presentasi

https://sites.google.com/guru.smk.belajar.id/achmad-uzlul-
rozik

Gambar 24. Tampilan Home Portofolio Digital

Gambar 25. Tampilan page Best Practise Portofolio

Digital

Gambar 26. Tampilan page video pembelajaran

Portofolio Digital

Gambar 27. Tampilan page poster siswa Portofolio

Digital
 Gambar 28. Tampilan page video pratikum Portofolio
Digital

Tips

 Kumpulkan file yang akan dimuat dalam portofolio

digital di Google Drive dan buat buka akesnya
secara tepat untuk menjaga keamanan dan
kerahasiaan dokumen.
 Pahami benar fitur-fitur yang ada pada Google Sites
guna untuk memaksimalkan karyanya
 Gunakan contoh template yang ada untuk
memudahkan pembuatan websitenya
 Untuk menambahkan aksesoris website bisa
digunakan fitur google map, google sosial link,
google calender, dan lain-lain
 Bisa dilakukan berbagi dan berkolaborasi dengan
guru dan siswa untuk memperkaya kreasi siswa
 Bisa dilakukan kolaborasi dengan Google
Gambar 28. Berbagi link Portofolio Digital dengan teman Wrokspace karena terdapat banyak fitur di Google
sejawat sites yang terhubung
 Bisa dilakukan berbagi praktik baik guna untuk
memotivasi teman sejawat dan memperbanyak relasi
/ komunitas belajar guru.

Aplikasi Google Workspace for Education

Foto Icon Aplikasi

Google Sites Google Gogle Drive

Google Docs Google Maps Gmail