panduan penggunaan.docx

7/25/2019 PANDUAN PENGGUNAAN.docx

http://slidepdf.com/reader/full/panduan-penggunaandocx 1/16

1

PANDUAN PENGGUNAAN

MEDIA PEMBELAJARANMIKROKONTROLER

Oleh: Shodiq Fajar Masruri

Media ini merupakan hasil dari pengerjaan tugas skripsi saya di

Pendidikan Teknik Elektronika Universitas Negeri Yogyakarta yang telah

tervalidasi oleh para ahli dan guru SMK serta telah diuji di lapangan

(kelas) dengan memperoleh hasil sangat layak!"

Semoga media pem#elajaran mikrokontroler ini dapat #erman$aat #agi

teman%teman dalam #elajar mikrokontroler serta mempermudah #agi para

pengajar dalam menyampaikan ilmunya kepada peserta didik"

Saya siap membantu apabila Anda ingin mengembangkan media ini

misalnya penambahan simulasi, penggunaan bahasa pemrograman

lain, ataupun mempunyai inovasi baru.

Semoga Berkah dan Berkenan

:!



2

"AF#A$ %S%

Halaman Pembuka.....................................................................................1

Daftar Isi.....................................................................................................2

A. Beranda.............................................................................................3B. Kompetensi........................................................................................3C. Materi.................................................................................................4D. imulasi.............................................................................................!

1. imulasi Pertama.........................................................................!2. imulasi Kedua............................................................................"3. imulasi Keti#a............................................................................"

4. imulasi Keempat........................................................................$!. imulasi Kelima............................................................................$". imulasi Keenam.........................................................................%&. imulasi Ketu'u(..........................................................................1)$. imulasi Kedelapan.....................................................................11%. imulasi Kesembilan....................................................................111).imulasi Kesepulu(......................................................................12

*. *+aluasi.............................................................................................13,. Profil...................................................................................................1!

Penutup......................................................................................................1"

A. BERANDA

Halaman beranda berisi penjelasan singkat.



3

Gambar 1. Tampilan BerandaB. KOMPETENSI

Halaman ini berisi kompetensi dasar yang ingin dicapai

Gambar 2. Tampilan Kompetensi

C. MATERI

Tampilan pada halaman materi terdiri dari dua bagian yaitu menu samping

kiri untuk memilih judul materi dan kanvas untuk menampilkan isi dari materi.



4

Gambar 3. Tampilan MateriAdapun materi yang terdapat pada media ini ada berjumlah 18 yang

dikelompokkan menjadi bagian. !a"tar judul kedelapan belas materi yang

disajikan dapat dilihat pada gambar berikut ini#

Gambar 4. $udul Materi pada MenuD. SIMULASI

Terdapat 1% simulasi dasar pemrograman mikrokontroler dengan bahasa &.

Halaman simulasi terbagi menjadi ' bagian( yakni# kode program( gambar

rangkaian)simulasi dan menu di bagian ba*ah. Adapun ke+1% simulasi tersebut beserta penjelasannya adalah sebagai berikut#



!

1. SIMULASI PERTAMA: MENYALAKAN LED

Gambar 5. ,imulasi menyalakan led dasar

-ambar ikon buku merupakan tombol penjelasan tiap baris kode yang

bisa anda klik untuk membacanya.ada kode program anda akan menemukan sebuah form /kotak isian0 yang

dapat anda isi dengan ' jenis bilangan yaitu# Bilangan headesimal( dia*ali dengan tanda 2%3( misalnya# 0!a

