Pasang aplikasi Scratch di blogspot

Memasukkan file hasil HTMLifier langsung ke dalam postingan Blogger sebenarnya memiliki satu tantangan utama: file HTML yang dihasilkan biasanya sangat besar karena berisi semua aset gambar, suara, dan logika blok dalam format teks (Base64). Jika Anda langsung menyalin dan menempelkan ribuan baris kode tersebut ke editor Blogger, hal itu hampir pasti akan membuat browser menjadi lambat (lag) atau bahkan crash.

Agar portofolio interaktif siswa dapat tampil rapi dan profesional di website studio tanpa membebani performa blog, cara terbaik dan paling stabil adalah dengan meng-hosting file HTML tersebut di tempat lain terlebih dahulu, lalu menampilkannya di Blogspot menggunakan metode Embed (Iframe).

Berikut adalah langkah-langkah praktisnya:

Anda memerlukan tempat untuk menyimpan file .html hasil konversi HTMLifier agar mendapatkan sebuah tautan (URL) publik. Salah satu cara termudahnya adalah menggunakan layanan drag-and-drop seperti Netlify Drop

1. Buka situs drop.netlify.com

2. Buat sebuah folder baru di komputer Anda, lalu masukkan file hasil HTMLifier (misalnya project.html) ke dalam folder tersebut. Tips: Ubah nama filenya menjadi index.html agar lebih mudah.

3. Seret dan lepas (drag-and-drop) folder tersebut ke area lingkaran di halaman Netlify Drop.

