FUNDAMENTALS OF PROGRAMMING SM1204 Semester A 2010/2011

Self-Introduction• Oscar Au

• Tel: (852) 3442 5725Fax: (852) 3586 1484E-mail: kincau@cityu.edu.hkOffice: ICSCM14 (Inno Center 5th floor)

• http://sweb.cityu.edu.hk/kincau/

Tentative Topicso Programming fundamentalso General problem solving skillso 2D algorithmic graphicso Motion and animationo User interaction (keyboard & mouse)o Interactivity with image, video and soundo Basic object oriented programmingo (optional) Basic 3D programmingo And more …

Programmingo What is programming?

o Designing, writing, testing, debugging, troubleshooting, maintaining code and program…

o Is an art? a craft? An engineering discipline? A science?

Programming Separation of programming layers

Data

Logic Presentation

Programmingo Where are these fields of software

belongs to?o Database, AI, networking, operating

system, business software, games

o What are we focusing?

Programming We learn programming because there

are something we want to present!

Data

Logic PresentationHere we are!

Possibilities What could we do with our own

programs?

Visualization Check! www.visualcomplexity.com

Possibilities What could we do with our own

programs?

Interactions

Possibilities What could we do with our own

programs?

Arts

Processingo Development platform: Processing 1.2

o Open source programming language & environment

o Based on Javao Designed for visual context and arts –

including images, animations, and interactions

Installationo To install Processing in your computer …

o Download from processing.orghttp://processing.org/download/

o Windows & Linux performso Unzip and run processing.exe / processing

o Mac OS X performo Drag dmg file to Applications folder

Introduction of UI

Display window

ToolbarMenu bar

Tabs

Text editor

Message areaconsole

Introduction of UIo Let make your first program!o Type “ellipse(50, 50, 80, 80);” in the text

editoro Press RUN button to execute your

programo Press STOP button to stop

Output

Introduction of UIo To save your program, press SAVE button

o Each processing program is called sketcho ! Each sketch has to be placed in a folder

with same name in order to run correctly

o Press LOAD button to load a saved sketcho To create a new sketch, press NEW button

Introduction of UIo You can share you work by exporting

your program to java appleto Press EXPORT button and select a folder

to exporto Open html file in browser to check the

resultsExported files

Applet in browser

Demo

Assessment

o In-class exercises and discussion: 30%

o 3 Assignments: 70% (20% + 20% + 30%)

o Curved grading: A+, A, A-, B+, ….

Online Reference http://processing.org/reference/

Reference - Books http://processing.org/learning/books/