PROJEK ALGORITMA DAN PEMROGRAMAN

KELAS 2-D
Kelompok 10
Anggota : 1. Irpan Nurapandi
2. Lili Setyowati
3. Lukmanul Hakim
4. Juara Sirait
5. Kholila Yanti

Judul Aplikasi : Permainan Memasukan Bola ke dalam Keranjang

A. Pendahualuan
Sebelum kita membuat sebuah program, mari kita berkenalan terlebih dahulu dengan sebuah aplikasi untuk
belajar membuat sebuah program, aplikasi tersebut di namakan Scracth, apa itu Scracth? Menurut
Wikipedia Scratch adalah bahasa pemrograman visual dan situs web berbasis blok tingkat tinggi yang
ditujukan terutama untuk anak-anak sebagai alat Pendidikan, Dengan aplikasi scratch kita bisa membuat
animasi, permainan, movie, dan kreasi lainnya hanya dengan drop and drag blok blok kode yang sudah
disediakan, kemudian disusun dan membentuk sebuah logika yang bisa dijalankan sehingga menjadi
program. Berikut adalah tampilan dan fungsi dari menu-menu Scracth :

Sumber : https://farhanalfaizi.com/mengenal-tampilan-dan-fungsi-fungsi-bagian-di-dalam-scratch/
Sedangkan untuk menu-menu Scratch adalah :
1. Menu
Anda bisa membuat projek baru, membuka projek yang sudah anda simpan, menyimpan proyek yang anda
buat, mengganti bahasa atau mencari tutorials.
2. Scripts/Deskripsi Blok
Pada bagian kiri, anda akan melihat kode (scripts) yaitu sekumpulan blok blok perintah yang akan digunakan
untuk memprogram. Setiap blok pada kode (scripts) memiliki fungsi- fungsi yang berbeda, misalnya saja,
perintah Motion, Looks, Sound, Events, Control, Sensing, Operators, Variables, My Blocks.
✓ Motion (Gerakan), di gunakan untuk menggerakan sprite, misalnya perintah “move 10 step” untuk
menggerakan sprite sebanyak 10 langkah.
✓ Looks (Tampilan), digunakan pada segala sesuatu yang berhubungan dengan tampilan pada
program. misalnya mengganti kostum pada sprite atau mengganti background.
✓ Sound (Suara), digunakan untuk memberikan suara pada sprite ataupun stage seperti memberikan
suara pada kucing dan memberi backsound pada program.
✓ Events (Kejadian), digunakan untuk mengatur script atau kode pada sprite untuk berjalan. Misalnya
saja, ketika bendera (warna hijau) di klik, maka semua script atau kode akan berjalan.
✓ Control (Kontrol), berfungsi untuk mengontrol kode agar berjalan. Contohnya “repeat 10” yang artinya
ulangi script di dalam repeat sebanyak 10 kali.
✓ Sensing (Sensor), berfungsi untuk memberikan sensor pada perintah yang digunakan. contohnya
perintah “touching color brown” jika di gabungkan dengan blok if maka perintah tersebut akan menjadi
: “jika menyentuk warna coklat, maka lakukan perintah di bawah ini (Perintah di dalam blok if)”
✓ Operators (Operator), berfungsi untuk operasi matematika.
✓ Variabels (Variabel), berfungsi untuk mengatur variable
✓ Pada bagian My Block, Anda dapat membuat baru blok sesuai dengan kebutuhan Anda
3. Script Area
Inilah tempat dimana anda dapat menerapkan script atau kode terhadap Sprite yang anda tampilkan.
4. Canvas
Blok blok kode yang sudah kalian rancang akan berjalan atau tampil di canvas ini (bisa juga di sebut window).
di dalam canvas terdapat logo bendera hijau dan lingkaran merah yang berfungsi untuk menjalankan dan
memberhentikan program.
5. Sprite list
Tempat dimana anda bisa mengatur dan mengganti tampilan sprite. sprite ini akan berisikan blok blok
perintah yang di rancang agar menjadi interaktif. seperti bergerak, memiliki suara, dan lain lain.
6. Stage/ Background
Backdrop adalah gambar latar belakang pada canvas. backdrop bisa di ganti di bagian “Stage” yang terletak
sebelah kanan dari tempat sprite.

Sumber : https://farhanalfaizi.com/mengenal-tampilan-dan-fungsi-fungsi-bagian-di-dalam-scratch/
Setelah kita menganal apa itu Scracth marilah kita berlatih Bahasa pemerograman dengan menggunakan
aplikasi Scracth, Adapun aplikasi yang akan kita buat adalah permainan memasukan bola kedalam
keranjang. Untuk memulai pembuatan game tersebut marilah kita masuk ke tahapan tahapan nya :

B. Persiapan dan Perencanaan

No Langkah-langkah Tampilan
1 Sebelum membuat game kita rancang
terlebih dahulu layout game tersebut,
dengan menggambar abstark dari tampilan
game tersebut .

2 Setalah itu buka aplikasi Scracth pada

