1. FUNDAMENTALS OF PROGRAMMING SM1204 SEMESTER A 2012

2. SELF-INTRODUCTION Oscar Au Tel: (852) 3442 5725 E-mail: kincau@cityu.edu.hk Office: M6015 (CMC 6/F)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 Logic Presentation

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 Logic Presentation 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 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 In-class exercises and discussion: 10% 3 Assignments Curved grading: A+, A, A-, B+, ….

19. ONLINE REFERENCE http://processing.org/reference/

20. REFERENCE - BOOKS http://processing.org/learning/books/