1. FUNDAMENTALS OF PROGRAMMING SM1204 Semester A 2010/2011

2. Self-Introduction Oscar Au Tel: (852) 3442 5725 Fax: (852) 3586 1484 E-mail: kincau@cityu.edu.hk Office: ICSCM14 (Inno Center 5 th floor)kincau@cityu.edu.hk http://sweb.cityu.edu.hk/kincau/

3. Tentative Topics o Programming fundamentals o General problem solving skills o 2D algorithmic graphics o Motion and animation o User interaction (keyboard & mouse) o Interactivity with image, video and sound o Basic object oriented programming o (optional) Basic 3D programming o And more …

4. 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?

5. Programming  Separation of programming layers Data LogicPresentation

6. Programming o Where are these fields of software belongs to? o Database, AI, networking, operating system, business software, games o What are we focusing?

7. Programming  We learn programming because there are something we want to present! Data LogicPresentation Here we are!

8. Possibilities  What could we do with our own programs?  Visualization  Check! www.visualcomplexity.comwww.visualcomplexity.com

9. Possibilities  What could we do with our own programs?  Interactions

10. Possibilities  What could we do with our own programs?  Arts

11. Processing o Development platform: Processing 1.2 o Open source programming language & environment o Based on Java o Designed for visual context and arts – including images, animations, and interactions

12. Installation o To install Processing in your computer … o Download from processing.org http://processing.org/download/ http://processing.org/download/ o Windows & Linux performs o Unzip and run processing.exe / processing o Mac OS X perform o Drag dmg file to Applications folder

13. Introduction of UI Display window Toolbar Menu bar Tabs Text editor Message area console

14. Introduction of UI o Let make your first program! o Type “ellipse(50, 50, 80, 80);” in the text editor o Press RUN button to execute your program o Press STOP button to stop Output

15. Introduction of UI o To save your program, press SAVE button o Each processing program is called sketch o ! 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 sketch o To create a new sketch, press NEW button

16. 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

17. Demo

18. Assessment o In-class exercises and discussion: 30% o 3 Assignments: 70% (20% + 20% + 30%) o Curved grading: A+, A, A-, B+, ….

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

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