MATERI: PERAMBAN (BROWSER) DAN SEARCH ENGINE

A. PERAMBAN (BROWSER)

1. Pengertian Peramban

Peramban (browser) adalah aplikasi atau perangkat lunak yang digunakan untuk mengakses, membuka, dan menampilkan halaman web di internet.  Sehingga kita mendapatkan informasi berupa test, gambar, audio dan video.

👉 Dengan browser, kita bisa:

• Membuka website =  sekumpulan halaman digital yang saling terhubung, berisi teks, gambar, audio atau video, dan dapat diakses melalui internet menggunakan browser untuk mendapatkan informasi
• Membaca informasi di internet
• Menonton video online
• Mengakses berbagai layanan digital

2. Cara Kerja Peramban

Cara kerja browser secara sederhana:

1. Pengguna mengetik alamat website (URL) di address bar
2. Browser mengirim permintaan ke server
3. Server mengirim data halaman web
4. Browser menampilkan halaman tersebut di layar

👉 Contoh:
Jika kita mengetik www.google.com, maka browser akan menampilkan halaman Google.

3. Bagian Penting pada Browser

a. Address Bar

• Tempat untuk mengetik alamat website (URL)

b. Tab

• Digunakan untuk membuka beberapa halaman sekaligus

c. Menu/Toolbar

• Berisi berbagai fitur seperti pengaturan, download, dll

4. Fitur-Fitur Penting Browser

• Back = kembali ke halaman sebelumnya
• Forward → maju ke halaman berikutnya
• Refresh/Reload → memuat ulang halaman
• Stop → menghentikan proses loading
• Bookmark → menyimpan halaman favorit agar mudah dibuka kembali

👉 Bookmark sangat penting agar kita tidak perlu mencari ulang website yang sering dikunjungi.

5. Contoh Browser

• Google Chrome
• Mozilla Firefox
• Microsoft Edge
• Safari

👉 Setiap browser memiliki tampilan berbeda, tetapi fungsi dasarnya sama.

6. Kelebihan Menggunakan Browser

• Mudah digunakan
• Bisa membuka berbagai jenis informasi
• Mendukung multimedia (video, gambar, suara)
• Bisa menyimpan halaman favorit

B. SEARCH ENGINE (MESIN PENCARI)

1. Pengertian Search Engine

Search engine adalah situs web yang digunakan untuk mencari informasi di internet berdasarkan kata kunci tertentu.

👉 Search engine bekerja di dalam browser.

2. Fungsi Search Engine

• Mencari informasi di internet
• Menampilkan daftar website yang relevan
• Membantu pengguna menemukan data dengan cepat

3. Cara Kerja Search Engine

1. Mengumpulkan data dari berbagai website (crawling)
2. Menyimpan data dalam database
3. Menampilkan hasil sesuai kata kunci (keyword)

4. Contoh Search Engine

• Google
• Bing
• Baidu
• Yandex

5. Cara Menggunakan Search Engine

• Buka browser
• Masuk ke halaman search engine
• Ketik kata kunci
• Tekan Enter
• Pilih hasil pencarian yang sesuai

6. Teknik Pencarian yang Efektif

Agar hasil pencarian lebih tepat:

• Gunakan kata kunci yang spesifik
  (contoh: “cara membuat email” lebih baik daripada “email”)
• Gunakan tanda petik (“…”)
  → untuk mencari kalimat yang sama persis
• Gunakan operator:
• AND → kedua kata harus ada
• OR → salah satu kata

 

 

7. Mengapa Hasil Pencarian Bisa Berbeda

• Kata kunci yang digunakan berbeda
• Lokasi pengguna berbeda
• Riwayat pencarian berbeda
• Algoritma search engine berbeda

8. Sikap Bijak Menggunakan Search Engine

• Tidak semua informasi benar
• Hindari berita hoaks
• Pilih sumber terpercaya
• Gunakan internet secara bertanggung jawab

