T.Sharon-A.Frank 1 Multimedia Hypertext Navigation Issues.

Slides:



Advertisements
Similar presentations
INFORMATION SYSTEMS APPLIED MULTIMEDIA HIGHER This presentation will probably involve audience discussion, which will create action items. Use PowerPoint.
Advertisements

UI Best Practices Application Developer’s Intro School Week 1 Day 1.
The World Wide Web From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 1 Introduction The Web Defined Miscellaneous.
1Philipp Rütsche Thinking about good Webdesign Philipp Rütsche Web Office ETH Zürich.
Web Site Navigation.
INTRODUCTION 1: Hypertext, Hypermedia and Multimedia J394-PERANCANGAN SITUS WEB Program Studi Manajemen Universitas Bina Nusantara.
Overview of Navigation Readings Matt Koehler CEP 909 Nov 14, 2001.
Content Organisation Based on Chapter 4 Mc Cracken.
Visualizing and Assessing Reader Navigation in Hypertext John E. McEneaney, Ph.D. Oakland University.
Hypertext Application Example
Web Site Design Howell Istance. SOFT Interactive Systems Web Site Design n Essentially the same process as when designing any interactive application,
T.Sharon-A.Frank 1 Multimedia Hypertext and Hypermedia.
Text dan Hypertext Pertemuan 3 Matakuliah: T0732 / Sistem Multimedia Tahun: 2007.
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
iPad users: Scan this QR code on your iPad to go directly to iTunes App Store to download the App.
1st Project Introduction to HTML.
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.
XP 1 HTML: The Language of the Web A Web page is a text file written in a language called Hypertext Markup Language. A markup language is a language that.
OCR Nationals ICT – Unit 2 Task 3 Task Overview In this task you will create hyperlinks to link the pages together, link to other websites on the Internet.
Centre for HCI Design INTERACT 2003 Tutorial Multimedia & the Web  Planning thematic threads through several media  Presentation layout: sequential or.
Designing a site (2/4) Conceptual Design – 1h. Lazar’s Development Lifecycle Define the mission & target users Collect user requirements Create and Modify.
Uswebusabilityproblems.ppt1 Web Usability Overview This workshop attempts to give a quick overview of web usability: by demonstrating some common usability.
IT developments Since last GA  Payment Online  Menus and navigation improved  Google ranking improved for key terms  Graphics improved  Display in.
Learning and Technology Hypertext, hypermedia and the web Claire O’Malley.
1 Pertemuan 03 Text and Hypertext Matakuliah: T0553/Sistem Multimedia Tahun: 2005 Versi: 5.
Web site development: Basics & MS FrontPage. What I hope to demonstrate n n Basics of a good web site n n How to most effectively communicate via the.
Organizing Information AGCJ 407 Web Authoring in Agricultural Communications.
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
Hypermedia Cooper and Davis. What Is Hypermedia?  The combination of text, video, graphic images, sound, hyperlinks, and other elements in the form typical.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
1 Chapter 10 Delivering the System Training Documentation.
RDA Toolkit Demonstration. Overview Accessing the Toolkit Navigating the Toolkit Understanding the functionality of the Toolkit Searching the Toolkit.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
UAA Self Guided PDA Tour Edward Wickham CS470 Project Final Presentation Spring 2004.
University of Malta CSA3080: Lecture 12 © Chris Staff 1 of 22 CSA3080: Adaptive Hypertext Systems I Dr. Christopher Staff Department.
Macromedia Dreamweaver 8 Revealed WEB PAGE DEVELOPING A.
Pad++: A Zooming Graphical Interface for Exploring Alternate Interface Physics Benjamin B. Bederson and James D. Hollan Presented by Daniel Schulman.
Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.
Differences between Desktop Web Sites and Mobile Web Sites Yonglei Tao.
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
V.B. weeks 7-81 Weeks 7-8 Navigation. V.B. weeks 7-82 Navigation Lost in hyperspace The most important problem in hypertext is the feeling of being lost.
PUBLICATIONS: INSTRUCTION MANUALS FOR HIGHER EDUCATION College catalog Campus calendar Campus map Student handbook College newspaper and campus bulletins.
University of Malta CSA4080: Topic 7 © Chris Staff 1 of 15 CSA4080: Adaptive Hypertext Systems II Dr. Christopher Staff Department.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
XP 1 Charles Edeki AIU Live Chat for Unit 2 ITC0381.
UNIT 14 1 Websites. Starter 2 1 Starter 1 Divide the students into groups. Ask them to make lists. Ask Students to read their lists. Discuss the most.
Lecture 6, MAT 279, Fall HTML Introduction (cont.) 9/17/2009.
Copyright © 2003 Prentice Hall, IncSlides created by Bob Koziel.
Chapter 9 Hypertext. Key Points ► Hypertext is text augmented with links that point to other pieces of text. ► Hypertext has a relatively long history,
HCS 446 Complete Class HCS 446 Facility Planning Version 4 To purchase this material click below link S-446/HCS-446-Complete-Class-Guide.
Web and presentation software
Web-based structures, links and testing
Web Site Development and Macromedia Dreamweaver 8
Exploring Microsoft Word 2000
Chapter A - Getting Started with Dreamweaver MX 2004
Project 1 Introduction to HTML.
APPLIED MULTIMEDIA HIGHER
Thinking about good Webdesign
Web software.
Designing a site (2/4) Conceptual Design – 1h
Data Content of BioCyc Ingrid Keseler 1.
Data Content of BioCyc Ingrid Keseler 1.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Web and presentation software
Мектепті дамытуды жоспарлау
Intro Project Introduction to HTML.
Internet Skills ELEC135 Alan Noble Room 504 Tel:
Presentation transcript:

T.Sharon-A.Frank 1 Multimedia Hypertext Navigation Issues

2 T.Sharon-A.Frank Hypertext in Browser

3 T.Sharon-A.Frank Navigating the Internet/Web

4 T.Sharon-A.Frank Hypertext Navigation

5 T.Sharon-A.Frank Navigating Large Information Spaces Lost In Hyper-Space

6 T.Sharon-A.Frank Navigating Aids Backtracking Overview Diagrams Guided Tours Search Facility Hierarchical Structure >Systems need to keep Links Consistency >Graphical Browsers

7 T.Sharon-A.Frank Backtracking Rules: –should always be available –should always be activated in the same way History Bookmarks Smart Bookmarks Shopping Lists

8 T.Sharon-A.Frank Overview Diagrams Navigation Maps for Navigating Users Landmarks Zoom In/Out Fisheye View

9 T.Sharon-A.Frank Landmarks Map (1)

10 T.Sharon-A.Frank Landmarks Map (2)

11 T.Sharon-A.Frank Zoom In/Out

12 T.Sharon-A.Frank Fisheye View (1)

13 T.Sharon-A.Frank Fisheye View (2)

14 T.Sharon-A.Frank Exercise: Browser Navigation Aids What Navigation Aids are Provided by Common Browsers ?

15 T.Sharon-A.Frank Some differences between HTML versions