PRAKTIKUM 1

1.1 JUDUL

Pengantar Algortima, Flowchart dan Coding Pertama

Bahasa C, Python dan JavaScript gunakan aplikasi di Web.
1.2 TUJUAN
Pada akhir perkuliahan ini mahasiswa akan dapat:
• Memahami perangkat pemrograman yang dimiliki
• Menjelaskan tahapan-tahapan Pembuatan Program
• Menjelaskan Aplikasi dan Source Code.
• Coding Sederhana Bahasa C menggunakan Editor (IDE) dan compiler berbasis
Web.
• Coding Sederhana Bahasa Lain yaitu Python, dan Javascript.

1.3 DASAR TEORI

1.3.1 Pembuatan Aplikasi

Secara sederhana, client akan bercerita aplikasi apa yang akan dibuat kepada vendor/
programer. Dari cerita ini, programmer akan membuat algoritma atau flowchart,
mengujinya, dan melanjutkan dengan proses coding seperti yang dijelaskan di atas.
Urutan seorang prorammer mulai dari menerima instruksi pembuatan aplikasi/
permasalahan yang akan dibuatkan aplikasinya adalah sebagai berikut:

Gb. 1.Tahapan Pembuatan Aplikasi dari awal permasalahan.

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 1

 Di microsoft windows, kita sudah terbiasa untuk menjalankan sebuah aplikasi
dengan meng-click icon aplikasi yang kita perlukan. Misalkan seperti kalkulator, maka
kita akan mencari icon nya dan click icon tersebut. Namun sesungguhnya, di aplikasi
Microsoft Windows sebuah aplikasi pasti berasal dari sebuah file dengan ekstensi exe
seperti gambar di bawah ini.

Gb. 2.Contoh Aplikasi Calculator mode Programmer di windows 11.

dari kiri: Icon, aplikasi kalkulator, File Aplikasi kalkulator gunakan File Explorer di c:/windows/system32

1.3.2 Algoritma
Dalam kasus pemrograman ini, algoritma adalah cara berfikir komputer yang
digambarkan dalam bentuk flowchart atau tulisan yang terbatas sesuai kaidah
pemrograman.
Seorang programmer wajib membuat algoritma atau flowchart sebelum coding. Jika
nanti kedepannya sudah hafal diluar kepala, maka dimungkinkan untuk coding tanpa
flowchart lagi.
Flowchart sendiri adalah sekumpulan lambang yang dapat digunakan untuk
dirangkai sebagai bentuk visualisasi alur berfikir komputer. Dengan demikian, alur
berfikir manusia yang tak terbatas dapat menyesuaikan dengan cara komputer yang
sangat terbatas hanya mengenal konsep digital 0 dan 1, True or false.

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 2

1.3.3 Algoritma dan Flowchart
Berikut ini lambang-lambang Flowchart dan penjelasannya

1 Start, Stop

2 Proses

3 Input atau output

4 Keputusan/ decission

5 Perulangan for

6 Loop, connector

7 Direction

Contoh algoritma dan flowchart dalam pengambilan keputusan, komputer hanya

punya dua piliha yes atau no. Dalam dunia coding kita sering menyebutnya if-else,
sedangkan di flowchart akan menjadi lambang nomor 4 di atas, yaitu decission. Berikut
ini contoh flowchart dan codingnya.

Gb. 3. Flowchart If-else beserta contoh codingnya

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 3

1.3.4 Pemrograman/ Coding
Aplikasi dalam sebuah komputer dan smartphone dibuat dengan menggunakan
sebuah source code yang kemudian di compile menjadi sebuah aplikasi. Berikut ini
tahapan yang umum digunakan dalam membuat aplikasi, khsusunya desktop yang
menggunakan Operating System.

Gb. 4.Tahapan Coding aplikasi dari source code sampai dijalankan.

Source Code adalah bahasa pemrograman yang dapat difahami manusia, biasanya
dalam bentuk teks yang mengikuti standart penulisan bahasa pemrograman.
Compilasi adalah mengubah source code menjadi file objek.
Linking adalah menggabungkan objek yang kita buat dengan objek2 lain yang sudah
standart dan disiapkan agar kita tidak membuat lagi dari awal. Di tahap compile ini, akan
menghasilkan sebuah file executable yang langsung bisa di jalankan di lingkungan
Desktop (Windows).
RUN adalah proses menjalankan sebuah file aplikasi.

Gb. 5. Salah satu tampilan coding (kiri) dan aplikasi hasil coding (kanan) menggunakan Borland C++ V 3.1 jaman dulu
yang masih bisa digunakan hingga saat ini menggunakan mode Console/ CMD/ Mode DOS.

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 4

