fundamentals of programming sm1204 semester a 2010/2011

Post on 19-Dec-2015

232 Views

Category:

Documents

2 Downloads

Preview:

Click to see full reader

TRANSCRIPT

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 Topics

o 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 …

Programming

o 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

Programming

o 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

Processing

o 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

Installation

o To install Processing in your computer …o Download from processing.org

http://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 area

console

Introduction of UI

o 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 UI

o 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 UI

o You can share you work by exporting your program to java applet

o Press EXPORT button and select a folder to export

o Open html file in browser to check the results

Exported 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/

top related