Lab 12: Other Languages User Interface Lab: GUI Lab Nov. 12 th, 2013.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO JAVAFX CS12420 – Software Development Andrei Stanica (modified ltt)
Advertisements

What is HTML5…?. ”…removes the need for plugins” ”…can handle multimedia directly” ”…enables rich, interactive clients” ”…enables advanced visual designs”
 An operating system (OS) is a set of computer programs that allow the user to perform basic tasks like copying, moving, saving and printing files. 
INTRO TO MOBILE APP DEVELOPMENT CMSC 150: Lecture 34.
Presented By, Sripad Sarode
HTML 5. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in The web has changed.
Designer’s Challenge – Web-based Applications using Adobe Flex and OpenInsight Clay Borne President CLB IT.
Web Platform Trident Browser Internet Explorer.
UQI120S2 Human Computer Interaction Designing and building GUIs We made the point that the final product should fit the cognitive makeup of the user. We.
ISP 523: Fundamentals of Information Technology Instructor: Stephen Lackey November 2, 2005.
Web Platform Trident Navigateur Internet Explorer.
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
Development of mobile applications using PhoneGap and HTML 5
Web Design Software Alyssa Lagimoniere. Adobe Dreamweaver Pros Relatively low-cost price ($99) Produces very "clean" HTML code; easy to transport and.
CONTRASTED HTML5 & FLASH ANIMATION EFFECTS.  HTML5 AND FLASH ANIMATION CONTRASTED  ANIMATION IN WEBSITE DESIGN AND PRESENTATION  HTML5, JavaScript,
HTML5 GAMING By Scott Benton. HTML5 New HTML Standard Previous Version of HTML, HTML 4.01, Released in 1999 Not an Official Standard Yet No Browsers Have.
WebGL Patrick Cozzi University of Pennsylvania CIS Spring 2012.
HTML5 Accessibility Ted Drake, Yahoo! Accessibility Lab Slideshare.net/7mary4.
Mobile Application Development using Android
INTRODUCTION TO DHTML. TOPICS TO BE DISCUSSED……….  Introduction Introduction  UsesUses  ComponentsComponents  Difference between HTML and DHTMLDifference.
Lightning Talk Fred Rodriguez Nguyen Do CPSC 473 May 6, 2012.
Mobile App Support Jacob Poirier Geri Hengesbach Andrea Menke Erin Rossell.
Lab 1: Introduction User Interface Lab: GUI Lab Aug. 28 th, 2013.
Lab 1: Introduction User Interface Lab: GUI Lab Aug. 28 th, 2013.
By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);
Silverlight Hitesh Trivedi Computer Science B.Tech A-Sec J.I.E.T.
Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.
Interacting with a Web Page using JavaScript Mat Kelly GTAI Presentation January 10, 2014.
Programming Games Show your simple video. More video examples. Audio. Classwork/Homework: Produce more complex video program.
WordFreak A Language Independent, Extensible Annotation Tool.
Javascript II DOM & JSON. In an effort to create increasingly interactive experiences on the web, programmers wanted access to the functionality of browsers.
Advanced Multimedia Application Mobile Multimedia Textbook Jeremy Reyniers | Simon Debacq | Sam De Roeck.
Object Oriented Software Development 9. Creating Graphical User Interfaces.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 Adobe RIA Technologies: Adobe Flex 3 Cornel Creanga Platform Evangelist
Lab 3: Actionscript User Interface Lab: GUI Lab Sep. 11 th, 2012.
به نام خدا تنظیم کننده : فرانه حدادی استاد : مهندس زمانیان تابستان 92.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 RIAs - Beyond the Buzz James Ward Technical Evangelist jamesward.org
C# AND ASP.NET What will I do in this course?. MAJOR TOPICS Learn to program in the C# language with the Visual Studio IDE (Interactive Development Environment)
COP2800 – Computer Programming Using JAVA University of Florida Department of CISE Spring 2013 Lecture 35 – Overview of Java Web Programming Webpage:
CSS 2D Transforms CSS 3D Transforms CSS Animations CSS Backgrounds & Borders CSS Color CSS Flexbox CSS Fonts CSS Grid CSS Hyphenation CSS Image Values.
Applets Yong Choi School of Business CSU, Bakersfield.
Computer Science and Software Engineering© 2014 Project Lead The Way, Inc. HTML5 Evolving Standards JavaScript.
HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.
INTRODUCTION JavaScript can make websites more interactive, interesting, and user-friendly.
USING JAVASCRIPT TO SHOW AN ALERT Web Design Sec 6-2 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.
Lab 5: More on Events and Introduction to the Canvas Tag User Interface Lab: GUI Lab Sep. 23 rd, 2013.
Let’s look what flash can do: OK, that wasn’t flash! That was HTML5.
LECTURE #4: JQUERY AND FORM VALIDATION Josh Kaine Josh Kaine 4/1/2016.
丁建文 國立高雄應用科大資管系副教授 兼任計網中心軟體發展組組長 跨平台行動應用軟體開發技術 : HTML5 & Mobile JavaScript Framework 暨南大學.
Cloud Computing in Systems Programming Curriculum Gustavo Rodriguez-Rivera, Purdue University Enrique Kortright, IBM.
PhoneGap, Processing.
Geospatial Research & Solutions GIS.ASU.EDU
Intro of UNITY (for beginner)
App Inventor إعدادأشرف رفاعي أحمد
Web Standards Web Design – Sec 2-3
Human Computer Interaction
HTML 5 By Michael Hurley.
Web Standards Web Design – Sec 2-3
Web App vs Mobile App.
Introduction to Internet Programming
Unit 20 – Computer Game Platforms & Technology – Software Technology
Introduction to JavaScript
Intro of UNITY (for beginner)
Unit 20 – Computer Game Platforms & Technology – Software Technology
Unit 6 part 3 Test Javascript Test.
Korea Software HRD Center
Interactive media.
Week 5: Recap and Portfolio Site
Web Programming and Design
Presentation transcript:

Lab 12: Other Languages User Interface Lab: GUI Lab Nov. 12 th, 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

How do I learn all of this?!?

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

Next Week: Final presentations!