Modul Pelatihan Google Sites [PDF]

Citation preview

Modul Pelatihan Penggunaan Google Sites



2021 Institut Teknologi Del Authored by: Cynthia Nababan



1



Pendahuluan Perkembangan zaman yang disertai dengan banyaknya disrupsi terhadap berbagai siklus kehidupan semakin terasa saat ini. Revolusi industri 4.0 menggema dalam 2 tahun terakhir yang menekankan digital transformation dan cyber physical system. Hal ini berarti bahwa siklus yang sudah ada sekarang akan sangat cepat berubah dengan perkembangan teknologi dan perubahan sosial yang semakin cepat. Kondisi ini memaksa setiap pihak yang berkepentingan untuk segera melakukan upgrade terhadap kapasitas dan kompetensi yang dimiliki. Institut Teknologi Del dalam kapasitas sebagai perguruan tinggi yang mengemban tri dharma perguruan tinggi menempatkan diri untuk bisa menjadi penggerak dalam perubahan zaman. Kondisi pandemic Covid-19 sekarang ini mendorong IT Del juga berkontribusi dalam peningkatan kualitas pengajaran di setiap jenjang pendidikan. Modul pelatihan google sites ini dibuat untuk membantu para guru dan pendidik secara umum dalam meningkatkan kualitas pengajaran berbasis internet. Diharapkan keterampilan yang dimiliki oleh pendidik juga menjadi motivasi bagi anak didik untuk meningkatkan kemampuan dasar dan kemampuan khususnya. Dalam modul ini termasuk bagaimana mengakses dan mengatur google drives, membuat website menggunakan google sites, mengenali fitur-fitur editor dalam google sites dan materi lain yang mendukung pembuatan website.



“Sala Mandasor Sega Luhutan” “sl mn\dsro\ seg LHtn\”



2



Daftar Isi Pendahuluan .................................................................................................................. 2 Daftar Isi ......................................................................................................................... 3 Apa itu Google Sites? ..................................................................................................... 5 Mengatur Google Drive .................................................................................................. 6 Mengakses Google Sites ................................................................................................. 7 Membuat Website (Google Site) .................................................................................... 9 Mengenali Editor Google Sites ..................................................................................... 11 Membuat Desain Homepage Web ............................................................................... 15 • Mengubah Nama Website .................................................................................. 15 • Mengubah Judul Halaman .................................................................................. 15 • Menambahkan Logo ........................................................................................... 16 • Mengubah Latar Belakang Header...................................................................... 16 • Mengubah Jenis Header ...................................................................................... 17 • Mengubah Tema ................................................................................................. 17 • Menambahkan Kotak Teks .................................................................................. 18 • Menambahkan Pemisah...................................................................................... 18 • Menambah Section dan Memilih Layout ............................................................. 19 • Menambahkan Kalender ..................................................................................... 20 • Menambahkan Footer......................................................................................... 21 Menambahkan Halaman Baru ...................................................................................... 22 • Mengubah Bentuk Menu..................................................................................... 23 • Menambahkan File Office (PPT, EXL, Doc atau PDF) ............................................ 23 3



• Menambahkan YouTube ..................................................................................... 25 • Menambahkan File Google (Google Dokumen, Slide, dan Spreadsheet).............. 26 • Menambahkan hyperlink .................................................................................... 27 • Sematkan Hyperlink ............................................................................................ 28 • Menambahkan Daftar Isi .................................................................................... 29 Mempublikasikan Website ........................................................................................... 30 Tambahan .................................................................................................................... 31 Referensi ...................................................................................................................... 32 Informasi ...................................................................................................................... 32



4