1.3.5 Bahasa pemrograman C
Bahasa C adalah salah satu bahasa pemrograman terlama pada tingkat menengah
yang masih digunakan hingga saat ini. Bahasa C ini menyesuaikan jaman dan
berkembang menjadi bahasa Visual C, C++, C#, bahkan java dan PHP pun merupakan
kelanjutan dari bahasa C.
Meski ada tulisan C nya, lambah di belakangnya memiliki arti dan berdampak pada
perbedaan konsep dalam penulisan coding.
Format Program bahasa C yang paling sederhana dan tidak menghasilkan apapun
adalah sebagai berikut:
main()
{
}

Arti dari main() adalah menandakan disinilah awal program berjalan. Kurung
kurawal buka { dan kurung kurawal tutup } adalah tanda pembatas coding.

1.3.6 Aplikasi Pemrograman Bahasa C

Versi CONSOLE/ DOS/ CMD
Jika kembali ke jaman awal bahasa C lahir dan Operating Sistem masih DOS, maka
proses perjalanan file dari bahasa C sampai jalan adalah sebagai berikut.

No Proses Tipe File Contoh

1 Source code Text coba.cpp

2 compilasi Objek coba.obj

3 Linking exe coba.exe

Salah satu aplikasi awal yang dipakai untuk coding C adalah Turbo C atau Borland
C seperti contoh gambar 2. Gambar 2 adalah contoh aplikasi Borland C mode DOS
menggunakan virtual DOS yang bernama DOSBox yang dijalankan di Windows 10 atau
Windows 11 64 bit. Versi Dos ini sangat efesien untuk belajar, karena sangat kecil hanya
29Mb saja.
Versi Dos ini sudah termasuk IDE (Integrated Desktop Environtment) atau editor
dan Compilernya. Hanya saja karena versi dos, sangat diutamakan hafal shorcut daripada
mouse, karena dulu memang belum ada mouse seakrab sekarang.

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 5

 Versi WINDOWS / DESKTOP
Bagi anak-anak milenial yang tidak terbiasa menggunakan perintah cmd dan mode
text, ada banyak sekali aplikasi berbasis GUI Windows yang dapat digunakan dan jalan
di Desktop Komputer Windows 10 atau Windows 11.
Contoh:
- Code::Block (File sangat besar 523M). Kuliah kita menggunakan ini.
- DevC++
- CodeLite
- Clion
- Visual Studio 2022 (File sangat besar 20Gb)
- Visual Studio Code (perlu tambahan addon) (Sekitar 135Mb itu editor nya saja)
- Sublime (perlu tambahan addon)
- Dan lainnya.

Versi WEB
Ternyata untuk kaum rebahan, versi web ini masih dapat digunakan dan dijalankan
menggunakan browser. Baik dari HP maupun dari komputer. Setidaknya ada 3 yang
dapat digunakan
• https://www.onlinegdb.com/online_c_compiler
• https://www.programiz.com/c-programming/online-compiler/
• https://www.tutorialspoint.com/compile_c_online.php

Gb. 6. Contoh tampilan Aplikasi Coding Bahasa C berbasis Web. Pilih Language Turbo C agar lebih sesuai dengan
praktikum pada kasus-kasus tertentu.

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 6

Versi MOBILE/ HP/ ANDROID
Lebih keren lagi, karena processor HP saat ini jauh
lebih canggih dari sebuah PC dijaman dulu, maka
sebuah HP pun dapat di install aplikasi untuk belajar
Bahasa C. Berikut disebelah kanan adalah hasil
tangkapan layar pencarian C compiler di Google Play.
Silahkan pilih salah satu untuk di coba di HP kalian
masing-masing.
Sedangkan di bawah ini adalah contoh tampilan
coding bahasa C menggunakan Coding C- The Offline
Language

Gb. 7. Contoh Pemrograman Bahasa C menggunakan Aplikasi di Handphone

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 7

1.3.7 Instalasi Borland C Versi Dos dengan DOS BOX
Untuk instalasi versi ini sangat mudah, karena praktikum tahun-tahun sebelumnya
menggunakan aplikasi ini. Anda tinggal buka website Bapak di
sqlkomputer.com
a. Pilih kategori Bahasa C dan scrool kebawah pilih

b. Dan click
c. Buka file explorer, dan buka juga Winzip atau sejenisnya, exctract hasil
download ke c:\ (Hanya drive C, jangan yang lain. Kecuali anda bisa edit file setting
dosbox nya).
d. Bisa click dan drag seperti berikut:

e. Buka folder C:\DosBox_C_Asm\DosBox074

f. Double Click File DOSBox

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 8

g. Ketikkan : cd bc\bin (tekan enter)
h. Ketik bc (tekan enter)

i.
j. Siap Digunakan

k.

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 9

1.4 PRAKTIKUM

1.4.1 Pengetahuan Umum

Jawab pertanyaan-pertanyaan ini di dalam kotak.

Perangkat Keras/ Hardware

1. Apakah Merek dan Tipe Laptop yang digunakan?

2. Menggunakan Processor Merek apa dan Tipe apa?

3. Berapa besar memory yang digunakan?

4. Apa Tipe Hardisk Anda (Hdd, SSD dst..), berapa besar Kapasitasnya, ada berapa
partisi, dan berapa sisa hardisknya ?

