One Web To Rule Them All

40
DEN ODELL AKQA #TECHINSIGHT TECHINSIGHT.IO One Web To Rule Them All

description

The web is supposed to be the great democratiser, but what happens if you don't have a web browser? Anybody should be able to access any web content, service or application using any type of connected device from anywhere at any time, but the current reality is far from this. In this talk, join Den Odell, Head of Web Development at AKQA, as he envisions a "One Web" future, the ultimate form of Responsive Design where sites truly adapt to their users' devices, needs and context, a future where user interfaces reach beyond the browser to create an optimal experience for everyone, all built with W3C open standards.

Transcript of One Web To Rule Them All

Page 1: One Web To Rule Them All

DEN ODELL AKQA

#TECHINSIGHT TECHINSIGHT.IO

One Web To Rule Them All

Page 2: One Web To Rule Them All

@DENODELL

this print for content only—size & color not accurate spine = 0.844" 440 page count

BOOKS FOR PROFESSIONALS BY PROFESSIONALS®

Pro JavaScript RIA Techniques: Best Practices, Performance, and PresentationDear Reader,

Many people are familiar with rich Internet applications (RIAs), those web sites that blur the line between desktop software and the web browser. Applications like webmail clients, photo editors, and social networking sites cross this boundary. They feature intuitive, user-friendly interfaces, without the need for page refreshes or other interruptions to the end user’s experience. It is widely regarded that this type of web site will continue to grow in popularity.

I wrote this book to help web developers with some existing JavaScript skills suc-cessfully create their own professional, visually rich, dynamic, and performance-tuned RIAs. And following the guidelines in this book, you’ll be safe in the knowledge that your code is built according to best practices, adhering to web standards and accessibility guidelines.

In this book, I will show you how best to build a solid, maintainable foundation of HTML, CSS, and JavaScript code for your RIAs, together with the Ajax techniques needed to provide the dynamic communication between the browser and web server behind the scenes. I will describe the performance limitations you may run into when building your web applications and how best to overcome these. And I’ll give you some tips for making your user interfaces feel more responsive, even when you can’t get around the performance limitations.

You also will learn how to improve your RIA user interfaces by adding typo-graphical headings using custom fonts, multimedia playback components, customized form controls, and dynamic charting capabilities. Additionally, I will demonstrate how to continue running your web applications when the connection to the server is broken, how to use Ajax to read hidden data stored within binary files, and how to ensure the highest level of accessibility within your JavaScript web applications.

Den Odell

US $44.99

Shelve in Web Development

User level: Intermediate–Advanced

OdellPro JavaScript RIA Techniques

THE EXPERT’S VOICE® IN WEB DEVELOPMENT

ProJavaScript RIA TechniquesBest Practices, Performance, and Presentation

CYAN MAGENTA

YELLOW BLACK PANTONE 123 C

Den Odell

Companion eBook Available

www.apress.comSOURCE CODE ONLINE

Companion eBook

See last page for details

on $10 eBook version

Turn your JavaScript knowledge into beautiful, dynamic, and performance-tuned rich Internet applications

ISBN 978-1-4302-1934-7

9 781430 219347

54499

RELA

TED

TITL

ES

DEN ODELL HEAD OF WEB DEVELOPMENT, AKQA

Out July

Page 3: One Web To Rule Them All

“Imagine a console in your office that will bring

the accumulated knowledge of the world to

your fingertips.”

Arthur C. Clarke, Popular Science, 1970

Page 4: One Web To Rule Them All

“You can get the data on some historical event,

or hear an illustrated lecture on any subject

you wish. Or you can hold an electronic

conference with any group of people scattered

all over the world, seeing each other as

you talk.”

Arthur C. Clarke, Popular Science, 1970

Page 5: One Web To Rule Them All

1993

Page 6: One Web To Rule Them All

“The web is an incredible democratiser. A

small company can look as large as a big

company and be as accessible as a big

company on the web.”

Steve Jobs, Wired Magazine, 1996

Page 7: One Web To Rule Them All

ACCESS THE WEB ANYTIME, ANYPLACE, ANYWHERE, ANYHOW.

Page 8: One Web To Rule Them All

ONE WEB

Page 9: One Web To Rule Them All

User Interface Varies Based On Device Characteristics

RESPONSIVEWeb

design

Page 10: One Web To Rule Them All

MULTIMODAL INTERACTION

Page 11: One Web To Rule Them All

Multimodal Interaction

DATA STORE

SERVICES (RESTful)

WEB BROWSER iOS APP ANDROID APP

Page 12: One Web To Rule Them All

Multimodal Interaction

DATA STORE

SERVICES (RESTful)

MODALITY COMPONENT

INTERACTION MANAGER

MODALITY COMPONENT MODALITY COMPONENT

Page 13: One Web To Rule Them All

MULTIMODAL INTERACTION

Bringing The User Interface To The User

Page 14: One Web To Rule Them All

INPUTS AND OUTPUTS

Page 15: One Web To Rule Them All

Inputs

Page 16: One Web To Rule Them All

Inputs

InkML HTML5 Touch Events API VoiceXML

HTML5 Touch Events API HTML DOM Events API

Page 17: One Web To Rule Them All

Outputs

Page 18: One Web To Rule Them All

Outputs

HTML5 / CSS3

CSS Braille Media Type

VoiceXML / JavaScript Web Speech API

HTML5 Vibration API

Page 19: One Web To Rule Them All

RESPONSIVEWeb

design

+ VoiceXML

Page 20: One Web To Rule Them All

RESPONSIVEWeb

design

Page 21: One Web To Rule Them All
Page 22: One Web To Rule Them All
Page 23: One Web To Rule Them All
Page 24: One Web To Rule Them All

Welcome to the ticket booking service. What

are you looking for - concert, conference, or

cinema tickets?

Page 25: One Web To Rule Them All

Welcome to the ticket booking service. What

are you looking for - concert, conference, or

cinema tickets?

Cinema tickets

Page 26: One Web To Rule Them All

Which film would you like to purchase tickets

for - White House Down, The Call, or About

Time?

Page 27: One Web To Rule Them All

Which film would you like to purchase tickets

for - White House Down, The Call, or About

Time?

The Call

Page 28: One Web To Rule Them All

OK, and which cinema should we book the

tickets for The Call at?

Page 29: One Web To Rule Them All

OK, and which cinema should we book the

tickets for The Call at?

The Odeon, Leicester Square

Page 30: One Web To Rule Them All

Great. We've now reserved you tickets to see

The Call at The Odeon, Leicester Square.

Page 31: One Web To Rule Them All

RESPONSIVEWeb

design

Bringing The User Interface To The User

Page 32: One Web To Rule Them All

TODAY

Page 33: One Web To Rule Them All

Voice Search

Native Apps

Page 34: One Web To Rule Them All

Voice Search

Native Apps

Page 35: One Web To Rule Them All

TOMORROW

Page 36: One Web To Rule Them All

StreamInput API

Page 37: One Web To Rule Them All

StreamInput API

Page 38: One Web To Rule Them All

EmotionML

Page 39: One Web To Rule Them All

ACCESS THE WEB ANYTIME, ANYPLACE, ANYWHERE, ANYHOW.

Page 40: One Web To Rule Them All

ONE WEB