Website Hasil Buatan Anak-Anak Menggunakan Google Sites

No comments

Ada kelas gratis khusus alumni Anak-anak yang selesai belajar di Kelas Ayo Bermain Coding dengan Scratch Programming. 

Contohnya ini: Kelas  Membuat Website dengan Google Sites. 

Hasilnya unik dan lucu, khas anak-anak. 

Jadi, setelah kelas coding selesai, anak-anak akan tetap terjalin untuk lanjut belajar baik itu materi membuat animasi dan game dengan Scratch Coding, latihan presentasi. Juga materi lain sebagai pendukung keterampilan digital anak-anak. 

Nah, contoh membuat website ini, anak sudah pengalaman tahu istilah dan bentuk website atau landing page. Membuatnya yang tanpa coding, jadi mudah, yaitu dengan Google Sites.

Setelah latihan beberapa kali, anak-anak kecil ini akan bisa membuatkan website untuk ayah dan ibunya di rumah. Atau gurunya, kakaknya, temannya dan siapapun 🙂

Contoh sebagian tampilan website Adrian

 

Berikut link website hasil buatan anak-anak coder dari Kelasku Digital, dibuat menggunakan Google Sites. 

  1. http://tiny.cc/all_about_darthcoder99
  2. https://sites.google.com/view/yanuarsephti/home
  3. https://sites.google.com/view/matteos-news/home
  4. https://sites.google.com/view/cara-coding-di-scratch/halaman-muka
  5. https://sites.google.com/view/adrianwebsites
  6. https://sites.google.com/view/jawa-tengahwebsite/home
  7. https://sites.google.com/view/sumaiyachannel
  8. https://sites.google.com/view/the-gembuls/halaman-muka

Read More »
Category:

Kelas Membuat Website Dengan Google Sites

No comments


 

Untuk pengetahuan awal tentang CARA MEMBUAT WEBSITE DENGAN GOOGLE SITES adalah sebagai berikut:


Tahap membuat website:

  1. Sketching
  2. Prototyping
  3. Coding
  4. Deploying

Sketching

Membuat rencana atau sketsa website lebih mudah dengan menulis di kertas atau buku, menggunakan pensil. Jadi mudah untuk dikoreksi. Contohnya sebagai berikut:



Prototyping

Prototyping adalah membuat protoype atau contoh produk yang mirip aslinya, bisa dijalankan atau menunjukkan alur kerjanya. Bisa dibuat dari potongan kertas/kerdus dengan tulisan yang sesuai. Atau dengan aplikasi mockup dan prototype. Bisa juga menggunaka Google Sites seperti ini. 





Coding


Membuat website sendiri dari nol, membutuhkan coding sendiri dengan berbagai jenis kode pemrograman. Bisa dengan HTML, CSS, Javascript. Atau dengan PHP, Python dan laravel. 

Akan tetapi dengan Google Sites, kita tidak perlu melakukan coding. 
Melainkan langsung memasukkan konten atau aset sesuai dengan kebutuhan. Bisa memasukkan gambar, tulisan, link, video atau kode semat (embed code). Semua itu sudah disediakan di Google Sites. 

Setelah melakukan Prototype seperti gambar di atas, dilanjutkan saja mengisi konten di dalamnya dan klik PUBLIKASIKAN. 

isi dengan konten yang dibutuhkan (ganti tulisan sesuai maksud membuat website)


Setelah selesai, klik PUBLIKASIKAN. 


Atau tampilannya menjadi rapi seperti ini:

tampilan Website Landing Page satu halaman 



Deploying


Deploying dari asal kata deploy artinya menyebarkan.
Maksudnya adalah cara menyebarkan atau membagikan link website yang sudah dibuat dari Google Sites. 

Cara langsung adalah membagikan saja link website yang sudah jadi, seperti ini:
https://sites.google.com/view/ayobikinwebsite/halaman-muka?authuser=1

Cara lain adalah  memperpendek link dengan aplikasi shorten link. Bisa menggunakan berbagai cara. Salah satunya dengan s.id. 

Caranya: 
  1. Buka website s.id di https://home.s.id/
  2. Copy paste link Website hasil buatan kita ke kolom yang tersedia [tidak perlu sign in]
  3. lalu Copy link yang sudah diperpendek menjadi https://s.id/w-8xL


          4. Selesai. Website kamu siap digunakan dan dibagikan dengan mudah. 


WEBSITE ini bisa di EDIT:

Caranya buka kembali ke GOOGLE DRIVE. 

Lalu klik saja tampilan website yang akan diedit. Nanti akan masuk ke halaman editor. 




Peserta akan mendapatkan e-Sertifikat seperti ini:



Read More »
Category:

Kelas Online Scratch Coding REGULER Bersama Bu Heni

No comments


 

Kelas online mengenal CODING & Creative Programming dengan metode bermain. 

Membuat game dan animasi menggunakan Scratch Programming {www.scratch.mit.edu}.

Untuk anak SD - SMP : klasikal, inklusi, digabung jadi satu kelompok. 

Kuota minimal 5 anak/kelompok.

100% ONLINE. Dengan LAPTOP/KOMPUTER. 

Menggunakan GOOGLE MEET & GOOGLE CLASSROOM. 

Mendapat e-Sertifikat



Materi & diskusi bisa diakses selamanya. 

Anak bisa terus belajar bareng teman-teman di Komunitas Ayo Bermain Coding.

Daftar di WhatsApp 0896-9926-4015



 MATERI BELAJAR


FAQ

Butuh Spesifikasi Laptop seperti apa?
Sebenarnya tidak wajib harus laptop dengan spek tinggi seperti laptop gaming. Karena yang digunakan adalah full online. Butuh membuka browser seperti Google Chrome, Firefox atau Safari.

Silahkan mencoba membuka halaman ini di browser, dan jika bisa maka laptop siap digunakan. 
1. Google Meet
2. Google Classroom
3. You Tube
4. Scratch di www.scratch.mit.edu
5. Web WhatsApp


Kelas belajarnya seperti apa? 
Bisa dilihat proses belajar online anak-anak dengan bu Heni, di video berikut: 





Game atau animasi yang dibuat dengan Scratch coding itu seperti apa?

Contohnya digambarkan di video berikut ini, untuk GAME WATER USE CALCULATOR




Anda pun bisa mencoba memainkan langsung
GAME WATER USE CALCULATOR

Klik saja bendera hijau, dan jawablah pertanyaan dengan angka


Atau bisa klik langsung https://scratch.mit.edu/projects/473126133 untuk membuka animasi tersebut di website Scratch. Untuk game ini, ngodingnya sudah rumit. Jadi materi untuk kelas Lanjut. 

Untuk mendaftar atau informasi lebih lanjut bisa langsung ke WhatsApp/Telegram 0896-9926-4015

Read More »
Category: ,
Subscribe to: Posts (Atom)