80 likes | 158 Views
Dive into the world of programming languages for GUI interfaces like JavaScript, CSS, and HTML5. Learn cross-platform development for Windows, Macintosh, Linux, Android, and iOS, using tools like C#, Objective-C, and Java. Discover the similarities and differences between ActionScript and JavaScript, explore HTML markup, CSS positioning, and canvas drawing in HTML5. Get ready to create interactive web applications and games for various operating systems and mobile devices. Last week, we covered Java and C, and next week, get ready for final presentations!
E N D
Lab 12: Other Languages User Interface Lab: GUI Lab Nov. 12th, 2013
GUI Programming Languages • Web • Javascript, CSS & HTML5 • De facto standard of the web • Flash/Flex • Games • OS Specific • Windows: C# • Macintosh: Objective C • Linux: C • Mobile • Android: Java, NDK (C) • IOS: Objective C • General • Java (Swing library) • OpenGL
Moving to Open Languages • Components (MXML) are now Form elements • The rest of HTML is just markup on text and media • Interaction (Actionscript) is now Javascript • It’s incredibly similar! • Note: most positioning needs to be done in CSS, or using tables
Javascript • Remarkably similar to Actionscript, BUT • Does not have typed variables • Can interact a little more directly with HTML • document.getElementById("demo").innerHTML="My First JavaScript Function"; • Used in response to somewhat different events • onclick, onload, etc.
HTML5 • Canvas for drawing on • Still uses Javascript to define how to draw • Elements for specific kinds of media • Audio, videos, plug-ins • Some other interactions are built-in • Dragging objects • Input selectors
OS/Mobile Specific… • Java • C