Ahlan wa sahlan !

Ahlan wa sahlan...
TIKmawar adalah blog TIK untuk guru dan siswa yang ingin memahami teknologi secara logis, praktis, dan menyenangkan. Bareng Bu Mawar, kita akan belajar TIK tidak hanya klik-klik, tetapi juga memahami maksudnya .

Membuat Gambar Pixel


 

Kamu kalau lagi bosan ngapain?

daripada main games kenapa ga buat game asset aja?

Selain mengusir kebosanan, jika beruntung bisa laku dijual loh!

Bagaimana caranya?

Dengan membuat gambar pixel. Ada banyak aplikasi untuk membuat gambar pixel yang gratisan. Misalnya pixel studio.

Gambar pixel ini bisa juga jadi sticker pack.

Ingat ya.... jangan membuat sesuatu yang dilarang oleh norma agama maupun hukum. 

Kamu bisa sesuaikan agar tidak melanggar aturan yg ada. Misalnya membuat pixel makanan, bunga, pemandangan, benda dan sebagainya.

Seperti yang Bu Mawar buat. Awalnya iseng buat burger dengan pixel 32bit . Lalu, isengnya bertambah jadi buat animasi gif : burgernya dimakan wkwkwkwk..

Untuk resolusi biasanya yang aman menggunakan 32x32 px. Tapi kalau mau tidak pecah gambarnya saat kamu posting di pinterest (misal), bisa kamu tingkatkan jadi 512x512 px. 

Ok, selamat mencoba!

sst.. InsyaAllah Bu Mawar jg akan berbagi tentang aplikasi Inkscape. ditunggu ya!

klik disini jika ingin versi lengkap gif dan png-nya. 

Color atau Colour?

 Sering terjadi kesalahpahaman dalam penggunaan bahasa, Bu Mawar jadi bingung kasih nilainya karena sebetulnya maknanya sama cuma cara penulisannya yang berbeda.

Jadi, di dalam teknologi dan komputer itu menggunakan bahasa inggris Amerika (US), bukan Bahasa Inggris Britain (UK).

Spesifikasi HTML, CSS, JavaScript, dan RFC internet dibuat oleh organisasi Amerika (W3C, WHATWG, dll.).
Karena itu penamaan mengikuti bahasa inggris US, bukan UK.

Kesalahan yang paling sering muncul :

Penulisan Benar (Standar Teknologi – US) Salah (Gaya UK atau umum dipakai sehari-hari) Catatan
color colour CSS tidak mengenali colour.
center centre Termasuk atribut HTML lama center dan di CSS: text-align: center.
analyze analyse Dipakai pada bahasa pemrograman, tool analitik.
synchronize synchronise Dipakai dalam API, method, library.
initialize initialise Termasuk init, initializer, dsb.

Untuk penulisan CSS juga masih banyak yang salah, berikut contohnya :
Benar Salah Keterangan
background-color backgroundcolour Harus pakai tanda -.
font-size fontsize / font size Wajib pakai hyphen.
text-align textalign Salah karena tidak ada hyphen.
border-radius borderradius Harus pakai hyphen.
padding-left paddingleft Hyphen wajib.

Untuk penulisan HTML yang sering salah :
Benar Salah
attribute atribute / atribut
element elemen / elemment
DOCTYPE DOCKTYPE
src scr
href hreff / href=“#” tanpa tanda kutip

Untuk kesalahan istilah dalam komputer, contohnya :
Benar Salah Catatan
keyboard keybord / keyboar
software sofware / softwere
hardware hardwere
database data base Dalam TIK: 1 kata.
website web site Teknis modern = 1 kata.

Kesalahan pada bahasa pemprograman, contohnya :
Benar Salah Kenapa salah
boolean boolen / bolean Harus lengkap.
function funtion / fucntion Typo fatal.
return retrun Tidak dikenali compiler.
import imoprt Typo umum.

Apa lagi ya? silahkan lanjut di komentar

Enkripsi Caesar

Pernah salah ketik password tiga kali terus terkunci?
Itu bukan karena laptop marah.
Itu karena enkripsi melindungi datamu dari orang iseng.

Penasaran tentang enkripsi? hmm.. serasa film detektif membongkar enkripsi seperti hacker.

Apa itu enkripsi?

Enkripsi adalah proses mengubah pesan asli (plaintext) menjadi bentuk tidak terbaca (ciphertext) agar isi informasi tetap aman saat dikirim. Hanya pihak yang memiliki kunci (key) yang dapat mengembalikan ciphertext menjadi pesan asli melalui proses dekripsi.

