Creative Coding dan Tempatnya di Lingkup Edukasi

Di era sekarang, tren pendidikan tidak lagi hanya berfokus pada STEM (Science, Technology, Engineering, Mathematics), tetapi berkembang menjadi STEAM dengan penambahan unsur Arts. Kombinasi antara pengetahuan teknis dan kreativitas menjadi penting dalam dunia pendidikan.

Jurnal penelitian oleh Teresa Terroso dan Mario Pinto berjudul “Programming for Non-Programmers: An Approach Using Creative Coding in Higher Education” menunjukkan bahwa belajar programming kerap menjadi tantangan, bahkan bagi mahasiswa Computer Science. Kesulitan itu muncul karena metode belajar yang statis, terlalu berfokus pada sintaks dan bahasa, bukan pada proses berpikir dan eksplorasi.

Untuk mengatasinya, para peneliti mengusulkan pendekatan berbasis proyek seperti game design, gamifikasi, dan creative coding. Pendekatan terakhir ini dinilai efektif untuk membantu pelajar non-IT memahami logika pemrograman dengan cara yang lebih ekspresif, interaktif, dan menyenangkan.

Konsep creative coding di dunia pendidikan menunjukkan bahwa belajar kode tidak harus kaku atau membosankan. Ia bisa menjadi proses kreatif, sebuah bentuk eksplorasi yang memadukan logika dan imajinasi. Menariknya, semangat yang sama kini hadir di dunia digital, di ranah web. Tempat para developer dan desainer menciptakan karya interaktif yang fungsional sekaligus artistik.

Website Sebagai Media Kreatif

Situs web menjadi salah satu medium penting dalam creative coding. Dengan memanfaatkan browser sebagai kanvas, para creative coder melukis dengan logika, animasi, dan interaktivitas. Fungsinya kini melampaui sekadar menyampaikan informasi, tapi menjadi media untuk mengekspresikan emosi dan ide kreatif.

Melalui HTML5 canvas dan WebGL, web dapat berubah menjadi ruang seni generatif, tempat pola dan bentuk lahir dari algoritma. Framework seperti Three.js memungkinkan pengalaman 3D yang imersif, sedangkan p5.js mengubah angka dan data menjadi karya visual yang interaktif. Bahkan melalui shader programming (GLSL), para kreator dapat mengatur setiap pixel secara langsung untuk menciptakan efek visual yang dinamis dan organik.

Pengaruh Creative Coding ke Website Modern

Pada awal kemunculannya, web hanya berfungsi sebagai ruang informasi statis. Namun, seiring berkembangnya teknologi dan kemampuan browser, web berevolusi menjadi medium storytelling yang kaya.

Semangat creative coding kini tercermin dalam cara kita merancang dan membangun web modern. Platform seperti Awwwards atau FWA menampilkan banyak situs yang menggabungkan logika pemrograman dengan estetika visual melalui teknologi seperti GSAP, WebGL, Three.js dan lainnya.

Perkembangan ini melahirkan era baru web yang lebih ekspresif. Mulai dari transisi halaman, microinteractions, elemen yang bereaksi terhadap kursor, atau animasi berbasis scroll kini menjadi bagian dari narasi dan identitas digital suatu merek. Situs web modern tak lagi hanya dilihat, namun memberikan pengalaman yang inovatif, imersif, dan berkesan.

Beberapa contohnya dapat dilihat di:

1. Igloo inc

   

2. Hut 8

   

3. Opal Tadpole

   

Tiga situs yang ditampilkan di https://www.awwwards.com/ yang menunjukkan bagaimana kode di website menjadi wadah storytelling yang memikat.

Singkat kata..

Creative coding adalah jembatan antara seni dan teknologi, cara baru memandang kode sebagai sarana ekspresi, bukan sekadar alat.

Dalam pendidikan, creative coding dapat menjadi jalan untuk belajar pemrograman melalui proyek kreatif, yang tidak hanya mengajarkan logika, tetapi menumbuhkan rasa ingin tahu dan eksplorasi.

Filosofi creative coding yang berakar pada eksplorasi kini juga tercermin dalam pendekatan desain situs modern. Dari motion design, interaktivitas, hingga storytelling. Potensi website pun kini menjadi luas: dinamis, ekspresif, dan penuh kemungkinan.

 Referensi: 

1. https://timrodenbroeker.de/what-is-creative-coding/
2. https://brain2.edusoft.ro/index.php/brain/article/view/845
3. https://drops.dagstuhl.de/storage/01oasics/oasics-vol102-icpec2022/OASIcs.ICPEC.2022.13/OASIcs.ICPEC.2022.13.pdf
4. https://dpdk.com/stories/importance-creative-coding-creating-digital-experiences