Pages

Showing posts with label komputer. Show all posts
Showing posts with label komputer. Show all posts

Thursday, July 24, 2025

Membuat Text Input

Bismillahirrahmanirrahim.

<- Membuat Multiverse| Membuat Game Balon Matematika ->

Fitur text input sebenarnya sudah tersedia di Builtin Library (Beta) jika kita menggunakan Wick Editor secara online (lewat website). Catatan ya, kalau mau simpel ya pakai saja Wick Editor lewat website karena asset-nya memang tersedia online. Kalau mau buat sendiri, lanjutkan baca tulisan ini (agak ribet sih hehe)

Mengikuti Mouse

Bismillahirrahmanirrahim.

<- Mengenal Komponen di Wick Editor | Membuat Multiverse ->

Kali ini kita akan coba buat karakter yang ada di stage mengikuti mouse saat kita gerakkan, hasilnya seperti ini:


Ikuti langkah-langkah berikut:

1. Tambahkan Objek (Karakter)

Buat atau gambar karakter di Stage (bisa lingkaran, gambar, dll). Pada tutorial ini saya menggunakan logo Kak Alif

Klik objek tersebut.

Buka panel Inspector → beri nama instance, misalnya: kakaliflogo  

2. Tambahkan Script di Frame (Update Event)

Klik frame (di Timeline) atau klik gambar (di Stage)

klik frame

klik gambar di stage


 Di panel Scripts, pilih add script-Timeline-Update

Tulis kode berikut:

kakaliflogo.x = mouseX;
kakaliflogo.y = mouseY; 


Ini akan membuat karakter langsung berpindah ke posisi mouse setiap frame.

Setelah itu, tutup Code Editornya, lalu tekan CTRL+SAVE ya. Setelah itu tekan tombol Play yang berwarna hijau


 Berikut hasilnya:

Tekan tombol Pause untuk menghentikan preview-nya.

Langkah terakhir adalah menyimpannya dalam bentuk html:

Pilih menu export yang ada pada pojok kanan atas, lalu pilih Interactive-Export HTML

๐ŸŽฎ Coba Aplikasi di Browser: ๐Ÿ‘‰ https://teknoalif.github.io/wickeditor-kakalif-mengikutimouse

๐Ÿ“ Lihat Kode Sumber & File Proyek di GitHub: ๐Ÿ‘‰ https://github.com/teknoalif/wickeditor-kakalif-mengikutimouse

Semoga Allah memberikan taufik-Nya kepada kita semua.

Mengenal Komponen di Wick Editor

Bismillahirrahmanirrahim.

<- Aplikasi Pertama Saya di Wick Editor | Mengikuti Mouse ->


๐ŸŽจ 1. Stage

Area kerja utama tempat objek ditampilkan dan diatur.

๐Ÿ•’ 2. Timeline

Mengatur urutan animasi dan layer dengan keyframe.

๐Ÿ“š 3. Asset Library

Penyimpanan aset seperti gambar, suara, dan simbol.

✏️ 4. Tools

Alat menggambar: select, brush, bentuk, teks, dsb.

๐Ÿง  5. Inspector Panel

Menampilkan dan mengatur properti objek (posisi, ukuran, nama, warna).

๐Ÿ’ป 6. Script Editor

Menulis kode interaktif (JavaScript) untuk objek atau frame.

๐Ÿงฉ 7. Wick Object / Clip

Objek reusable seperti "movie clip" di Flash.

๐ŸŽฌ 8. Playback Controls

Tombol Play/Stop untuk menguji animasi/interaksi.

๐Ÿ“ฆ 9. Export Options

Ekspor proyek ke HTML, GIF, video, atau file .wick.

๐Ÿ”„ 10. Save & Load

Simpan proyek atau buka kembali file .wick

Perkenalan Wick Editor

Bismillahirrahmanirrahim.

<- Daftar Isi | Aplikasi Pertama Saya di Wick Editor -> 

 

✨ Apa Itu Wick Editor?

Wick Editor adalah perangkat lunak bebas berbasis web untuk membuat animasi 2D, media interaktif, dan aplikasi sederhana. Tidak perlu instalasi—cukup buka wickeditor.com, dan kamu bisa langsung mulai menggambar, menambahkan animasi, serta menulis skrip interaktif dengan JavaScript. 

 