Apa itu Google Sites? Google Sites adalah salah satu media webstite yang bisa dimanfaatkan dalam proses pembelajaran. Google Sites dapat dijadikan sebuah solusi dalam memberikan kemudahan akses informasi. Manfaat penggunaan google sites secara optimal diantaranya adalah; (1) mengunggah materi pembelajaran, (2) menyimpan silabus, (3) memberikan tugas, (4) memberi pengumuman, dan (5) mengunduh dan melihat tugas siswa. Google Sites merupakan cara termudah membuat informasi yang dapat diakses oleh orang yang membutuhkannya dengan cepat dan akses update. Kita dapat menambahkan berkas file lampiran, informasi dan aplikasi Google lainnya (Google Docs, Calendar, Youtube dan Picasa), sehingga sangat tepat sebagai media pembelajaran berbasis web Kelebihan Google Sites: Penggunaannya mudah, terintegrasi dengan perangkat jaringan Google lainnya, bagus untuk SEO, semua versi halaman dapat tersimpan, dapat menentukan akses ke situs yang dapat diberikan pada pengguna, situs tersimpan aman di server Google, gratis penyimpanan online 100 Mb, dapat menunjukkan bahwa blog yang kita buat berkualitas, dapat meningkatkan trafik blog, peringkat blog yang bagus di pencarian Google, tidak mendukung script dan iframe yang dapat mengamankan dari script berbahaya. Manfaat bagi Guru: Guru dapat membuat site sebagai media pembelajaran yang memuat bahan ajar dan penilaian. Prasyarat: Sebelumnya, pastikan bahwa Anda sudah memiliki akun Google. Jika belum, harap membuat akun Google terlebih dahulu.



5



Mengatur Google Drive Sebelum mengakses Google Sites, sebaiknya Anda mengatur struktur folder yang terdapat pada Google Drive Anda karena google sites yang akan dikerjakan otomatis tersimpan ke Google Drive. Kategorikan apa saja yang akan disimpan ke google drive ketika Anda hendak membuat website dengan google sites. Berikut ini contoh kategori yang mungkin bisa Anda coba terapkan. Tambahkan folder baru bernama Website, Materi, Tugas, Kuis, Absensi. Tambahkan folder dengan cara klik tombol Baru yang ada di samping kiri. Lalu pilih tombol + Folder



Dengan begitu, folder Website akan menyimpan Google Sites yang dikerjakan, folder Materi menyimpan semua file materi pelajaran (docs, pdf atau slide ppt), folder Tugas menyimpan file Tugas, folder Kuis menyimpan file kuis, dan folder Absensi menyimpan file kehadiran siswa. Silahkan tambahkan file yang dibutuhkan untuk diupload nantinya ke dalam website. File-file materi, tugas, kuis, maupun absensi ke masing-masing folder yang baru saja Anda buat.



6



Mengakses Google Sites Untuk membuat situs/site yang baru atau melihat situs yang kita miliki untuk bisa kita edit, dapat dilakukan dengan dua cara berikut: 1. Langsung ketik url berikut: https://sites.google.com pada browser Anda, lalu tekan enter.



2. Selain itu dengan cara mengetik keyword “google site” pada browser Anda, lalu klik Google Sites: Sign-in seperti gambar di bawah.



7



Selanjutnya akan muncul halaman utama dari Google Sites, seperti gambar di bawah ini.



Kalau Anda perhatikan di bagian atas terdapat beberapa template/desain halaman website yang bisa digunakan untuk memudahkankan Anda dalam membuat website sesuai kebutuhan. Coba klik Template Galery



Maka, akan muncul daftar template yang bisa Anda gunakan sesuai kebutuhan. Anda dapat memilih salah satu template dan langsung mengubah desain serta kontennya.



8



Membuat Website (Google Site) Jika pengaturan bahasa pada akun Anda menggunakan bahasa Inggris, maka tampilan Google Sites akan seperti gambar di bawah ini.



Cara untuk membuat draft website yang baru adalah dengan memilih opsi Blank, seperti yang ditunjukkan pada gambar di bawah ini.



9



Namun, jika pengaturan bahasa pada akun Anda menggunakan bahasa Indonesia, maka tampilannya seperti gambar di bawah ini.



Cara untuk membuat draft website yang baru adalah dengan klik icon + di bagian kanan bawah, seperti yang ditunjukkan pada gambar di bawah ini.



10



Mengenali Editor Google Sites Setelah mengklik opsi Blank atau icon + , Anda akan dihantarkan ke halaman editor web baru. Tampilan halaman awal editor website seperti gambar di bawah ini.