KESIMPULAN

• Browser digunakan untuk membuka dan menampilkan halaman web
• Search engine digunakan untuk mencari informasi di internet
• Keduanya saling berhubungan, tetapi memiliki fungsi yang berbeda
• Pengguna harus mampu mencari dan memilih informasi dengan benar

---

SOAL LATIHAN (15 SOAL)

Pilihan Ganda

1. Browser digunakan untuk …
   a. Menyimpan data
   b. Mengakses internet
   c. Menghapus file
   d. Membuat folder
2. Contoh browser adalah …
   a. Google
   b. Bing
   c. Chrome
   d. Yahoo
3. Tempat mengetik alamat website disebut …
   a. Menu
   b. Address bar
   c. Tab
   d. Folder
4. Tombol untuk memuat ulang halaman adalah …
   a. Back
   b. Stop
   c. Refresh
   d. Forward
5. Bookmark berfungsi untuk …
   a. Menghapus halaman
   b. Menyimpan halaman
   c. Menutup browser
   d. Membuka file
6. Search engine adalah …
   a. Aplikasi komputer
   b. Website pencari informasi
   c. Folder penyimpanan
   d. File data
7. Contoh search engine adalah …
   a. Chrome
   b. Firefox
   c. Google
   d. Edge
8. Kata kunci pencarian disebut …
   a. URL
   b. Keyword
   c. Link
   d. File
9. Operator AND digunakan untuk …
   a. Salah satu kata
   b. Semua kata
   c. Menghapus kata
   d. Menambah kata
10. Search engine berjalan di atas …
    a. Folder
    b. File
    c. Browser
    d. Data

B. Uraian

11. Jelaskan pengertian browser!
12. Sebutkan 4 fitur penting pada browser!
13. Jelaskan pengertian search engine!
14. Apa perbedaan browser dan search engine?
15. Sebutkan 3 cara mencari informasi yang efektif di internet!

 

 

Read More

 
Dampak Sosial Informatika

https://drive.google.com/file/d/1kg9AWHk6wlTZSJz7xJbI8IPIkFvJiSjL/view?usp=drive_link

Read More

 SEARCH ENGINE DAN WEB BROWSER

https://drive.google.com/file/d/1vLGB4_x1VDgU3F-yyRcHf5u_6qO4ccLd/view?usp=sharing

Read More

 C. Penyajian Algoritma dengan Flowchart

Algoritma dapat disajikan dalam berbagai bentuk. Diantaranya dengan
    1. Bahasa sehari-hari
    2. Flowchart
    3. Pseudocade

Sekarang kita mempelajari pembuatan algoritma dengan flowchart. 

🌀 Apa itu Flowchart?

Flowchart adalah gambar atau bagan alur yang menunjukkan langkah-langkah dalam sebuah proses atau program.
Dengan kata lain, flowchart membantu kita melihat urutan kerja dari awal sampai akhir secara lebih jelas dan teratur.

---

🧩 Tujuan Flowchart

Flowchart digunakan untuk:

• Membantu memahami alur kerja suatu program atau kegiatan.

• Mempermudah membuat dan membaca algoritma.

• Menemukan kesalahan atau langkah yang belum tepat sebelum program dijalankan.

🧩 Tabel Simbol-Simbol Flowchart

---

No	Nama Simbol	Bentuk Simbol (Deskripsi)	Fungsi / Kegunaan	Contoh Penggunaan
1	Terminator	🔵 Oval (lonjong)	Menunjukkan awal (Start) dan akhir (End) dari suatu proses	Mulai, Selesai
2	Proses	⬛ Persegi panjang	Menunjukkan langkah atau kegiatan yang dilakukan	Hitung luas, Rebus air
3	Input / Output	🟧 Jajar genjang	Menunjukkan masukan (input) atau keluaran (output) dari program	Masukkan angka, Tampilkan hasil
4	Decision (Keputusan)	🔶 Belah ketupat (diamond)	Menunjukkan percabangan keputusan, biasanya dengan jawaban Ya / Tidak	Apakah air panas?
5	Flow Line (Garis alur)	➡️ Panah (→ atau ↓)	Menunjukkan arah jalannya proses atau urutan langkah	Dari satu langkah ke langkah berikutnya
6	Connector	⚪ Lingkaran kecil	Menunjukkan sambungan antar bagian flowchart yang terpisah	Menghubungkan alur dari satu halaman ke halaman lain

