1 / 8

Information Visualization Course

Information Visualization Course. Web Design. Prof. Anselm Spoerri aspoerri@rutgers.edu. Lecture 14 – Overview. Project Evaluation Criteria Home | Browse | Individual Pages Technical Quality Design Quality Course Review Goals Grading Evaluation Working on Group Projects.

rachele
Download Presentation

Information Visualization Course

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. Information Visualization Course Web Design Prof. Anselm Spoerri aspoerri@rutgers.edu

  2. Lecture 14 – Overview • Project Evaluation Criteria • Home | Browse | Individual Pages • Technical Quality • Design Quality • Course Review • Goals • Grading • Evaluation • Working on Group Projects

  3. Group Project Deliverables • Web pages to design • Home page • Browse page(s) with filter capabilities • Individual pages for specific Gigapan, Photosynth or Video item • Navigation Structure • Specify primary categories • Interactive and Clear“you are here” indicator • You can use CSS or image swap behaviors • Consistent and Attractive Look & Feel • Hierarchical HTML Page Structure and controlled by CSS rules. • Database Communication • PHP code and MySQL queries need to be created to dynamically generate required web pages using content stored in the whereRU database.

  4. Group Project Grading • Technical Quality of Deliverables • Have the required types of pages been created, are they dynamically generated using PHP code & MySQL queries and does it all work (hyperlinks, content and images etc). • Design Quality of Deliverables • Does the prototype have an attractive look & feel and have the design principles covered in class been implemented, such as do the pages have a clear visual hierarchy (review lectures slides for more specific information).

  5. Course Goals • Understand Key Web Design Principles Web Design Matrix • Competitive Design Analysis whereRU = who to emulate ? learn from ? • Web Design using XHTML/HTML5 and CSS Strategic Skills | Basic Understanding of Key Web Technologies • Group Project = Dynamic, Responsive Site Access to whereRU assets | Create alternative site prototypes • Contribute to whereRU Web Design Effort Design Analytics | Prototype & Responsive Design

  6. Course - Grading • Individual Exercises (52.5%) • Quizzes (10%) • Short Assignments (10%) – no redo • Practice the techniques and technical content covered in class. • Ex 1: XHTML / HTML5 & CSS (15%) – redo • Meaning: Evaluate a site of your choice • Mechanics: External CSS controls layout, Spry Menu Navigation • Ex 2: Animated Navigation & Advanced CSS (15%) – redo • Mechanics: Media Query, Mobile Layout, Simple & Animated Navigation, Image Hotspot with Show/Hide AP element • 360 Evaluation (2.5%) • Group Projects (47.5%) • Competitive Website Analysis (15%) – redo • Group Website (25%) • Post-Mortem Paper (7.5%)

  7. Course Goals • Web Design course will Give You • Hands-on Experience • Practical Knowledge • Marketable Skills • Contribute to Unique & Special Project

  8. Course Evaluation • Please complete it • My Grade Course Evaluation :)

More Related