200 likes | 436 Views
Fundamentals of Programming . SM1204 Semester A 2010/2011. 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) http://sweb.cityu.edu.hk/kincau/. Tentative Topics. Programming fundamentals
E N D
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 • Programming fundamentals • General problem solving skills • 2D algorithmic graphics • Motion and animation • User interaction (keyboard & mouse) • Interactivity with image, video and sound • Basic object oriented programming • (optional) Basic 3D programming • And more …
Programming • What is programming? • Designing, writing, testing, debugging, troubleshooting, maintaining code and program… • Is an art? a craft? An engineering discipline? A science?
Programming • Separation of programming layers Data Logic Presentation
Programming • Where are these fields of software belongs to? • Database, AI, networking, operating system, business software, games • What are we focusing?
Programming • We learn programming because there are something we want to present! Data Logic Presentation Here 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 • Development platform: Processing 1.2 • Open source programming language & environment • Based on Java • Designed for visual context and arts – including images, animations, and interactions
Installation • To install Processing in your computer … • Download from processing.orghttp://processing.org/download/ • Windows & Linux performs • Unzip and run processing.exe / processing • Mac OS X perform • Drag dmg file to Applications folder
Introduction of UI Menu bar Toolbar Tabs Text editor Display window Message area console
Introduction of UI • Let make your first program! • Type “ellipse(50, 50, 80, 80);” in the text editor • Press RUN button to execute your program • Press STOP button to stop Output
Introduction of UI • To save your program, press SAVE button • Each processing program is called sketch • ! Each sketch has to be placed in a folder with same name in order to run correctly • Press LOAD button to load a saved sketch • To create a new sketch, press NEW button
Introduction of UI • You can share you work by exporting your program to java applet • Press EXPORT button and select a folder to export • Open html file in browser to check the results Exported files Applet in browser
Assessment • In-class exercises and discussion: 30% • 3 Assignments: 70% (20% + 20% + 30%) • Curved grading: A+, A, A-, B+, ….
Online Reference • http://processing.org/reference/
Reference - Books • http://processing.org/learning/books/