---

📘 Kasus 1 Algoritma Menghitung Luas Persegi Panjang

1. Dengan bahasa sehari-hari

1. Mulai

2. Masukkan panjang

3. Masukkan lebar

4. Hitung luas = panjang × lebar

5. Tampilkan hasil luas

6. Selesai

2. Dengan Flowchart

💡 Penjelasan

• “Mulai” menunjukkan proses dimulai.

• “Masukkan panjang dan lebar” adalah input data.

• “Hitung luas” adalah proses perhitungan (mengalikan panjang dengan lebar).

• “Tampilkan luas” adalah output hasil.

• “Selesai” berarti program atau kegiatan sudah berakhir.

💡 Kasus 2: Menentukan Bilangan Ganjil atau Genap

📘 Tujuan:

Siswa dapat membuat algoritma dan flowchart yang menggunakan percabangan (decision) untuk menentukan apakah suatu bilangan termasuk ganjil atau genap.

---

🔹 Langkah-Langkah Algoritma:

1. Mulai

2. Masukkan sebuah bilangan

3. Bagi bilangan dengan 2

4. Jika sisa bagi = 0, maka bilangan tersebut Genap

5. Jika sisa bagi ≠ 0, maka bilangan tersebut Ganjil

6. Tampilkan hasil

7. Selesai

🧠 Penjelasan 

• Percabangan digunakan untuk memilih dua kemungkinan hasil berdasarkan kondisi tertentu.

• Dalam kasus ini, kondisi yang dicek adalah “apakah sisa bagi bilangan dengan 2 = 0?”

  • Jika ya, berarti bilangan genap.

  • Jika tidak, berarti bilangan ganjil.

Read More

B. ALGORITMA DAN KODING

 B. ALGORITMA DAN KODING

Tujuan Pembelajaran

Peserta didik mampu menjelaskan konsep algoritma dan memberikan contoh langkah-langkah penyelesaian masalah sehari-hari menggunakan urutan logis.

📘 A. Pengantar

https://padlet.com/nikmatulrizki81/buatkan-algoritma-menyikat-gigi-syl8l7zwstkbgx08

🧩 Aktivitas Seru 

1. Judul: “Manusia vs Robot”
Tujuan: Membuat siswa paham logika pemrograman tanpa komputer.
Langkah:

1. Bagi kelas jadi 2 kelompok.

2. Kelompok A berperan sebagai “programmer”, kelompok B sebagai “robot”.

3. Tantangan: buat “robot” berjalan dari pintu ke papan tulis.
   Tapi “robot” hanya bisa mengikuti perintah seperti:

   • “Langkah maju ”

   • “Belok kanan”

   • “Belok kiri”

4. Jika perintah salah, robot “error”! 😆

5. Diskusi: “Apa yang terjadi kalau perintahnya salah?”
   (→ Itulah pentingnya logika dalam koding!)

Latihan: "Robot Siswa"

Instruksi:

1. Satu siswa berperan sebagai “robot”.

2. Siswa lain memberi instruksi langkah demi langkah (misalnya: ambil spidol, buka tutupnya, tulis kata “Halo” di papan).

3. Jika instruksi tidak jelas, “robot” tidak akan bisa melakukannya dengan benar.

👉 Tujuan: agar siswa memahami pentingnya berpikir sistematis dan membuat algoritma yang jelas.

       Apa itu Koding?