Wick Editor juga tersedia dalam versi offline, sehingga tetap bisa digunakan meskipun tanpa koneksi internet. Alamat website untuk mengunduh Wick Editor bagi kalian yang mau menggunakannya tanpa internet: LINK. Unduh versi desktop (offline editor) untuk GNU/Linux, Windows, atau macOS.

Bisa dibilang, Wick Editor adalah penerus semangat Flash, tetapi lebih sederhana, ringan, dan terbuka untuk semua kalangan, termasuk pemula dan pendidik.

๐Ÿ” Kenapa Wick Editor?

Setelah Flash MX tidak lagi bisa digunakan secara legal, banyak kreator kecil, guru, dan pelajar kehilangan alat sederhana untuk membuat animasi interaktif. Wick Editor hadir untuk mengisi kekosongan itu.

Beberapa alasan kenapa saya memilih Wick Editor:

  • Perangkat Lunak Bebas (lisensi: GNU General Public License v3)

  • Berjalan langsung di browser (tidak perlu install)

  • Antarmuka mirip Flash, mudah dipahami

  • Dukungan skrip interaktif dengan JavaScript

  • Langsung bisa ekspor ke HTML atau file video

๐Ÿงช Aplikasi Pertama Saya

Sebagai percobaan pertama, saya membuat aplikasi sederhana bernama:

Aplikasi Matematika Pertamaku

Aplikasi ini mengenalkan konsep dasar operasi hitung matematika dengan soal sederhana: 2 + 1 × 0 = ?. Pengguna dapat menjawab dengan menekan angka pada keyboard, dan aplikasi akan menampilkan:

  • Benar → jika jawaban sesuai
  • Salah → jika jawaban keliru

๐Ÿ“ฆ Ekspor Jadi HTML & Upload ke GitHub

Hasil proyek bisa langsung diekspor dalam format .html. Saya unggah ke GitHub dan menyajikannya secara publik melalui GitHub Pages.

Dengan begini, aplikasi bisa dibuka di mana saja melalui browser tanpa harus install apa pun.

๐ŸŽฏ Siapa yang Cocok Menggunakan Wick Editor?

  • Pelajar & Mahasiswa yang ingin belajar dasar animasi & pemrograman

  • Guru yang ingin membuat media pembelajaran interaktif

  • Desainer yang butuh alat ringan untuk membuat prototipe

  • Mantan pengguna Flash MX yang kangen masa lalu ๐Ÿ˜„

๐Ÿ”š Penutup

Wick Editor bukan hanya alat pengganti Flash, tapi juga pintu masuk baru ke dunia kreatif digital yang lebih modern dan terbuka. Jika kamu pernah membuat sesuatu dengan Flash, kamu pasti akan tersenyum saat mencoba Wick. Dan kalau kamu baru pertama kali menyentuh alat semacam ini—percayalah, kamu sedang memulai sesuatu yang menyenangkan.

Daftar Isi Wick Editor

Bismillahirrahmanirrahim.

Perkenalan Wick Editor ->


 Berikut adalah daftar isi untuk mempelajari Wick Editor dari Nol

  1. Perkenalan Wick Editor
  2. Aplikasi Pertama Saya
  3. Mengenal Komponen Wick Editor
  4. Membuat Karakter Mengikuti Mouse
  5.  

terakhir diperbaharui: Kamis 28 Muharram 1447 (24 Juli 2025) 

Saturday, July 19, 2025

Menyiapkan Alat dan Bahan

 Bismillahirrahmanirrahim.

<- Perkenalan Python | Menjalankan Python ->

Persyaratan minimum

ALAT: PC atau Laptop

BAHAN: File master Python

CARA MENYIAPKAN:

Sebelum kalian menggunakan Python, kalian harus mengunduh file masternya lalu meng-install-nya di PC atau Laptop. Saat ini, versi terakhir dari Python yaitu 3.13.5. 

1. Kunjungi alamat website python

2. Pilih Download (sesuaikan dengan sistem operasi anda)

Jika OS kalian Windows, silahkan unduh sesuaidengan arsitektur laptop kalian (64-bit atau 32-bit).  Catatan: untuk pengguna Windows 7 atau versi sebelumnya hanya bisa meng-install versi 3.8.

 

Setelah download selesai, kalian akan dapat file python-3.13.5-amd64.exe.File python-3.13.5-amd64.exe adalah file master untuk python. FIle ini akan melakukan instalasi ke sistem Windows. Silahkan klik ganda untuk mengeksekusinya

