Belajar dimulai dari hati!

Dimana hatimu! Seruku untuk niatmu terus maju dalam kerjamu.

Belajar bukan untuk diri sendiri!

Dimana pintarmu! Harapku untuk kerjamu bagi sesamamu.

Belajar bukan hanya dari pikiranmu sendiri!

Dimana ragamu! Kamu tidak akan bisa hidup sendiri karena belajar butuh referensi.

Belajar sebagian dari berdoa!

Dimana imanmu! Belajar perlu tuntunan dari Yang Maha Kuasa agar dilancarkan jalanmu.

Belajar perlu dekat dan lingkungan!

Dimana panggilanmu! Belajar memiliki kesatuan dengan alam dan nafas hidup disekitarmu.

Rabu, 20 Agustus 2025

SISTEM KOMPUTER KELAS 12 SEMESTER 1 - PENGANTAR ARDUINO



Arduino adalah platform elektronik berbasis mikrokontroler yang dirancang agar mudah digunakan, baik oleh pemula maupun pengembang berpengalaman. Dengan Arduino, kita dapat membuat berbagai proyek interaktif seperti sensor suhu, lampu otomatis, hingga robot sederhana. Keunggulan Arduino terletak pada kemudahan pemrograman dan ketersediaan banyak pustaka (library) yang siap digunakan.

Sebelum mulai membuat program pada papan Arduino, kita perlu menginstal perangkat lunak bernama Arduino IDE (Integrated Development Environment) di komputer. Arduino IDE adalah aplikasi yang digunakan untuk menulis kode, mengompilasi, dan mengunggah program ke papan Arduino.

Cara Instalasi Arduino IDE:

  1. Unduh Arduino IDE
    Kunjungi situs resmi Arduino di https://www.arduino.cc/en/software. Pilih versi sesuai sistem operasi yang digunakan (Windows, macOS, atau Linux).

  2. Proses Instalasi

    • Untuk Windows: jalankan file installer yang sudah diunduh, lalu ikuti langkah-langkah instalasi dengan menekan tombol Next hingga selesai.

    • Untuk macOS: cukup seret ikon Arduino IDE ke folder Applications.

    • Untuk Linux: ekstrak file yang diunduh, kemudian jalankan file install.sh.

  3. Hubungkan Papan Arduino
    Setelah instalasi selesai, sambungkan papan Arduino (misalnya Arduino Uno) ke komputer menggunakan kabel USB.

  4. Pengaturan Awal
    Buka Arduino IDE, kemudian pilih jenis papan (Board) dan port USB yang sesuai pada menu Tools.

Setelah semua langkah di atas selesai, Arduino IDE sudah siap digunakan untuk menulis program pertama. Sebagai latihan awal, kita bisa mencoba program sederhana Blink untuk menyalakan dan mematikan LED bawaan pada papan Arduino.


MATERI PRESENTASI

Senin, 11 Agustus 2025

Membuat tampilan website sederhana menggunakan kode HTML [Kelas XI]



Hari ini, siswa kelas XI melakukan praktik membuat halaman website sederhana menggunakan bahasa HTML. Kegiatan dimulai dengan mengenal struktur dasar dokumen HTML, mulai dari <html>, <head>, hingga <body>.

Siswa kemudian menambahkan elemen-elemen dasar seperti judul halaman, teks paragraf, gambar, dan tautan. Tujuannya adalah agar mereka memahami bagaimana setiap tag HTML memiliki fungsi tertentu dalam membangun tampilan dan isi halaman.

Melalui praktik ini, siswa belajar bahwa membuat website tidak selalu membutuhkan software canggih. Cukup dengan teks editor sederhana dan browser, mereka sudah bisa menciptakan halaman web sendiri. Semoga keterampilan ini menjadi langkah awal untuk mengembangkan kreativitas dan kemampuan di bidang teknologi.


latihan6.html 

<html> 

<head> 

   <title> .:: SITUSKU ::. </title> 

</head> 

<body bgcolor="#000000" text="#FFFFFF"> 

 <table border="1" align="center" width="80%"> 

     <tr> 

  <td colspan="2" align="center" height="100" bgcolor="#3A2BD1"> 

           <font size="16" face="Arial">SITUSKU.COM </font><br> 

   <hr width="500"> <br> 

<marquee direction="right">Terdepan Dalam Berita dan 

Gosip</marquee> 

  </td> 

     </tr> 

     <tr valign="top"> 

                 <td width="200" height="450" bgcolor="green">

 

Home <br>

<a href=informatika.html>

Informatika</a>

 

</td> 

  <td bgcolor="#F75454">Selamat Datang di <b><i>SITUSKU.COM</i></b> <br> 

Situsku.Com akan selalu konsisten dengan berita-berita terbaru dari 

segala penjuru Indonesia.<br><br> 

Dapatkan berita-berita menarik tentang: politik, hukum, keamanan, gosip 

