Web Apps The Next Generation



Similar documents
Cloud Computing And Equal Access

Backbase Accessibility

An introduction to creating Web 2.0 applications in Rational Application Developer Version 8.0

Mobile App Infrastructure for Cross-Platform Deployment (N11-38)

How To Develop A Mobile App With Phonegap

Putting the power of Web 2.0 into practice.

Position Paper: Toward a Mobile Rich Web Application Mobile AJAX and Mobile Web 2.0

Web Application Development

HTML5 : carrier grade

Introduction to BlackBerry Smartphone Web Development Widgets

Vector Web Mapping Past, Present and Future. Jing Wang MRF Geosystems Corporation

GUI and Web Programming

Java Project Management: Agenda

Java Project Management. Java Project Management: Agenda. Extreme Java G

Google Web Toolkit (GWT) Architectural Impact on Enterprise Web Application

Solution Showcase Session. Enterprise 2.0 Computing Services

Position Paper for W3C Web and Automotive Workshop. Marius Spika, Mark Beckmann

The Development Manager s Quick Guide to HTML5

Trends in Developing and Publishing Content: How HTML5 and Mobile Change the Game

Native, Hybrid or Mobile Web Application Development

MENDIX FOR MOBILE APP DEVELOPMENT WHITE PAPER

Curl Building RIA Beyond AJAX

Mobile Technique and Features

Progressive Enhancement With GQuery and GWT. Ray Cromwell

<Insert Picture Here> Oracle Mobile Enterprise Application Platform Overview

Petroleum Web Applications to Support your Business. David Jacob & Vanessa Ramirez Esri Natural Resources Team

Integration the Web 2.0 way. Florian Daniel April 28, 2009

Introduction to IBM Worklight Mobile Platform

WEB SERVICES FOR MOBILE COMPUTING

Enable Your Automated Web App Testing by WebDriver. Yugang Fan Intel

Adding Panoramas to Google Maps Using Ajax

Voluntary Product Accessibility Template (VPAT)

JavaFX Session Agenda

Statement of Direction

Key Benefits of Microsoft Visual Studio 2008

Developing ASP.NET MVC 4 Web Applications

Google Web Toolkit. Introduction to GWT Development. Ilkka Rinne & Sampo Savolainen / Spatineo Oy

Espial IPTV Middleware. Evo Solution Whitepaper. <Title> Delivering Interactive, Personalized 3-Screen Services

ORACLE APPLICATION EXPRESS 5.0

Bridging the Gap: from a Web App to a Mobile Device App

4 Understanding. Web Applications IN THIS CHAPTER. 4.1 Understand Web page development. 4.2 Understand Microsoft ASP.NET Web application development

Developing ASP.NET MVC 4 Web Applications MOC 20486

How IBM is making Web applications more accessible with WAI-ARIA

Whitepaper. Trans. for Mobile

PROJECT MANAGEMENT SYSTEM

Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory

Credits: Some of the slides are based on material adapted from

The next computing phase: Mobile + Cloud

HTML5 the new. standard for Interactive Web

Experimenting in the domain of RIA's and Web 2.0

How To Develop A Mobile Application On An Android Device

AJAX Toolkit Framework

Appeon for PowerBuilder

Responsive Web Design Creative License

Implementing Mobile Thin client Architecture For Enterprise Application

Mobile Development Frameworks Overview. Understand the pros and cons of using different mobile development frameworks for mobile projects.

2011 IEEE. Personal use of this material is permitted. Permission from IEEE must be obtained for all other uses, in any current or future media,

Serena Software Voluntary Product Accessibility Report. Summary Table

Mobile Performance: for excellent User Experience

HTML5 AUTOMOTIVE 2013 White Paper Series

Mashup Development Seminar

INTERACTIVE SERVICES CAPABILITIES PRESENTATION

Accelerating Business Value by

AJAX. Gregorio López López Juan Francisco López Panea

Building a Web-based User Interface around your AIMMS Optimization application

2012 LABVANTAGE Solutions, Inc. All Rights Reserved.

Kentico CMS 5 Developer Training Syllabus

Web Development with the Eclipse Platform

TDAQ Analytics Dashboard

Programming in HTML5 with JavaScript and CSS3

Transtream Plug & Play ecommerce Shipping

Oracle WebCenter Sites Mobility Server Enabling exceptional mobile and tablet web applications and web sites without compromise

MOBILE HELIX LINK SDK OVERVIEW A MOBILE HELIX WHITEPAPER

Advantage of Jquery: T his file is downloaded from

Office 365 SharePoint Online White Paper

Native, web or hybrid mobile-app development

Developing ASP.NET MVC 4 Web Applications Course 20486A; 5 Days, Instructor-led

HTML5 & Digital Signage

Lecture Overview. Web 2.0, Tagging, Multimedia, Folksonomies, Lecture, Important, Must Attend, Web 2.0 Definition. Web 2.

Solution Guide

AUTOMATED CONFERENCE CD-ROM BUILDER AN OPEN SOURCE APPROACH Stefan Karastanev

Internet Engineering: Web Application Architecture. Ali Kamandi Sharif University of Technology Fall 2007

Rich Internet Applications

The Sitecore Solution for Web Content Management

Ajax: A New Approach to Web Applications

HTML5 and Device APIs for Automotive: Is it time to power Infotainment and Car Portal Applications with Web Technologies?

Our software strategy

How To Build A Successful Business

Is Liferay Right for Your Organization? Seven Things to Consider When Choosing a Portal Platform

