Pelatihan Pembuatan Portofolio Digital Berbasis Website Dengan Google Site

Present By:

Dr. Adlia Alfiriani, M.Pd

Disampaikan Pada Kegiatan Misbela Series 88

di BPSDM Provinsi Sumatera Barat

Kamis, 5 Juni 2025

Tujuan Pelatihan

Memahami konsep portofolio digital berbasis website dengan google site sebagai media personal branding

1

Merancang website sederhana dengan google site untuk kebutuhan individu/instansi

2

1. Apakah Bapak ibu memiliki dokumen-dokumen penting?

2. Bagaimana Bapak/Ibu menyimpan, mengelola dokumen tersebut

atau mengirimnya jika diperlukan?

3. Bagaimana portofolio digital dapat membantu Bapak/Ibu

dalam pengembangan karier/ promosi jabatan/ kepercayaan

masyarakat?

Portofolio Digital

Mata kuliah wajib untuk mahasiswa program studi PPG baik prajab maupun Daljab

Kumpulan dokumen, karya, pengalaman, dan pencapaian profesional seseorang yang disusun dan ditampilkan secara digital (online) melalui platform tertentu — seperti website, blog, atau layanan penyimpanan berbasis cloud.

Profil singkat & riwayat karier

Jenis

Sertifikat & penghargaan

Dokumentasi proyek/kegiatan

Kualifikasi pendidikan

Tulisan/artikel pribadi

Testimoni atau rekomendasi

Kontak atau tautan media sosial profesional

Google Site

Aplikasi berbasis web dari Google yang memungkinkan pengguna untuk membuat dan mengelola situs web secara gratis tanpa perlu keterampilan pengkodean atau pemrograman

Situs yang dibuat dengan Google Sites dapat berfungsi sebagai portal informasi, presentasi proyek, halaman bisnis, sebagai situs pribadi atau dapat dijadikan media pembelajaran interkatif dengan metode microlearning

Fitur Utama Google Site

Kemudahan Penggunaan

Desain Responsif (menyesuaikan mobile /Komputer)

Integrasi dengan Produk Google

Fitur Kolaborasi

Tema dan Kustomisasi

Keamanan Data

Manfaat

01

Menampilkan profil profesional secara lengkap dan terpercaya: ASN bisa menunjukkan kompetensi, riwayat karier, pelatihan, hingga karya nyata secara terbuka dan rapi.

Mempermudah promosi jabatan atau mutasi

03

Mempermudah promosi jabatan atau mutasi: Semua data profesional tersusun dan terdokumentasi dengan baik, memudahkan evaluasi dari atasan atau tim penilai.

05

Meningkatkan peluang kolaborasi atau jejaring profesional: Portofolio digital memudahkan pihak lain untuk mengenal kompetensi ASN dan menjalin kerja sama lintas instansi.

​

​

02

Meningkatkan citra diri sebagai ASN yang modern dan adaptif terhadap teknologi: Portofolio digital menunjukkan bahwa ASN mampu berinovasi dan memanfaatkan teknologi informasi.

04

Membangun kepercayaan publik: Masyarakat bisa melihat kinerja dan kontribusi ASN secara langsung melalui karya dan dokumentasi.

06

Memperkuat transparansi dan akuntabilitas kinerja pegawai: Portofolio digital bisa jadi alat monitoring kinerja yang terbuka dan akuntabel.

Tantangan

• Jaringan internet yang stabil, karena proses pembuatan dan penggunaannya harus dalam kondisi terkoneksi dengan internet
• Penggunaan google site perlu didesain dengan baik dan interaktif, apakah sebagai komplemen atau suplemen
• Persiapan yang matang untuk mengumpulkan/ membuat aset-aset

Pertanyaan

• Media sosial apa saja yang bapak/ibu miliki?
• yang digunakan untuk pesonal/instintusi branding?
• pernahkan bapak/ibu membuat website?

Langkah-Langkah Pembuatan Portofolio Digital

Berbasis Website Dengan Google Site

Persiapan