artis dan kuliner di Indonesia. 

            </td> 

    </tr> 

 </table> 

</body> 

</html> 


informatika.html

<html> 

<head> 

   <title> .:: SITUSKU ::. </title> 

</head> 

<body bgcolor="#000000" text="#FFFFFF"> 

 <table border="1" align="center" width="80%"> 

     <tr> 

  <td colspan="2" align="center" height="100" bgcolor="#3A2BD1"> 

           <font size="16" face="Arial">SITUSKU.COM </font><br> 

   <hr width="500"> <br> 

<marquee direction="right">Terdepan Dalam Berita dan 

Gosip</marquee> 

  </td> 

     </tr> 

     <tr valign="top"> 

                 <td width="200" height="450" bgcolor="green">

 

<a href=latihan6.html>Home</a> <br>

Informatika

 

 

</td> 

 

  <td bgcolor="#F75454">Halaman Informatika <b><i>

            </td> 

    </tr> 

 </table> 

</body> 

</html>

Ketentuan Pengumpulan Tugas:

Semua file latihan Kode HTML mulai dari file:

Folder 1 berisi:

    - latihan.html

    - latihan2.html

    - latihan3.html

    - latihan4.html

    - latihan5.html

    - latihan6.html

Folder 2 berisi:

    - home.html

    - profile.html

    - gallery.html

    - gambar.jpg

Kedua folder dimasukkan ke dalam satu folder dan diberi nama kemudia upload ke alamat di bawah ini!


KELAS 11A

https://drive.google.com/drive/folders/1aaw5_V3pzaMAzx92uera0wLDHf8s9LEf?usp=sharing


KELAS 11B

https://drive.google.com/drive/folders/1LbNXzrVO8zEBnHGgPupIo-QPbyQHhf1k?usp=sharing


Materi selanjutnya: https://informatikasegar.blogspot.com/2025/09/konfigirasi-xampp-server-kelas-11.html


Selasa, 05 Agustus 2025

LATIHAN MEMBUAT TABEL (HTML) KELAS XI


Kali ini, siswa kelas 11 mempraktikkan cara membuat tabel menggunakan bahasa markup HTML. Tabel adalah elemen penting di halaman web untuk menampilkan data secara terstruktur. Siswa mempelajari tag dasar seperti <table>, <tr> (table row), <th> (table header), dan <td> (table data).

Kami memulai dengan contoh sederhana — membuat tabel daftar nilai mata pelajaran. Langkah demi langkah, siswa mengetikkan kode di editor, menyimpan file dengan ekstensi .html, lalu melihat hasilnya di browser. Dari sini, mereka mulai memahami bagaimana baris dan kolom tersusun, serta bagaimana menambahkan border, menggabungkan sel, atau memberi warna latar menggunakan atribut dan CSS sederhana.

Praktik ini bukan hanya melatih keterampilan teknis, tetapi juga membiasakan siswa untuk berpikir terstruktur dalam menyajikan informasi. Dari tabel nilai, siapa tahu besok mereka bisa membuat tabel jadwal, katalog produk, atau data statistik di situs web mereka sendiri.



<html> 

<head> 

   <title> Latihan Table </title> 

</head> 

<body> 


Tabel 1

 <table border="1" width="500"> 

   <tr> 

      <td align="center">1</td> 

      <td align="center">2</td> 

      <td align="center">3</td> 

  </tr> 

  <tr>

      <td align="center">4</td> 

      <td align="center">5</td> 

      <td align="center">6</td> 

  </tr>

  <tr>

      <td align="center">7</td> 

      <td align="center">8</td>

      <td align="center">9</td>   

  </tr>

</table>

 <p> 

 Hasil Preview kode HTML tabel 1:

1 2 3
4 5 6
7 8 9


 Tabel 2

 <table border="1" width="500"> 

  <tr> 

      <td align="center">1</td> 

      <td colspan="2" align="center">2</td> 

  </tr> 

  <tr>

      <td align="center">3</td> 

      <td align="center">4</td> 

      <td align="center">5</td> 

  </tr>

  <tr>

      <td colspan="2" align="center">6</td> 

      <td align="center">7</td>   

  </tr>

</table> 

<p>

Hasil Preview kode HTML tabel 2:

1 2
3 4 5
6 7

 

Tabel 3

<table border="1" width="500"> 

  <tr> 

      <td colspan="3" align="center">1</td> 

  </tr> 

  <tr>

      <td colspan="2" align="center">2</td> 

      <td align="center">3</td> 

  </tr>

  <tr>

      <td align="center">4</td> 

      <td align="center">5</td>

      <td align="center">6</td>   

  </tr>

</table> 

<p>

Hasil Preview kode HTML tabel 3:

1
2 3
4 5 6


Tabel 4

<table border="1" width="300"> 

  <tr> 

      <td rowspan="2" align="center">1</td> 

      <td align="center">2</td> 

  </tr> 

  <tr>

      <td align="center">3</td> 

  </tr>

