FUNDAMENTALS OF PROGRAMMING SM1204 SEMESTER A 2012

SELF-INTRODUCTION Oscar Au Tel: (852) Office: M6015 (CMC

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 …

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 Presentation Here we are!

POSSIBILITIES What could we do with our own programs? Visualization Check!

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 o Open source programming language & environment o Based on Java o Designed for visual context and arts – including images, animations, and interactions

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

INTRODUCTION OF UI Display window Toolbar Menu 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 editor o Press RUN button to execute your program o Press STOP button to stop Output

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

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

ONLINE REFERENCE

REFERENCE - BOOKS