Cloud Computing W4A Keynote: Equal Access For All T. V. Raman - - PowerPoint PPT Presentation

▶
cloud computing
SMART_READER_LITE
LIVE PREVIEW

Cloud Computing W4A Keynote: Equal Access For All T. V. Raman - - PowerPoint PPT Presentation

May 25, 2023 108 likes •429 views

Cloud Computing W4A Keynote: Equal Access For All T. V. Raman Google Cloud Computing p. 1 Outline Creating Web Applications Tangible User Interfaces Consuming Web Applications Usable UI Patterns Web APIs And Specialized Browsing

slide-1
SLIDE 1

Cloud Computing

W4A Keynote: Equal Access For All

  • T. V. Raman

Google

Cloud Computing – p. 1

slide-2
SLIDE 2

Outline

Creating Web Applications Tangible User Interfaces Consuming Web Applications Usable UI Patterns Web APIs And Specialized Browsing Conclusion Goal: Ubiquitous access.

Cloud Computing – p. 2

slide-3
SLIDE 3

Separate UI From Application

Cloud Computing – p. 3

slide-4
SLIDE 4

Web Architecture

Basic Web building blocks URI Universal means for addressing content. HTTP Protocol for client/server communication. HTML A language for hypertext documents. Web Browser —a lens for viewing the Web

Cloud Computing – p. 4

slide-5
SLIDE 5

Discovering Web Applications

Web —Global hypertext system HTML Presentation-independent information. Forms Interactive Web hypertext. CSS Style content. DOM Programmable Web. JavaScript Custom behaviors.

Cloud Computing – p. 5

slide-6
SLIDE 6

Distributed Web Applications

Application Logic and Data separate from UI! Data Resides in the Web cloud. Application Logic runs on the server. Presentation Delivered as HTML to the client. UI Augmented by DOM-based interaction. Facilitates multiple UI to a single application.

Cloud Computing – p. 6

slide-7
SLIDE 7

Google Calendar

Data UI-independent, lives in the cloud. UI Delivered via the Web. Clients Manipulate underlying representation. Sync Multiple clients manipulate same data. Specific UI used is no longer significant!

Cloud Computing – p. 7

slide-8
SLIDE 8

Creating Web Applications

Cloud Computing – p. 8

slide-9
SLIDE 9

Anatomy Of A Web Application

Server Manage data, application logic. Client Presentation, interaction. Bind Connect the dots. Opportunity: Separation of UI!

Cloud Computing – p. 9

slide-10
SLIDE 10

Application Data

Resides in the network cloud. Enables ubiquitous access. Is independent of any specific UI. Ranges from the simple to the complex: Maps Spreadsheets

Cloud Computing – p. 10

slide-11
SLIDE 11

User Operations

User operations manipulate application data Create Add new data —PUT. Read Retrieve existing data —GET. Update Modify/edit data —POST. Delete Delete data —DELETE. User operations mapped to HTTP verbs.

Cloud Computing – p. 11

slide-12
SLIDE 12

Examples

Maps Calendar Model Lat/Long Data hierarchy MetaData Geo-coding Dependencies Operations View, Zoom Edit, View Request Name values ATOM Feeds Protocol HTTP HTTP+APP Response Maps Tables

Cloud Computing – p. 12

slide-13
SLIDE 13

Tangible User Interfaces

Cloud Computing – p. 13

slide-14
SLIDE 14

Tangible User Interfaces

UI realized as a dynamic hypertext document! Connect application model to desired UI. Instantiate by creating an HTML DOM. DOM holds presentation content. Encapsulate content, style and interaction. Web Applications come alive!

Cloud Computing – p. 14

slide-15
SLIDE 15

Document Is The Interface

User interface delivered as interactive hypertext. HTML Serialization of the HTML DOM. DOM Encapsulates content. CSS Style rules. Handlers JavaScript event handlers for behavior. Result is a UI, not a document.

Cloud Computing – p. 15

slide-16
SLIDE 16

User Interface Is Not A Document!

Documents User Interfaces Pure content Includes interaction Consistent structure Highly customizable Mostly static Mostly dynamic User reads User interacts

Cloud Computing – p. 16

slide-17
SLIDE 17

Consuming Web Applications

Cloud Computing – p. 17

slide-18
SLIDE 18

Web Browser

Web application model discovered not designed. Web UI rendered by the browser. Browsers require augmentation via AT. AT treats Web pages as documents. Web pages are now live user interfaces. Transition causes impedance mismatch.

Cloud Computing – p. 18

slide-19
SLIDE 19

Eliminating Feature Gap

W3C ARIA: enable AT regain lost ground. DOM Live properties expose metadata. Role Identifies widget type. State Reflects current interaction state. Live Regions Observer-observable relations. Web user interfaces gain parity with desktop GUI.

Cloud Computing – p. 19

slide-20
SLIDE 20

Usable UI Patterns

Cloud Computing – p. 20

slide-21
SLIDE 21

Usable UI

From accessible widgets to usable applications! ARIA makes UI controls visible to AT. Web applications are more than UI controls. Task completion is the final determiner. ARIA is necessary but not sufficient!

Cloud Computing – p. 21

slide-22
SLIDE 22

End-To-End Usability

Steps in UI augmentation Automatically speak relevant updates. Augment icons with relevant metadata. Add navigation keys for random access. Allow user to query for information. Produce automatic feedback for user actions. Not all accessibility gaps are due to bugs.

Cloud Computing – p. 22

slide-23
SLIDE 23

Examples

Augmenting UI for visually impaired users Emacspeak Extensions and Web wizards. JAWS Application-specific scripts. ORCA Application-specific Python extensions. Window Eyes User set files. Augmentation happens at multiple levels.

Cloud Computing – p. 23

slide-24
SLIDE 24

Web Applications

Web Applications present unique challenges Large number of small Web applications. Applications updated continuously. New features delivered incrementally. Enables ubiquitous access. Web-2.0 benefits for all users?

Cloud Computing – p. 24

slide-25
SLIDE 25

Evolving Web Accessibility

Mainstream benefits for users with special needs. Extend platform AT via the Web. Deliver augmentation via the Web. Distribute augmentation at Web scale. Expose relevant APIs to Web developers.

Cloud Computing – p. 25

slide-26
SLIDE 26

Web-Scale Augmentation

Injection AT-neutral application augmentation. AT Scripts AT-specific augmentation. Metadata Wire-formats like ARIA in HTML DOM. Web Distributing scripts via the Web. Approaches are not mutually exclusive.

Cloud Computing – p. 26

slide-27
SLIDE 27

Examples Of Augmentation

Browsers Implement W3C ARIA. Screenreaders Bundle application scripts. Community Open Source projects. AxsJAX Inject AT-neutral augmentation.

Cloud Computing – p. 27

slide-28
SLIDE 28

Specialized Browsing

Cloud Computing – p. 28

slide-29
SLIDE 29

Web APIs

Enable custom access to Webformation! Task Task-specific gadgets, e.g., weather. Environment Specialized access, e.g., mobile. User Special needs, e.g., AT. Custom Web access liberates end-users!

Cloud Computing – p. 29

slide-30
SLIDE 30

Conclusions

Web applications are here to stay. Desktop AT has found transition challenging. W3C ARIA goes a long way in helping. Web access creates new opportunities. Profound impact on how we work and play!

Cloud Computing – p. 30

slide-31
SLIDE 31

Watch The Web Take Off!

Cloud Computing – p. 31