Pertemuan #1:
Installasi Alat Bantu dan Pengantar Algoritma
Profil Pengajar
Contact
HP WA only :<no hp Pengajar>
Jabatan Akademik <tahun dan jabatan terakhir Pengajar> Email :<email Pengajar>
Foto
Pendidikan Pengajar
❑ <riwayat pendidikan Pengajar>
Contact
Riwayat Pekerjaan HP WA only :<no hp Pengajar>
❑ <riwayat pekerjaan Pengajar> Email :<email Pengajar>
Foto
Pengajar
Deskripsi Singkat
Deskripsi Singkat mengenai Topik
Materi ini berisi penjelasan mengenai instalasi alat bantu pemrograman web, pengantar algoritma dan
review Alat bantu yang digunakan untuk pemrograman web yaitu XAMPP , Git dan Text Editor Sublime Text.
Tujuan Pelatihan
1. Peserta mengetahui langkah demi langkah instalasi alat bantu pemrograman web.
2. Peserta memahami komponen-komponen alat bantu hardware dan software dalam pemrograman web.
3. Peserta mengetahui cara membuat algoritma dan flowchart.
Tugas :
Membuat algoritma dan Flowchart untuk Pemrograman Web
Tools Instalasi
1. XAMPP
2. Sublime Text 3
3. Git
Install XAMPP
❖ Download aplikasi XAMPP terbaru di
link
https://www.apachefriends.org/downloa
d.html
❑ Pseudo code adalah urutan baris algoritma seperti code pemrograman dan tidak
memiliki sintak yang baku.
❑ Contoh:
START
Masukkan A
Masukkan B, Tampilkan B
Tampilkan A
End.
Algoritma Fundamental
Komponen ini biasanya terdiri dari pemilihan variabel, jenis variabel, tipe variabel,
konstanta, dan parameter (dalam fungsi)
Komponen Keluaran (Output)
❑ System Flowchart
❑ Program Flowchart
System Flowchart
❑ Menggambarkan suatu sistem peralatan komputer yang digunakan dalam proses
pengolahan data serta hubungan antar peralatan tersebut
❑ Tidak digunakan untuk menggambarkan urutan langkah untuk memecahkan
masalah
❑ Hanya untuk menggambarkan prosedur dalam sistem yang dibentuk
Contoh Penggunaan System Flowchart
Keyboard
CPU Disket
VDU
Program Flowchart
Input Jml = 0
For K = 1 to N
Output
Next K
End End
Simbol-simbol Flowchart
• Processing symbols
• Menunjukan jenis operasi pengolahan dalam suatu proses / prosedur
• Simbol connector
• Menyatakan sambungan dari proses ke proses lainnya dalam halaman
yang sama
• Simbol decision
• Menujukkan suatu kondisi tertentu yang akan menghasilkan
dua kemungkinan jawaban : ya / tidak
• Simbol predefined process
• Menyatakan penyediaan tempat penyimpanan suatu
pengolahan untuk memberi harga awal
• Simbol terminal
• Menyatakan permulaan atau akhir suatu program
Processing Symbols
• Simbol keying operation
• Menyatakan segal jenis operasi yang diproses dengan
menggunakan suatu mesin yang mempunyai keyboard
• Simbol offline-storage
• Menunjukkan bahwa data dalam simbol ini akan disimpan
ke suatu media tertentu
• Simbol document
• Mencetak keluaran dalam bentuk dokumen (melalui printer)
• Simbol display
• Mencetak keluaran dalam layar monitor
Contoh System Flowchart
Data jawaban
ujian
Koreksi
Daftar Koreksi
Data File Tabel
utama Siswa
ujian
Periksa
Ujian
Laporan Hasil
File Ujian
siswa
lulus
Kaidah Pembuatan Flowchart
Start
Input
Proses
Output
End
Pengolahan data
START
READ
Ya
HABIS ?
Tidak
PROCESS
WRITE
END
Menghitung luas persegi panjang
Start
Input panjang
Input lebar
Print Luas
End
Flowchart
Input
Bilangan Apakah T
Sisa = 0
Hitung sisa Y
bagi antara
Cetak Cetak
bilangan Genap Ganjil
dengan 2
End
A
Tugas
Buatlah algoritma dan flowchart:
❑ Menghitung Luas Lingkaran dan menampilkan hasilnya
Kesimpulan Pertemuan #
1. <Kesimpulan materi 1>
2. <Kesimpulan materi 2>
3. <Kesimpulan materi 3>
4. <dst>
Referensi
1. <Referensi 1>
2. <Referensi 2>
3. <Referensi 3>
4. <dst>
Tim Pengajar
1. <Nama 1>
2. <Nama 2>
3. <Nama 3>
4. <dst>
TERIMA KASIH