TAILIEUCHUNG - Lecture Web technologies and programming – Lecture 32: Summary of Lecture 16-30

This chapter summaries the following content: Guidelines of interface design, introduction to javascript, dialog boxes in javascript, HTML dom (document object model), controlling the background dynamically, working with images, date object, history object, navigator object, screen object, form object, introduction to jQuery, XML, PHP (Part 1), PHP (Part 2). | 1 CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr. Tehseen Riaz Abbasi 1 2 3 Guidelines of Interface Design Principles of Screen Design Interface Design Goals Interaction Styles Introduction to JavaScript. Embedding JavaScript with HTML JavaScript conventions Datatypes and Operations in Java Script. Dialog boxes in JavaScript HTML DOM (Document Object Model) 4 Controlling the background dynamically Working with images Date Object History Object Navigator Object Screen Object Form Object Introduction to jQuery XML PHP (Part 1) PHP (Part 2) 5 Passing data between Pages. Validating User Input Introduction to Database connectivity, data insertion and Data Retrieval. Web Services and Intro to Web Hosting SEO Techniques 6 “The user interface is the most important part of any computer system.” (Galitz, 2002, p. 1) Benefits of Good Design Higher task completion rates More efficient task completion rates Reduced training costs Improved customer service 7 The process of improving web pages so they rank higher in search engines for your targeted keywords. grgf 7 Interface Design Process Guidelines for this process. Principles of User Interface Design. Choice Of Interaction Style. Choice of Interface types. Types of Interfaces. Interface Design Conventions for Web Based Applications. Difference between Good and Bad Interface. 8 The process of improving web pages so they rank higher in search engines for your targeted keywords. grgf 8 Reduce visual work Reduce intellectual work Reduce memory work Reduce motor work Minimize or eliminate any burdens or obstructions imposed by technology 9 10 Elements of Visual Design. Principles. Elements. Font Six Typographic Terms Font Size Types of Fonts Proportional Vs. Fixed width Fonts Case of Text Layout Color Guidelines for Color Use Labels 11 The process of improving web pages so they rank higher in search engines for your targeted keywords. grgf 11 What is JavaScript? JavaScript is a client-side scripting language .

• Kỹ thuật lập trình
• Web technologies
• Web programming
• Web applications
• Computer programming
• Web development technologies
• Interface design
• Embedding JavaScript
• Web project management
• Web application development process
• Modeling web applications
• Testing web application
• Web services
• Web hosting
• Categories of web applications
• Characteristics of web applications
• Web application architecture
• Requirement engineering
• HTML images
• Web pages
• Hyper Text Markup Language
• Markup Language
• HTML page
• Text formatting tags
• HTML links
• HTML forms
• HTML form elements
• HTML 5 form elments
• Adding form elements
• Cascading Style Sheets
• CSS writing option
• CSS rules
• Page Layout
• Rounded corners
• Box shadows
• Elements of visual design