Skip to main content

Posts

IT Wajib | 15 Agustus 2025

Halo guys! Hari ini kita akan melanjutkan pembelaharan minggu lalu, yaitu Raptor. Langsung saja saya membahas kegiatan tadi. Jadi, untuk hari ini, kita akan mencoba untuk membuat program yang lebih kompleks dari sebelumnya. Dalam program tersebut menggunakan simbol loop dan simbol percabangan serta simbol output untuk debug. Setelah itu, kita memberi kesempatan kepada calon Gen 15 untuk mencoba membuat program. Sampai sini saja untuk blog hari ini. Sampai jumpa lagi di blog selanjutnya!
Recent posts

Form Input | HTML

Halo guys! Hari ini saya sebagai pemateri mengajari tentang elemen input yang bisa digunakan dalam elemen form. Langsung saja kita membahas materinya. Jadi elemen input itu memiliki beberapa jenis berdasarkan typenya. Jenisnya itu ada banyak, namun saya akan membahas yang text, radio, checkbox, submit, dan button saja. Elemen input yang typenya text digunakan untuk mengisi data dalam bentuk teks. Jenis ini hanya ada satu baris untuk mengisi data, namun bisa overflow untuk mengakomodasi text yang panjang. Input yang typenya radio hanya membolehkan user untuk memilih satu jawaban dari beberapa opsi pilihan. Jadi, jenis ini sama dengan pilihan ganda. Seterusnya, elemen input yang typenya checkbox membolehkan user memilih lebih dari satu opsi dari beberapa opsi pilihan. Jenis ini sama dengan pilihan ganda kompleks. Selanjutnya input yang typenya submit biasa digunakan untuk mengirimkan data yang telah diisi ke server. Jenis ini seringkali ditemui dalam elemen form. Terakhir yang typenya bu...

IT Wajib | 8 Agustus 2025

Halo! Hari ini, kita sudah masuk pembelajaran yang pertama. Materinya adalah tentang Raptor. Raptor ini adalah suatu program yang digunakan untuk membuat flowchart. Flowchart biasa digunakan untuk memvisualisasikan sebuah program. Nah, dalam flowchart ini ada beberapa simbol yang bisa digunakan seperti input, assignment, percabangan, loop, dan output. Mari kita bahas simbol-simbol tersebut. Simbol yang pertama, yaitu simbol input. Simbol ini digunakan untuk mengambil nilai dari pengguna dan memasukkannya ke dalam variabel. Simbol kedua adalah simbol assignment. Simbol ini digunakan untuk melalukan sebuah proses seperti menghitung luas lingkaran, jumlah suatu nilai, dan lain-lain. Simbol ini juga bisa digunakan untuk langsung memasukkan nilai pada variabel. Selanjutnya adalah simbol percabangan. Simbol ini digunakan untuk membuat dua jalur berdasarkan kondisi yang diberikan. Contohnya jika nilai variabel kurang dari nilai yang ditentukan. Keempat adalah simbol loop. Simbol ini itu seper...

Marquee | HTML

Halo! Kalian tau kan hari ini ada apa? Ya, seperti biasanya pada hari rabu ada IT Corner. Untuk corner hari ini, saya bertugas untuk membuat artikel. Hari ini, kami berlajar cara membuat teks bisa bergerak. Jadi, caranya yaitu dengan menggunakan <marquee>. Syntax dasarnya itu seperti ini: <marquee>Text</marquee> Selain itu, juga ada atribut-atribut yang bisa digunakan seperti direction , width , height , dan lain-lain. Atribut direction bisa membuat teks masuk dari kiri, kanan, atas, atau bawah. Atribut width dan height mengatur lebar dan tinggi batas marquee. Itu saja untuk materi marquee. Sampai jumpa di blog selanjutnya!

IT Wajib | 1 Agustus 2025