laman : https://scratch.mit.edu/ lalu pilih

menu sehingga muncul

tampilan seperti pada gambar di samping.
Lalu close tutorial dan hapus sprite kucing
yang sudah tersedia, pada bagian sprite
Pane
3 Siapkan gambar objeck yang akan
dimasukan ke dalam game seperti :
a. Keranjang bola
b. Bola basket
c. Bola kaki/bola sepak
d. Backdrop
Untuk gambar bisa kita unduh di internet
pada laman :
https://id.pngtree.com/so/bola. Untuk
gambar bola kaki dan kita membuat
gambar sendiri di aplikasi paint.
Juga kita gunakan gambar yang sudah
tersedia di aplikasi Screacth.
Dan backdrop kita ambil dari aplikasi
scratch yang sudah disediakan.

4 Langkah selanjutnya mengganti backdrop

dengan cara : meng klik icon choose a
backdrope > Pilih kategori sport > pilih
gambar “basketball 1”

5 Langkah selanjutnya kita akan memasukan

objek/gambar dan sprite ke dalam aplikasi
Sprite Pan dengan menekan icon Choose
a Sprite > pilih kategori Sport > lalu pilih
gambar “ Basketball”

6 Upload gambar yang sudah kita download

dan sudah kita buat pada aplikasi paint dan
di_save dengan format png. Dengan cara :
Klik icon choose a Sprite > pilih icon upload
sprite > cari gambar yang sudah kita
download atau yang sudah kita buat >
tekan Open.
7 Selanjutnya atur ukuran sprite yang sudah
kita masukan ke dalam sprite pane dengan
merubah ukuran sprit yang tertera pada
icon sprite size, dan pastikan kita sudah
memilih atau meng_klik sprite yang akan
kita rubah ukuranya:
a. Bola kaki kita gunakan ukuran 15
b. Bola basket kita gunakan ukuran 80
c. Keranjang kita gunakan ukuran 30

C. Penambahan Bahasa Pemrograman / coding pada setiap Sprite

Tema yang digunakan dalam game memasukan bola ke dalam keranjang adalah memasukan bola ke
dalam keranjang sesuai dengan jenis bolanya. Apabila berhasil akan mendapatkan nilai “10” pada setiap
bola yang berhasil dimasukan dan akan mendapat pengurangan point sebanyak “-5“ apabila salah
memasukan. Adapaun algoritma untuk game tersebut adalah sebagai berikut:
1. Tentukan variabel ”Nilai“ untuk menyimpan semua nilai yang dikumpulkan. Setiap bola yang masuk
ke dalam keranjang yang tepat maka akan mendapatkan point “10”, dan apabila salah memasukan
bola maka akan mendapat pengurangan sebanyak “-5”.
2. Memeriksa apakah bola yang dimasukan ke dalam keranjang itu benar, karena disni ada tiga kondisi
yang terjadi :
a. Jika bolanya benar maka akan mendapatkan nilai “10” dan
b. Bola akan menghilang
c. Disertai suara bola masuk “ basketball bounce”
3. Memeriksa apakah bola yang dimasukan ke dalam keranjang itu salah, karena di sini ada tiga kondisi
juga yang akan terjadi :
a. Jika bolanya salah maka akan mendapatkan pengurangan point sebanyak “ - 5” dan
b. Bola akan Kembali lagi ke tempat semula
c. Disertai suara dot “ B Electric bas”
4. Menampilkan pesan kemenangan
No Langkah-langkah Tampilan
8 Setelah kita membuat dan menyesuaikan
sprite Langkah selanjutnya adalah
membuat Bahasa pemerograman atau
coding untuk setiap sprite yang sudah kita
upload tadi dengan cara:
pilih sprite yang akan kita buatkan coding
nya perhatikan pada bagian Block Pallette
kita dapat menambahkan beberapa
instruksi coding yang sudah dikemas
dalam bentuk puzzle.

9 Membuat variable “ Nilai “ dengan cara : 1. 2.

1. Pada Block Pallette pilih “Variables”
dan klik “Make a Variable”
2. Beri nama variabel lalu “OK”
3. Pada bagian Stage di pojok kiri atas
akan tampil variabel “nilai “

3.

10 Langkah selanjutnya kita membuat coding 1. 2.

untuk Bola basket :
1. Pilih sprite bola basket
2. Pada Block Pallette kita pilih jenis code
“event “
3. Pilih code lalu drag atau

geser ke arah Code area.

4. Selanjutnya pada Block Pallette pilih 3. 4.

jenis code “ Looks “ lallu pilih Show
No Langkah-langkah Tampilan
5. Lalu pada Block Pallette pilih jenis 5.
code “Motion“ lalu pilih “set X to“ dan
“set Y to” lalu geser ke arah Code area
dan rekatkan dengan code yang
sudah ada.

6. Untuk posisi Nilai berada pada nilai “0”

maka kita harus menentukan code
variabel sama dengan “0” dengan
memilih “Variabel” lalu pilih
6.
Lalu tentukan

variabelnya dengan “Nilai” to “0”

