dasar-dasar pemrograman -...

26
Dasar-Dasar Pemrograman Oleh: Go Frendi Gunawan Untuk remediasi mahasiswa baru STIKI program studi TI, SI, dan MI

Upload: others

Post on 20-Oct-2019

13 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Dasar-Dasar Pemrograman

Oleh: Go Frendi Gunawan

Untuk remediasi mahasiswa baru STIKI program studi TI, SI, dan MI

Page 2: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

PrakataHalo, selamat datang di dunia pemrograman. Dunia pemrograman adalah dunia yang unik. Kalau kamu mau tekun danbertahan, kamu akan memiliki kekuatan yang sangat besar. Kamu akan bisa memerintah mesin-mesin digital denganmantra-mantra unik yang disebut "bahasa pemrograman". Ya, dengan menguasai kemampuan programming, kamuakan menjadi seorang "wizard". Kamu akan bisa menciptakan sesuatu (dan mencetak uang) hanya dengan berbekallaptop, listrik, akses internet, dan beberapa cangkir kopi.

Di dunia digital yang semakin luas ini, sayangnya banyak orang yang mengaku sebagai "programmer", namun tidakmemiliki landasan kemampuan yang bagus. Bagaimana bisa? Ya, google dan stackoverflow membuat siapapun bisa"membuat program". Tinggal copy-paste dan voila, jadilah sebuah aplikasi yang siap bertengger di google play.

Tapi esensi pemrograman tidaklah seperti itu. Seorang programmer harus bisa mencipta. Seorang programmer(sekalipun melakukan copy-paste), harus tahu bagaimana sebuah kode program bekerja. Dengan demikian, ia akanmampu untuk memperbaiki kesalahan dan melakukan penyesuaian. Bukan sekedar merengek dan kabur darikenyataan.

Programming bukanlah rocket science. kemampuan programming adalah kemampuan berpikir. Steve Jobs pernahberkata, I think everybody in this country should learn how to program a computer because it teaches you how to think.Setiap orang perlu tahu bagaimana berpikir dengan baik. Melindungi diri dari permainan hoax provokatif yang tidaklogis.

Nah, di sini kamu tidak akan belajar bagaimana membuat aplikasi database bernilai jutaan rupiah. Kamu juga tidakakan belajar bagaimana membuat mobile game fenomenal semacam Pokemon-Go atau COC. Di sini kamu akanbelajar sebuah fondasi logika, sehingga kelak kamu bisa membuat program-program luar biasa itu dengan tanganmusendiri. Bahkan mungkin kamu akan bisa membuat program yang lebih keren. Sesuatu yang belum pernah terpikirkanoleh umat manusia. Sesuatu yang akan mencetak ribuan dolar sekaligus menolong jutaan orang. Sesuatu yang hanyabisa kamu buat kalau kamu memiliki fondasi yang kuat.

~ Go Frendi Gunawan, Lecturer, Coder.

Page 3: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

PengenalanSelamat Datang di goblock

Untuk dilakukan: Baca seluruh petunjuk di bawah ini, dan tekan tombol evaluate untuk menujubahasan selanjutnya. Dalam bahasan-bahasan selanjutnya, pastikan kamu membaca danmengerjakan instruksi yang terdapat pada kotak-kotak kuning seperti ini.

Di sini kamu akan belajar dasar-dasar pemrograman menggunakan blok-blok program. Sebelum kamu mulai, adabeberapa hal yang perlu kamu ketahui.

Panel PetunjukPanel Petunjuk ada di bagian kiri layar. Bagian ini berisi petunjuk tentang apa yang harus kamu lakukan/pelajari.Petunjuk dibagi dalam beberapa chapter. Saat ini kamu berada di chapter Introduction.

Tombol Run Berfungsi untuk menjalankan susunan blok program. Hasil eksekusi akan muncul di bagian Output Program.Sementara kode program yang terbentuk berdasarkan blok-blok yang kamu susun akan muncul di bagian KodeProgram

Tombol Step Berfungsi untuk melihat eksekusi blok-blok program secara bertahap. Dengan memanfaatkan tombol ini, kamu bisamendapatkan pemahaman yang lebih jelas tentang bagaimana program berjalan.