</table> 

<p>

Hasil Preview kode HTML tabel 4:

1 2
3

 

Tabel 5

<table border="1" width="300"> 

  <tr> 

      <td align="center">1</td> 

      <td rowspan="2" align="center">2</td> 

  </tr> 

  <tr>

      <td align="center">3</td> 

  </tr>

</table> 

<p>


Hasil Preview kode HTML tabel 5:

1 2
3


Tabel 6

 <table border="1" width="600"> 

   <tr> 

      <td align="center" width="200">1</td> 

      <td colspan="2" align="center" width="400">2</td> 

   </tr> 

   <tr>

      <td align="center">3</td> 

      <td colspan="2" align="center"> 

  

          <table border="1" width="350">

              <tr>

<td colspan="2" align="center">4</td>

              </tr>

              <tr>

<td align="center">5</td>

<td align="center">6</td>

              </tr>

          </table>

      </td> 

  </tr>

  <tr>

      <td colspan="2" align="center"> 

          <table border="1" width="350">

    <tr>

<td rowspan="2">7</td>

<td align="center">8</td>

    </tr>

    <tr>

<td align="center">9</td>

    </tr>

          </table>

      </td> 

      <td align="center" width="200">10</td>   

  </tr>

  </table> 


Hasil Preview kode HTML tabel 6:

1 2
3
4
5 6
7 8
9
10

</body>

</html>

Senin, 28 Juli 2025

INFORMATIKA DAN KETERAMPILAN GENERIK - KELAS X

Di era digital saat ini, informatika bukan sekadar tentang memahami komputer, tetapi juga mengasah keterampilan yang bisa diterapkan di berbagai bidang kehidupan. Siswa kelas 10 perlu membangun keterampilan generik—yaitu kemampuan dasar yang fleksibel dan relevan di banyak situasi.

Beberapa keterampilan generik yang penting antara lain berpikir komputasional (menyelesaikan masalah secara sistematis), literasi digital (memahami, menilai, dan memanfaatkan informasi di dunia maya), kolaborasi daring (bekerja sama menggunakan teknologi), dan kreativitas digital (menciptakan solusi atau karya dengan memanfaatkan alat TIK).

Dengan menguasai keterampilan ini, siswa tidak hanya siap menghadapi tantangan akademis, tetapi juga mampu beradaptasi di dunia kerja dan kehidupan sehari-hari. Informatika menjadi bekal penting untuk berpikir kritis, bekerja sama, dan menciptakan inovasi yang bermanfaat.


Materi Presentasi 
P1 : https://gamma.app/docs/Selamat-Datang-di-Kelas-Informatika-Kelas-10-5tkiw8pzbsaxr12
P2 : https://docs.google.com/presentation/d/1mTDj1WxxvdSyCfZP1O4jb4Exvc8Yx7Bj/edit?usp=sharing&ouid=101129253085954039145&rtpof=true&sd=true



Rabu, 23 Juli 2025

Informatika Masa Kini dan Masa Depan (Kelas XII)


Di era digital saat ini, informatika telah menjadi jantung dari hampir setiap aspek kehidupan manusia. Dari komunikasi yang serba cepat, perdagangan daring, hingga kecerdasan buatan yang membantu mendiagnosis penyakit, teknologi terus mendorong perubahan besar dalam cara kita bekerja, belajar, dan berinteraksi.

Namun, ini baru permulaan. Masa depan informatika akan dipenuhi inovasi yang lebih menakjubkan: komputer kuantum yang memecahkan masalah kompleks dalam hitungan detik, kecerdasan buatan yang mampu memahami emosi manusia, dan teknologi realitas campuran yang mengaburkan batas dunia fisik dan virtual.

Tantangannya jelas — keamanan data, etika penggunaan teknologi, dan kesenjangan digital harus menjadi perhatian bersama. Tetapi dengan pengetahuan dan kreativitas, generasi muda dapat menjadi penggerak utama yang memastikan teknologi tidak hanya canggih, tetapi juga membawa manfaat bagi semua.

Informatika bukan sekadar mempelajari komputer. Ia adalah seni dan sains untuk membentuk masa depan. Dan masa depan itu sedang kita tulis, baris demi baris kode, mulai dari hari ini.


Bahan Presentasi
https://gamma.app/docs/1-Informatika-Sekarang-dan-Masa-Depanpptx-zf51ynqx2lj5pwy

Peran dan Fungsi Promt (AI)

Kamis, 03 Juli 2025

PEER TEACHING - PERAN DAN FUNGSI PROMPT

 Tautan Modul Pembelajaran

>>> Modul Pembelajaran Peran dan Fungsi Prompt <<<

Lembar Kerja Peserta Didik
>>> LKPD <<<

Penyampaian Materi
>>> Power Point <<<

Tautan Evaluasi Pembelajaran
>>> Tes Pemahaman <<<

Tautan Refleksi Pembelajaran
>>> Refleksi <<<