7. Sesuai dengan algoritma yang sudah

dibahas di atas, untuk aksi 7.
memasukan bola yang benar maka
akan mendapatkan point sebanyak
“10” dan ababila salah maka akan Kondisi untuk
mengakhiri
mendapat pengurangan sebanyak “-5” pengulangan
dan akan berhenti jika mencapai nilai
“60” oleh karena itu kita dapat 8.
memanfaatkan menu “repeat until”
untuk membuat code program
tersebut, dengan memilih menu
“control” pada Block Pallette dan pilih
“Repeat Until”
8. Yang akan menghentikan pengulngan
adalah variabel “nilai” maka kita akan
memasukan variabel nilai kedalam
code pengulangannya. Dengan
memilih “Operator” lalu pilih icon
Lalu masukan variabel
9.
nilai dan “50” diganti dengan “60”

9. Selanjutnya kita akan membuat coding

untuk memeriksa apakah bola
disimpan ke keranjang yang benar
atau ke keranjang yang salah, apabila
bola menyentuh keranjang maka akan
ada dua aksi yaitu, terkena keranjang
yang benar atau salah, dengan kondisi
tersebut kita dapat mengguanakn
code “If then else” yang dapat di akses Block yang berguna untuk memeriksa apakah bola
10.
pada “control” di Block Pallette. terkena keranjang yang benar atau salah, maka kita
tentukan dengan “ sensing”)
 10. Pilih “sensing” pada block Pallette 10.
dan pilih “Touching mouse -pointer” >
dan ganti menjadi jenis keranjang
yang benar. Apabila benar maka
setelah itu klik “ variabel” lalu drag
“Set – my Variabel to 0” Ganti my
variabel dengan variabel “ nilai” untuk
menambahkan “10” point > setelah itu
klik “ sound” lalu pilih “star sound
basketball bounce” > untuk
memberikan efeck suara > dan pilih
“look” dan klik drag coding “ Hide”
supaya sprite bola menghilang.
11. Selanjutnya untuk mengisi Else atau 11.
kodisi yang salah langkahnya hampir
sama dengan langkah ke-10, yaitu :
Pilih “sensing” pada block Pallette dan
pilih “Touching mouse -pointer” > dan
ganti menjadi jenis keranjang yang
salah. Setelah itu klik “ variabel” lalu
drag “Set – my Variabel to 0” dan Ganti
my variabel dengan variabel “ nilai”
untuk untuk mengurangi nilai “5” point
> setelah itu klik “ sound” lalu pilih “B
Elec Bass” > untuk memberikan efek
suara > dan pilih “look” dan klik drag
coding “ say Hello for 2 secound” untuk
memunculkan tulisan “Maaf Salah !!!”
> lalu pilih “montion” klik darga “set x
to” dan “set y to” untuk
mengembalikan sprite ke tempat
semula.
12. Sampai di sini kita sudah bisa 12.
mengecek apakah coding yang sudah
kita buat befungsi atau tidak dengan
menekan tanda untuk

memulai aksi dan tanda untuk

menghentikan Coding.
No Langkah-langkah Tampilan
11 Setelah coding berjalan maka buatlah Coding Sprite Basketball Coding Sprite Bola Kaki
coding yang sama seperti pada langkah ke-
10 untuk sprite Bola kaki, hanya pada
kondisi pemeriksaan keranjanglah yang
dibedakan, untuk perbedaan kodingnya
dapat di bedakan dengan tampilan di
samping.

12 Selanjutnya silahkan perbanyak sprite

basketball dan Sprite Bola Kaki masing -
masing sebanyak dua buah dengan cara :
1. Memilih Sprite yang akan di
perbanyak.
2. Klik kanan lalu pilih “Duplicate”
3. Rubah coding posisi “X” dan “Y” di
sesuikan dengan posisi Sprite yang
kita inginkan.

13 Selanjutnya kita akan membuat Tulisan “ 5.

Selamat Anda Berhasil” Ketika total point
mencapai “60”. Dengan cara :
1. Buatlah Sprite berupa tulisan,
dengan menekan icon choose a
sprite.
2. Pilh tada untuk

membuat tulisan. Sprite yang kita

inginkan.
3. Klik tan “T” untuk menulis dan
Tuliskan “Selamat !!! Anda
berhasil”
4. Buatlah duplikat salinan teks
tersebut dengan Klik kanan tab
Sprite sebelah kiri > lalu klik
Douplicate, dan ganti warna
menjadi warna kuning.
 No Langkah-langkah Tampilan
Sekarang kita akan membuat
code/program untuk sprite
berupa tulisan ini.

Pada awal nya tulisan disembunyikan

sampai tercapai variabel “Nilai” mencapai
“60” maka akan muncul,

Warna Tulisan akan terus berganti sampai

program dihentikan oleh pemain dengan
menekan tombol merah pada bagian atas.

Setelah game berhasil dibuat, maka tampilan dari fase awal dan akhir adalah sebagai berikut :

Tampilan Awal Game Tampilan Akhir Game