w3c mobile web initiative · •dom 2 •dom 1 •dhtml scripting languages layout languages...

15
Opera - Simply The Best Internet Experience Barcelona 18-19.11.2004 Timo Bruns W3C Mobile Web Initiative Opera workshop position

Upload: others

Post on 13-Oct-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: W3C Mobile Web Initiative · •DOM 2 •DOM 1 •DHTML Scripting languages Layout languages Mark-up languages WAP 2.0 Dynamic Scripting Complex non-standard web pages Information

Opera ­ Simply The Best Internet Experience

Barcelona

18-19.11.2004

Timo Bruns

W3C Mobile Web InitiativeOpera workshop position

Page 2: W3C Mobile Web Initiative · •DOM 2 •DOM 1 •DHTML Scripting languages Layout languages Mark-up languages WAP 2.0 Dynamic Scripting Complex non-standard web pages Information

Opera ­ Simply The Best Internet Experience

1

3

2

Browsing we have today

Evolution of the browsing technologies

What is required

From viewing to interacting

Contents

4

Page 3: W3C Mobile Web Initiative · •DOM 2 •DOM 1 •DHTML Scripting languages Layout languages Mark-up languages WAP 2.0 Dynamic Scripting Complex non-standard web pages Information

Opera ­ Simply The Best Internet Experience

Mobile Desktop=

Different screen size, same capabilities

Page 4: W3C Mobile Web Initiative · •DOM 2 •DOM 1 •DHTML Scripting languages Layout languages Mark-up languages WAP 2.0 Dynamic Scripting Complex non-standard web pages Information

Opera ­ Simply The Best Internet Experience

Rendering technologies - Comparison

(176px)Desktop (764px) (320px)

Page 5: W3C Mobile Web Initiative · •DOM 2 •DOM 1 •DHTML Scripting languages Layout languages Mark-up languages WAP 2.0 Dynamic Scripting Complex non-standard web pages Information

Opera ­ Simply The Best Internet Experience

Evolution of the browser technologies

Page 6: W3C Mobile Web Initiative · •DOM 2 •DOM 1 •DHTML Scripting languages Layout languages Mark-up languages WAP 2.0 Dynamic Scripting Complex non-standard web pages Information

Opera ­ Simply The Best Internet Experience

Desktop browsers vs. mobile browsers

1996 1999

HTML

CSS DOM

JavaScript

2001 2003

Desktop

browsing

Lev

el o

f c

om

ple

xity

2005

XForms

Page 7: W3C Mobile Web Initiative · •DOM 2 •DOM 1 •DHTML Scripting languages Layout languages Mark-up languages WAP 2.0 Dynamic Scripting Complex non-standard web pages Information

Opera ­ Simply The Best Internet Experience

Desktop browsers vs. mobile browsers

1996 1999

HTML

CSS DOM

JavaScript

2001 2003

Desktop

browsing

Mobile

browsing

WML

cHTML

XHTML MP

CSS MP

Lev

el o

f c

om

ple

xity

2005

XForms

Page 8: W3C Mobile Web Initiative · •DOM 2 •DOM 1 •DHTML Scripting languages Layout languages Mark-up languages WAP 2.0 Dynamic Scripting Complex non-standard web pages Information

Opera ­ Simply The Best Internet Experience

Desktop browsers vs. mobile browsers

1996 1999

HTML

CSS DOM

JavaScript

2001 2003

Desktop

browsing

Mobile

browsing

WML

cHTML

XHTML MP

CSS MP

Lev

el o

f c

om

ple

xity

2005

XForms

Page 9: W3C Mobile Web Initiative · •DOM 2 •DOM 1 •DHTML Scripting languages Layout languages Mark-up languages WAP 2.0 Dynamic Scripting Complex non-standard web pages Information

Opera ­ Simply The Best Internet Experience

Desktop browsers vs. mobile browsers

1996 1999

HTML

CSS DOM

JavaScript

2001 2003

Desktop

browsing

Mobile

browsing

WML

cHTML

XHTML MP

CSS MP

Lev

el o

f c

om

ple

xity

2005

XForms

Page 10: W3C Mobile Web Initiative · •DOM 2 •DOM 1 •DHTML Scripting languages Layout languages Mark-up languages WAP 2.0 Dynamic Scripting Complex non-standard web pages Information

Opera ­ Simply The Best Internet Experience