Terdapat tiga bagian pada halaman editor google sites, yaitu : 1. Bagian Tengah



11



Bagian Tengah halaman editor google sites ini menunjukkan preview halaman webiste Anda. Hasil dari semua kustomisasi yang dilakukan akan terlihat pada bagian ini. 2. Bagian Atas



Pada bagian atas, Anda dapat menemukan beberapa tombol, yaitu: • Urungkan (Undo) - Membatalkan perubahan yang dilakukan sebelumnya. • Ulangi (Redo) - Menggunakan kembali perubahan yang baru saja dilakukan. • Pratinjau (Preview) - Melihat website Anda secara live. • Salin link (Copy link) - Menyalin link draft website Anda untuk dibagikan setelah dipublikasikan. • Bagikan (Share with other people) - Mengajak orang lain untuk berkolaborasi di draft website yang sedang dikerjakan. • Pengaturan (Setting) - Bagian pengaturan terkait desain website. • Lainnya (More) - Menampilkan fungsi tambahan. Misalnya, version history untuk melihat catatan perubahan draft website dan duplicate site untuk menggandakan draft website yang sedang dikerjakan. • Publikasikan (Publish) - Mempublikasikan website setelah selesai dikerjakan.



3. Bagian Kanan Pada bagian kanan, terdapat berbagai menu untuk melakukan kustomisasi website. Tiga kategori utama yang ditampilkan yaitu: Sisipkan (Insert), Halaman (Pages), dan Tema (Themes).



12



Tab Sisipkan (Insert) berisi jenis konten yang dapat Anda masukkan ke halaman website. Misalnya teks, gambar, tombol, daftar isi, dll. Selain itu, Anda juga dapat menyisipkan kalender, google maps, youtube, dan dokumen google docs. Selain itu, terdapat enam pilihan bagian Tata Letak (Layout) yang dapat Anda pilih sesuai kebutuhan website Anda.



13



Tab Halaman (Pages) menampilkan berapa banyak halaman website yang Anda miliki beserta strukturnya. Pada tab ini juga anda dapat menambahkan halaman baru ke website Anda.



Tab Tema (Themes) memungkinkan Anda untuk memilih tema dari website yang Anda buat. Sebuah tema meliputi jenis (font) tulisan, aksen warna website, dan pilihan latar belakang (background) bagian banner.



14



Membuat Desain Homepage Web Sesudah mengenal bagian-bagian di editor google sites, maka Anda dapat mulai membuat desin website Anda. Sebagai contoh, pada bagian ini akan ditunjukkan langkah-langkat membuat homepage atau halaman utama webisite. Mengubah Nama Website Pada bagian atas halaman, terdapat field form yang bisa Anda ubah sesuai dengan nama website yang Anda inginkan. Arahkan kursor dan klik pada field. Ubah nama website misalnya, website untuk pelajaran Biologi kelas MIPA X.



Mengubah Judul Halaman Klik teks judul halaman yang ada di header dan ganti dengan nama website Anda. Misalnya, “Biologi – MIPA X”. Ketika kolom teks diklik, Anda dapat mengubah format teks sesuai keinginan. Opsi formatting yang ditawarkan mirip dengan yang ada di Microsoft Word seperti bold, italic, numbering, dan bullets.



15



Menambahkan Logo Klik tombol Pengaturan lalu pilih menu Brand image. Selanjutnya, upload logo yang ingin Anda tampilkan pada website.



Tambahkan teks alternatif jika diperlukan. Maka logo akan ditampilkan pada bagian kiri atas website. Mengubah Latar Belakang Header Arahkan kursor pada bagian header, lalu klik Ubah gambar. Anda dapat memilih Upload gambar atau Pilih gambar yang disediakan google.



16



Mengubah Jenis Header Arahkan kursor pada bagian header, lalu klik Jenis header. Terdapat beberapa jenis header yang dapat dipilih yaitu Sampul, Spanduk besar, Spanduk, dan Hanya judul.