4. Tunggu beberapa detik. Netlify akan memberikan sebuah link publik (misalnya: https://nama-acak.netlify.app).

5. Buka tautan tersebut untuk memastikan proyek Scratch berjalan lancar. Simpan link ini. Lalu taruh di fitur sisipkan atau Edit link pada halaman edit blog Anda. Maka siap sudah tautan aplikasi Anda.

Selamat mencoba!

Contoh link aplikasi Scratch: Kolam ikan

Simulator Nirmana 2D

Membuat simulator Nirmana 2D

Bagi mahasiswa seni rupa tingkat dasar mata pelajaran Nirmana 2 akan menjadi mata pelajaran yang gampang-gampang susah, tapi jika sudah mulai mengerjakan tugasnya, maka mencari ide serta bentuknya menjadi kesulitan tersendiri jika harus dilakukan secara manual. Bisa butuh waktu berjam-jam uuntuk mengerjakannya.

Untuk mencari sebuah ide desain butuh waktu lama untuk menyusunnya secara manual. Untuk itu dengan  menggunakan Scratch saya mencoba membuat simulatornya, agar  memudahkan para mahasiswa dalam mencari ide serta megembangkannya dengan menggunakan aplikai simulator Nirmana 2D ini.

Semoga bisa membantu! SemangART Berkarya!

Untuk membuat projek aplikasinya silakan simak berikut ini. 

Siapkan sebuah sprite dengan beberapa gambar modul sesuai yang kamu inginkan, untuk projek kali ini saya menggunakan 5 bentuk modulsebagai contoh.

Sprite beserta codingnya:

Sprite Modul dengan 5 gambar costume

Rangkaian kode sprite Modul

Untuk menggunakan aplikasi ini cukup klik mouse pointer maka gambar modul akan berubah sesuai dan sesuaikan dengan kenginan Anda.

Link projek: Simulator Nirmana 2D 

Link aplikasi Simulator Niraman 2D siap pakai silakan klik di sini No.1, klik di sini No.2

Selamat mencoba!

Dasar gerakan melompat

Melompat

Pinssp gerakan melompat dapat kita buat beberapa cara:

1. Gerakan perpindahan posisi karakter secara cepat (tiba-tiba)

2. Gerakan perpindahan posisi secara bertahap

3. Geraan melompat yang lebih halus dan lebih natural

Geraka ke-3 ini membuat eraakan ke atas secara bertahan, mulai eraak ke atas 50, lalu era mengulangi 5 kali senilai 10 dan terakhir mengulagi gerak ke atas sebanyak 10 kali dengan nilai y=5, maka yang terjadi efej kerak ke atas secara bertahap dan semakin ke atas semakin perlahan atau efek grafitasi.

Link bahan latihan cek di sini

SemangART belatih!

Dasar grafitasi

Prinsip dasar membuat karakter bisa melompat berikut dengan efek grafitasinya

Sprite yang dibutuhkan:
- Karakter
- Tanah/lantai

Codingnya:

Rangkaian kode pada sprite Karakter

Sprite Tanah/lantai cukup posisikan saja letaknya dengan posisi X = 0, Y = 0

Cara Kerja Kode Ini:

• Gravitasi Terus Bekerja: Di dalam blok forever, nilaig rafitasi selalu dikurangi 1. Ini membuat karakter selalu ditarik ke bawah (bergerak y = minus).

• Pendaratan Halus: Ketika posisi Y karakter mencapai atau turun di bawah batas lantai (dalam hal ini < -99), posisi Y langsung dikunci di koordinat pas lantai (-100) dan kecepatannya diubah menjadi 0. Ini menghilangkan efek "bergetar" atau "tembus lantai" yang sering terjadi pada kode lompat dasar.

• Melompat: Perintah melompat diletakkan di dalam blok pengecekan lantai. Ini artinya, karakter hanya bisa melompat jika dia sedang menyentuh tanah, sehingga mencegah karakter bisa melompat berkali-kali di udara (efek flappy bird).

Tips Tambahan:

• Jika lompatan kurang tinggi: Ubah nilai atur [kecepatan_y] ke (15) menjadi angka yang lebih besar (misal: 150).

• Jika jatuh terasa terlalu cepat/lambat: Ubah nilai gravitasi di blok ubah [kecepatan_y] sebesar (-1). Ubah ke -0,7 untuk gravitasi bulan (jatuh pelan), atau -2 untuk jatuh lebih cepat.

Link projek latihan: Bahan grafitasi

SemangART Berkarya!

Memberi makan ikan

Materi membuat animasi interaktif memberi makan ikan 

Sprite yang diperlukan:
- Ikan
- Pelet (makanan ikan)
- Tanaman air

Gambar background:
- Gambar dasar kolam dan airnya

Rangkaian kode:

Sprite ikan koi

Sprite pelet (makanan ikan)

Spriite tanaman air

Sprite air

Gambar dasar kolam + air

Untuk keterangan lebih rincinya bisa dilihat di dalam keterangan rangkaian kodenya yang tertera di rangkaian kode Sprite masing-masing Silakan disimak!

Link projek: Kolam ikan

Link aplikasi Kolam ikan siap pakai

SemangART Berkarya!

Learn to Program with Scratch

Ringkasan Buku “Learn to Program with Scratch” 

Buku Learn to Program with Scratch mengajarkan cara membuat game, animasi, musik, dan proyek seru menggunakan Scratch — bahasa pemrograman visual yang mudah dipahami anak-anak.

Apa Itu Scratch?
Scratch adalah aplikasi pemrograman dengan balok-balok warna-warni yang bisa disusun seperti puzzle. Anak-anak tidak perlu mengetik kode yang sulit. Tinggal drag-and-drop untuk membuat:

• 🎮 Game
• 🎨 Animasi, Link tutorial, animasi interaktif
• 🎵 Musik
• 🤖 Simulasi
• 🧠 Proyek sains dan matematika

Belajar Scratch membantu anak:

• berpikir logis,
• kreatif,
• belajar memecahkan masalah,
• dan memahami dasar ilmu komputer.

Isi Materi Utama

1. Memulai dengan Scratch
Anak belajar:

• membuat akun Scratch
• mengenal tampilan Scratch,
• memahami Stage (panggung),
• menggunakan Sprite (karakter),
• memakai blok kode,
• mengganti kostum dan suara.

Proyek pertama:
membuat game sederhana dengan bola dan paddle, web pribadi

2. Gerakan dan Menggambar

Anak belajar membuat sprite:

• bergerak,
• berputar,
• menggambar garis,
• membuat pola dan bentuk.

Materi penting:

• koordinat,
• arah gerak,
• pengulangan (loop).

✨ Proyek seru:

• menangkap apel 🍎
• mengambil uang 💰
• menggambar pola artistik 🎨

---

3. Tampilan dan Suara
Anak belajar:

• mengganti kostum untuk animasi,
• membuat karakter berbicara,
• menambahkan efek visual,
• memainkan musik dan suara.

Proyek:

• pesta dansa 💃
• kembang api 🎆
• musik sederhana 🎵

4. Membuat Blok Sendiri (Procedures)
Anak belajar:

• membuat blok kode sendiri,
• membagi program menjadi bagian kecil,
• mengatur banyak sprite sekaligus.

Ini membantu program menjadi:

• lebih rapi,
• mudah diperbaiki,
• dan mudah dikembangkan.

5. Variabel
Variabel adalah tempat menyimpan data.
Anak belajar membuat:

• skor game,
• nyawa pemain,
• uang,
• waktu,
• dan data lainnya.

Proyek:

• simulator hukum Ohm ⚡
• pola bunga 🌸
• model biji bunga matahari 🌻

6.  Membuat Keputusan
Anak belajar menggunakan:

• if
• if/else
• operator logika

Sprite bisa:

• memilih tindakan,
• menjawab kondisi,
• dan membuat game lebih pintar.

Contoh:
“Jika menyentuh musuh → nyawa berkurang.”

---

7. Pengulangan (Loop
Loop membantu mengulang perintah otomatis.

Anak belajar:

• repeat,
• forever,
• pengulangan bertingkat.

Digunakan untuk:

• animasi,
• game,
• pola gambar,
• gerakan otomatis.

---

8. Mengolah Teks
Anak belajar:

• membaca input pemain,
• membuat dialog,
• memproses kata dan huruf.

Bisa digunakan untuk:

• kuis,
• chatbot sederhana,
• permainan tebak kata.

9. List (Daftar Data)
List dipakai untuk menyimpan banyak data sekaligus. Contoh:

• daftar skor,
• inventori game,
• nama pemain.

Anak juga belajar algoritma sederhana seperti:

• pencarian data,
• pengurutan data.

Proyek-Proyek Menarik dalam Buku

Anak-anak akan membuat:

• game arcade,
• animasi lucu,
• simulator sains,
• pola matematika,
• robot virtual,
• efek kembang api,
• permainan menangkap benda,
• dan proyek seni digital.

Keterampilan yang Dipelajari
Melalui Scratch, anak belajar:

✅ Berpikir kreatif
✅ Logika pemrograman
✅ Pemecahan masalah
✅ Dasar matematika komputer
✅ Membuat game sendiri
✅ Mendesain animasi
✅ Berkolaborasi dan berbagi proyek

Kesimpulan
Buku ini sangat cocok untuk:

• anak SD,
• pemula coding,
• guru,
• maupun orang tua yang ingin mengenalkan dunia pemrograman dengan cara menyenangkan.

Belajar coding dengan Scratch terasa seperti bermain game sambil berkreasi!

Data pada Scratch

Di dalam Scratch, pengelolaan data berpusat pada blok Variables (berwarna oranye gelap). Tidak seperti bahasa pemrograman profesional yang memiliki puluhan tipe data rumit, Scratch sangat ramah pemula dan menyederhanakan data ke dalam tiga jenis nilai dasar dan dua bentuk penyimpanan. Berikut penjelasan rincinya beserta contoh penggunaannya dalam projek:

A. Jenis Nilai Data (Data Types)

Meskipun Scratch tidak menyuruhmu mendeklarasikan tipe data secara eksplisit, sistem Scratch mengenali tiga jenis data berikut:

Type data Angka/number

Type data Strig/teks

1. Angka (Number): Terdiri dari bilangan bulat (1, 5, 100) maupun desimal (3.14, -2.5). Ini sangat sering digunakan untuk perhitungan matematika.

• Fungsi: Mengatur koordinat (X dan Y), kecepatan, ukuran sprite, nyawa (HP), dan timer.

Type data String

2. Teks (String): Kumpulan huruf, angka, atau simbol yang dibaca sebagai kata atau kalimat. Di Scratch, kamu bisa menggabungkan teks menggunakan blok join.

• Fungsi: Menyimpan nama pemain, membuat dialog, atau menampilkan pesan Game Over.

Type data Boolen

3. Boolean (Benar/Salah): Data yang hanya memiliki dua kemungkinan: True (Benar) atau False (Salah). Di Scratch, blok data Boolean memiliki bentuk segi enam (hexagonal).

• Fungsi: Digunakan sebagai syarat (kondisi) dalam blok if - then. Contoh: Apakah tombol spasi ditekan? (Benar/Salah).

B. Bentuk Penyimpanan Data

Untuk menyimpan jenis-jenis nilai di atas, Scratch menyediakan dua wadah utama di menu Variables:

Blok variable

1. Variabel (Variable)

Variabel adalah sebuah "kotak" yang hanya bisa menyimpan satu nilai pada satu waktu. Jika kamu memasukkan nilai baru ke dalam kotak tersebut, nilai yang lama akan terhapus dan terganti.

Sifat Variabel di Scratch:

• For all sprites (Global): Variabel bisa dibaca dan diubah oleh semua karakter/sprite di dalam game.

• For this sprite only (Lokal): Variabel khusus yang hanya dimiliki dan hanya bisa diubah oleh satu sprite tertentu.

Blok daftar/list

2. Daftar (List / Array)

Jika variabel adalah satu kotak, maka List adalah "rak berlaci banyak". List digunakan untuk menyimpan banyak nilai sekaligus di bawah satu nama. Setiap nilai di dalam List memiliki nomor urut (indeks).

C. Contoh Projek Berdasarkan Kategori Data

Berikut adalah contoh bagaimana data diaplikasikan dalam projek nyata di Scratch:

1. Projek "Game Tangkap Buah" (Fokus: Variabel Angka)

• Data yang digunakan: Variabel bernama Skor dan Waktu_Sisa.

• Cara Kerja: * Di awal permainan, atur set Skor to 0 dan set Waktu_Sisa to 30.

• Setiap kali sprite "Mangkuk" menyentuh sprite "Apel", gunakan perintah change Skor by 1 (data angka bertambah).

• Setiap 1 detik, gunakan change Waktu_Sisa by -1 sampai mencapai angka 0, lalu permainan berhenti.

Link projek: Game cliker ickey mouse,  Clicker game 2

2. Projek "Kuis Hewan Interaktif" (Fokus: Variabel Teks & Boolean)

• Data yang digunakan: Variabel Nama_Pemain dan blok input answer (jawaban).

• Cara Kerja:

  • Sprite bertanya menggunakan blok ask "Siapa namamu?" and wait.

  • Data teks dari ketikan pemain akan masuk ke blok answer. Simpan ini dengan set Nama_Pemain to answer.

  • Sprite menyapa menggunakan teks gabungan: say (join "Halo, " Nama_Pemain).

  • Sprite bertanya: ask "Hewan apa yang memiliki belalai?" and wait.

  • Gunakan logika Boolean: if <answer = "Gajah"> then. Jika Benar (True), sprite berkata "Benar!". Jika Salah (False), sprite berkata "Coba lagi!".

Link projek : Siapa kamu?

Contoh projek: Mengisi daftar, 

3. Projek "Game RPG / Petualangan" (Fokus: List)

• Data yang digunakan: List bernama Tas_Ransel (Inventory).

• Cara Kerja:

• Di awal game, kosongkan tas menggunakan blok delete all of Tas_Ransel.

• Pemain berjalan dan menyentuh "Kunci Emas". Tambahkan teks tersebut ke List menggunakan add "Kunci Emas" to Tas_Ransel.

• Pemain menyentuh "Obat Pemulih", add "Obat Pemulih" to Tas_Ransel.

• Saat pemain berada di depan pintu terkunci, Scratch akan mengecek isi list menggunakan blok logika boolean if <Tas_Ransel contains "Kunci Emas" ?> then. Jika ada, pintu terbuka. Jika tidak ada, pintu tetap terkunci.

Link projek : RPG Sederhana

Contoh projek  : Aplikasi absesi, Mengisi daftar