Di era serba digital saat ini tentu banyak sekali perubahan-perubahan yang mengubah cara pandang dan praktik-praktik pembelajaran dunia pendidikan saat ini (Azis, 2019) termasuk bahan ajar dan media yang digunakan dalam proses kegiatan belajar mengajar. Melalui kecanggihan teknologi saat ini peserta didik dapat belajar sendiri tanpa berpusat kepada guru meskipun peran guru tidak dapat tergantikan oleh teknologi. Maka dari itu, selaras dengan kemajuan teknologi saat ini sebagai pendidik perlu memanfaatkan dan menggunakannya sebaik mungkin dalam kegiatan belajar mengajar. Bahkan perusahaan google pun memberikan fasilitas gratis untuk dimanfaatkan dan mendukung pembelajaran secara digital, salah satunya adalah tool untuk membuat situs web melalui google sites.
Pada materi ini akan dibahas mengenai tahapan pembuatan situs web melalui google sites untuk pengembangan media pembelajaran.
Pencapaian dari pembahasan materi ini peserta diharapkan mempunyai kecakapan sebagai berikut:
1. Mengetahui cara pembuatan situs web menggunakan google sites.
2. Mampu membuat situs web melalui google sites dengan baik.
Semangat untuk tetap mencari ilmu seluas-luasnya!
Tahap 1. Mengakses google.com
laman google
Tahap 2. Mengakses titik sempilan yang berada di pojok kanan dekat profil akun google
toolbar akses fasilitas google
Tahap 3. mengakses google sites yang dilingkari lingkaran berwarna merah
akses google sites
Tahap 4. Membuat situs baru dengan mengakses tanda " + " pada laman google sites seperti yang dilingkari lingkaran merah. Dapat dilihat beberapa contoh tema yang sudah disediakan oleh google yang terletak di sebelah kanan tanda " + ". Contoh tema tersebut dapat digunakan sebagai bahan referensi untuk membuat suatu media dengan memperhatikan kebutuhan pembelajaran.
laman awal google sites
Tahap 5. Laman situs baru. Perlu diperhatikan kotak berwarna hijau merupakan ikon untuk kembali ke laman google sites seperti yang digambarkan pada tahap 4. Kotak berwarna kuning merupakan nama situs yang akan dibuat, misalnya modul pelatihan. Kotak berwarna merah merupakan judul bahasan yang akan dimuat dalam situs, misalnya Peningkatan Kompetensi Digital bagi Guru Sekolah Dasar.
Laman pembuatan situs baru dalam google sites
Dalam tahapan ini Anda dapat mengatur jenis font yang sesuai dengan tema situs yang dibuat. Selain memilih Anda juga dapat mencari nya dengan mengakses kolom samping kaca pembesar. Apabila sudah selesai langsung klik OK.
Jenis Font
Tahap 6. Menentukan tema situs yang akan dibuat. Dalam garis persegi panjang berwarna merah, Anda dapat memilih berbagai tema yang disediakan google sites. Namun apabila Anda ingin custom tema situs Anda sendiri maka dapat klik ikon " + " dan jika Anda sudah mempersiapkan tema situs, dapat langsung klik ikon "upload".
toolbar Themes
Selain dapat mengubah tema situs, Anda juga dapat mengubah tema header sesuai dengan kreativitas Anda masing-masing. Langkah pertama klik "Upload" apabila Anda sudah menyediakan desain gambar. Setelah klik "upload", maka tampilan situs akan seperti gambar (b) dan pilihlah gambar yang akan digunakan. Kemudian klik "Open". Jika belum menyediakan gambar maka Anda dapat mengakses "Select Image" seperti pada gambar (c) dan pilihlah salah satu gambar yang disediakan google secara gratis, lalu klik "Select" apabila sudah selesai.
(a) Tampilan Upload Tema Header
(b) tampilan open file untuk upload tema Header
(c) tampilan Select Images
Setelah itu, Anda dapat memilih background dengan klik salah satu ikon bar yang berada di samping kiri. Terdapat 3 ikon seperti pada gambar yang diberi garis persegi panjang berwarna merah (gambar d). Urutan paling atas untuk mengubah latar atau background, urutan tengah untuk menyalin atau copy, dan urutan terakhir untuk menghapus. Jika sudah klik ikon "lukis", maka tampilan akan seperti pada gambar e. Kemudian pilihlah salah satu.
(d) tool untuk mengubah latar
(e) mengubah latar
Tahap 7. Insert atau masukkan isi konten situs yang akan dimuat dalam situs web. Dalam insert terdapat text box untuk memuat tulisan, images untuk memuat gambar-gambar, Embed untuk memuat link berupa url atau embed code, dan Drive memuat file berupa gambar, video, atau teks yang diunggah melalui google drive.
toolbar insert
Selain empat ikon diatas, pada bagian insert juga memuat content blocks untuk memudahkan Anda dalam mengatur posisi gambar beserta caption atau penjelasannya. Anda dapat memilih beberapa sesuai dengan kebutuhan konten situs web.
toolbar content blocks
Dalam Insert juga terdapat beberapa fasilitas untuk mendukung isi konten, seperti dibawah ini.
toolbar insert (1)
(a) Collapsible group berfungsi untuk membuat efek melipat, baik antara gambar dengan tulisan, tulisan dengan tulisan, maupun gambar dengan gambar.
(b)Table of Contents atau daftar isi yang berfungsi untuk memudahkan pembaca langsung mengakses bagian yang akan dibaca.
(c) Image Carousel berfungsi untuk membuat efek gambar yang dapat digeser.
(d) Button berfungsi sebagai tombol akses dengan menyertakan tautan link.
toolbar insert (2)
(d) Divider berfungsi sebagai pembagi muatan isi konten situs. Apabila Anda sudah membuka Google site, maka akan terlihat garis putus-putus seperti pembagi bagian A dengan bagian B.
(e) Spacer berfungsi memberi jarak antara isi konten pertama dengan konten selanjutnya.
(f) Social links berfungsi sebagai tempat untuk menautkan media sosial, seperti Instagram, facebook, atau whatsApp.
(g) Placeholder berfungsi untuk memuat isi konten secara langsung. Placeholder dapat memuat upload gambar, memilih gambar dari internet, memilih gambar dari google drive, menautkan video youtube, Calender, dan Map.
(h) Youtube untuk memuat isi konten berupa video yang berasal dari youtube.
toolbar insert (3)
(i) Calender untuk memuat kalender atau agenda yang sudah diberi tanda sebelumnya.
(j) Map berfungsi untuk memuat map dalam situs web.
(k) Docs berfungsi untuk memuat dokumen yang berbentuk docs.
(l) Slides berfungsi untuk memuat dokumen yang berbentuk slides.
(m) Sheets berfungsi untuk memuat dokumen yang berbentuk sheets
toolbar insert (4)
(n) Forms berfungsi untuk memuat formulir yang telah dibuat di google form
(o) Charts berfungsi untuk memuat grafik.
Setelah konten tersusun, Anda dapat memotong (crop) gambar, mengembalikan hasil memotong (uncrop) gambar, menautkan link sehingga gambar dapat di klik menuju tautan yang dituju, dan mengubah gambar apabila tidak sesuai dengan kebutuhan.
Tool untuk crop, uncrop, tautan link, dan mengganti gambar
tool untuk mengubah gambar
Tahap 8. Menyusun pages atau halaman yang akan dibuat. Kotak merah merupakan bagian pages yang didalamnya terdapat gambar rumah dengan tulisan "Home" yang secara auto tertaut ke laman awal yang berisi judul situs. Apabila ingin menambahkan halaman, maka dapat akses kotak hijau ikon tambah yang nantinya akan tampil seperti gambar dibawah ini.
New Menu Section, untuk membuat menu baru.
Full Page Embed, untuk membuat laman secara penuh berasal dari tautan yang telah di copy.
New Link, untuk membuat halaman melalui link yang nantinya ditautkan
New page, untuk membuat halaman baru
toolbar Page
Tahap 9. Setelah selesai membuat situs, kemudian cek kembali dari laman awal hingga akhir sebelum klik "publish". Garis persegi panjang berwarna merah adalah tombol sebelum dan setelah, saat terdapat kesalahan dan ingin mengulangi seperti sebelum edit, maka dapat menekan tombol arah panah ke kiri dan apabila ingin mengembalikan kembali hasil yang sudah diedit, maka dapat menekan tombol arah panah ke kanan.
toolbar
Selanjutnya garis persegi berwarna hijau yang berfungsi untuk melihat apabila situs ditampilkan, baik tampilan gadget, tab, atau laptop. Anda dapat memilih bentuk tampilan yang ingin Anda lihat dengan menekan atau klik ikon berwarna hitam seperti gambar dibawah ini.
Tampilan situs web
Kemudian garis persegi panjang berwarna biru berfungsi untuk membagikan link google sites kepada reviewer dengan klik Copy link seperti dalam gambar dibawah ini.
Copy link
Untuk mengatur reviewer dan editor
Garis pesersegi berwarna kuning adalah setting atau pengaturan. Melalui pengaturan Anda dapat mengunggah logo Anda sendiri, mengatur mode navigasi, dan warna. Kemudian akan tampil seperti dibawah ini.
Tombol Navigasi (Mode dan Color) yang dapat disesuaikan dengan kebutuhan konten situs web yang dibuat
Logo situs web yang dapat diunggah
Terakhir, garis hitam untuk akses publish setelah situs sudah selesai. Perlu diingat bahwa sebelum klik publish, Anda harus mengisi web adress terlebih dahulu sesuai dengan situs yang ada buat. Misalnya, WebModulpelatihan. Apabila sudah langsung klik "Publish"
Tombol Publish
Dalam Menyusun situs web melalui google sites, terdapat beberapa tahap, antara lain :
Akses google sites
Membuat laman situs baru
Menentukan jenis font
Menentukan tema situs
Memasukkan isi konten situs, dan terakhir
Publish.
Buatlah situs web melalui google sites dengan tema materi Tematik Sekolah Dasar!
Petunjuk :
Tekan tombol quiz.
Buatlah akun terlebih dahulu apabila belum memiliki akun.
Masukkan E-mail dan Password
Terdapat 5 pertanyaan pilihan ganda
Pilihlah salah satu jawaban yang Anda anggap tepat diantara 4 pilihan yang tersedia
Selamat mengerjakan!