Belum Berjudul

Presentation

•

Computers

•

10th Grade

•

Hard

NORCIE TANAEM

Used 2+ times

FREE Resource

10 Slides • 2 Questions

Koding & Kecerdasan Artifisial

BERPIKIR KOMPUTASIONAL

Aplikasi Kalkulator Konsumsi BBM Digital

Oleh : Norcie Elsi Marlisa Tanaem, S.Kom

Multiple Choice

Contoh AI dalam kehidupan sehari-hari adalah...

Sebuah kalkulator biasa

Peta kertas

Google Maps yang menunjukkan arah

Sebuah kompas manual

Tujuan Pembelajaran

Setelah mempelajari materi ini, siswa diharapkan dapat :

Memahami konsep dasar berpikir komputasional dalam memecahkan masalah sehari-hari.
Menerapkan langkah-langkah dekomposisi, pengenalan pola, abstraksi, dan algoritma dalam merancang sebuah aplikasi.
Membuat program sederhana menggunakan bahasa koding untuk menghitung konsumsi BBM.
Menganalisis data masukan (jarak dan jumlah BBM) untuk menghasilkan keluaran yang akurat.

Konsep Berpikir Komputasional

Berpikir komputasional adalah proses berpikir yang digunakan untuk memformulasikan masalah dan solusinya, sehingga solusi tersebut dapat diimplementasikan dalam bentuk program komputer. Proses ini terdiri dari empat langkah utama :
1. Dekomposisi (Decomposition) Memecah masalah yang kompleks menjadi bagian-bagian yang lebih kecil dan mudah dikelola Contoh: Masalah menghitung konsumsi BBM dipecah menjadi:

1) Input Jarak,

2) Input Jumlah BBM,

3) Perhitungan, dan

4) Menampilkan Hasil.

Konsep Berpikir Komputasional

Pengenalan Pola (Pattern Recognition) Mengidentifikasi persamaan atau pola yang berulang dalam masalah.
- Contoh: Perhitungan konsumsi BBM selalu menggunakan rumus yang sama: Jarak dibagi dengan Jumlah BBM.

Konsep Berpikir Komputasional

Perancangan Algoritma (Algorithm Design) Membuat serangkaian langkah atau instruksi untuk memecahkan masalah secara logis.
- Contoh: Algoritma untuk kalkulator: Mulai -> Ambil input Jarak -> Ambil input BBM -> Hitung konsumsi (Jarak / BBM) -> Tampilkan hasil -> Selesai.

Konsep Berpikir Komputasional

Abstraksi (Abstraction) Menghilangkan detail yang tidak relevan dan fokus pada informasi penting.
- Contoh: Untuk kalkulator, kita hanya membutuhkan data jarak dan jumlah BBM. Faktor lain seperti merek mobil atau kondisi jalan diabaikan

Multiple Choice

Berpikir komputasional adalah …

Cara berpikir dengan menghafal langkah-langkah algoritma

Proses menyelesaikan masalah dengan pendekatan komputerisasi

Cara berpikir untuk memecahkan masalah dengan teknik pemrograman saja

Proses menghafal kode pemrograman tanpa memahami alur logika

C. Implementasi Proyek: Kalkulator Konsumsi BBM

Berikut adalah contoh kode program sederhana yang dapat Anda gunakan untuk membuat kalkulator konsumsi BBM. Kode ini menggunakan HTML untuk tampilan antarmuka dan JavaScript untuk logikanya.

1. Kode Program (HTML & JavaScript)

Salin dan tempel (copy-paste) seluruh kode di bawah ini ke dalam dokumen Notepad atau Visual Studio Code, kemudian simpan dengan nama file kalkulator.html. Setelah itu, buka file tersebut menggunakan peramban (browser) seperti Google Chrome atau Mozilla Firefox.

HTML

<!DOCTYPE html>

<head>

<title>Kalkulator Konsumsi BBM</title>

<style>

body { font-family: Arial, sans-serif; padding: 20px; background-color: #f4f4f9; }

.container { max-width: 450px; margin: auto; padding: 25px; border: 1px solid #ccc; border-radius: 10px; background-color: #fff; box-shadow: 0 4px 8px rgba(0,0,

h2 { text-align: center; color: #333; }

label { font-weight: bold; color: #555; }

input, button { width: 100%; padding: 12px; margin-bottom: 15px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 5px; }

C. Implementasi Proyek: Kalkulator Konsumsi BBM

Berikut adalah contoh kode program sederhana yang dapat Anda gunakan untuk membuat kalkulator konsumsi BBM. Kode ini menggunakan HTML untuk tampilan antarmuka dan JavaScript untuk logikanya.

1. Kode Program (HTML & JavaScript)

HTML

<!DOCTYPE html>

<head>

<title>Kalkulator Konsumsi BBM</title>

<style>

body { font-family: Arial, sans-serif; padding: 20px; background-color: #f4f4f9; }

.container { max-width: 450px; margin: auto; padding: 25px; border: 1px solid #ccc; border-radius: 10px; background-color: #fff; box-shadow: 0 4px 8px rgba(0,0,

h2 { text-align: center; color: #333; }

label { font-weight: bold; color: #555; }

input, button { width: 100%; padding: 12px; margin-bottom: 15px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 5px; }

TUGAS KELOMPOK

Tugas Proyek untuk Siswa
Modifikasi Program: Kembangkan program di atas untuk menghitung total biaya BBM. Tambahkan satu kotak input baru untuk Harga BBM per Liter.

KESIMPULAN

Berpikir komputasional = memecah masalah menjadi langkah-langkah logis yang bisa dijalankan komputer.

Koding & Kecerdasan Artifisial

BERPIKIR KOMPUTASIONAL

Aplikasi Kalkulator Konsumsi BBM Digital

Oleh : Norcie Elsi Marlisa Tanaem, S.Kom

Show answer

Auto Play

Slide 1 / 12

SLIDE

Similar Resources on Wayground

9 questions

Strings in C++

Lesson

•

11th Grade

10 questions

Factoring trinomials a > 1

Lesson

•

9th - 11th Grade

8 questions

Structura alternativa simpla

Lesson

•

9th Grade

9 questions

Html

Lesson

•

10th Grade

10 questions

Aplikasi Pengolah Angka - Membuat Laporan Kas Kelas - X7

Lesson

•

10th Grade

7 questions

RESISTOR

Lesson

•

10th Grade

7 questions

إدراج عناصر صفحة الويب

Lesson

•

10th Grade

6 questions

INFORMATIKA

Lesson

•

10th Grade

Popular Resources on Wayground

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

10 questions

Probability Practice

Quiz

•

4th Grade

15 questions

Probability on Number LIne

Quiz

•

4th Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

6 questions

Appropriate Chromebook Usage

Lesson

•

7th Grade

10 questions

Greek Bases tele and phon

Quiz

•

6th - 8th Grade

Discover more resources for Computers

10 questions

Exploring Digital Citizenship Essentials

Interactive video

•

6th - 10th Grade

14 questions

[AP CSP] JavaScript Programming Quiz

Quiz

•

9th - 12th Grade

10 questions

Understanding Computers and Computer Engineering

Interactive video

•

7th - 12th Grade

37 questions

Python - Tuples, Lists, and List Methods

Quiz

•

9th - 12th Grade