Tombol Evaluate Berfungsi untuk menjalankan program dan mencocokkannya dengan petunjuk yang ada di panel petunjuk. Jika cocok,maka akan muncul kotak dialog konfirmasi yang memperbolehkanmu berpindah ke chapter selanjutnya

Tombol Save Berfungsi untuk menyimpan blok program yang sudah kamu buat dalam bentuk XML. Bentuk XML ini harus kamu salinke dalam notepad dan kamu simpan

Tombol Load Berfungsi untuk mengganti blok program yang sedang aktif dengan kode XML yang sudah kamu persiapkan. Setelahtombol ini ditekan, akan muncul kotak dialog input di mana kamu bisa meletakkan kode XML yang kamu miliki.

Pilihan Bahasa PemrogramanTerletak di bagian kanan atas layar. Kamu bisa memilih bahasa pemrograman yang kamu suka. Pilihan ini akandigunakan untuk menerjemahkan blok program mu ke dalam bentuk kode program di panel kode program yangterletak di kanan bawah layar

Panel Lembar Kerja

Page 4: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Terletak di tengah layar. Di sini kamu bisa memilih dan merangkai blok-blok program. Jika kamu sudah selesaimerangkai blok program, kamu dapat menekan tombol run, step, ataupun evaluate. Bagian kiri bawah dari panellembar kerja akan berisi output program, sedangkan bagian kanan bawah akan berisi kode program dalam bahasayang sudah kamu pilih sebelumnya.

Flowchart (Diagram Alir)

Pada materi-materi selanjutnya, kamu akan melihat banyak rancangan algoritma dan instruksi program yangdigambarkan dalam bentuk flowchart. Tidak hanya untuk kepentingan programming, flowchart seringkali juga dipakaiuntuk menjelaskan runutan proses kepada masyarakat awam. Dibandingkan dengan kode bahasa pemrograman,flowchart tampak lebih mudah dipahami. Ada beberapa simbol yang umum dipakai dalam sebuah flowchart. Setiapflowchart selalu diawali dengan simbol start dan diakhiri dengan simbol end. Simbol-simbol yang umum dipakai dalamsebuah flowchart ditunjukkan pada gambar di bawah ini:

Dalam membuat flowchart, simbol-simbol tersebut dapat dirangkai dan dihubungkan dengan garis. Setiap garis perludiberi tanda panah untuk menjelaskan urutan proses. Pada gambar berikut ini ditampilkan contoh instruksi yangdigambarkan dengan menggunakan flowchart. Dalam flowchart tersebut ada beberapa input, proses, dan output.Terdapat pula beberapa kondisi, dan salah satu kondisi tersebut menyebabkan perulangan (Proses belajar akan terusdiulang selama pelajar belum capek). Coba perhatikan dan pahami alurnya!

Page 5: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Untuk dilakukan dan dipikirkan:Tuliskan, masing-masing berapa kali simbol input, output, proses, dan kondisi digunakan?Tuliskan, output apa yang akan muncul jika input nilai-ulangan diisi 80Tuliskan, output apa yang akan muncul jika input nilai-ulangan diisi 50Tuliskan, output apa yang akan muncul jika input nilai-ulangan dan input ulangan-baru sama-sama diisi 20Tuliskan, output apa yang akan muncul jika input nilai-ulangan diisi 20 dan ulangan-baru diisi50Jika seseorang tidak pernah capek, dan nilai-ulangan nya di bawah 50, apakah ia akan ikutulangan perbaikan?

Page 6: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Berkaitan dengan pertanyaan sebelumnya, apakah ada kemungkinan seseorang akan belajarselamanya tanpa pernah ikut ulangan susulan?Tono memiliki nilai-ulangan 50, dan Tono tidak pernah capek. Output apakah yang akanmuncul untuk Tono?Buatlah flowchart untuk nembak gebetan. Berikan pendapatmu tentang input, output, proses,dan kondisi yang dibutuhkan.Tekan tombol evaluate untuk melanjutkan ke bahasan selanjutnya

