JOTFORM DAN ZOHOFORM

KLIK => JOTFORM


KLIK => ZOHOFORM

GOOGLE SITE

MATERI-PEMBUATAN WEBSITE PEMBELAJARAN 

DENGAN GOOGLE SITES ANGKATAN 1 (10-22 JUNI)

Pelatihan Guru Digital

 MATERI 1 : 

PENGENALAN MENU DAN PENGATURAN TEMA (HEADER)

PENGANTAR GOOGLE SITES

1. Gunakan Laptop untuk mendesain website
2. Google Sites merupakan program yang dibuat oleh Google untuk membuat Website.
3. cara menjalankan Google Sites dengan cara ketik sites.google.com di browser
(saya sarankan menggunakan Google Chrome sebagai browsernya).
4. Pembuatan google sites sangatlah mudah, karena tanpa menulis koding (namun G Sites sebenarnya masih menyediakan fasilitas untuk penulisan koding tapi hal ini tidak kita pelajari).
5. Persiapkan materi yang akan dijadikan website.
6. Pembuatan website bisa dilakukan secara bersama-sama (kolaborasi).

7. G Sites terintegrasi dengan aplikasi lain yang dibuat oleh Google, seperti G Docs, G Sheets, G Slides (dll) yang tersimpan di G Drive.
8. G Sites tidak berbayar (gratis).

TUTORIAL SLIDE 1

Materi 1 g sites from Drs. HM. Yunus

agar lebih memahami dalam menjalankan G Sites (pengenalan menu, Tema/Layout/Tata Letak dan Pembuatan Header), silahkan dipelajari di link berikut :

TUTORIAL VIDIO 1

MATERI 2 

PENGATURAN FOOTER DAN MENGATUR LAYOUT

CATATAN PADA MATERI 2
1. Footer dan Header merupakan suatu tampilan yang terus-menerus ditampilkan walaupun content-nya berganti halaman.
2. area Header dibagian atas (sudah kita pelajari kemarin) dan area footer berada di bagian bawah.
3. footer pada umumnya berisi contact person, info akun media sosial, dan juga nama perusahaan yang membuat website
4. untuk membuat content, G sites menyediakan fasilitas tata letak Layout yang mempermudah desainer untuk meletakkan content.
5. untuk melihat hasil desain, desainer dapat memilih tombol pratinjau atau preview.
6. untuk membuat nama website, desainer dapat mengklik tombol PUBLIKASIKAN, ketika pertama kali mengklik tombol tersebut maka desainer akan diminta untuk memasukkan nama website yang diinginkan (apabila nama yang dibuat ditolak oleh G Sites, maka buat dengan nama yang lain.) DAN untuk penekanan tombol "PUBLIKASIKAN" yang kedua kali dan seterusnya kita TIDAK diminta memasukkan nama website lagi.
7. Setiap kali melakukan perubahan/penambahan desain/konten, silahkan mengklik tombol "PUBLIKASIKAN" untuk meng-Update website kita. 

TUTORIAL SLIDE 2

Materi 2 g sites from Drs. HM. Yunus

TUTORIAL VIDIO 2

 

MATERI 3

INSERT CONTENT DAN SETTING HIPERLINK

CATATAN PADA MATERI 3

1. pada Pertemuan ketiga ini yang kita bicarakan FOKUS pada MEMASUKKAN KONTEN, sedangkan untuk HIPERLINK kita bahas khusus di Pertemuan 4.

2. Konten di Google sites dapat berupa teks, gambar, video youtube, peta/maps, dll

3. Pengaturan tata letak tidak ada bentuk yang baku, tergantung dari desainer untuk melakukan penataaan menyesuaikan dengan konten yang dimasukkan.

4. Contoh yang saya tampilkan di Video memberikan informasi bagaimana cara memasukkan konten, namun mengenai tata letaknya tidak menjadi contoh (karena penempatan masih secara asal-asalan).

5. Silahkan bereksplorasi pada pembuatan website masing-masing.

MATERI SLIDE :

Pertemuan 3 g sites from Drs. HM. Yunus


MATERI VIDIO 3 :

MATERI 4

SETTING HIERLINK LANJUTAN

CATATAN PADA MATERI 4

1. Hiperlink adalah suatu teks yang akan mengarahkan ke tampilan dokumen atau halaman lain.
2. Pembuatan halaman pada suatu website akan bermanfaat untuk memilah tulisan/berdasarkan topiknya.
3. Dengan mengatur halaman maka tampilan halaman muka bisa terlihat lebih rapi, karena untuk topik tertentu bisa diletakkan di halaman yang berbeda dan dihubungkan dengan HIPERLINK/LINK.
4. Secara konsep, sebaiknya website pada TAMPILAN HALAMAN MUKA tidak terlalu banyak konten (tampilan dibuat terkesan sederhana namun elegant)
4. Berikut contoh tampilan website yang tampilan awalnya tidak terlalu banyak konten https://www.kemdikbud.go.id/

TUTORIAL SLIDE KE 4 

Pertemuan 4 from Drs. HM. Yunus


TUTORIAL VIDIO 4

MATERI 5

PEMBUATAN MENU DOWNLOAD FILE

CATATAN PADA MATERI 5

1. Download adalah proses pengambilan file dari internet/server ke komputer pribadi
2. Agar mudah dilihat oleh pengguna, sebaiknya menu download diletakkan di awal navigasi
3. Semua file yang akan didownload harus berada di Google Drive, untuk itu lakukan upload dulu file-file yang ada di Harddisk komputer ke Google Drive
4. File yang ada di dalam Google Drive apabila akan di download harus dibuatkan hiperlinknya.

TUTORIAL SLIDE 5
 

Materi 5 g sites from Drs. HM. Yunus


TUTORIAL VIDIO 5

MATERI 6

MENAMPILKAN ISI FILE (SHEET DAN DOC)

CATATAN PADA MATERI 6
1. File yang akan ditampilkan harus berada di Google Drive
2. Sebaiknya file yang ditampilkan dalam format document, spreadsheet atau slides (untuk memberikan hasil yang maksimal)
3. Apabila kita mempunyai file yang dihasilkan dari MS Office (.docx, .xlsx, ,pptx) sebaiknya kita convert dulu ke produk google
4. Dengan fasilitas "menampilkan file" ini, file slides dapat dimanfaatkan untuk presentasi secara langsung dengan google sites.

TUTORIAL SLIDE KE-6

Pertemuan 6 gsites from Drs. HM. Yunus

 

TUTORIAL VIDIO KE-6