Scribd
Upload
103 views16 pages

Processing Development Environment Guide

This document discusses Processing, an open-source programming language and integrated development environment (IDE). It describes how to download, install, and use Processing. The Processing Development Environment (PDE) contains a text editor, message area, console, tabs, and display window. The document outlines the menus and toolbars in the PDE. It also explains the three levels of complexity in Processing's language structure: static mode for beginners, active mode with more structure, and Java mode for advanced Java programmers.

Uploaded by

Herawati Hasan
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ODP, PDF, TXT or read online on Scribd
103 views16 pages

Processing Development Environment Guide

This document discusses Processing, an open-source programming language and integrated development environment (IDE). It describes how to download, install, and use Processing. The Processing Development Environment (PDE) contains a text editor, message area, console, tabs, and display window. The document outlines the menus and toolbars in the PDE. It also explains the three levels of complexity in Processing's language structure: static mode for beginners, active mode with more structure, and Java mode for advanced Java programmers.

Uploaded by

Herawati Hasan
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ODP, PDF, TXT or read online on Scribd

Graf Komp.

&
Pengolahan Citra
Disusun oleh :
Aisyah Ayuyanti (10108145)
Herawati (10108959)
Karina Almisaning Dyah (11108099)
Sulimah (11108883)

Kelas : 3 KA 14 Dosen : I Made Wiryana, DR


PROCESING ???

✔
Integrated Language Programing , Development

Environment, teaching methodology.

✔
Software sketchbook

✔
Open Source

✔
Multi Platform (GNU/Linux, Mac OS X, Windows)
Universitas Gunadarma
How to Use “Processing”
Download
Software Install Processing
  http://processing.org/download/

Extract File .zip atau .rar

Java
Install JDK

Processing.exe

Run Program

Universitas Gunadarma
Processing Development Environment (PDE)

consist of :

●
Text Editor

●
Message Area

●
Console

●
Tabs

●
Display Window

Universitas Gunadarma
PROCESSING DEVELOPMENT ENVIRONMENT (PDE)
(Cont.)

Menu
Toolbars
Tab

Text Editor

Display window Message Area


Console

Universitas Gunadarma
PROCESSING DEVELOPMENT ENVIRONMENT (PDE)
(Cont.)
●
Toolbar
Run Open

Stop Save

New Export

Universitas Gunadarma
PROCESSING DEVELOPMENT ENVIRONMENT (PDE)
(Cont.)

File's Menu :

Universitas Gunadarma
PROCESSING DEVELOPMENT ENVIRONMENT (PDE)
(Cont.)

Edit's Menu :

•
U
n
d
o

(
C
t
r
l
+
Z
)
•
R
e
•
S
d e
o l
e
( c
C t
t
r A
Universitas Gunadarma
l l
l
PROCESSING DEVELOPMENT ENVIRONMENT (PDE)
(Cont.)
Sketch's Menu :

Universitas Gunadarma
PROCESSING DEVELOPMENT ENVIRONMENT (PDE)
(Cont.)

Tools's Menu :

Universitas Gunadarma
PROCESSING DEVELOPMENT ENVIRONMENT (PDE)
(Cont.)
Help's Menu :

Universitas Gunadarma
Language Structure “Processing”

Divided into 3 Complexity Level :


➢
Static Mode
➢
Active Mode
➢
Java Mode

Universitas Gunadarma
Static Mode

Static mode is used to create static images


Recommended for Beginners
Example :
size (200,200);
background (255);
noStroke ();
fill (255,100,100);
rect (30,20,50,50);

Universitas Gunadarma
Active Mode

Sructure of writing program code is more structured and neat


Active Mode provides the setup () optional
will run when the program starts running.
Example :
void setup (){
size(200,200);
background(255);
noStroke();
fill(255,100,100);}
void draw(){
background(255);
rect(width-mouseX,height-mouseY,50,50);
rect(mouseX,mouseY,50,50);
}

Universitas Gunadarma
Java Mode
● Intended for advanced Java programmer.
● Examples of programs that are integrated with Netbeans
package letsp5;
import processing.core.*;
public class Main extends PApplet{
public Main(){
}
public static void main(String[] args) {
PApplet.main(new String[] {"letsp5.Main"});
}
public void setup(){
// Set the size of the window
size(200,200);
}
public void draw(){
background(255);
// Body
stroke(0);
fill(175);
rectMode(CENTER);
rect(mouseX,mouseY,50,50);
}
}
Universitas Gunadarma
Universitas Gunadarma

You might also like