·       Koding adalah cara memberi perintah kepada komputer agar melakukan sesuatu yang kita inginkan.

🎯 Mengapa Ini Penting untuk Koding?

Koding adalah proses memberikan perintah yang berisi Algoritma (langkah-langkah) yang Anda pikirkan ke dalam bahasa yang dapat dimengerti oleh komputer (bahasa pemrograman).

• Tanpa Dekomposisi: Anda akan kewalahan melihat seluruh program sekaligus.
• Tanpa Pengenalan Pola: Anda akan terus mengulang kode yang sama berkali-kali.
• Tanpa Abstraksi: Anda akan terjebak pada detail tidak penting dan tidak bisa fokus pada logika program.
• Tanpa Algoritma: Komputer Anda tidak akan tahu langkah apa yang harus dilakukan selanjutnya!

Pertanyaan

·    

 ü  “Menurut kalian, bagaimana cara HP tahu kapan harus menyala saat kita menyentuh layarnya?”
ü  “Pernahkah kalian bermain game? Siapa yang membuat karakter di game itu bisa bergerak?”
ü  “Bagaimana Google bisa menebak apa yang ingin kalian cari sebelum kalian mengetik selesai?”
ü  “Kalau komputer tidak punya perasaan, bagaimana dia bisa ‘tahu’ apa yang harus dilakukan?”
ü  “Kira-kira, kalau kalian bisa memberi perintah ke komputer, apa perintah pertama yang ingin kalian buat?”

Pengertian Coding dan Hubungannya dengan Pemrograman

🔹 Apa itu Coding?

Coding adalah kegiatan menulis perintah atau instruksi agar komputer dapat melakukan sesuatu sesuai keinginan kita.

Perintah itu ditulis menggunakan bahasa pemrograman, misalnya:

• Scratch

• Python

• JavaScript

• C++

Jadi, coding adalah cara manusia “berbicara” dengan komputer.

Apa itu Pemrograman?

Pemrograman (programming) adalah proses yang lebih luas dari coding.
Pemrograman mencakup merencanakan, menulis, menguji, dan memperbaiki kode agar program bisa berjalan dengan baik.

Artinya, coding hanyalah salah satu bagian dari proses pemrograman.

🧩 Dalam pemrograman, ada beberapa tahapan:

1. Merancang apa yang ingin dibuat (misalnya game, kalkulator, animasi).

2. Menulis kode (coding).

3. Menjalankan dan menguji apakah program sudah benar.

4. Memperbaiki kesalahan (debugging).

5. Menyempurnakan program.

Kesimpulan 

Read More

 KORDING DAN KECERDASAN ARTIFISIAL

A. Berpikir komputasional

Selamat datang di dunia koding! Sebelum kita mulai menulis program, kita perlu melatih cara berpikir kita agar seperti seorang ilmuwan komputer. Cara berpikir inilah yang disebut Berpikir Komputasional (Computational Thinking).

Berpikir Komputasional bukan hanya tentang menggunakan komputer, tapi tentang menggunakan teknik dan pola pikir dari ilmu komputer untuk memecahkan masalah sehari-hari secara efisien dan logis.

Setelah mempelajari materi ini, siswa diharapkan dapat:

1. Menjelaskan pengertian berpikir komputasional.

2. Menyebutkan dan memahami empat komponen utama berpikir komputasional.

3. Mengidentifikasi contoh berpikir komputasional dalam kehidupan sehari-hari.

💡 1. Apa Itu Berpikir Komputasional?

Berpikir komputasional (Computational Thinking) adalah cara berpikir logis dan sistematis untuk memecahkan masalah yang dapat dilakukan oleh manusia maupun komputer.

Dengan berpikir komputasional, seseorang tidak hanya belajar menggunakan komputer, tetapi juga belajar berpikir seperti komputer — yaitu teratur, langkah demi langkah, dan efisien.