Tujuannya apa?

  • Menjaga kerahasiaan informasi agar tidak dibaca pihak yang tidak berwenang.
  • Melindungi data selama proses pertukaran di jaringan.
  • Menghindari penyalahgunaan informasi oleh pihak luar.

Enkripsi bekerja dengan dua komponen utama:

  • Plaintext → Pesan asli.
  • Ciphertext → Pesan yang sudah disandikan.
  • Kunci (key) → Angka/aturan tertentu yang digunakan untuk mengubah plaintext menjadi ciphertext.
  • Proses dekripsi → Mengubah ciphertext kembali menjadi plaintext.

Enkripsi memastikan hanya penerima yang memiliki kunci benar yang dapat membaca pesan.

Jenis Enkripsi

A. Enkripsi Sederhana / Substitusi

Metode dasar seperti:

  • Caesar Cipher → Menggeser huruf sejumlah langkah tertentu.
  • Metode penggantian simbol → Setiap huruf diganti huruf lain atau simbol tertentu.

B. Enkripsi Modern

Komputer menggunakan algoritma yang lebih kuat, seperti AES dan RSA, untuk melindungi data digital.
Ciri-cirinya:

  • Menggunakan operasi matematika kompleks.
  • Sangat sulit dipecahkan tanpa kunci.
  • Digunakan pada aplikasi sehari-hari (WhatsApp, HTTPS, e-commerce).

Contoh Penggunaan Enkripsi dalam Kehidupan Sehari-hari

  • Mengamankan komunikasi chat.
  • Mengamankan transaksi belanja online.
  • Mengamankan penyimpanan data di cloud.
  • Pengiriman password melalui jaringan internet.

Kelebihan Enkripsi

  • Menjaga kerahasiaan data selama dikirim.
  • Menjaga keamanan data saat data dipindahkan ke penyimpanan cloud,
  • seperti Google Drive dan iCloud
  • Mencegah pencurian informasi.
  • Mengurangi risiko serangan siber
  • Dipakai di hampir semua sistem digital modern.

Kekurangan Enkripsi

  • Metode lemah (seperti Caesar) mudah dibobol.
  • Enkripsi kuat memerlukan komputasi besar dan algoritma yang rumit.
  • Jika kunci hilang, data tidak dapat dipulihkan.

Enkripsi Caesar (Caesar Cipher)

Dahulu, orang Romawi menggunakan Sandi Chaesar.
Enkripsi Caesar adalah metode penyandian teks dengan cara menggeser setiap huruf sejumlah langkah tertentu dalam alfabet.



Contoh: Geser 3 → A menjadi D, B menjadi E, dan seterusnya.

Cara Kerja

  1. Tentukan kunci (key) berupa jumlah pergeseran.
  2. Setiap huruf pada pesan asli digeser maju atau mundur sesuai kunci.
  3. Huruf terakhir akan berputar kembali ke A (modulo 26).
  4. Hasilnya adalah pesan terenkripsi (ciphertext).

Bagaimana Cara Membedakan Animasi dan Transisi?

 Dari pengalaman ASAS kmrn, ada beberapa yang terbalik antara transisi dan animasi.

Ok, kita bahas ya perbedaan transisi dan animasi. Kenapa kok bisa terbalik?

Animasi = efek untuk OBJEK di dalam slide

Contoh: teks, gambar, shape.

Ciri-ciri:

  • Dipakai pada kata/kalimat/gambar, bukan slide.

  • Ada kategori: Entrance, Emphasis, Exit, Motion Path.

  • Contoh: Fade In, Appear, Fly In, Pulse, Spin, Fade Out, Zoom, Wipe.

Kalau yang bergerak hanya isi slide, itu berarti animasi.

Transisi = efek perpindahan ANTAR slide

Contoh: slide 1 pindah ke slide 2.

Ciri-ciri:

  • Hanya terjadi saat pindah ke slide berikutnya.

  • Tidak bisa diterapkan ke objek tertentu.

  • Contoh: Fade (transisi), Morph, Wipe, Push, Split, Cube, Zoom, Cut.

“Kalau efeknya muncul saat pindah slide, itu transisi.”

Kenapa bisa tertukar?

Biasanya karena beberapa nama sama tetapi kategori berbeda:

Nama
Fade (Animasi)Untuk objek (Fade In / Fade Out)
Fade (Transisi)Perpindahan antar slide

Cara mengingatnya:

  • Fade In / Fade Out → pasti animasi

  • Fade tanpa “in/out” di tab Transitions → transisi

Semoga penjelasan ini cukup dimengerti ya, kalau ada pertanyaan lagi silahkan di kolom komentar.