5. Apakah Satuan terkecil data digital ?

6. Carilah sebuah lagu MP3 di harddisk atau di internet. Berapa MB besarnya?

Berapa KB jika di konversi? Dan berapa B jika dikonversi.

7. Berapakah besar file sebuah coding source code C sederhana?

Lebih besar coding atau sebuah lagu MP3 ?

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 10

Perangkat Lunak/ Software

1. Apakah OS yang anda gunakan, versi berapa ?

2. Untuk mengetik (misal laporan) anda menggunakan aplikasi apa ?

3. Bagaimana cara anda menangkap tampilan layar (capture) dan menempelkannya

di aplikasi pengolah kata?

4. Bagaimana cara anda terhubung internet ?

5. Berapa kira-kira harga laptop anda?

6. Berapa harga resmi Windows 11?

7. Berapa harga resmi Microsoft Office?

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 11

1.4.2 Praktek Coding C menggunakan WEB

1.4.2.1 Praktek 1: Hello Word

1. Pastikan Koneksi Internet Jalan
2. Buka Browser anda.
3. Silahkan pilih Editor C web anda. Contoh modul ini menggunakan
4. https://www.programiz.com/c-programming/online-compiler/
5. Modifikasi coding anda agar sederhana seperti berikut ini, dan jalankan (Click RUN).

6.

7. Apapun yang muncul pertama kali (meskipun error), tuliskan dibawah ini.

8. Jika error perbaiki. Apakah sudah berhasil muncul tulisan “Hello world”

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 12

1.4.2.2 Praktek 2: Menampilkan Nama dan Nim
Soal:
Tampilkan Tulisan “Nama dan Nim saya :”
Dan di bawah tampilkan nama dan nim anda.

Jawaban:
1. Flowchart :

2. Coding :

Kerjakan:
1. Gambar Ulang Flowchart di atas: →

2. Tuliskan tampilan yang terjadi jika code \n

di hapus?

3. Apakah guna \n ?

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 13

1.4.2.3 Praktek 3: Hitung Umur
Soal:
Buat program untuk menghitung umur anda dengan memasukkan tahun lahir.

Jawaban:
1. Analisa Perhitungan
Untuk menghitung umur, minim ada dua input. Tahun lahir [di inputkan] dan
tahun saat ini [ Asumsikan 2022].
Perhitungan Umur adalah bilangan bulat, tidak pakai koma, maka digunakan
variabel interger.

2. Flowchart :

3. Coding :

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 14

Kerjakan:
1. Gambar Ulang Flowchart di atas: →

2. Tuliskan coding dan jalankan. Jika error,

tuliskan di kotak paling bawah.

3. Jalankan lagi dan coba input tahun lahir

2010, tulis tampilan layar anda disini.


4. Jika Error

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 15

1.4.3 Praktek 3: Coba Coding dengan JavaScript
Soal:
Buat program untuk menghitung umur anda dengan memasukkan tahun lahir.

Coding:
1. Buka kembali web online https://www.programiz.com/javascript/online-
compiler/
2. Ketikkan program ini (Pastikan Icon kiri JS) berwarna biru. Dalam kasus
javascript, harus bersama HTML di pemrograman web. Sehingga di coding JS
ini tahun lahir tidak dapat di inputkan.

3. Apakah tampilan anda sudah sesuai di atas ?

4. Ganti t_lahir dengan tahun lahir anda. Apakah hasil sudah sesuai ?

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 16

1.4.4 Praktek 3: Coba Coding dengan Python

Soal:
Buat program untuk menghitung umur anda dengan memasukkan tahun lahir.

Coding:
1. Buka kembali web online https://www.programiz.com/python-
programming/online-compiler/
2. Ketikkan program ini (Pastikan Icon kiri atas Python) berwarna biru.

3. Apakah tampilan anda sudah sesuai di atas ?

4. Coba beberapa kali jalankan program dan ganti tahun lahir. Apakah tetap
sesuai ?

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 17

1.5 Latihan
Soal:
Buat program untuk menghitung kuadrat (pangkat 2) dan pangkat 3 dari sebuah
bilangan.
Contoh :

Jawaban:
1. Analisa Perhitungan

2. Flowchart :

3. Coding :

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 18

1.6 TUGAS di rumah
Soal:
Buat program untuk menghitung Luas dan Keliling sebuah Persegi Panjang.
Awali dengan judul “Program Hitung Luas dan Keliling Persegi Panjang”, termasuk
juga info nama, nim dan kelas anda.
Yang dikerjakan dan dikumpulkan

1. Analisa Perhitungan
2. Flowchart (Boleh tulis tangan atau cetak, misal pakai pencil, pigma dll)
3. Coding (boleh capture)
4. Hasil coding (Capture)

Jawab:

Algoritma dan Pemrograman By Agus SBN, Prodi TI-SIKC – POLIBAN. Hal 19