Mengubah Tema Dengan cara klik Tema (Theme), lalu pilih tema yang tepat sesuai keinginan Anda. Misalnya pilih tema Diplomat dan font Arial.



17



Menambahkan Kotak Teks Caranya dengan klik dua kali pada posisi yang Anda inginkan atau klik Kotak teks (Text Box) di tab Sisipkan (Insert) untuk menambahkan kolom teks di bawah header. Anda dapat mengisi deskripsi singkat tentang website atau konten apapun yang ingin ditampilkan.



Menambahkan Pemisah Anda dapat menambahkan pemisah sebagai batas antar section dengan cara klik tombol Pemisah di bagian Sisipkan (Insert).



18



Menambah Section dan Memilih Layout Caranya dengan klik salah satu jenis Tata letak (Layout) pada tab Sisipkan (Insert). Misalnya, klik Tata Letak dengan 3 kolom.



Isilah ketiga kolom sesuai kebutuhan Anda. Misalnya ketiga kolom diisi dengan Materi Pelajaran, Tugas dan Kuis, dan Absensi yang nantinya akan dilink ke masingmasing halaman yang berbeda. Pilih gambar yang sesuai untuk menggambarkan konten halaman dari masing-masing kolom.



19



Coba tambahkan lagi satu jenis Layout di bagian bawah, sehingga tampil seperti gambar di bawah ini.



Menambahkan Kalender Tambahkan section baru di bawah, lalu tambahkan kalender dengan cara klik Kalender pada tab Sisipkan (Insert). Pilih aku google kalender yang ingin Anda tampilkan. Tambahkan juga Kotak teks di samping kalender yang berisi Pengumuman.



20



Menambahkan Footer Biasanya footer berisi informasi hak cipta, kepemilikan website, link tambahan, sumber daya, sponsor dan kredit sebuah website. Cara menambah footer adalah dengan mengarahkan kursor Anda pada bagian bawah website dan klik Tambahkan Footer.



Kemudian, isilah dengan informasi yang ingin Anda tampilkan. Misalnya “Copyright – Biologi MIPA X SMA N 2 Indonesia”.



21



Menambahkan Halaman Baru Website yang baru saja Anda buat hanya satu halaman saja yaitu halaman utama (homepage). Sementara untuk keperluan penyajian konten Anda harus membaginya ke dalam beberapa halaman yang berbeda. Oleh karena itu, tentukan halaman apa saja yang ingin Anda sajikan kepada pengunjung website Anda. Melihat keperluan di atas, maka Anda perlu menambahkan 3 halaman baru, yaitu halaman Materi Pembelajaran, Tugas dan Kuis, dan Absensi. Untuk bisa menambahkan halaman baru klik tab Halaman dan klik icon Halaman baru.



22



Mengubah Bentuk Menu Klik tombol Pengaturan lalu pilih menu Navigasi. Selanjutnya, pilih mode Menu yang Anda inginkan yaitu Atas atau Samping. Coba pilih mode Samping.



Menambahkan File Office (PPT, EXL, Doc atau PDF) Pada halaman Materi Pelajaran, tambahkan file-file materi yang dapat diakses langsung oleh siswa. Caranya dengan klik salah satu Tata Letak (Layout) yang Anda inginkan. Misalnya layout yang pertama. Lalu, arahkan kursor pada icon + untuk menambahkan file sejenis yang ingin Anda tampilkan.



23



Jika memilih Upload dan Pilih Gambar, Anda hanya dapat memasukkan file gambar dengan format jpg, png, dan sejenisnya. Untuk memasukkan file-file office seperti docs, exl, ppt, atau pdf dapat dilakukan dengan cara klik Dari Drive, lalu pilih materi pelajaran yang sudah Anda simpan sebelumnya di google drive.



Tambahkan keterangan tambahan atau deskripsi file pada bagian teks mengikuti layout yang sudah Anda pilih sebelumnya. Hasilnya akan seperti gambar di bawah ini.



24



Menambahkan YouTube Cara memasukkan video dari YouTube ke dalam halaman website Anda. Pertama klik YouTube pada bagian Sisipkan (Insert) atau pilih terlebih dahulu jenis Tata Letak (Layout) yang Anda inginkan kemudian klik icon + dan pilih YouTube.