あふれるその涙を 輝く勇気にかえてAfureru sono namida wo kagayaku yuuki ni kaete

This flowing tears, turn into a shining courage~ Emiko Shiratori, Melody of Life, Final Fantasy IX Soundtrack

Bahasa PemrogramanUntuk memberikan instruksi kepada komputer, seorang programmer akan menggunakan bahasa khusus yang disebutbahasa pemrograman. Di level bawah, bahasa pemrograman yang kita tulis akan diubah ke dalam bahasa mesin yangbisa dipahami oleh komputer. Ada bermacam-macam bahasa pemrograman yang umum dipakai. Beberapa bahasapemrograman lebih cocok untuk tugas tertentu dibandingkan dengan bahasa pemrograman lain.

Bahasa C merupakan salah satu bahasa pemrograman tertua. Bahasa ini sangat cocok untuk membuat program-program yang bersentuhan dengan hardware, semisal untuk membuat sistem operasi ataupun untuk mengendalikanrobot.

Bahasa Java merupakan salah satu bahasa pemrograman yang cukup populer. Bahasa ini cocok untuk membuataplikasi-aplikasi bisnis enterprise. Aplikasi-aplikasi android biasanya juga dibangun dengan menggunakan Java.

Bahasa Javascript juga merupakan bahasa pemrograman yang populer. Javascript banyak digunakan untuk webprogramming, baik di sisi server, maupun di sisi client.

Bahasa Python merupakan bahasa pemrograman yang mudah dipelajari. Python banyak digunakan untukkepentingan riset karena syntax-nya yang pendek dan mudah. Python juga memiliki banyak library yang siap dipakai.

Bahasa Lua merupakan bahasa pemrograman yang banyak dipakai dalam pembuatan game. Game DOTA (versiawal), merupakan mod dari Warcraft III yang dibuat dengan bahasa Lua.

Bahasa Dart merupakan salah satu bahasa pemrograman buatan google. Banyak aplikasi google yang dibuat denganmenggunakan Dart.

