Tujuan

•Menyediakan kegiatan bersama untuk meningkatkan

kreatifitas dan Computational Thinking.
•Membangun semangat generasi muda untuk berkarya,
memiliki ide dan berinovasi.
 Content:
Pada Sesi 1 ini kita akan pelajari:
•Mengenal Coding dan Robot
•Proses Kreatif
•Mengenal Magnetcode
•Membuat Coding Pertamaku
•Membuat Traffic Light
•Membuat program suara
 Coding dan Robot
Apa itu Coding?
•Coding adalah menulis
instruksi pada komputer atau
HP, agar komputer/HP
melakukan tindakan yang kita
inginkan disebut juga dengan
memprogram.
 Coding dan Robot
Apa itu Coding itu penting?
•Ya karena semua program,
game, dan aplikasi di
komputer/HP dan di peralatan
elektronik menggunakan coding
untuk bekerja.
 Coding dan Robot
Apa itu Coding itu penting?
•Ya karena semua program,
game, dan aplikasi di
komputer/HP dan di peralatan
elektronik menggunakan coding
agar dapat bekerja.
 Coding dan Robot
Proses pembuatan Coding?
•Untuk membuat Coding
menggunakan tools yang
disebut Bahasa atau software.
•Contohnya Phyton, Java, C++,
Arduino dll.
•Setiap bahasa punya library
dan aturan masing-masing
dalam penulisan.
•Anda dapat memilih Bahasa
yang anda sukai.
 Coding dan Robot
Cara pembuatan Coding?
•Kita tulis dulu ide kita di kertas,
apa yang ingin kita buat.
•Kemudian buat
penyederhanaan dengan model
atau perumpamaan.
•Buat flowchart.
•Baru ditulis di komputer atau
Hanphone
•Jalankan RUN atau Compiler
atau Download untuk melihat
hasilnya.
 Contoh cara membuat coding
Misalkan kita ingin membuat program untuk keamanan rumah.
Kalau ada pencuri yang membuka jendela, maka alarm akan
berbunyi.
1. Tulis dahulu:
Alarm akan berbunyi kalau
sensor di jendela TERBUKA
2.Penyederhanaan dengan
model atau perumpamaan.
A: Keadaan Switch, kalau
tertekan A=0, kalau terbuka A=1
Y= Kondisi Alarm, Y=1 alarm
hidup dan Y=0 alarm mati
 Contoh cara membuat coding
3. Pembuatan Flowchart
•Kita Jalan
ceritanya ke
bentuk
alur.
 Contoh cara membuat coding
3. Buat menjadi pernyatan Quasi-Logic
if A=1 maka Aktifkan Alarm (Y=1) Kalau Tidak
maka Alam Not Aktif (Y=0)
4. Buat menjadi program di Komputer
if (A=1;) then {Y=1;} else {Y=0;}
5. Kemudian lakukan RUN

Proses RUN adalah proses merubah code yang kita

buat menjadi bahasa yang dimengerti oleh mesin
prosesor komputer
 Mengenal Robot
Menurut kamus wikipedia,
ROBOT adalah sebuah alat
mekanik yang dapat
melakukan tugas fisik,
dalam kontrol manusia
ataupun program
(kecerdasan buatan).
 Sifat Robot
• Tidak alamiah (artificial)
• Memiliki sensor buatan,
bisa memanipulasi dan
berinteraksi dengan
lingkungan.
• Memiliki kemampuan untuk
memilih
• Diprogram.
• Ada bagian yang bergerak
Bergerak
Menurut Definisi dan Sifat Robot
Yang Mana Robot dan Bukan Robot
 Robot Dan Manusia
Struktur Robot Seperti Manusia
Otak
Mata
Mulut
Sentuh

Tulang

Energi
 Robot Dan Manusia
Pengontrol

Sensor Visual

Speaker

Sensor Sentuh

Kerangka/Fram

Baterai
 Kegunaan Belajar Robot

Pengendalikan dan menghindari halangan untuk Kursi Roda

Otomatis Untuk Orang Cacat
 Proses Kreatif
Kreativitas seperti udara yang ada di sekitar kita Harus Diraih

Proses Kreatif?
•• imagination
•• originality (the ability to come up with ideas and
•products that are new and unusual)
•• productivity (the ability to generate a variety of
•different ideas through divergent thinking)
•• problem solving (application of knowledge and
•imagination to a given situation)
•• the ability to produce an outcome of value and
•worth.
 MENGENAL MAGNETCODE
Magnetcode adalah Aplikasi Android
yang dapat digunakan untuk Coding,
elektronik, simulasi elektronik dan
robot
Founder Magnetcode adalah
Mr. Hoon Min Siang
Banyak aplikasi lain juga
yang bisa digunakan
seperty Phyton, arduino,
scratch dll. Tapi untuk
kondisi Pandemi dan
online, maka kami pilih
menggunakan Magnetcode

Sekarang tinggal di Malaysia

Magnetcode terdaftar di
Google Play Store, free
charge
 MENGENAL MAGNETCODE
