Komputer Grafik
dan
Visualisasi Data
Tools: Processing untuk implementasi Komputer Grafik
Dwi Harini Sulistyawati
Apa itu Processing ?
Apa Itu Processing ?
Processing adalah bahasa pemrograman dialek
Java, sebuah graphic library, dan lingkungan
pengembangan (Development Environment)
Pertama kali dikembangkan tahun 2001 di MIT oleh
Aesthetic Computation Group
Website Resmi : [Link]
Kenapa memakai Processing ?
Kenapa Processing ?
Sudah memiliki banyak fitur terkait implementasi
komputer grafik:
Grafik primitif
Grafik interaktif
Pilihan Rendering Graphic Library (Java 2D,
OpenGL(P2D, P3D), FX2D)
Mendukung pemrograman dasar, prosedural,
atau berorientasi objek (OOP)
Implementasi berbagai bidang Komputer Grafik
Processing sangat mudah untuk dipelajari
Karena memang didesain untuk para
artist/seniman yang minim kemampuan
pemrograman
Kenapa Processing ?
Kapabilitas untuk membuat program mulai dari yang
paling sederhana sampai yang cukup kompleks
(simulasi misalnya)
Bisa melakukan deployment program untuk 3
platform OS: Windows, Linux, dan Mac OS
Bisa dibuat sebagai Java Applet untuk program di
internet
Juga memiliki library tersendiri untuk JavaScript ([Link])
dan Python ([Link])
Kenapa Processing ?
Memiliki IDE (Integrated Development Environment)
nya sendiri yang sudah tergabung dalam binary-nya
Dokumentasi API (Application Programming
Interface) sudah cukup lengkap:
[Link]
Bisa dieksport dalam bentuk program Java untuk
pembuatan program dengan skala besar
Bisa di-embed di peralatan elektronik
Gratis dan Open Source
Overview
Overview
Processing terdiri dari:
The Processing Development Environment (PDE)
sebagai IDE tempat memprogram Processing
Kumpulan fungsi-fungsi bawaan sebagai
graphic library inti dari Processing dan fungsi-
fungsi ekstensi untuk melakukan hal-hal seperti
membaca video, atau mengeksport hasil ke
dalam file PDF
Bahasa pemrograman yang mirip Java
Komunitas online di [Link]
Sistem Koordinat Processing
“Hello World” Processing
line(15, 25, 90, 90);
“Hello World” Processing
fill(0);
textSize(32);
text("Halo !", 10, 30);
Tampilan IDE Processing
IDE Processing/ PDE
Program tidak perlu disimpan untuk dijalankan
Jika disimpan, Processing akan membuat folder
sesuai nama program yang kita tentukan, di dalam
folder tersebut juga terdapat file .pde yang
bernama sama
Proses File di Processing
Processing
Code (.pde)
Java Code
(.java)
Preprocessor
(Processing)
Bytecode
(.class)
Compiler
(Javac)
JVM
Eksekusi (Java Virtual
Machine)
Pemrograman Processing
Variables
type name;
Basic types
byte, short, int(178), long (8864L), float
(37.266F), double (37.266/26.77e3), char (‘c’), boolean
(true/false)
Arrays
byte[ ] array;
Inisialization
type name = value;
Constants
final type variable = value;