Pengantar Code Elements di Processing

antonius angga kurniawan • feb.
27, 2020
UNIVERSITAS GUNADARMA
antonius angga kurniawan • feb. 27, 2020
PENGENALAN
PROCESSING
M1 - Algoritma & Pemrograman 2 (Processing)
Focus areas
Presentation - Pengenalan Processing
Highlights - Installasi Processing

- Interface pada Processing
pENGENALAN processing
processing
Processing menghubungkan konsep perangkat lunak
dengan prinsip-prinsip dari bentuk visual,
gerak, dan interaksi. Processing
mengintegrasikan bahasa pemrograman, development
environment, dan metodologi pengajaran ke dalam
sistem terpadu.
Processing diciptakan untuk mengajarkan dasar-

dasar pemrograman komputer dalam konteks visual, antonius angga kurniawan •
berfungsi sebagai software sketchbook, dan feb. 27, 2020
digunakan sebagai production tools.

pENGENALAN processing
processing
Digunakan oleh pelajar, seniman, desainer,
peneliti, dan hobbyist untuk belajar, membuat
prototipe, dan produksi.
antonius angga kurniawan •

feb. 27, 2020
Sketching and Prototyping
lingkungan
processing
Flexibility
Family Tree
sketching and prototyping

Cara awal seseorang menuangkan buah pikiran dengan tujuan memvisualisasikan
pemikiran dan merealisasikannya dalam waktu yang singkat. Kita dapat membuat
sketsa awal di atas kertas dan kemudian memindahkannya ke dalam code. Setelah
membuat beberapa sketsa, ide-ide terbaik dipilih dan digabungkan menjadi
Prototype.
Flexibility
Sama seperti halnya perangkat lunak,
Processing terdiri dari banyak tools yang
bekerja bersama dalam kombinasi yang
berbeda.
Lebih dari 100 library yang disediakan,

seperti suara, komputer vision, dan lain-
lain.
Dengan begitu, banyak informasi yang dapat

mengalir ke dalam ataupun keluar dari
processing.
family tree
Seperti halnya manusia, bahasa pemrograman
juga memiliki keluarga besar bahasa yang
memiliki keterkaitan.
Processing menggunakan bahasa Java, sintaks

nya hampir mirip. Tetapi Processing
menambahkan fitur khusus yang berkaitan
dengan grafik dan interaksi.
Oleh karena itu, belajar Processing adalah

langkah awal untuk belajar bahasa
pemrograman lain dan menggunakan perangkat
lunak yang berbeda.
LINGKUNGAN PEMROGRAMAN
Lingkungan Pemrograman Processing terdiri dari teks editor terintegrasi
dan jendela tampilan untuk menampilkan program. Jika tombol “run”
ditekan, program akan mengkompilasi dan berjalan di jendela grafis
(jendela tampilan). Dari jendela lingkugan utama, bisa menjalankan,
menghentikan, menyimpan, membuka, dan mengeksport file.
Processing
SISTEM KOORDINAT
Processing menggunakan sistem
koordinat kartesian dengan titik
asal terletak di sudut kiri-atas.
Bila program berukuran lebar 320
piksel dan lebar 240 piksel, maka
koordinat [0, 0] terletak di kiri-
atas dan koordinat [320, 240]
terletak di kanan bawah.
MODE STATIK
Mode Statik digunakan untuk membuat gambar statik.
Mode
pemrograman
MODE AKTIF
Mode Aktif menyediakan bagian setup() opsional yang akan
berjalan ketika program mulai berjalan. Bagian draw()
akan berjalan selamanya sampai progam dihentikan. Contoh
ini menggambar segi empat yang mengikuti posisi mouse
(disimpan dalam variabel mouseX dan mouseY).
Mode
pemrograman
MODE JAVA
Mode Java adalah yang paling fleksibel, namun tidak
tersedia sampai dengan rilis Processing 1.0 Beta. Mode
ini memungkinkan menulis program Java secara lengkap di
dalam Lingkugan Processing.
Mode
pemrograman
https://processing.org
/download/
Processing dapat di download pada URL di
atas dan bisa menggunakan platform Windows,
Linux, atau Mac OS.
eKSTRAKSI FILE .ZIP Installasi

Setelah berhasil download, lakukan
ekstraksi pada file zip yang sudah
Processing
didownload.
Run
Jika sudah selesai diekstrak, masuk ke
dalam folder hasil ekstraksi, kemudian
jalankan file processing.exe
Tampilan
processing
Processing Development Environment (PDE)

terdiri dari editor teks sederhana untuk
menulis kode, area pesan, konsol teks, tab
Processing
untuk mengelola file, toolbar untuk
development
environment
menjalankan beberapa perintah umum, dan
serangkaian menu. Ketika program
dijalankan, processing membuka jendela baru
yang disebut jendela tampilan.
RUN
Mengkompilasi kode, membuka jendela tampilan, dan
menjalankan program di dalamnya.
STOP
Menghentikan program yang sedang berjalan dan menutup
jendela tampilan.
NEW
Membuat Sketch baru.
toolbar
OPEN
Menyediakan menu dengan opsi untuk membuka file dari
sketchbook, membuka contoh, atau membuka sketsa dari mana
saja di komputer atau jaringan Anda.
SAVE
Menyimpan sketch saat ini ke lokasi saat ini. Jika Anda
ingin memberi sketch nama yang berbeda, pilih "Save As"
dari menu File.
EXPORT
Mengekspor sketsa saat ini sebagai applet Java yang
tertanam dalam file HTML.
FILE
Menu untuk mengelola dan mengekspor file
EDIT
Kontrol untuk editor teks (Undo, Redo, Cut, Copy, Paste,
Find, Replace, dll.)
SKETCH
menu Menu untuk menjalankan dan menghentikan program dan