atau



Lalu pilih konten video yang tersedia dan yang ingin Anda tampilkan.



25



Maka hasilnya akan seperti gambar di bawah ini.



Untuk mengubah atau menyesuaikan posisi video agar lebih bagus, Anda dapat melakukan Klik dan Drug pada file yang ingin Anda sesuaikan posisinya. Menambahkan File Google (Google Dokumen, Slide, dan Spreadsheet) Pada Halaman Tugas dan Kuis, coba tambahkan lagi satu jenis Tata Letak (Layout) yang Anda inginkan. Untuk menambahkan file dokumen google, maka klik Dokumen. Lalu, pilih file yang ingin Anda tampilkan.



26



Coba tambahkan file google Spreadsheet pada halaman Absensi, seperti gambar di bawah ini.



Menambahkan hyperlink Misalnya Anda ingin menambahkan link google drive tempat siswa mengumpulkan tugas mereka. Coba tambahkan link google drive pada deskripsi Tugas 1.



27



Copy link google drive yang ingin ditautkan, Paste pada bagian Tautan, klik Terapkan. Lalu ubah Teks link sehingga lebih deskriptif.



Kemudian ganti warna teks menjadi warna biru sebagai tanda bahwa teks tersebut adalah hyperlink yang bisa diakses. Sematkan Hyperlink Anda dapat menyematkan link atau tautan dari situs lain. Dalam hal ini, coba Anda sematkan link pada google drive pengumpulan tugas 1. Caranya dengan klik tombol Sematkan. Lalu, tambahkan link (url) yang ingin tampilkan dan klik Sisipkan.



28



Maka, bagi siswa yang sudah mengumpulkan Tugas 1 ke google drive tersebut akan langsung terlihat pada website, seperti gambar di bawah ini.



Jika ingin membuka halaman google drive, maka Anda dapat langsung klik icon Buka di tab baru.



Menambahkan Daftar Isi Atur teks yang ingin dijadikan daftar isi menjadi Judul. Caranya dengan blok seluruh teks dan pilih Judul. Misalnya judul untuk Materi Ruang Lingkup Biologi.



Kemudian tambahkan semua teks yang sudah di set menjadi Judul untuk ditampilkan sebagai Daftar Isi. Caranya dengan klik Daftar Isi yang ada pada bagian Sisipkan (Insert).



29



Mempublikasikan Website Apabila Anda sudah selesai dengan draft desain website dan mengisi konten website, maka simpan website tersebut dengan cara klik tombol Publikasikan.



Setelah itu, Anda akan diminta mengisi nama website yang Anda inginkan



Setelah Anda mengisi Alamat web, lalu klik Publikasikan. Maka alamat (url) website Anda sudah jadi, yaitu: https://sites.google.com/view/biologi-mipa-x. Anda bisa membagian url ini ke siswa. Sekarang website Anda sudah dapat diakses oleh siapapun dan dimanapun. Anda dapat memperbarui isi atau konten website Anda setiap hari dan mengubah tampilan website menjadi lebih menarik. Misalnya menambahkan carousel, peta, video, link, dll.



30



Tambahan Semua situs yang dibuat otomatis tersimpan di Google Drive. Oleh karena itu, Anda bisa mellihat semua website yang Anda buat melalui google drive. Anda juga bisa membuat website baru dari Google Drive.



Caranya dengan mengarahkan kursor pada folder penyimpanan web Anda. Klik kanan pada kursor Anda dan pilih Lainnya > Google Sites.



Selanjutnya akan muncul halaman utama editor Google Site baru.



31



Referensi Google Sites Tutorial: 2021 School Year, YouTube. Mutadi. Google Sites Prestigious Training, Widyasiswara Balai Diklat Keagmaan Semarang.



Informasi Untuk melihat website yang dibagun menggunakan Google Site pada panduan ini, silahkan kunjungi: https://sites.goole.com/view/biologi-mipa-x



-Selamat Mencoba-



32