Tentu, berikut adalah materi berpikir komputasional yang bisa Anda gunakan untuk memulai pertemuan tentang koding. Materi ini dirancang agar siswa dapat memahami konsep dasar sebelum langsung masuk ke praktik koding. 🧠💻

---

💡 Berpikir Komputasional: Otak Seperti Komputer

Selamat datang di dunia koding! Sebelum kita mulai menulis program, kita perlu melatih cara berpikir kita agar seperti seorang ilmuwan komputer. Cara berpikir inilah yang disebut Berpikir Komputasional (Computational Thinking).

Berpikir Komputasional bukan hanya tentang menggunakan komputer, tapi tentang menggunakan teknik dan pola pikir dari ilmu komputer untuk memecahkan masalah sehari-hari secara efisien dan logis.

4 Pilar Utama Berpikir Komputasional

Berpikir Komputasional terdiri dari empat teknik utama yang saling melengkapi.

Pilar	Deskripsi	Contoh Sederhana (Membuat Kue)
Dekomposisi	🍰 Memecah Masalah Besar: Menguraikan masalah atau sistem kompleks menjadi bagian-bagian kecil yang lebih mudah dikelola.	Memecah resep kue menjadi langkah-langkah: menyiapkan bahan, mencampur, memanggang, menghias.
Pengenalan Pola	🔍 Mencari Kesamaan: Mengidentifikasi kesamaan, tren, atau pola di dalam masalah yang lebih kecil.	Menyadari bahwa semua resep kue/roti memerlukan langkah dasar yang sama (campur bahan kering, campur bahan basah, aduk).
Abstraksi	🎯 Fokus pada yang Penting: Menyaring detail yang tidak relevan dan fokus hanya pada informasi utama yang penting untuk memecahkan masalah.	Mengabaikan merek atau warna wadah, dan fokus hanya pada jumlah dan jenis bahan yang dibutuhkan.
Algoritma	📋 Membuat Langkah-Langkah: Mengembangkan serangkaian instruksi atau aturan langkah demi langkah yang jelas dan terperinci untuk memecahkan masalah atau menyelesaikan tugas.	Menuliskan urutan langkah yang sangat spesifik dan berurutan untuk membuat kue (e.g., Pertama, panaskan oven. Kedua, campur terigu dan gula. Ketiga, masukkan telur. dst).

 

Contoh dalam Kehidupan Sehari-hari

1. Menentukan rute ke sekolah → Dekomposisi (pecah langkah: keluar rumah, belok kiri, lurus, dll.)
2. Mengerjakan soal matematika → Algoritma (langkah-langkah penyelesaian rumus).
3. Menyusun jadwal belajar → Abstraksi (fokus pada mata pelajaran penting).
4. Mengenali tipe soal ujian yang sering keluar → Pengenalan pola.

 

Read More

 

Cara Membuat Kolom Koran 

1. Bukalah dokumen microsoft word sobat kemudian ketiklah teks yang kita inginkan.

2. Blok teks yang sudah sobat ketik yang akan dibuat kolom

3. Kemudian Klik Menu Page layout > Pilih Columns (disini sobat bisa memilih jumlah kolomnya, 2 kolo, 3 kolom, atau 2 kolom dominan kanan atau kiri) sobat juga bias memilih more columns yaitu sobat bisa mengatur sendiri jumlah kolom yang diinginkan 2 kolom, 3 kolom, 4 kolom dan seterusnya yang sobat inginkan.

4. Jika sobat memilih More Columns maka akan muncul kotak dialog kolom, pada bagian Presets : Untuk menetukan model kolom yang diinginkan, Number of Column : Jumlah Kolom yang diinginkan, Width and Spacing : yaitu untuk mengatur lebar dan jarak kolom.

5. Kemudian langkah terakhir tekan OK dan hasilnya seperti gambar dibawah ini

Read More