The Business Value of a Web Services Platform to Your Prolog User Community

From Desktop to Browser Platform: Office Application Suite with Ajax

Take Your Rocket U2 Apps Mobile with Rocket LegaSuite. Greg Mummah, Product Manager Rocket Software

How To Develop An Html5 Based Mobile App

Uniface Road Map and Product Update Michael Taylor Product Manager

Art of Code Front-end Web Development Training Program

Niagara 4 The Next-Generation Open Platform

Health Enterprise Medicaid Management Information System

Service Oriented Architecture

Growth and Challenges

Mashing Up with Google Mashup Editor and Yahoo! Pipes

Transcription:

Web Apps The Next Generation Access Opportunity Or Challenge? T. V. Raman Google Research Web Apps The Next Generation p. 1

Outline Web Applications The access challenge What does accessible mean? Web applications the access opportunity Mash It Up: Think outside the box Web Apps The Next Generation p. 2

Web Applications The Access Challenge Web Apps The Next Generation p. 3

Web Apps: Advantages Hosted Web applications enable: Easy deployment Light-weight user interaction Ubiquitous access to data Easy upgrades Today s access technologies do not fit this model. Web Apps The Next Generation p. 4

The Impedance Mismatch Major shift in application deployment model Web Apps The document is the interface. Light-weight UI hosted in Web pages. AT assumes desktop application model. App model shift requires shift in AT. Web Apps The Next Generation p. 5

Consequences When Web Apps And Desktop Screen-readers Collide AT installed on client workstation Depends on native UI widgets All of the disadvantages, And none of the advantages! Web Apps The Next Generation p. 6

Ubiquitous Access The Access Challenge Web promises anytime, anywhere access Equal access for users with special needs: Email access at airport? Edit/share information from a kiosk? Web Apps The Next Generation p. 7

What Does Accessible Mean? Web Apps The Next Generation p. 8

Access Goals Retain present level of access to functionality Increase reach by enabling wider access Wider access: Bring within reach of more users Enable access in more user contexts Important to go beyond the status-quo Web Apps The Next Generation p. 9

Access Building Blocks (Content, UA, AT) Together determine overall user experience. Content: Capture adequate semantics UA: Degrade gracefully AT: Bridge the gap Web Apps The Next Generation p. 10

Building Speech Access Identify what to speak Determine how to speak it Decide when to speak Web Apps The Next Generation p. 11

What To Speak Rich markup for Web content Separate content from presentation Structure content to reflect its intent Identify role of content particles Expose current state via DOM properties W3C DHTML Road-map Web Apps The Next Generation p. 12

How To Speak Aural CSS It is Finally Time! Speech solutions need to implement ACSS CSS display values no longer sufficient Leverage media-specific CSS sections Aural CSS: Key styling API for auditory output. Web Apps The Next Generation p. 13

When To Speak Event handlers determine behavior. Event handlers implement web interaction Eventing determines when things change Spoken feedback to reflect visual updates Web Apps The Next Generation p. 14

Intent Based Events Affecting the interface User actions raise events Select, deselect Activate Use intent-based events for maximal flexibility Enable late-binding of UI peripherals Final application has wider reach. Web Apps The Next Generation p. 15

Web Applications The Access Opportunity Web Apps The Next Generation p. 16

Web Application Model Data resides on the network Interaction resides on the client HTTP operations to synchronize data Browser widgets to create UI Shift away from monolithic applications Web Apps The Next Generation p. 17

Web Adaptive Technologies Adaptive technologies embrace, extend Web model AT dynamics no different from mainstream Web applications fulfill new needs Web AT access enables Web-based tools Evolve today s AT to meet tomorrow s needs Web Apps The Next Generation p. 18

Web Application Container Web browser functions as universal client UI realized through Web pages HTML for creating content CSS for styling DOM eventing for adding behavior Exposes client-side interaction logic Web Apps The Next Generation p. 19

The Access Opportunity Separation of interaction from data: Opens up opportunities for custom clients Optimize user interaction to user s needs Multiple UIs can collaborate One size no longer need fit everyone Web Apps The Next Generation p. 20

Adapting To The User One size need not fit everyone CSS for custom styles Atom/RSS for content syndication XForms for rich interaction XBL for custom behaviors Atom Publishing Protocol for data APIs All these technologies are available in Firefox today Web Apps The Next Generation p. 21

New Adaptive Technologies New opportunities for AT vendors: A new market for consumer applications Custom services tailored to end-user needs Task-driven access tools This generation of AT will be user-driven. Web Apps The Next Generation p. 22

Mashing It Up With Web APIs Web Apps The Next Generation p. 23

Web APIs Separation of content from interaction: Leads to light-weight Web APIs Atom/RSS based syndication AJAX APIs for hosting services Examples: Google Maps, Google Calendar Web mashups are an automatic follow-on What is the access equivalent of a mashup? Web Apps The Next Generation p. 24

Essence Of A Mashup Syndicate data sources into a custom UI Add screen-enlargement (zooming) Augment Web UI with spoken output Overlay simplified skins Create custom aggregations of Web apps Web Apps The Next Generation p. 25

Innovative Web AT Draw inspiration from on-line audio games Audio Games HTML DOM with Javascript for audio games Games often lead to UI innovation Web Apps The Next Generation p. 26

Conclusions Important to build on what we have But limiting to present AT too limiting Web AT targets consumer products Needs to leverage advantages of Web model Web Apps The Next Generation p. 27

Watch Web Access Take Off! Web Apps The Next Generation p. 28