Halo! Jumaat hari ini kami harus mengurus beberapa hal dulu, jadi masih belum masuk pembelajaran. Jumaat ini, kami menjelaskan beberapa corner yang ada di Cybertwenty. Nah ekskul kita ini ada tiga corner yang bisa diikuti, yaitu Microsoft Office untuk hari Senin, photography dan videography untuk hari Selasa, dan program untuk hari Rabu. Kemudian, kami membagi corner tersebut untuk calon Gen 15. Nah setelah itu, kami membagi surat pernyataan sama surat divisi kepada mereka. Sekarang tinggal menunggu mereka mengembalikan surat yang sudah dibagi itu. Sampai sini saja untuk blog hari ini. Jumpa di blog selanjutnya!

Hyperlink & Image | HTML

Halo! Seperti biasanya, hari ini adalah IT Corner, yaitu corner yang Rabu. Untuk hari ini, saya bertugas sebagai pematerinya. Jadi saya mengajari tentang cara membuat hyperlink menggunakan <a> atau anchor. Elemen ini bersama atribut href  memungkinkan untuk membuat hyperlink. Setelah itu, saya mengajari cara memasukkan gambar ke dalam website menggunakan <img> serta atribut dasarnya seperti width dan height . Itu saja untuk materi hyperlink dan image. Sampai jumpa di blog selanjutnya!

IT Wajib | 25 Juli 2025

Halo! Jumaat ini kami mengenalkan ekskul kita Cybertwenty kepada calon-calon Gen 15. Jadi kita mengenalkan kepada mereka kayak apa itu Cybertwenty, struktur organisasinya, peraturan, dan lain-lain. Kebetulan saya memegang jabatan, jadi waktu pengenalan struktur organisasi saya memperkenalkan diri sebagai Ministry of Innovation and Achivement. Setelah itu seperti biasa, kami foto bersama di bawah. Itu saja untuk blog hari ini. Sampai jumpa di blog selanjutnya!

Pengenalan HTML

Halo! IT Corner hari Rabu ini adalah corner pertama untuk calon Gen 15 bagi yang memilih untuk corner hari Rabu. Jadi, mulai dari blog ini, saya dan semua Gen 14 bertugas untuk mengajari adik kelas. Nah, kita buat apa saja tadi? Sesuai judulnya, teman-teman saya dari Gen 14 dan beberapa dari Gen 13 mengenalkan program kepada adik-adik. Mereka mengenalkan tentang HTML seperti struktur-strukturnya dan lain-lain. Selain itu, mereka juga mengenalkan sedikit tentang CSS, JavaScript serta belajar sedikit tentang heading <h1> dan paragraf <p>. Oh iya, hari ini saya bertugas untuk mendokumentasi kegiatan IT Corner hari ini. Sampai sini dulu untuk pengenalan HTML. Sampai jumpa di blog selanjutnya!

IT Wajib | 13 Juni 2025

Halo! IT Wajib hari ini saya dan teman-teman saya menyiapkan lab komputer 2 untuk daftar ulang SPMB. Di sana, saya membantu setup komputer dan memperbaiki beberapa yang rusak. Tapi yang paling sering itu mengecek keyboard dan mouse dan menyortirnya. Intinya ya bersih-bersihkan dan menyiapkan lab komputer untuk daftar ulang nanti. Itu saja untuk blog IT Wajib ini. Selamat jumpa di blog selanjutnya!

Classes | JavaScript

  Halo! IT Corner Rabu ini materinya adalah classes dalam JavaScript. Class itu adalah sebuah template atau blueprint untuk membuat objek. Class ini mendefinisikan struktur, data, dan sifat objek. Class menggunakan keyword 'class' untuk membuatnya. Di dalam class tersebut, terdapat keyword 'constructor' yang meninitialisasikan properti atau variabel class tersebut. Selain itu, juga ada method atau function di dalam class itu. Seterusnya, ada keyword 'new' untuk membuat instansi baru dari sebuah class. Salah satu contohnya adalah penulisan blogger saya. Kalau kalian perhatian cara penulisannya, pasti pembukaan dan penutupan hampir selalu sama. Nah, kita pakai ilustrasi ini dan menjadikannya sebuah class. Berikut contohnya: class Blogger {   constructor(isi) {     this.pembukaan = "Halo";     this.isi = isi;     this.penutup = "Selamat jumpa";   }   tulis() {     console.log(this.pembukaan);     console.log(this.isi); ...