Showing posts with label pemrograman. Show all posts
Showing posts with label pemrograman. Show all posts

Algoritma dan Flowchart untuk GvRng

assalamualaikum wr wb

Algoritma
  Langkah-langkah kegiatan yang jika diikuti dengan baik akan menyelesaikan sebuah pekerjaan

Fungsi Algoritma
  • Mendeskripsikan bagaimana menyelesaikan pekerjaan, khususnya yang bisa dilakukan oleh mesin/program komputer
  • Untuk berkomunikasi antara desainer program dengan programer
Komponen Algoritma
  1. Judul
  2. Deskripsi
  3. Langkah-langkah kegiatan dengan urutan jelas
  4. Titik Akhir
Flowchart
  Diagram yang memperlihatkan aliran kegiatan yang jika diikuti dengan baik akan menyelesaikan sebuah pekerjaan
Fungsi Flowchart
  Mendeskripsikan bagaimana melakukan sebuah pekerjaan dalam bentuk diagram 

Komponen Flowchart



Contoh pada GvRng:


Buatlah program agar robot mengambil semua beeper serta buatlah Algoritma dan Flowchart-nya.

Algoritma mengambil beeper
  • Beeper ada tiga tempat dan jumlahnya sama
1.Maju sampai menemukan beeper
2.hadap kiri
3.ulangi 3 kali:
  a. ambil semua beeper
  b. maju selangkah
4.selesai
Flowchart
 Hasil Program

Sekian dari saya kalo ada kesalahan mohon beritahu saya di kolom komen

Referensi
Buku Algoritma dan Pemrograman 
Wassalamualaikum wr wb  

Pengambilan Keputusan dan Perulangan Kondisional di GvRng

Assalamualaikum wr wb

1.Pengambilan Keputusan

Kecerdasan dimulai dari kemampuan mengambil keputusan. Mesin disebut cerdas jika mampu mengambil keputusan sesuai kondisi yang dihadapi. Semakin banyak kondisi yang bisa dihadapi dan semakin banyak keputusan yang bisa diambil, maka mesin semakin cerdas

Robot Guido mengenal 18 kondisi berikut ini.
Kondisi
Makna
front_is_clear
Lokasi didepan robot tidak ada penghalang
front_is_blocked
Lokasi didepan robot ada penghalang
left_is_clear
Lokasi di kiri robot tidak ada penghalang
left_is_blocked
Lokasi di kiri robot ada penghalang
right_is_clear
Lokasi di kanan robot tidak ada penghalang
right_is_blocked
Lokasi di kanan robot ada penghalang
next_to_a_beeper
Robot berada pada posisi yang sama dengan Beeper (pada koordinat yang sama)
not_next_to_a_beeper
Robot tidak berada pada posisi dekat Beeper
any_beeper_in_beeper_bag
Kantong beeper berisi
no_beeper_in_beeper_bag
Kantong beeper kosong
facing_north
Menghadap utara
not_facing_north
Tidak menghadap utara
facing_south
Menghadap selatan
not_facing_south
Tidak menghadap selatan
facing_east
Menghadap timur
not_facing_east
Tidak menghadap timur
facing_west
Menghadap barat
not_facing_west
Tidak menghadap barat
Untuk membuat keputusan berdasarkan kondisi tertentu, digunakan perintah if dengan cara penulisan sebagai berikut.

if kondisi:
   keputusan

Sebagai contoh, perintah berikut :

if left_is_clear:
   turnleft
   move
   putbeeper
   turnoff

Berarti robot harus memeriksa kondisi apakah di kiri tidak ada penghalang, jika tidak ada penghalang maka robot berbelok ke kiri, maju 1 langkah, meletakkan beeper dan robot akan mati


Lebih banyak keputusan

  Untuk membuat lebih banyak keputusan berdasarkan kondisi tertentu, digunakan gabungan perintah if - else dengan cara penulisan sebagai berikut

if kondisi:
   keputusan
else:
    keputusanlain

Sebagai contoh, perintah berikut :

if front_is_blocked:
   turnleft 
else:
    move

berarti robot harus memeriksa kondisi apakah di depan ada penghalang, jika ada penghalang maka robot menghadap ke kiri dan jika tidak ada penghalang maka robot maju 1 langkah, serta robot sebelumnya berada di koordinat 3 2


Lebih banyak kondisi dan lebih banyak keputusan

  Lebih banyak kondisi dapat diperiksa dengan menggunakan perintah if yang banyak atau gabungan perintah if - elif - else. Perhatikan contoh berikut.