What we need

Page 11: W3C Mobile Web Initiative · •DOM 2 •DOM 1 •DHTML Scripting languages Layout languages Mark-up languages WAP 2.0 Dynamic Scripting Complex non-standard web pages Information

Opera ­ Simply The Best Internet Experience

What we need in browsing technologies

• Universal access– One content, many views

– Form factors are diverging more, not less

– Clean separation of content and styling

• Interoperability– Optimised for X not feasible

– ALL devices, OSs, platforms

• Modularity, not more profiles– Common core and well specified extensions

– Subsets are acceptable, supersets are not

• Evolution, not revolution– Not closed for construction

• Users should not be exposed to authoring errors– Show what can be shown

– Validation is still required

• Tools that make convergent content development easy

Page 12: W3C Mobile Web Initiative · •DOM 2 •DOM 1 •DHTML Scripting languages Layout languages Mark-up languages WAP 2.0 Dynamic Scripting Complex non-standard web pages Information

Opera ­ Simply The Best Internet Experience

From viewing to interacting

Page 13: W3C Mobile Web Initiative · •DOM 2 •DOM 1 •DHTML Scripting languages Layout languages Mark-up languages WAP 2.0 Dynamic Scripting Complex non-standard web pages Information

Opera ­ Simply The Best Internet Experience

Mobile browsing technology use cases

• Street HTML

• HTML 4.01

• XHTML 1.0/1.1

Web Browsing Online ServicesDynamic home

Screens

• CSS 2

• CSS 1

• JavaScript 1.5

• ECMAScript 3rd

• ECMASctipt 2nd

• DOM 2

• DOM 1

• DHTML

Scriptinglanguages

Layoutlanguages

Mark-uplanguages

WAP 2.0

DynamicScripting

Complex non-standard web

pages

Information services

Operator controlled framework

Full control of colors and layout

Make services such as web mail, banking etc.

Interactive services such as gaming,

chatting and shopping

Extensible graphic over limited bandwidth

Login routines, form inputs etc.

Gaming, email, calendar etc.

Interaction with native environment for SMS, MMS etc.

Standalone scripts such as Clock

Themes, branding, etc.

WAP content• XHTML MP

• CSS MP

• WML

Component in

other apps

HTML in Mail

Dynamic update of content

Interactivity

Rich graphic

Page 14: W3C Mobile Web Initiative · •DOM 2 •DOM 1 •DHTML Scripting languages Layout languages Mark-up languages WAP 2.0 Dynamic Scripting Complex non-standard web pages Information

Opera ­ Simply The Best Internet Experience

Mobile browsing technology use cases

• Street HTML

• HTML 4.01

• XHTML 1.0/1.1

Web Browsing Online ServicesDynamic home

Screens

• CSS 2

• CSS 1

• JavaScript 1.5

• ECMAScript 3rd

• ECMASctipt 2nd

• DOM 2

• DOM 1

• DHTML

Scriptinglanguages

Layoutlanguages

Mark-uplanguages

WAP 2.0

DynamicScripting

Complex non-standard web

pages

Information services

Operator controlled framework

Full control of colors and layout

Make services such as web mail, banking etc.

Interactive services such as gaming,

chatting and shopping

Extensible graphic over limited bandwidth

Login routines, form inputs etc.

Gaming, email, calendar etc.

Interaction with native environment for SMS, MMS etc.

Standalone scripts such as Clock

Themes, branding, etc.

WAP content• XHTML MP

• CSS MP

• WML

Component in

other apps

HTML in Mail

Dynamic update of content

Interactivity

Rich graphic

Page 15: W3C Mobile Web Initiative · •DOM 2 •DOM 1 •DHTML Scripting languages Layout languages Mark-up languages WAP 2.0 Dynamic Scripting Complex non-standard web pages Information

Opera ­ Simply The Best Internet Experience

Summary

• Existing Web content will not be redone to cater mobile– Evolutionary convergence of fixed and mobile domains

• Divergence of form factors will increase– Not fixed v. mobile but a range of different characteristics

• Blaming the technologies is only a start– Value proposition and the will to converge is required as well

• Mobile Web is more than browsing– True application environment

– Pushed based services

– Unique Mobile use cases and opportunities

• Human behaviour patterns take a long time to change– Not ‘if you will build it they will come’ but ‘build market and be patient’