MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks...

14
MENGENAI LINGKUP PROCESSING Ahmad Fatoni [email protected]

Transcript of MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks...

Page 1: MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks (C) yang digunakan hampir mirip, tetapi ada penambahan fitur custom untuk grafik

MENGENAI LINGKUP

PROCESSING

Ahmad [email protected]

Page 2: MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks (C) yang digunakan hampir mirip, tetapi ada penambahan fitur custom untuk grafik

SKETSA DAN PROTOTYPE01

Sketsa adalah cara awal seseorang menuangkan

buah pikiran, yaitu dengan tujuan untuk

memvisualisasikan pemikiran.

Contoh : Pembuatan storyboard pada animasi.

Page 3: MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks (C) yang digunakan hampir mirip, tetapi ada penambahan fitur custom untuk grafik

FLEKSIBILITAS02

• Processing konsisten menggunakan

banyak tool yang dapat digunakan

bersama.

• Lebih dari 100 library yang disediakan,

seperti suara, komputer vision, dll.

Dengan begitu banyak informasi yang dapat mengalir

kedalam ataupun keluar processing.

Page 4: MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks (C) yang digunakan hampir mirip, tetapi ada penambahan fitur custom untuk grafik

FAMILY TREE02

• Seperti bahasa manusia, bahasa pemrograman

juga memiliki bahasa terkait.

(Perhatikan gambar)

• Processing menggunakan bahasa java,

bahasa sintaks (C) yang digunakan hampir

mirip, tetapi ada penambahan fitur custom

untuk grafik dan interaksi.

Oleh karena itu, pembelajaran processing adalah langkah awal untuk pemrograman

pada bahasa lain dan dengan menggunakan perangkat lunak yang berbeda

Page 5: MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks (C) yang digunakan hampir mirip, tetapi ada penambahan fitur custom untuk grafik

MENGENAI MENU

PROCESSING

Ahmad [email protected]

Page 6: MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks (C) yang digunakan hampir mirip, tetapi ada penambahan fitur custom untuk grafik

PDE(Processing Development Environment)

Tempat dimana anda dapat membuat sketch.

1. Toolbar adalah bagian dimana tombol-tombol control ditempatkan.

Pada bagian ini, tombol Debug, Step, Continue dan Stop ditempatkan.

2. Tabs adalah tempat dimana file yang terdiri dari banyak sketch

ditempatkan. Ada kalanya bagian-bagian tertentu dari program perlu ditulis

secara terpisah dari program utamanya. Program utama dan program

pendukung dapat ditulis secara terpisah dengan sistem multi tab.

3. Area Text Editor adalah tempat dimana kita akan menuliskan program kita.

4. Message Area merupakan tempat dimana berbagai pesan dari Processing

dikeluarkan, misalnya terjadi error.

5. Console merupakan area tempat ditampilkannya output-output program

dalam bentuk console, misalnya menampilkan hasil perhitungan, data-data

berupa numerik dan string, serta data komunikasi secara serial.

BAGIAN-BAGIAN UTAMA DARI

PDE/IDE PROCESSING:

Page 7: MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks (C) yang digunakan hampir mirip, tetapi ada penambahan fitur custom untuk grafik

PDE Details

Page 8: MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks (C) yang digunakan hampir mirip, tetapi ada penambahan fitur custom untuk grafik

DISPLAY PROCESSINGBerfungsi untuk menampilkan OUTPUT

Page 9: MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks (C) yang digunakan hampir mirip, tetapi ada penambahan fitur custom untuk grafik

MENU

FILE

NEW : Membuat file baru

OPEN : Membuka file

SKETCHBOOK : Berisi file sketch yang anda buat

RECENT : Daftar file sketch yg telah disimpan/Baru dikerjakan

EXAMPLES : Berisi contoh-contoh

CLOSE : Menutup jendela kerja

SAVE : Menyimpan sketch