menambahkan file media dan library code.
TOOLS
Menu untuk membantu dalam menggunakan Processing
(pemformatan kode otomatis, membuat font, dll.)
HELP
Menu yang digunakan sebagai file referensi untuk
lingkungan dan bahasa.
Code Elements
Unit ini memperkenalkan elemen dan
kosa kata paling dasar untuk menulis
perangkat lunak.
Before starting to write code, harus

tau perbedaan mendasar:
Menulis Program Komputer
Menulis Email atau,
Menulis Essay

Biasanya komentar diabaikan oleh komputer

tetapi penting bagi manusia. Komentar
digunakan untuk menuliskan catatan untuk
diri sendiri atau orang lain pada saat
membaca sebuah program.
Komentar yang baik berfungsi sebagai

pengingat ketika Anda mengunjungi kembali
suatu program dan komentar dapat
menjelaskan pemikiran Anda kepada orang
yang sedang membaca kode Anda.
Comments Karena biasanya kode program sulit diingat maka digunakan

komentar.
Fungsinya memungkinkan untuk menggambar

bentuk, mengatur warna, menghitung angka,
dan menjalankan banyak jenis fungsi
lainnya.
Nama fungsi biasanya berupa huruf kecil

diikuti oleh tanda kurung. Elemen yang
dipisahkan koma diantara tanda kurung
disebut parameter, dan mereka memengaruhi
cara fungsi bekerja. Beberapa fungsi
tidak memiliki parameter dan lainnya
memiliki banyak.
Functions
Ekspresi perangkat lunak seringkali

merupakan kombinasi dari operator seperti
+, *, dan / yang beroperasi pada nilai di
sebelah kiri dan kanannya. Ekspresi
perangkat lunak dapat menjadi dasar
sebagai nomor tunggal atau dapat
merupakan kombinasi elemen yang panjang.
Ekspresi selalu memiliki nilai,
ditentukan dengan mengevaluasi isinya.
Expressions, Statements
Dalam banyak bahasa pemrograman, beberapa

bagian bahasa harus ditulis dengan huruf
besar dan yang lain harus lebih kecil.
Processing membedakan antara huruf besar
dan huruf kecil, oleh karena itu, menulis
"Size" ketika Anda bermaksud menulis
"size" menciptakan suatu kesalahan atau
error. Anda harus tepat mematuhi aturan
kapitalisasi.
Case Sensitive
Dalam banyak bahasa pemrograman, termasuk

Processing, mungkin ada ruang kosong di
antara elemen-elemen program. Berbeda
dengan sintaks yang ketat dari statement
terminator, spasi tidak masalah.
Whitespace
Ketika perangkat lunak berjalan, komputer melakukan

operasi dengan kecepatan yang terlalu cepat untuk Konsol dapat digunakan untuk menampilkan
dilihat dengan mata manusia. Karena penting untuk variabel, mengkonfirmasi suatu peristiwa, atau
memahami apa yang terjadi di dalam mesin, fungsi print() memeriksa data yang masuk dari perangkat
dan println() dapat digunakan untuk menampilkan data eksternal. Sebagai contoh adalah komentar,
saat program sedang berjalan. Fungsi-fungsi ini tidak print() dan println() dapat mengklarifikasi
mengirim halaman ke printer, melainkan menulis teks ke maksud dan pelaksanaan program komputer.
konsol.
Console
Console
Code is like humor. When you

have to explain it, it’s
bad.
CORY HOUSE
m1 - pengenalan processing
thank you

Pengantar Code Elements di Processing

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Pengantar Code Elements di Processing

Diunggah oleh

Hak Cipta:

Format Tersedia

antonius angga kurniawan • feb.

Highlights - Installasi Processing

Processing diciptakan untuk mengajarkan dasar-

digunakan sebagai production tools.

antonius angga kurniawan •

Sketching and Prototyping

sketching and prototyping

Lebih dari 100 library yang disediakan,

Dengan begitu, banyak informasi yang dapat

Processing menggunakan bahasa Java, sintaks

Oleh karena itu, belajar Processing adalah

eKSTRAKSI FILE .ZIP Installasi

Processing Development Environment (PDE)

menu Menu untuk menjalankan dan menghentikan program dan

Before starting to write code, harus

antonius angga kurniawan • feb. 27, 2020

Biasanya komentar diabaikan oleh komputer

Komentar yang baik berfungsi sebagai

Comments Karena biasanya kode program sulit diingat maka digunakan

Fungsinya memungkinkan untuk menggambar

Nama fungsi biasanya berupa huruf kecil

Ekspresi perangkat lunak seringkali

Dalam banyak bahasa pemrograman, beberapa

Dalam banyak bahasa pemrograman, termasuk

Ketika perangkat lunak berjalan, komputer melakukan

Code is like humor. When you

Anda mungkin juga menyukai