if front_is_clear:
   move
elif left_is_clear:
   turnleft
   move
else:
   turnoff

  Program diatas berarti, robot berada di koordinat 3 2 menghadap ke utara dan akan memeriksa apakah di depan tidak ada penghalang, jika benar maka maju selangkah, jika tidak benar maka diperiksa kondisi lain. Jika di kiri tidak ada penghalang, maka robot berbelok ke kiri dan maju, jika tidak benar, maka robot dimatikan


2.Perulangan Kondisional

Perintah do melakukan perulangan dengan jumlah yang pasti. Jika perulangan tidak diketahui jumlahnya, maka perintah do tidak dapat digunakan. Instruksi yang lebih tepat digunakan adalah while. Cara penggunaanya adalah :

while kondisi:
     instruksi     #instruksi yang akan dikerjakan berulang-ulang
     instruksi     #instruksi yang akan dikerjakan berulang-ulang

yang berarti "selalu uji kondisi, selama kondisi benar, lakukan instruksi

  Sebagai contoh situasi pada gambar di bawah ini


di mana robot diperintahkan menyusuri sebuah garis. Jika jumlah garis tidak diketahui panjangnya, maka bisa menggunakan perintah seperti gambar di atas.
 

Gambar diatas adalah hasil dari perintah sebelumnya

Referensi

buku algoritma dan pemrograman

wassalamualaikum wr wb

Fungsi dan Perulangan di GvRng

Assalamualaikum wr wb

Fungsi pada GvRng

pengelompokkan instruksi-instruksi menjadi 1 instruksi baru

Instruksi define

Instruksi define digunakan untuk membuat instuksi baru berdasarkan instruksi yang ada/dikenal. Cara penulisannya adalah sebagai berikut :

define instruksibaru:
instruksi
instruksi
  ...

Contoh : 

Guido hanya mengenali perintah menghadap ke kiri, dan tidak mengenal perintah untuk menghadap ke kanan. Instruksi define dapat dipakai membuat instruksi baru untuk Guido agar bisa mengahadap ke kanan, sebagai berikut :

Robot sekarang berada pada koordinat 5 2 dan menghadap ke utara. Saya akan menulis perintah di Code Editor sebagai berikut :

define kanan:
turnleft
turnleft
turnleft
kanan
turnoff

Setelah itu klik tombol Execute dan hasilnya robot akan menghadap ke timur


Perulangan pada GvRng

Di antara kekuatan sebuah komputer dan mesin komputasi lainnya terletak pada kemampuan mengulang pekerjaan secara cepat . Mesin mampu mengerjakan pekerjaan berulang tanpa merasa bosan. Instruksi yang digunakan di perulangan adalah instruksi do. Berikut cara menulisnya adalah :

do jumlahperulangan:
instruksi  #instruksi yang diulang
instruksi  #instruksi yang diulang

Contoh :

Robot Guido berada di koordinat 3 2 dan menghadap ke timur serta membawa 1 beeper. Saya akan menulis perintah di Code Editor sebagai berikut :

do 3:
move
putbeeper
turnoff

Instruksi move akan dikerjakan sebanyak 3 kali, kemudian instruksi putbeeper dikerjakan 1 kali

Setelah itu klik tombol Execute dan hasilnya akan seperti gambar di bawah ini.


Referensi

buku algoritma dan pemrograman

Wassalamualaikum wr wb

Mengenal GvRng beserta instalasinya


Assalamualaikum wr wb

GvRng adalah sebuah program komputer yang mensimulasikan lingkungan pemrograman sebuah robot yang bernama Guido. Program ini dapat dijalankan di Windows,Linux dan Macintosh, Berikut cara penginstalan GvRng di linux :

1.Buka sebuah terminal dan ketikkan perintah berikut :


   Pastikan koneksi internet anda tersedia

2.Langkah selanjutnya kita beri hak eksekusi pada file gvrng.

     
  • chmod yang merupakan singkatan dari change mode yang digunakan untuk menentukan cara file dapat diakses.
  • Simbol + berarti memberi izin
  • Simbol x artinya permission untuk mengeksekusi file/folder

3.Selesai. GvRng pun siap digunakan


  Tampilan program GvRng ketika baru dijalankan tampak seperti gambar dibawah di atas. Terdapat lima tab pada program tersebut yaitu sebagai berikut:


1.Guido's World. Tab ini berisi area yang menggambarkan posisi robot Guido dan tombol-tombol program: Reload,Step,Execute,dan Abort
2.Language reference. Tab ini berisi keterangan tentang instruksi yang dikenal oleh robot Guido
3.Introduction. Tab ini berisi keterangan singkat tentang program GvRng
4.Code Editor. Tab ini berisi area tempat menuliskan perintah untuk robot Guido
5.World Editor. Tab ini berisi area tempat menulis atau mengedit Dunia robot Guido Sn mengedit posisi awal robot


  Terdapat tiga menu utama pada program GvRng, yaitu sebagai berikut:
 1.Menu GvR mempunyai dua submenu: Open WorldBuilder dan Quit. Open WorldBuilder digunakan untuk mengedit Dunia robot secara interaktif
2.Menu Setup mempunyai satu submenu: Set Speed. Submenu Set Speed digunakan untuk menyetel kecepatan gerak robot
3.Menu Help mempunyai tiga submenu: GvR Lessons,GvR WorldBuilder dan About

Koordinat,Arah menghadap,dan Beeper Robot

  • Robot Guido dapat disetel menghadap ke Utara (North),timur (East),selatan (South) atau barat (West) dan masing-masing posisi disimbolkan dengan huruf N,E,S,dan W
  • Robot Guido mempunyai sebuah tas yang dapat digunakan membawa Beeper. Beeper merupakan gadget yang dapat mengeluarkan suara
Contoh :

1.Klik tombol World Editor dan ketik kodenya. Contoh seperti dibawah ini :


  • Angka 5 2 adalah Koordinat dari robot Guido
  • Huruf N adalah Arah menghadap robot yaitu North
  • Angka 4 adalah Beeper. Jadi robot membawa 4 beeper
2.Kemudian klik tombol "Reload", anda akan melihat koordinat,arah hadap robot dan pastinya robot membawa 4 beeper


Perintah-perintah untuk menjalankan robot Guido

  1. move = Bergerak 1 langkah
  2. turnleft = Menghadap ke kiri
  3. putbeeper = meletakkan beeper
  4. pickbeeper = mengambil beeper
  5. turnoff = mematikan Robot Guido

Referensi

buku algoritma dan pemrograman

Wassalamualaikum wr wb

HTML : Belajar Dasar Pengenalan HTML

 Hasil gambar untuk html
 
 Pengertian : 
 HTML adalah singkatan dari Hypertext Markup Language. Disebut hypertext karena di dalam HTML sebuah text biasa dapat berfungsi lain, kita dapat membuatnya menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya hanya dengan meng-klik text tersebut. Kemampuan text inilah yang dinamakan hypertext, walaupun pada implementasinya nanti tidak hanya text yang dapat dijadikan link.  
 HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Untuk menuliskan kode-kode HTML anda bisa menggunakan Texs Editor misalnya Notepad, Word Pad, Microsoft Word dll. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana.
Maksud dan Tujuan :
  • Setelah baca ini dapat lebih paham tentang HTML
  • Mengetahui dan paham penggunaan HTML
  • Bisa dalam pembuatan HTML
C. Pelaksanaan :

1. Pertama, buka sublime text.
2. Lalu, di no.1 ketik html dasar part 1.html. Kemudian untuk menyimpannya kita klik file lalu save dan simpan di download.
3. Kemudian di no.1 hapus, lalu ketik seperti gambar dibawah ini.


 
keterangan
  • <html>...</html>: untuk mendifinisikan sebuah dokumen html
  • <head>..</head>:untuk memberitau tentang informasi dokumen
  • <title>...</title>  :untuk memberikan judul header di atas dokumen
  • <body>...</body :untuk memasukan isi dokumen yang diampilkan di web browser
 4. Lalu klik kanan dan pilih open in browser.
 

5. Kemudian klik file, pilih open file. Lakukan seperti cara sebelumnya, tetapi yang ini disimpan di Document.
 
keterangan
  •  <b>..</b>   :digunakan untuk menampilkan text menjadi tebal
  •  <i>..</i>     :digunakan untuk menampilkan text menjadi miring(italic)
  •  <u>..</u>   :untuk menampilkan text menjadi bergaris bawah
  •  <h1></h1> :untuk mengatur ukuran text
  •  <br>..</br>:untuk menganti baris
 6. Lalu klik kanan pilih open in browser
 
Kesimpulan :
 Jadi, HTML adalah  sebuah bahasa pemrograman yang umum digunakan untuk membuat web tetapicditinjau dari namanya HTML adalah bahasa mark up yang mendefinisiakn sebuah dokumen teks.
Referensi dan sumber :