Website Hasil Buatan Anak-Anak Menggunakan Google Sites

Tidak ada komentar

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

Game Kucing Main Ski

Tidak ada komentar

 Perhatikan script code pada sprite berikut ini. 



mainkan game di sini:

Klik bendera hijau

Gerakkan kucing dengan anak panah ke kanan dan ke kiri.

Hindari pohon. Tangkap hadiah



script codingnya:















complete project di: https://scratch.mit.edu/projects/471737537

GAME GENERATOR PUISI

Tidak ada komentar


Mainkan dulu game ini: 

Klik Cat

dan klik Laptop


 







Complete project: https://scratch.mit.edu/projects/471982524/

Sumber belajar:  https://projects.raspberrypi.org/en/projects/poetry-generator 




Game Flappy Bird

Tidak ada komentar

GAME ARCHERY

Tidak ada komentar

 CODING SCRATCH 3: GAME ARCHERY





Use animations 

Use broadcasts 

Use random numbers


Mainkan Gamenya:

Klik Spasi





GAME GHOSTBUSTER

Tidak ada komentar

 Game catching ghost


What you will learn:

  • Understand the need for pauses between actions within loops 

  • Use code to generate random numbers in Scratch 

  • Add a variable to store a game score in Scratch


Complete: https://scratch.mit.edu/projects/473122742/ 

Sumber: https://projects.raspberrypi.org/en/projects/ghostbusters 




Coba mainkan dulu gamenya.

Klik bendera hijau untuk mulai
Tekan spasi untuk menangkap Ghost







GAME WATER USE CALCULATOR

Tidak ada komentar

 CODING SCRATCH 3: WATER USE CALCULATOR


Mainkan dulu gamenya. 
Klik bendera hijau dan jawab pertanyaan dengan angka
lalu perhatikan 

GAME BOAT RACE

Tidak ada komentar

 GAME BOAT RACE



Mainkan game ini:

klik bendera hijau untuk start

arahkan perahu dengan mouse menuju Pulau kuning










Game Catch The Dots

Tidak ada komentar

 Game Catch The Dots

klik bendera hijau

gerakkan controller 3 warna dengan anak panah kiri dan kanan untuk memasukkan bola yang sama warnanya



Mainkan game ini dulu ya:









Kelas Membuat Website Dengan Google Sites

Tidak ada komentar


 

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:

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:



Kelas Online Scratch Coding REGULER Bersama Bu Heni

Tidak ada komentar


 

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

Mengisi Form Pendaftaran di SINI


 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