1 / 16

Human Factors in Web Programming

Human Factors in Web Programming. Prof. Jesse M. Heines Dept. of Computer Science University of Massachusetts Lowell. Adam Mickiewicz University Poznań, Poland. November 21, 2012. What are Human Factors?. What are Human Factors?.

brennan-saunders
Télécharger la présentation

Human Factors in Web Programming

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Human Factors in Web Programming Prof. Jesse M. Heines Dept. of Computer Science University of Massachusetts Lowell Adam Mickiewicz University Poznań, Poland November 21, 2012

  2. What areHuman Factors?

  3. What areHuman Factors? • What characteristics make a program (or web application) “easy-to-use”? • Don’t confuse “easy-to-use” with “easy” or “simple” or “elementary” • Some very sophisticated programs (and machines) are relatively easy to use

  4. What areHuman Factors? • What characteristics make a program (or web application) “easy-to-use”? • Don’t confuse “easy-to-use” with “easy” or “simple” or “elementary” • Some very sophisticated programs (and machines) are relatively easy to use • What do we have to do as designers, engineers, and programmers to make a program “easy-to-use”? • How do we have to think?

  5. What isWeb Programming?

  6. What isWeb Programming? • Static vs. dynamic web pages • The roles of HTML, CSS, JavaScript, and libraries such as jQuery • The role of the webserver

  7. What isWeb Programming? • Static vs. dynamic web pages • The roles of HTML, CSS, JavaScript, and libraries such as jQuery • The role of the web server • So if we add all these components together, what do we really have?

  8. What isWeb Programming? • Static vs. dynamic web pages • The roles of HTML, CSS, JavaScript, and libraries such as jQuery • The role of the web server • So if we add all these components together, what do we really have? • A web application, not just a web page

  9. Human FactorsTerms and Acronyms • UI = User Interface • GUI = Graphical User Interface • UX = User Experience • SME = Subject Matter Expert • Rapid Prototyping • Iterative Design • Usability Testing • Revision Cycle • so what does this all add up to?

  10. Human FactorsTerms and Acronyms • UI = User Interface • GUI = Graphical User Interface • UX = User Experience • SME = Subject Matter Expert • Rapid Prototyping • Iterative Design • Usability Testing • Revision Cycle • sum=the full range of software engineering

  11. GUI ProgrammingTraditional Components • “WIMP Interface” • Windows – Icons – Menus – Pointers • “Widgets” • Using widgets effectively requires facility with navigating an “API” • API = Application Programming Interface • Virtually all APIs are built on object libraries • Using a API effectively therefore requires facility with underlying OOP principles • GUI programming helps “overcome the mental fog”

  12. GUI Programming... and Computer Games • “The game industry wants graduates with a strong background in computer science. It does not want graduates with watered-down computer science degrees, but rather an enhanced set of skills.” • Zyda, Michael (2009). Computer Science in the Conceptual Age. Communications of the ACM 52(12):66-72, December 2009.

  13. Components of a Networked Computer Game • Zyda, Michael (2009)

  14. GUI ProgrammingWeb Components • HTML 5 • HyperText Markup Language • CSS 3 • Cascading Style Sheets • JavaScript (ECMAScript 5) • European Computer Manufacturers Association • JavaScript Libraries • jQuery • YUI (Yahoo! User Interface)

  15. Demonstration Time • Creating a Multiplication Table

  16. Jesse M. Heines heines@cs.uml.edu http://teaching.cs.uml.edu Adam Mickiewicz University Poznań, Poland November 21, 2012

More Related