Magnetcode sudah digunakan
di Kurikulum di Malaysia
 MENGENAL MAGNETCODE
No Engineering Background
No Typing No Internet No Time
No Computer Anytime Anywhere
 MENGENAL MAGNETCODE
Di Indonesia, sudah kami coba
dan adakan pelatihan di Univ
Negeri Padang, P4TIK Bandung
dan Kampus ITB
 Handphone sebagai Tool kreativitas

HP sebagai powerful Tool

Untuk memproduksi hal-hal yang
kreatif.
Bagaimana menggunakan secara
maksimal?

Ide Karya
MEMBUAT PROGRAM PERTAMA
Project 1: Membuat Traffic Light
(Add, edit, delete, copy commands...)

Timer Timer
= 2 sec = 2 sec

Timer = 2 sec
MEMBUAT PROGRAM PERTAMA
Flowchart
1. Buka Magnetcode di HP Anda

2. Masuk ke Magnetcode
 MEMBUAT PROGRAM PERTAMA
Kalau ada program di Home, anda bisa hapus
dengan perintah clear all dari menu di kanan
atas

2. Tekan Untuk menambah

perintah program
 MEMBUAT PROGRAM PERTAMA
Tekan tanda air untuk memberi warna pada grup
perintah

Anda mendapat list perintah

 MEMBUAT PROGRAM PERTAMA
Tekan tanda air untuk memberi warna pada grup
perintah

Anda mendapatkan list perintah

Command group

Menambah Menyem
Perintah bunyikan atau
menampilkan
perintah
'Home'
- Halaman untuk
Coding

I/O: Input atau Output

Add command Penjelasan Perintah dan
Contoh
Di Graphic Design

Menambah
Perintah

Tekan 2 detik untuk

Background_Color = Whit e menambah perintah
Merubah Screen backgr ound * Ulangi 3 kali *

Command added
Return to 'Home'
Delete command
Method 1 Method 2
Geser ke kiri pada perintah yang Click to select command then
ingin dihapus. click 'Dustbin' icon.

Delete

Select All

Hanya 1 perintah
Edit command

Press and hold

for 2 seconds
The
n
Red

Click 'White' to
select other colors
Test program
Click 'Run' to test
program
1. Background_Color = Red

Background_Color = Red Click 'STOP' to stop

Change screen background to testin
red color g
1. Background_Color = Red

2. Timer = 1 sec

Timer = 1 sec?
Pause the task for 1
second

Pres and hold for 2 seconds to

s add commands
1. Background_Color = Red

2. Timer = 1 sec

Press and hold to

edit 2

sec vs msec?
1 sec = 1000 msec
e.g. 0.1 sec = 100 msec,
0.25sec = 250 msec
* msec = mili second
Arrange command

1. Timer = 2 sec 1. Background_Color = Red

2. Background_Color = Red 2. Timer = 2 sec

Select any command

and click to move it
Expected output

Timer Timer Timer

2 2 sec 2
sec sec
Copy and paste command

Tick
command Select location to Click 'X' icon
and click paste command to stop
'Copy' icon before you click
'Paste' icon
 Arrange Arahan Dari Kumpulan
Command Background_Color=White Graphic Design
Timer = 1 sec Other
1. Background_Color = Red

2. Timer = 2 sec

3. Background_Color = Green
Done?
4. Timer = 2 sec
Click 'Run' to test
5. Background_Color = Yellow

6. Timer = 2 sec
BUT program is
stop at yellow
screen and NOT
repeat?
 Always at
the bottom
Goto=1
Done? Jump to line 1.
Click 'Run' to test Example: Goto=3, jump to line
3.
Tekan RUN dan lihat hasilnya

Timer Timer Timer

2 2 sec 2
sec sec
Save project

Finished Testing?
Click 'Save Project' to save it in
'mydata' folder
(Text File Format)
 SOAL LATIHAN
Sekarang anda diminta untuk memprogram agar
layar Merah Menyala selama 5 detik, Hijau 4 detik
dan kuning 2 Detik.
Buatlah program yang Sesuai.
 JAWABAN
Sekarang anda diminta untuk memprogram agar
layar Merah Menyala selama 5 detik, Hijau 4 detik
dan kuning 2 Detik.
MEMBUAT PROGRAM KEDUA
Project 2: LAMPU YANG BISA BERSUARA

Sebelum Lampu Merah Menyala, maka akan

mengeluarkan suara Halo
 Done?
Click 'Run' to test

Text_Speech_Enable=O
n Enable speech
Text_Speech_Text=Text
Read word or message
 SOAL LATIHAN
Sebelum Lampu Menyala Merah, akan keluar
suara Merah, kemudian
Sebelum Lampu Menyala Hijau, akan keluar suara
HIjau, kemudian
Sebelum Lampu Menyala Kuning, akan keluar
suara Kuning
 JAWAB
Dari program sebelumnya gunakan perintah copy
2. Tekan Copy
1. Klik yang ingin di copy

3. Tekan Paste 2 kali

 JAWAB
Tekan perintah yang ingin digeser
Geser atas bawah

Hasil Akhir
Jangan lupa
disave