Pada tahap ini kita akan diminta untuk memilih Install Now atau Customize Installation. Silahkan centang "Add python.exe to PATH" agar python dapat diakses dari Command Prompt (CMD) atau terminal secara langsung. Berikutnya silahkan klik Install Now

 Tunggu sampai proses install-nya selesai

Jika sudah selesai, tampilannya seperti ini.

Silahkan klik Close  
 

Berikutnya, kita coba dulu membuka IDLE (Python 3.13 64-bit). Silahkan buka Start Menu kemudian cari IDLE

Begini tampilannya

Kemudian kita coba Python dari Command Promt (CMD). Silahkan buka Start Menu kemudian cari Command Promt (CMD)

Setelah CMD terbuka, ketik perintah python untuk masuk ke Python Shell dari CMD

Berhasil :)


Jika kalian pengguna GNU/Linux, misalnya distro Kubuntu 20.04 maka python sudah ter-install secara bawaan saat kita install Kubuntu 20.04. Silahkan cek melalui terminal dengan perintah:

    python3 --version

Jika belum ter-install, maka silahkan buka terminal lalu masukkan perintah:

    sudo apt-get update

    sudo apt-get install python3

Untuk mengetahui apakah python sudah terinstall atau belum, silahkan cek melalui Terminal/Konsole dengan mengetikkan kode: python3 --version

Ini python versi 3.11.13 di GNU/Linux distro Kubuntu 20.04  


Berikut contoh kode python:

print("Bismillah belajar python") dengan menggunakan teks editor KATE

Monday, July 7, 2025

Perkenalan Python

 Bismillahirrahmanirrahim.

<- Daftar Isi | Menyiapkan Alat dan Bahan -> 

Bahasa Pemrograman yang Mudah dan Seru

Pada tulisan ini kita akan kenalan dengan Python, salah satu bahasa pemrograman yang paling populer di dunia. Banyak orang menggunakan Python, mulai dari pelajar, guru, sampai perusahaan besar teknologi.

Logo device only
https://www.python.org/community/logos/

Apa Itu Python?

Python is powerful... and fast; plays well with others; runs everywhere; is friendly & easy to learn; is Open (https://www.python.org/about/).
 
Python adalah bahasa pemrograman yang dibuat untuk memudahkan kita menulis program. Bahasa ini seperti bahasa Inggris, jadi mudah dibaca dan ditulis. Bahasa pemrograman ini dibuat pada tahun 1991 oleh Guido van Rossum. Sampai saat ini Python masih dikembangkan oleh Python Software Foundation. Bahasa Python mendukung hampir semua sistem operasi, bahkan untuk sistem operasi seperti GNU/Linux, hampir semua distronya sudah menyertakan Python di dalamnya (https://belajarpython.com/tutorial/apa-itu-python/). 

Dengan Python, kita bisa membuat:
  1. Games ๐ŸŽฎ
  2. Aplikasi Desktop ➕➖
  3. Website ๐ŸŒ 

Kenapa Harus Python?

  1. Mudah Dipelajari. Python dibuat supaya gampang dibaca dan ditulis. Jadi pas belajar, kita tidak pusing melihat banyak kode.
  2. Multifungsi. Bisa untuk sains, game, web, dan lainnya.
  3. Sintaks Sederhana. Tidak banyak tanda aneh, mirip bahasa sehari-hari.
  4. Banyak Digunakan. Karena populer, banyak video, buku, dan website yang ngajarin Python dari dasar.

Contoh Program Python

Ini contoh program sederhana di Python untuk menampilkan tulisan Bismillah di konsole GNU/Linux distro Kubuntu 20.04.6 LTS:

 
print("Bismillah")

Ketika dijalankan, komputer akan menampilkan:

Bismillah

Mari mulai belajar Python, karena dengan Python kita bisa berkreasi dan membuat banyak hal keren, insya Allah.

Website resmi: https://www.python.org/ 

Unduh tulisan ini dalam format [PDF ] [ODT ]

 

****


<- Daftar Isi | Menyiapkan Alat dan Bahan ->  

Friday, July 4, 2025

Selamat Datang di Tekno Alif

 Bismillahirrahmanirrahim.

 Selamat datang di situs web Tekno Alif di blogspot.