The Simpsons Portal. Overview Problem we are addressing Our user tasks UI design.

Slides:



Advertisements
Similar presentations
Collections Management Software for Museums and Archives r e d i s c o v e r y s o f t w a r e. c o m O V E R V I E W P R E S E N T A T I O N.
Advertisements

Introduci ng :. .NET Presentation Overview: Summary of.NET Benefits Software Architecture.NET Screens Overview The purpose of this presentation is to.
Generation of Multimedia TV News Contents for WWW Hsin Chia Fu, Yeong Yuh Xu, and Cheng Lung Tseng Department of computer science, National Chiao-Tung.
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Windows Basics An Introduction to the Windows Operating System.
Yesterday… Today… Digital signage comes into the public eye more and more as a tool to improve internal and external communication, promote products.
Introduction to Microsoft Office 2007 with focus on MS Word
How is 4.0 different from our current platform?. Welcome Screen Old Data Director (3. version) 4.0.
Development and Alumni Relations System - Communication #5 - DARS v3.0: Internet Solutions.
Terrapin Trader Transformation by Oliver Stohr - Olga Kuznetsova Tyler Cordrey - Brett Holbert December 9, 2008.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Interactive Prototype Presenter Sean Ren Group member Alicia Kellogg Chris Schlechty Danny Swisher.
 2002 Prentice Hall. All rights reserved. Chapter 2 - Introduction to the Visual Studio.NET IDE Outline 2.1Introduction 2.2Overview of the Visual Studio.NET.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Chapter 2: The Visual Studio.NET Development Environment Visual Basic.NET Programming: From Problem Analysis to Program Design.
The Simpsons Portal. Overview Problem we are addressing Our user tasks UI design.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
New School Websites Teacher Pages. Visit the SCUSD Website for videos tutorials: For more information.
SharePoint Step by Step Step by Step Table of Contents Portal versus Communities sites How to View All Your Project Sites The Basic SharePoint Layout SharePoint.
2. Introduction to the Visual Studio.NET IDE 2. Introduction to the Visual Studio.NET IDE Ch2 – Deitel’s Book.
 The operating system is essential for the computer; without it the computer could not work.  The main function of any operating system is being an intermediary.
. © 2003 Ownership Associates < Go back Advance > OA INC Using E-Learning Tools From Ownership Associates, Inc.
Proprietary and Confidential, Microsoft Corporation All rights reserved. Microsoft Confidential Silverlight Partner Summit Expression Encoder Media.
‘ {] PowerPoint Presentation to Accompany GO! with Windows 7 Getting Started Chapter 2 Getting Started with Windows 7.
Classroom User Training June 29, 2005 Presented by:
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
About Dynamic Sites (Front End / Back End Implementations) by Janssen & Associates Affordable Website Solutions for Individuals and Small Businesses.
EGrants web portal provides online submission, tracking, reviewing, and processing of most TEA grant applications.  New generation roll-out spring 2007.
Click Create. Select Presentation The next slides will investigate the Menu Bar.
Requirements Information and data which need to be displayed or accessible to the user Sitemapping (Site Map) Flow Chart models of site structure displaying.
FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design.
2. Introduction to the Visual Studio.NET IDE. Chapter Outline Overview of the Visual Studio.NET IDE Overview of the Visual Studio.NET IDE Menu Bar and.
First example – Game of Thrones official website This website includes large images at the every front of the page. These images can be effective for.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Presented by Graduate Design Group 2 Meredith, Jennifer, Cammay and Diane.
Key Applications Module Lesson 21 — Access Essentials
Computer Applications Semester Review ©2004 LikeScience.com.
Windows 95 Overview Benefits and Key Definitions.
Adobe InDesign CS5 - Illustrated Unit A: Getting Started with InDesign CS5.
CMPF124: Basics Skills for Knowledge Workers Manipulating Windows GUI.
Epson Interactive Projector Part 2 Whiteboard mode With whiteboard.
CSC350: Learning Management Systems COMSATS Institute of Information Technology (Virtual Campus)
Web Development Process The Site Development Process Site Construction is one of the last steps.
ACMH Website ACMH STAFF RETREAT April 15, 2015 ACMH Education Coordinator: Terri Henrizi.
Www2.computer.org Web Publishing Training Leo Wadsworth, Staff Manager April 2008.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Introduction to KE EMu
Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.
Computer Science 160 Group 5 Scott Carter, Chuck Moidel, Leila Takayama, Kevin Wang Tuesday, December 4, 2001.
Introduction to KE EMu Unit objectives: Introduction to Windows Use the keyboard and mouse Use the desktop Open, move and resize a.
Interactive prototype Dian HartonoChris RovillosCatriona Scott Grace Jang.
VERI is an interface that provides a Web based front end to the access the datasets generated by the MVED. The goal is to Provide open access to the Don.
Using Middle Search® Plus For Junior Academic Bowl Competitions.
HTML Hyper Text Markup Language. The Basics u HTML documents contain “tags” which instruct the Browser software on how to present the information within.
CHANGING THE VOLUME Click the volume icon in the bottom right hand corner of the screen.
Expressing Creativity with Multimedia Technologies BY Kenyetta mcallister.
Merchants Dashboard Features and Functions A 2-minute guide to using the features and functions on the Merchants Dashboard.
Web Design Vocabulary #3. HTML Hypertext Markup Language - The coding scheme used to format text for use on the World Wide Web.
Windows Vista Configuration MCTS : Internet Explorer 7.0.
Introducing Scratch Learning resources for the implementation of the scenario
Chapter A - Getting Started with Dreamweaver MX 2004
Personal Website Development Project
Fix Bitdefender Update Error 2019 Give a Ring on: Bitdefender Customer Support Service.
Left Click to view the next slide.
Midway Milestone Presentation: FlexiVoice
Don’t just listen to music; listen to people
Presentation transcript:

The Simpsons Portal

Overview Problem we are addressing Our user tasks UI design

User Community Simpsons Fans TV Watchers Computer Users College Students

Current user practices Reruns Trading Episodes Chat Trivia Research

Picture of User’s Screen

Solution Allow concurrent searching, browsing, and watching of archives Provide additional information –Plot summaries –References –Episode Dialogue Create a community –Watch episodes together –Interact Chat Trivia Competitions

Solution

User Testing Tasks 1.Browse through seasons of The Simpsons and read a specific episode’s plot summary (easy) 2.Search for a specific episode and watch it (medium) 3.While watching the episode, join a chat and look up a piece of trivia (hard)

UI Overview Button Bar Fixed Frames Different Views Explorer-style Information

Button Bar Continuous access to all of the features of the site Select the frame to display information Multiple screen formats

Button Bar Now Playing Browse Search General Info Chat Trivia Help

Button Bar Left Frame Upper Right Frame Lower Right Frame

Fixed Frames Standard View

Different Views Extended View

Different Views Full screen mode

Explorer Style Information Plus/minus menu metaphor

Development of the Pop-ups

Demonstrate Site

Review Must represent many forms of information Must display a large volume of information Must be flexible, accessible Different info in different regions Menus allow deep information Multiple views allow customization

Not Yet Implemented Complete episode information Proper streaming video Chat and Trivia functions Full Screen mode Database State – PHP, Dynamic Page Generation

Tools DreamWeaver Emacs Photoshop Notepad, MSPaint, vi, Front Page, Apache, etc.

Summary More and more people are using the internet to supplement their TV- watching. We are offering a central location where they can watch TV and get related information and interaction.