Bilangan biner( dia*ali dengan tanda 2%b3( misalnya# 0b10110011

Bilangan desimal( ditulis secara langsung/antara %+4550( misalnya# "#

Tombol s*itch dapat anda gunakan untuk memilih jenis rangkaian apakah

akti" high atau akti" lo*. ada rangkaian akti" high( led akan menyala ketika diberi

logika 1 atau tinggi( sedangkan pada rangkaian akti" lo* sebaliknya.Tombol 2Tampilkan3 ber"ungsi untuk menampilkan hasil program ke dalam

bentuk gambar simulasi di sebelah kanan. erhatikan baik+baik perubahannya. #30

2. SIMULASI KEDUA: MENYALAKAN LED TIAP BIT



"

Gambar !. ,imulasi menyalakan led per bit

,imulasi kedua ini hampir mirip dengan simulasi pertama yaitu menyalakan

led namun dengan cara mengatur nilai setiap bit. 6ilai yang dimasukkan hanya 4

kemungkinan yaitu % /lo*0 atau 1 /high0.

3. SIMULASI KETIGA: LED BER$ALAN

Gambar !. ,imulasi led berjalan

,imulasi led berjalan pada perancangan a*al hanya bisa untuk

menyimulasikan penyalaan led dari atas ke ba*ah dan sebaliknya. 6amun kini



&

anda dapat dimasukkan kode he sesuai keinginan sehingga kombinasi nyala led

jauh lebih bervariasi /hingga /45780 kemungkinan0.ada halaman ini saya menggunakan "lash player sebagai simulasi sehingga

apabila terdapat error seperti gambar 9 di ba*ah ini sebaiknya anda akti"kan "lash

dan klik izinkan. ,aat ini memang plugin "lash sedang bermasalah.

Gambar %. :lash Terblokir ;tomatis

Gambar ". Tombol Membuka Blokir :lash

4. SIMULASI KEEMPAT: LED BER$ALAN MENGGUNAKAN ARRAY



$

Gambar #. ,imulasi penerapan array pada led berjalan,imulasi ini sebenarnya mirip dengan simulasi sebelumnya yaitu pada

simulasi led berjalan namun di sini kita menggunakan array. Tombol 2Acak3 jika

anda tekan akan memberi nilai pada array secara otomatis.5. SIMULASI KELIMA: MENYALAKAN SEVEN SEGMENT

Gambar 10. ,imulasi enyalaan Seven Segment

Seven segment sebenarnya terdiri dari 9 led yang disusun membentuk segmen

angka dan 1 led tambahan untuk menampilkan titik. ,ehingga untuk menyalakan

sebuah seven segment prinsipnya sama seperti menyalakan led pada simulasi pertama.



%

Anda cukup memasukkan sebuah bilangan baik itu berupa bilangan

headesimal( biner ataupun desimal dan klik tombol 2Tampilkan3. ,ebelumnya

anda harus mengerti urutan penempatan led pada seven segment . ada simulasi ini

jenis seven segment yang digunakan adalah common katoda (aktif high).

!. SIMULASI KEENAM: COUNTER SEVEN SEGMENT

Gambar 11. ,imulasi Meng+counter Seven Segment Maksud simulasi pada halaman ini adalah untuk menampilkan angka %+<

secara bergantian dengan selang *aktu 1 detik. ,*itch 2naik)turun3 ber"ungsi

untuk mengisi nilai ;=T& secara otomatis sekaligus untuk memilih untuk

mencacah naik atau turun.Anda juga dapat mengisi secara manual pada kotak isian untuk mencoba

berbagai variasi yang ingin anda coba.

%. SIMULASI KETU$U&: COUNTER SEVEN SEGMENT '()*a) ARRAY



1)

Gambar 12. ,imulasi Meng+counter Seven Segment dengan Array,imulasi ini merupakan modi"ikasi dari simulasi sebelumnya dengan

menambah jumlah seven segment menjadi 4 buah dan dijalankan dengan metode

perulangan memanggil array. Ketika s*itch pada posisi naik anda akan

menemukan sebuah form /kotak isian0 untuk mengatur nilai maksimal puluhan.

Misal anda ingin mengeset counter dari %% sampai 9< maka masukkan nilai 8.Ketika s*itch berada pada posisi turun anda akan menemukan bah*a form

/kotak isian0 berpindah ke kiri dan ber"ungsi untuk mengeset nilai puluhan a*al.

erhatikan bah*a nilai array juga berubah. Misal anda akan meng+counter dari

angka 7< hingga %% maka anda harus mengeset dengan nilai '.

Gambar 13. osisi ketika s*itch 2Turun3". SIMULASI KEDELAPAN: MENULIS '+ LCD



11

Gambar 14. ,imulasi melakukan penulisan pada >&! 174?ntuk menampilkan karakter atau string ke >&! sangat mudah karena

didukung pustaka yang telah disediakan oleh Codevision AVR. Anda dapat

mencoba mengatur posisi +nya dan menuliskan kata)kalimat pada form.

#. SIMULASI KESEMBILAN: KEYPAD ,( LCD

Gambar 15. ,imulasi Keypad ke >&! 174Khusus untuk simulasi keypad ini pada bagian kode program tidak terdapat

form /kotak isian0 yang akan anda modi"ikasi. Kode program adalah statis namun

karena panjangnya lebih dari satu halaman maka saya desain dalam bentuk slide.

Anda dapat menggesernya ke kanan)kiri maupun ke atas)ba*ah untuk melihat



12

halaman lainnya. Adapun tombol nomor halaman untuk meloncat ke halaman

tertentu. ada bagian rangkaian anda bisa mencoba klik tombol keypad dan

perhatikan apa yang terjadi.

10. SIMULASI KESEPULU&: DOT MATRIKS

Gambar 1!. ,imulasi Membuat Karakter pada !ot MatriksBerbeda dengan simulasi+simulasi sebelumnya( di sini anda harus

memasukkan sebuah karakter dari keyboard komputer dan klik tombol 2,et

Karakter3 terlebih dahulu. ,emua karakter pada keyboard dapat anda masukkan

baik A+@( a+( 1+%( C'DEFG/IJ.( dan seterusnya. Tampilkan dan anda akan

melihat hasilnya dan prinsip kerja penyalaan led dengan metode scanning kolom

demi kolom.

E. E-ALUASI

,ebelum melakukan evaluasi anda diharuskan memasukkan nama dan nomer

absen untuk login. Tampilan form login adalah seperti pada gambar berikut#



13

Gambar 1%. Tampilan ,ebelum Masuk Lvaluasi,etelah masuk anda akan diberikan sebuah penjelasan singkat tentang jumlah

soal dan cara menja*ab pertanyaan.

Gambar 1". Tampilan etunjuk Lvaluasi;k mari kita lanjut( sekarang tekan tombol 2L6TL=3 dan menuju ke

pertanyaan. $umlah pertanyaan yang akan tampil ada 4% soal pilihan ganda

dengan pilihan ja*aban. S(b()ar)a /a a)* (ra)am a'a r*ram a'a

100 b+r /a )am) a)a '+am+,a) 20 /(6ara a6a,. ,ehingga setiap kali



14

anda mencoba evaluasi ini kemungkinan besar kombinasi soal yang muncul

berbeda+beda.

Gambar 1#. Tampilan Halaman LvaluasiApa sajakah yang ada pada halaman evaluasi iniI uk kita bahas#

Tanda bintang / 0 berjumlah 1% yang berada dikiri atas merupakan petunjuk

tingkat keberhasilan dalam menja*ab pertanyaan. Bintang akan menjadi

terang / 0 setiap beberapa soal yang berhasil anda ja*ab. !i sebelah kanan atas merupakan in"ormasi tentang nama anda dan no absen

serta sebuah tombol logout untuk keluar. Bagian papan tulis merupakan tempat munculnya pertanyaan serta pilihan

ja*aban yang harus anda klik pada ja*aban yang tepat kemudian tekan

tombol 26LNT3. Terdapat in"ormasi jumlah soal pada bagian kanan papan tulis yang bisa anda

sembunyikan dengan cara meng+kliknya. &ara menampilkan kembali dengan

meng+klik kayu papan tulis yang berbeda *arna. Bagian ba*ah terdapat petunjuk pengerjaan yang bisa anda close.

,etelah selesai mengerjakan semua soal anda akan mendapat score akhir yang

memuat in"ormasi seperti pada gambar berikut#



1!

Gambar 20. Tampilan Hasil Lvaluasi7. PRO7IL

up( bagian terakhir merupakan data diri penulis( hehe #30

Gambar 20. Halaman data diri perancang

M('+a P(mb(a8ara) M+,r,)r(r +)+ '+ra)6a)* '()*a) m()**)a,a)

software ama 9N(a' P/ P/



1"

A'a) software ()',)* a)ara a+):

Cr( Dra;

P/

ISIS Pr(/

C'(<+/+) A-R

A'b( =a/

P(mr*rama) a)* '+*)a,a) a'aa:

&TML5

CSS

$a<a/6r+

$>(r

A6+)/6r+ 7a/

Ba*+ (ma)?(ma) a)* m(m)a+ /ara)@ ,r++,@ ma/,a) ma) +'(

()a)* ()*(mba)*a) m('+a +)+ /+a,a) /ama+,a) ,(a'a /aa m(a+

7B: :;;;.=a6(b,.6m/'+>=m

T(r+ma Ka/+ 'a) Sama+ $ma La*+....... :

http://www.facebook.com/shodiqfm

http://www.facebook.com/shodiqfm

panduan penggunaan.docx

Documents