Jika kamu terhubung ke internet, kamu bisa mencoba website jdoodle (http://jdoodle.com) (http://jdoodle.com) untukmencoba berbagai bahasa pemrograman yang berbeda.

Untuk dilakukan:Pada lembar kerja yang tersedia, coba pilih bahasa pemrograman Python, PHP, Lua, danDart. Bandingkan perbedaannya dengan Javascript.

Page 7: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Berapa banyak baris yang dibutuhkan dalam bahasa Javascript, Python, PHP, Lua, danDart?Kira-kira, apakah kegunaan dari perintah windows.alert dan printBahasa mana saja yang menggunakan tanda titik koma (;) di akhir setiap statement?Pada Javascript digunakan simbol + untuk menghubungkan 'Halo ' dan nama. Simbolapakah yang digunakan dalam Python, PHP, dan Lua untuk melakukan hal yang sama?Pada kode Python terdapat def, sedangkan pada Lua terdapat function, kira-kira untukapakah kegunaan kedua kata tersebut? Bolehkah bagian tersebut dihilangkan?Gunakan jdoodle (http://jdoodle.com) untuk mencari tahu. Jika ada pesan error, catatlahpesan error yang muncul, dan cari tahu apa artinya.

Kunjungi website jdoodle (http://jdoodle.com) , copy-paste kode program dari panel kodeprogram, dan lakukan perubahan sesuai keinginanmu. Catatlah dampak dari perubahan yangkamu lakukan. Jika muncul pesan error, catatlah dan cari tahu apa artinya.Tekan tombol evaluate

Bip bip biribip~ Machine Language, R2D2, Starwars episode 1-6

Page 8: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Output dan Tipe DataString

Untuk dilakukan: Baca seluruh petunjuk di bawah ini, dan tekan tombol evaluate.

Hal paling sederhana yang bisa dilakukan oleh sebuah program komputer adalah menampilkan tulisan di layar monitor.

Dalam bahasa-bahasa pemrograman yang memiliki aturan ketat tentang data type, tulisan yang berupa kombinasihuruf, angka, dan tanda baca biasanya memiliki tipe data string. Sekarang perhatikan blok program di panel lembarkerja. Perhatikan pula isi dari panel kode program. Tipe data string biasanya diapit dengan tanda " atau '. Beberapabahasa pemrograman seperti C dan Java bahkan lebih ketat lagi, dan hanya memperbolehkan tanda " saja untukpenanda string.

Number

Untuk dilakukan: Baca seluruh petunjuk di bawah ini, dan tekan tombol evaluate.

Selain tipe data string, dalam berbagai bahasa pemrograman juga dikenal tipe data angka. Angka-angka bilangan bulat(-2, -1, 0, 1, 2, 3, dst) biasanya disimpan dalam tipe data integer, sedangkan angka-angka pecahan (0.5, -7.3, 3.14)biasa disimpan dalam tipe data float atau double.

Perhatikan bahwa angka 0 di depan, biasanya tidak bermakna dalam suatu angka. Semisal 010 sama saja artinyadengan 10. Nah, nomor HP kamu biasanya diawali dengan angka 0, misalnya 081234567. Untuk data-data seperti ini,biasanya programmer akan menggunakan tipe data string, bukan integer ataupun float. Selain itu, angka-angka yangtidak digunakan dalam proses perhitungan, semisal nomor kamar pada sebuah hotel, biasanya juga disimpan sebagaistring, bukan integer.

Tidak ada patokan baku mengenai apakah sebuah angka harus disimpan sebagai string, integer, atau float. Namunbiasanya, jika sebuah angka tidak akan digunakan dalam perhitungan atau berawalan dengan 0 dan angka 0tersebut tidak boleh dihilangkan, maka tipe data string akan digunakan. Selain itu, jika angka adalah bilanganbulat, dan tidak mungkin pecahan (misal jumlah anak), maka akan disimpan dalam bentuk integer. Tipe data float dandouble hanya akan digunakan jika dibutuhkan akurasi beberapa angka di belakang koma (tipe data double lebihpresisi).

Boolean

Page 9: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Untuk dilakukan: Baca seluruh petunjuk di bawah ini, dan tekan tombol evaluate.

Tipe data paling dasar yang dimiliki komputer adalah tipe data boolean. Berbeda dengan string, integer, float, dandouble, boolean hanya memiliki dua kemungkinan nilai, yakni true atau false.

Tipe data boolean biasanya dipakai untuk mewakili sebuah nilai kebenaran. Misalnya, apakah hari ini hujan? Jawabanatas pertanyaan tersebut hanya bisa bernilai true atau false.

String, Number, dan Boolean

Untuk dilakukan:Tebaklah, tipe data apakah yang cocok untuk data-data berikut (String, Integer, Float/Double,atau Boolean):

Nilai mahasiswaJumlah pegawaiAlamat rumahStatus aktif mahasiswaTweet di twitterJumlah like pada sebuah foto di instagramJarak bumi ke matahariStatus kelulusan siswa

Tekan kategori Input/Output dan Values, amati blok-blok yang terdapat pada kedua kategoritersebutModifikasi blok-blok program di panel lembar kerja agar bisa menampilkan kata "Hello",angka 10, dan nilai boolean true (perhatikan flowchart)Catat bagaimana perbedaan cara untuk menampilkan ketiga data tersebut dalam bahasaJavascriptSebelum menekan tombol evaluate, bukalah website jdoodle (http://jdoodle.com), lalu buatlahsebuah program untuk menampilkan NRP, nama, dan umurmu (3 baris output) tanpamenggunakan goblockTekan tombol evaluate

Page 10: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,
Page 11: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

OperasiHello World

Untuk dilakukan:Modifikasi blok program di panel lembar kerja agar sesuai dengan flowchart yang tersediaTekan tombol evaluate

Dalam bahasan ini, tidak ada yang istimewa, kamu hanya diminta untuk menampilkan data string Hello World

Hello + World

Untuk dilakukan:Coba ubah pilihan bahasa pemrograman, dan tentukan

Bahasa pemrograman apa saja yang menggunakan tanda + untuk menggabungkan duastring?Bahasa pemrograman apa saja yang menggunakan tanda . untuk menggabungkan duastring?Bahasa pemrograman apa saja yang menggunakan tanda .. untuk menggabungkan duastring?Bahasa pemrograman apa saja yang menggunakan fungsi join untuk menggabungkandua string?

Modifikasi blok program di lembar kerja akan menampilkan Hello World

Dua buah string dapat digabungkan dengan menggunakan operasi concatenation. Dua string yang digabungkan,niscaya akan membentuk sebuah string baru. Jika kelak kamu membutuhkan operasi concatenation, kamu dapatmenekan kategori Operations dan memilih blok Create text with. Saat ini, blok tersebut sudah ada di lembar kerja.

Operasi Aritmetik

Untuk dilakukan:Tampilkan hasil penjumlahan 5 dan 4.Tekan tombol evaluate untuk melanjutkan

Page 12: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Untuk tipe data angka (integer, float, dan double), kamu dapat melakukan operasi penjumlahan, pengurangan,perkalian, dan pembagian. Beberapa bahasa pemrograman juga mengijinkan operasi pemangkatan, sedangkanbeberapa yang lain menggunakan fungsi pow yang merupakan kepanjangan dari "power".

Untuk melakukan operasi aritmetik (+, -, *, /, ^), kamu bisa memilih kategori Operations dan memilih blok 1+1. Kamujuga bisa menekan tanda segitiga di samping simbol + dan memilih operasi sesuai dengan keinginanmu.

Hasil operasi aritmetik pada dua buah angka akan menghasilkan angka juga. Contoh: 5+4 = 9. Data 5, 4, dan 9masing-masing adalah angka.

Operasi perbandingan

Untuk dilakukan: Munculkan hasil perbandingan 5<4

Jika operasi aritmetik pada dua buah angka akan menghasilkan angka yang lain, maka operasi perbandingan duaangka, akan memberi nilai boolean.

Untuk melakukan operasi perbadingan, kamu bisa memilih kategori Operations dan memilih blok =. Kamu juga bisamenekan tanda segitiga di samping simbol = dan memilih operasi sesuai dengan keinginanmu.

Pernyataan 5<4 misalnya, adalah pernyataan yang salah, dan bisa diwakili dengan nilai boolean false. Operasiperbandingan antara dua angka akan menghasilkan nilai boolean (true atau false)

Negasi

Untuk dilakukan:Tuliskan, bahasa pemrograman apa saja yang menggunakan simbol ! untuk negasiTuliskan, bahasa pemrograman apa saja yang menggunakan simbol not untuk negasiMunculkan negasi dari nilai boolean true.

Page 13: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Negasi adalah operasi untuk mengubah nilai boolean menjadi sebaliknya. Negasi true adalah false, sedangkan negasifalse adalah true.

Dalam bahasa sehari-hari, negasi bisa diterjemahkan sebagai kata tidak. Tidak benar berarti salah, tidak salah berartibenar. Nah, kira-kira kalimat berikut ini benar atau salah?

"Hari ini tidak tidak tidak tidak tidak tidak tidak tidak tidak tidak tidak tidak tidak tidak tidak hujan"

BTW, sekarang sedang hujan nggak sih?

Hujannya di luar,Basahnya di pipi,Getirnya di hati...

~ Robertus, A.P. (2016), Mahasiswa Informatika semester akhir

Benar dan Salah

Untuk dilakukan:Lengkapi pernyataan berikut:

true AND true = ...true AND true AND true AND true AND false = ...false AND false = ...

Tampilkan hasil dari operasi true AND false, dan tekan tombol evaluate.

Hasil dari operasi boolean AND hanya akan benar jika kedua operand nya bernilai benar. Jadi true AND true akanmenghasilkan nilai true, selain itu operasi AND akan menghasilkan nilai false.

Dalam kehidupan sehari-hari, seringkali kata AND atau dan muncul pada berbagai syarat dan ketentuan. Misalnya,seorang nasabah berhak mendapatkan piring cantik jika sudah menabung selama 10 tahun dan jumlah saldominimumnya adalah Rp 100.000,-.

Jika Anton sudah menabung selama 11 tahun, tapi saldo minimumnya Rp 3.000,-, maka Anton tidak akanmendapatkan piring cantik. Di sisi lain, Budi yang baru menabung 3 tahun dengan saldo minimum Rp 200.000,- punjuga tidak mendapatkan piring cantik. Piring cantik ternyata didapatkan oleh Chika yang menabung selama 12 tahundengan saldo minimum Rp 101.000,-

You can only choose two among three:Confidentiality AND integrity,

Confidentiality AND availability, ORIntegrity AND availability

~ Computer Security

Benar atau Salah

Page 14: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Untuk dilakukan:Lengkapi pernyataan berikut:

true OR true = ...true OR true OR true OR true OR false = ...false OR false = ...

Tampilkan hasil dari operasi true OR false, dan tekan tombol evaluate.

Hasil dari operasi boolean OR hanya akan benar jika kedua operand nya bernilai benar. Jadi false OR false akanmenghasilkan nilai false, selain itu operasi OR akan menghasilkan nilai true.

Dalam kehidupan sehari-hari, seringkali kata OR serta atau muncul pada berbagai syarat dan ketentuan. Misalnya,seorang nasabah berhak mendapatkan piring cantik jika sudah menabung selama 10 tahun atau jumlah saldominimumnya adalah Rp 100.000,-.

Jika Anton sudah menabung selama 11 tahun, dan saldo minimumnya Rp 3.000,-, maka Anton akan mendapatkanpiring cantik. Di sisi lain, Budi yang baru menabung 3 tahun dengan saldo minimum Rp 200.000,- pun jugamendapatkan piring cantik. Piring cantik juga didapatkan oleh Chika yang menabung selama 12 tahun dengan saldominimum Rp 101.000,- Hanya Dodi lah yang tidak mendapatkan piring cantik, karena saldo minimumnya hanya Rp9.000,- dan baru menabung 3 tahun.

Rock, Paper, OR ScissorsAnything is okay

~ Jankenpon, traditional game

Page 15: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Input dan VariableYour Name (君の名は)Saat ini kita bisa mulai berkenalan dengan variable. Variable adalah penampung data sementara. Nilai variable dapatberubah seiring terjadinya proses di dalam program. Umumnya, input dari user disimpan dulu ke dalam variablesebelum diolah ataupun ditampilkan.

Pada flowchart di bawah ini, nama adalah variable yang kita gunakan untuk menampung inputan data pengguna. Isidari variable nama itu kemudian kita tampilkan.

Untuk dilakukan:Pada bahasa pemrograman Javascript, PHP, dan dart, catatlah hal-hal berikut:

Bagaimana variable didefiniskan?Bagaimana cara menampilkan isi variable?Bagaimana menyimpan inputan pengguna ke dalam variable?

Tekan tombol evaluate

Taki. Taki. Taki. It's ok. I remember. I'll never forget! Taki-kun. Taki-kun. Your name is Taki !!~ Mitsuha, Kimi no na wa

Hello Again

Untuk dilakukan: Susunlah blok program sehingga sesuai dengan flowchart di bawah ini,kemudian tekan tombol evaluate:

Dikarenakan variable adalah penampung data, maka operasi-operasi data seperti concatenation,aritmetik,perbandingan, negasi, dan operasi boolean lainnya akan dapat pula dilakukan pada variable (tergantung daritipe data yang ditampung).

Penjumlahan Variable

Page 16: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Penjumlahan Variable

Untuk dilakukan: Susunlah blok program sehingga sesuai dengan flowchart di bawah ini,kemudian tekan tombol evaluate:

Variable Penampung

Untuk dilakukan: Susunlah blok program sehingga sesuai dengan flowchart di bawah ini,kemudian tekan tombol evaluate:

Berbeda dengan contoh sebelumnya, kali ini kita memiliki variable angka3 untuk menampung hasil penjumlahanantara angka1 dan angka2. Dalam perhitungan-perhitungan yang rumit, penggunaan variable dapat membuat sebuahproses terlihat lebih sederhana

Page 17: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

PercabanganJika salah

Untuk dilakukan: Susunlah blok program sehingga sesuai dengan flowchart di bawah ini,kemudian tekan tombol evaluate:

Dalam banyak kasus, alur algoritma tidak sekedar lurus dari atas ke bawah. Kadang-kadang ada alur yang bercabang.Dalam hal ini, kita bisa menggunakan kondisi. Amati kode Javascript yang tampak. Outputan "Hello" tidak akanpernah dijalankan karena kondisi pembanding bernilai false

Jika Benar

Untuk dilakukan:Amati kode Javascript yang terbentuk. Bagaimana menggambarkan kondisi percabanganmenggunakan Javacript?Susunlah blok program sehingga sesuai dengan flowchart di bawah ini, kemudian tekantombol evaluate:

Berbeda dengan sebelumnya, kali ini output "Hello" akan dimunculkan, karena kondisi bernilai true.

Jika Benar (Lagi)

Page 18: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Jika Benar (Lagi)

Untuk dilakukan: Susunlah blok program sehingga sesuai dengan flowchart di bawah ini,kemudian tekan tombol evaluate:

Walaupun kondisi harus diberi nilai boolean, namun kita bisa juga menggunakan operasi perbandingan untukmenciptakan nilai boolean. 3<4 akan menghasilkan nilai true.

Jika Salah (Lagi)

Untuk dilakukan: Susunlah blok program sehingga sesuai dengan flowchart di bawah ini,kemudian tekan tombol evaluate:

Walaupun kondisi harus diberi nilai boolean, namun kita bisa juga menggunakan operasi perbandingan untukmenciptakan nilai boolean. 3>4 akan menghasilkan nilai false.

Kabari Jika Lulus

Untuk dilakukan: Susunlah blok program sehingga sesuai dengan flowchart di bawah ini,kemudian tekan tombol evaluate:

Page 19: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Tidak ada yang istimewa pada bahasan kali ini. Program hanya akan meminta inputan nilai dari pengguna, lalumemunculkan tulisan "Lulus" hanya jika inputan nilai user tadi lebih besar dari 50.

Kabari Jika Lulus, Kabari Juga Jika Tidak Lulus

Untuk dilakukan: Susunlah blok program sehingga sesuai dengan flowchart di bawah ini,kemudian tekan tombol evaluate:

Page 20: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Kali ini kita meletakkan dua percabangan secara berurutan. Kebetulan di sini, nilai kondisi pertama akan selaluberlawanan dengan kondisi kedua (jika nilai > 50, maka tidak mungkin nilai <= 50, demikian sebaliknya). Amati kodeJavascript yang dihasilkan.

Setelah ini, kita akan lihat bagaimana kedua kondisi tersebut bisa diringkas.

Kabari Apapun Yang Terjadi

Untuk dilakukan: Susunlah blok program sehingga sesuai dengan flowchart yang tersedia,kemudian tekan tombol evaluate:

Sama seprti sebelumnya, pada program ini, jika kondisi nilai > 50 terpenuhi, maka akan ditampilkan "Lulus",sedangkan jika kondisi tidak terpenuhi, maka akan ditampilkan "Tidak lulus"

Di sini, kita melakukan penyingkatan dengan menggunakan else. Amati bagaimana perintah if-else digunakan dalamJavascript.

Page 21: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

PerulanganSatu, Dua, Tiga

Untuk dilakukan: Susunlah blok program sehingga sesuai dengan flowchart di bawah ini,kemudian tekan tombol evaluate:

Sebentar lagi, kita akan belajar tentang konsep perulangan. Konsep ini termasuk cukup sulit, oleh karena itu, kita cobadulu dengan hal yang sederhana. Menampilkan angka 1 sampai 3.

Satu, Dua, Tiga (Dengan Kekuatan Copy Paste)

Untuk dilakukan: Susunlah blok program sehingga sesuai dengan flowchart di bawah ini,kemudian tekan tombol evaluate:

Page 22: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Ada cara lain untuk menampilkan angka 1 sampai 3. Kali ini, kita menggunakan bantuan variable penampung i. Nah,yang menarik di sini adalah kamu bisa melihat bahwa ada bagian yang diulang-ulang (bisa di copy-paste). Perhatikanbahwa sekalipun bagian yang diulang-ulang itu persis sama, namun yang ditampilkan akan berbeda-beda. Hal inidikarenakan nilai variable i terus berubah seiring berjalannya program.

Satu, Dua, Tiga (Dengan Kekuatan Percabangan)

Untuk dilakukan: Susunlah blok program sehingga sesuai dengan flowchart di bawah ini,kemudian tekan tombol evaluate:

Page 23: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Jika sebelumnya kita sudah melihat bagaimana kode yang persis sama dapat menampilkan hasil yang berbeda-bedakarena perubahan nilai variable, maka kali ini kita tambahkan percabangan. Dengan adanya percabangan, makasekalipun ada 4 bagian yang berulang-ulang, yang dijalankan hanya 3 bagian saja. Mengapa? Karena sebelumpercabangan terakhir nilai i adalah 4, sehingga kondisi i<=3 menjadi salah.

Satu, Dua, Tiga (Dengan Kekuatan Perulangan)

Untuk dilakukan: Susunlah blok program sehingga sesuai dengan flowchart di bawah ini,kemudian tekan tombol evaluate:

Page 24: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Daripada menuliskan percabangan if berulang-ulang, ada cara yang lebih baik, yakni dengan menggunakanperulangan. Amati bagaimana perulangan diterapkan. Menurut kamu, apa perbedaan perulangan dan percabangan?

Programmer adalah mahluk-mahluk pemalas.Terlalu malas, bahkan untuk sekedar melakukan copy-paste.

~ Go Frendi, Dosen TI, Lazy Coder, Fire Bender.

Satu, Dua,... Seratus

Untuk dilakukan: Susunlah blok program sehingga sesuai dengan flowchart di bawah ini,kemudian tekan tombol evaluate:

Sama seperti sebelumnya, kali ini kita masih berkutat dengan perulangan. Namun kali ini, kita tambahkan sebuahinput yang mempengaruhi jumlah perulangan.

Yang Genap, Yang Genap...

Page 25: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

Yang Genap, Yang Genap...

Untuk dilakukan:Baca petunjuk yang adaKunjungi website jdoodle (http://jdoodle.com), cobalah membuat program untuk menampilkanangka dari 1 sampai 100 yang habis dibagi lima atau habis dibagi tujuhKunjungi website jdoodle (http://jdoodle.com), cobalah membuat program untuk menampilkanbanyaknya angka dari 1 sampai 100 yang habis dibagi lima atau habis dibagi tujuh. Jikakesulitan, boleh menggunakan blok programSusunlah blok program sehingga sesuai dengan flowchart di bawah ini, kemudian tekantombol evaluate

Masih sama seperti sebelumnya, kali ini kita hanya akan menampilkan bilangan genap saja. Bilangan genap, berartibilangan yang habis dibagi dua. Tekan kategori Operations, dan amati blok Remainder of. Blok tersebut akanmembantumu untuk mendapatkan sisa bagi antar dua angka. Jadi remainder of 64 : 10 adalah 4, karena 64 : 4 = 6,dengan sisa 4.

Page 26: Dasar-Dasar Pemrograman - remediasi.stiki.ac.idremediasi.stiki.ac.id/2019/Modul_-_Hari_3_4_-_Pengantar_Pemrograman.pdf · merangkai blok program, kamu dapat menekan tombol run, step,

FinalSelamat Berkreasi

Untuk dilakukan:Ambil nafas dalam-dalamBuat secangkir kopiMulai membuat programLetakkan mainan bebek karet di sampingmu (Opsional)Jika kamu sudah siap untuk belajar pemrograman lebih dalam, kamu bisa mulai denganbeberapa link berikut:

https://www.learnjavaonline.org/ (https://www.learnjavaonline.org/) Belajar Javahttps://www.learn-php.org/ (https://www.learn-php.org/) Belajar PHPhttps://www.learnpython.org/ (https://www.learnpython.org/) Belajar Pythonhttps://tryruby.org/ (https://tryruby.org/) Belajar Ruby

Seluruh materi dasar pemrograman telah dibahas. Sekarang semua ada di tanganmu. Belajar dan kembangkan dirimu,sampai suatu saat nanti kamu siap untuk membuat aplikasimu sendiri.