1. Gmail aktif
2. Tentukan konsep dan tema website
3. Aset (Kumpulkan dalam satu folder baru)
1. Materi/bahan/dokumen dalam bentuk Doc/pdf
2. Gambar yang terkait dengan materi
3. Video (boleh di rancang sendiri-uploud ke youtube/menggunakan video yang tersedia di youtube)
4. Gambar ikon untuk menu (pencarian di google, kata kunci ikon.....)
5. laporan-laporan kegiatan
6. SK-Panduan

Pembuatan

1. Login pada gmail (gunakan akun belajar id)
2. Klik Google Apps/ Titik 9 di kanan atas kemudian pilih SITE atau klik DRIVE, kemudian klik +NEW, MORE dan Pilih GOOGLE SITES

​

Nama Project

Judul /Ucapan selamat datag

menu pengelolaan web

Layout

Mengedit Header

1. Tulis Nama Project dan judul materi
2. Mengganti Tema dengan menggunakan menu THEMES
3. Lakukan Setting Header
1. Ganti Baground Header dengan mengklik icon image pada header
2. menambahkan gambar pada header dengan menu insert - Images, kemudian pilih gambar pada folder klik ok

​

​

Membuat Menu

1. Klik Menu Pages kemudian klik ikon + pada bagian bawah. Tambahkan menu sesuai dengan kebutuhan
2. Menampilkan menu pada bagian tengah lembar kerja google site dengan cara mengklik menu INSERT- LAYOUT, pilih layout yang diinginkan
3. untuk mengambah kolom, klik DUPLICATE, sementara untuk menghapus klim ikon tongsampah
4. lakukan pengaturan kolom untuk tampilan yang lebih rapi, untuk mengecilkan kolom, klik kolom yang ingin di edit kemudian tarik kedalam
5. Masukan gambar pada kolom dengan mengklik ikon + , pilih uploud , pilih gambar yang ada di folder dan lakukan edit teks sesuai menu yang ada
6. Membuat link menu dengan halaman. Klik kolom gambar CP, klik icon LINK-insert Link, pilih menu CP, klik APPLY
7. kemudian buat hiperlink back untuk masing-masing menu dengan cara blok tulisan Capaian Pembelajaran yang ada pada header, kemudian klik insert link, pilih menu home/insert gambar back, letakkan pada header, kemudian beri link ke home
8. lakukan tes link dengan mengklik ikon preview pada bagian atas

Mengedit Footer

1. Klik EDIT FOOTER pada bagian bawah lembar kerja
2. Beri Tuliskan Nama guru, Semester dan tahun
3. Ganti Baground Footer dengan cara klik Section Colour yang ada pada bagian kiri footer - klik image- Select

Mengisi Halaman Menu

1. Klik Menu Tujuan Pembelajaran
2. Klik Insert
3. Menambahkan materi pelajaran. Klik menu Insert- Pilih Docs- kemudian pilih file dokumen materi yang sudah disimpan sebelumnya pada drive- atur posisi dokumen di lembar kerja
4. Menambahkan gambar pada materi. klik menu insert-drive-pilih gambar yang sudah disimpan sebelumnya di drive
5. Menambahkan Video pada menu video. klik menu insert- kemudian pilih youtube-kemudian ketik kata kunci dari materi- klik search-kemudian pilih video yang diinginkan -kemudian klik insert. lakukan pengaturan tampilan video pada lembar kerja

​

Menghiden/menyembunyikan menu pada Header

1. Klik menu pages-klik ikon titik 3 pada setuan pilihan menu, klik hide from navigation

Menshare Google Site kepada public

1. Klik ikon publish yang terdapat pada sudut kanan atas, beri tambahkan judul mata pelajaran dan materi pada web addrees
2. Pada Bagian Who can view my site Klik Manage, kemudian pilih PUBLIC agar semua bisa mengakses, kemudian klik Done
3. klik view untuk melihat hasil akhir
4. Share link website kepada siswa dengan mengklik ikon link pada sudut kanan atas

Terimakasih