SAVE AS : Menyimpan dengan file/lokasi baru

EXPORT APPLICATION : Mengekspor aplikasi Java sebagai file yang dapat

dieksekusi dan membuka folder yang berisi file yang

diekspor.

PAGE SETUP : Mengatur halaman yang akan diprint

PRINT : Mencetak script yang ada di text editor

PREFERENCES : Mengubah beberapa cara Pemrosesn bekerja. (Item ini

terletak di menu Pemrosesan pada Mac OS X.)

QUIT : Keluar dari Aplikasi

Page 10: MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks (C) yang digunakan hampir mirip, tetapi ada penambahan fitur custom untuk grafik

MENU

EDIT

AUTO FORMAT : Membuat kode yang anda pilih menjadi dalam bentuk

standar penulisan kode

COMMENT/UNCOMMENT : Untuk memberikan atau menghilangkan komentar

INCREASE INDENT : Text yang telah anda tandai, akan digeser kekanan sebanyak

1 tabulasi

DECREASE INDENT : Text yang telah anda tandai, akan digeser kekiri sebanyak 1

tabulasi

FIND : Mencari text dengan menggunakan keyword

FIND NEXT : Mencari text selanjutnya dengan menggunakan keyword

yang telah tersimpan pada find

FIND PREVIOUS : Mencari text sebelumnya dengan menggunakan keyword

yang telah tersimpan pada find

USE SELECTION FOR FIND : Memilih keyword dengan cara memblok, lalu disimpan pada

find

Page 11: MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks (C) yang digunakan hampir mirip, tetapi ada penambahan fitur custom untuk grafik

MENU

SKETCH

RUN : Untuk mengeksekusi sketch

PRESENT : Membuat tampilan fullscrean pada ketika running

STOP : Menghentikan sketch yang sedang running

IMPORT LIBRARY : Memasukan library tambahan berdasarkan kategori

SHOW SKETCH FOLDER : Membuka direktori skatch

ADD FILE : Membuka file navigasi yang mengijinkan anda meload

gambar, huruf, media, dll

Page 12: MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks (C) yang digunakan hampir mirip, tetapi ada penambahan fitur custom untuk grafik

MENU

TOOLS

CREATE FONT : Berfungsi membuat karakter huruf

COLOR SELECTOR : Memilih dan juga mengetahui value dari warna HSB dan

RGB yang telah terpilih

ARCHIVE SKETCH : Membuat file dalam bentuk Zip dari sketch

MOVIE MAKER : Membuat Quick time movie dari sequence image

ADD TOOL : Membuka tool manager, yang mengijinkan anda

menambahkan tool yang dapat membantu anda

Page 13: MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks (C) yang digunakan hampir mirip, tetapi ada penambahan fitur custom untuk grafik

MENU

HELP

ENVIRONMENT : Memberikan informasi pada lingkungan pemrograman

processing, anda akan diarah-kan pada jendela web browser

REFERENCE : Menyediakan referensi mengenai bahasa processing, yang

mana telah tersimpan pada program processing

FIND IN REFERENCE : Anda dapat mencari referensi, dengan memasukan keyword

yang anda cari

ONLINE : Menu ini akan aktif ketika terkoneksi dengan internet, ketika

mengakses bantuan

GETTING STARTED : Memberikan petunjuk kepada anda, ketika anda pertama kali

menggunakan processing

TROUBLESHOOTING : Membantu anda ketika anda melakukan kesalahan, menu ini

akan membantu anda memberikan solusi

FAQ : Anda akan diarahkan pada jendela tanya jawab

VISIT PROCESSING.ORG : Anda akan dibawa ke website resmi processing

Page 14: MENGENAI LINGKUP PROCESSINGahmad_fatoni.staff.gunadarma.ac.id/Downloads/files... · bahasa sintaks (C) yang digunakan hampir mirip, tetapi ada penambahan fitur custom untuk grafik

Thank YouInsert the Sub Title of Your Presentation