Explore

Computational Thinking MarkMap (Decomposition & Pattern Recognition)

⁠

Markmap

Markmap adalah tools atau aplikasi yang bisa mengubah teks berformat Markdown menjadi mind map interaktif secara otomatis.

Markmap membantu membuat peta konsep tanpa menggambar manual.

Kita hanya menulis poin-poin dengan struktur bullet list di sisi kiri, lalu Markmap akan memvisualisasikannya di sisi kanan.

Cocok untuk membuat diagram ide, perencanaan proyek, atau alur kerja.

Contoh situsnya:

https://markmap.js.org/repl⁠

⁠

Markdown Language

Markdown adalah bahasa penulisan sederhana (lightweight markup language) yang digunakan untuk memformat teks agar terlihat rapi di berbagai platform.

Digunakan di GitHub, Notion, Jupyter Notebook, blog, dan juga Markmap.

Sintaksnya singkat dan mudah dibaca, misalnya:

# Judul Besar

## Subjudul

- Poin pertama

- Poin kedua

Markdown memanfaatkan simbol seperti #, -, *, atau tanda backtick (`) untuk menentukan struktur teks (judul, daftar, kode, dll).

⁠

Troubleshooting Permasalahan Laptop

Tujuan: Menunjukkan pemahaman tentang Decomposition (memecah masalah) dan Pattern Recognition (mengenali pola) dengan membuat mind map di Markmap, lalu mengunggah hasilnya ke Google Classroom.

⁠

Langkah-langkah

1. Buka Halaman Markmap

Kunjungi

https://markmap.js.org/repl⁠

⁠

Layar akan terbagi dua:

Kiri: tempat mengetik teks (Markdown).

Kanan: menampilkan mind map interaktif.

2. Tulis Judul Utama

Pada baris pertama ketik:

# Troubleshooting Permasalahan Laptop

3. Buat Cabang “Decomposition”

Pecah masalah utama menjadi bagian-bagian kecil.

Contoh:

- Decomposition

- Gejala umum:

- Laptop tidak menyala

- Laptop menyala tapi layar gelap

- Laptop lambat saat digunakan

- ...

- Langkah awal pengecekan:

- Periksa kabel charger dan adaptor

- Cek baterai dan tombol power

- Pastikan layar terhubung dengan benar

- ...

4. Buat Cabang “Pattern Recognition”

Jelaskan pola atau tanda yang membantu menemukan penyebab masalah.

Contoh (boleh dimodifikasi sendiri):

- Pattern Recognition

- Pola masalah hardware:

- Bunyi kipas menyala tapi layar tetap hitam → kemungkinan masalah kabel fleksibel

- Lampu indikator baterai berkedip merah → baterai lemah/rusak

- Pola masalah software:

- Aplikasi sering *not responding* → kemungkinan ...

- Laptop lambat saat membuka file → mungkin ...

- Pola lingkungan:

- Laptop overheat saat digunakan di ruangan panas

5. Tambahkan Hubungan Decomposition ↔ Pattern Recognition

Tunjukkan hubungan antara langkah pemecahan masalah dan pola yang ditemukan.

- Hubungan Decomposition ↔ Pattern Recognition

- Menemukan pola bunyi kipas membantu memutuskan langkah pengecekan RAM

- Pola laptop lambat saat panas menunjukkan perlunya membersihkan kipas pendingin

6. Tambahkan Visual (Opsional)

Gunakan emoji untuk memperjelas:

- Charger rusak :electric_plug:

- Overheat :fire:

- RAM error :computer:

7. Periksa Hasil

Pastikan mind map rapi, semua cabang terisi jelas, dan mudah dibaca di sisi kanan.

8. Ekspor Menjadi HTML

Pilih Download as interactive HTML di bagian bawah sebelah kanan.

Simpan file HTML di komputer/laptop.

9. Kumpulkan di Google Classroom

Masuk ke Google Classroom.

Pilih tugas yang sesuai.

Unggah file HTML.

Klik Kirim / Turn In.

⁠

Instruksi Tugas Markmap – Pilih Satu Skenario

Tujuan: Melatih kemampuan Decomposition (memecah masalah menjadi bagian kecil) dan Pattern Recognition (mengenali pola) dengan membuat mind map di

Markmap⁠

Langkah Singkat:

Pilih satu skenario di bawah.

Buka

https://markmap.js.org/repl⁠

Ketik poin-poin mind map menggunakan Markdown di sisi kiri.

Pastikan mind map rapi dan lengkap.

Ekspor → Download as interactive HTML.

Unggah ke Google Classroom.

⁠

Opsi Skenario

1. Troubleshooting Permasalahan Laptop

Konteks: Kamu berperan sebagai teknisi IT sekolah. Beberapa laptop guru mengalami masalah seperti tidak menyala, lambat, atau layar gelap.

Tugas: Buat mind map yang memecah masalah laptop menjadi langkah-langkah pengecekan (Decomposition) dan mengenali pola gejala (Pattern Recognition).

Contoh Pola:

Lampu indikator baterai berkedip

Bunyi kipas tapi layar gelap

Laptop lambat saat panas

⁠

2. Sistem Keamanan Rumah Pintar

Konteks: Kamu menjadi perancang sistem keamanan rumah yang memakai sensor gerak dan kamera. Sistem harus mendeteksi orang asing, membedakannya dari penghuni rumah, dan mengirim notifikasi ke pemilik.

Tugas: Buat mind map yang memecah sistem menjadi komponen (Decomposition) dan mengenali pola pergerakan/penggunaan (Pattern Recognition).

Contoh Pola:

Wajah penghuni rumah

Pergerakan biasa pada jam tertentu

Gerakan mencurigakan di luar jam normal

⁠

3. Sistem Pengenalan Tulisan Tangan untuk Esai

Konteks: Sekolah ingin membuat sistem otomatis yang bisa membaca dan menilai tugas esai siswa yang ditulis tangan di kertas ujian. Dengan sistem ini, guru tidak perlu mengetik ulang atau memeriksa satu per satu secara manual.

Tugas: Buat mind map yang memecah proses sistem pengenalan tulisan tangan (Decomposition) dan mengenali pola tulisan (Pattern Recognition).

Contoh Pola:

Bentuk huruf mirip: “O” dan “0”

Perbedaan gaya tulisan antar siswa

Tulisan miring / sambung / pudar

⁠

Catatan: Gunakan struktur seperti contoh berikut di panel kiri Markmap (Markdown format):

# Judul Skenario Pilihanmu

- Decomposition

- Langkah 1

- Langkah 2

- Pattern Recognition

- Pola 1

- Pola 2

⁠

Unggah file HTML hasil dari

https://markmap.js.org/⁠

pada Google Classroom

Want to print your doc?
This is not the way.

Try clicking the ··· in the right corner or using a keyboard shortcut (

CtrlP

) instead.