ÿþ<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="en"> <head> <title>Goodbye Desktop?</title> <link rel="stylesheet" media="screen,print,projection" href="style.css"> <style> li {list-style-type: none} @media handheld { * { margin: 2px; padding: 2px } .slide {margin-bottom:1em; border: 1px black solid; background:url('operalittle.png')} #first,.notes,.screen {display:none} head,title {display:block} } </style> </head> <body> <div class="screen"> <p>This slideset is designed for Opera, and demos use features only available in the Opera Video Builds. However the basic content should work in any browser.</p> <p>To see this in presentation mode using Opera, simply select "View" ->"Full Screen". To see how all this is done, view the source...</p> <h2 class="notes">Remember to remove anything with class="notes" for a shared version. The notes are not rendered in mobile, print or projection media</h2> </div> <div class="slide" id="first"> <h1>Goodbye desktop?</h1> <h2>Mobile now, and the future</h2> <h3><del>Charles McCathieNevile</del></h3> <h2>Chaals</h2> <h3>Opera Software</h3> </div> <div class="slide"> <h1>Opera: Browsers</h1> <ul> <li>Portable fast browser code</li> <li>Browsers on 20-30 Systems</li> <li>Plus <ul> <li>my.opera</li> <li>widgets.opera</li> <li>Opera Mini server</li></ul></li> </ul> </div> <div class="slide"> <h1>Opera the company</h1> <ul> <li>1994: 2 guys in dad's kitchen in Oslo</li> <li>2009: ~ 650 people from 50 countries<br/> 12 offices in 10 countries<br /> and hiring more</li> <li>Opera makes browsers</li> <li>(including mobile browsers)</li> </ul> </div> <div class="slide"> <h1>Opera Mobile</h1> <p><img class="right" src="img/operamobile.png" alt=""/>The browser, on mobiles</p> <ul> <li>1998 for Psion devices</li> <li>2002 Installed on phones</li> <li>2003 "Small Screen Rendering"</li> <li>2005 real Ajax, Platform APIs</li> <li>2008 Scope / Dragonfly debugger</li> </ul> </div> <div class="slide"> <h1>Opera Mini</h1> <p><img class="right" src="img/opmini.png" alt=""/>A browser on any phone</p> <ul> <li>2005 - trial launch</li> <li>2006 global launch</li> <li>2006<ul> <li>Secured connection</li> <li>Content folding</li> <li>RSS reader</li> </ul></li> </ul> </div> <div class="slide"> <h1>Opera Mini</h1> <ul> <li>2007<ul> <li>Javascript / Ajax</li> <li>1 billion pages/month!</li> <li>RSS reader</li> <li>Link, Speed Dial</li> <li>Mouse cursor</li> <li>Overview / Intelligent Zoom</li> </ul></li> </ul> </div> <div class="slide"> <h1>Opera Mini</h1> <ul> <li>2008<ul> <li>Mobile Web Report</li> <li>5 billion pages/month</li> <li>Load and save</li> <li>Zoom Image</li> <li>RTSP - streaming</li> <li>SVG, Android, BREW...</li> </ul></li> </ul> </div> <div class="slide"> <h1>Mobile Web 1 - WAP?</h1> <p><iframe class="right" src="google.wml" style="height:70%;font-size:50%"></iframe>WML / WAP</p> <ul> <li>WAPforum (now OMA)</li> <li>Full standards stack</li> <li>Convergence with W3C stack</li> <li>WAP browsers still everywhere</li> <li>Ringtones - big success</li> </ul> </div> <div class="slide"> <h1>Mobile Web 1 - iMode?</h1> <ul> <li>NTT DoCoMo</li> <li>cHTML - trimmed "normal" Web</li> <li>Operator profit-share</li> <li>Convergence with W3C stack</li> <li>Big in Japan...<br /> ..on DoCoMo. Mobile Web is, too</li> </ul> </div> <div class="slide"> <h1>Walled Gardens?</h1> <p>Closed WML environments</p> <ul> <li>"Quality of Service"</li> <li>Appropriate content</li> <li>Operator profit-share</li> </ul> <p>Portals are power...?</p> </div> <div class="slide"> <h1>Mobile Market</h1> <p>Varying environments</p> <dl> <dt>Japan, US</dt> <dd>Operator Controlled</dd> <dt>Europe</dt> <dd>Users, Operators</dd> </dl> <p>Users == power...?</p> </div> <div class="slide"> <h1>The "iPhone effect"</h1> <p>Open the (mobile) Web</p> <ul> <li>No Operator requirements</li> <li>Designed as web device</li> <li>Apple Marketing</li> <li>Good Hardware</li> </ul> <p>and the Android effect?</p> </div> <div class="slide"> <h1>What people want</h1> <p>Mobile Web report</p> <ul> <li>Social Networking</li> <li>News, Sport</li> <li>Messaging</li> <li>Dating, pr0n</li> </ul> <p>and the <strong>Whole Web</strong>, too</p> </div> <div class="slide"> <h1>Widgets and apps</h1> <p>Supercharge the browser</p> <ul> <li>Installed to the machine</li> <li>Use the browser as an engine</li> <li>Work offline or online</li> <li>Only download the data that changes</li> </ul> <p>Like bookmarks, with power</p> </div> <div class="slide"> <h1>Widgets and Standards</h1> <ul> <li><a href="http://www.w3.org/TR/widgets">W3C Standard 1.0</a> finishing</li> <li>Widgets work on phones already</li> <li>Web power, plus (coming): <ul> <li>File system access</li> <li>System functions (Camera, SMS ...)</li> </ul></li> </ul> </div> <div class="slide"> <h1>"Opera Platform"</h1> <p><img class="right" src="img/platform.png" alt=""/>2005 - Opera 8.5 demo</p> <ul> <li>Script APIs for the platform</li> <li>(Camera, messages, address book...)</li> <li>Symbian s60, Windows, MacOS X</li> <li>Embedded User Interfaces</li> </ul> <p>Like "Bondi", but 4 years ago</p> </div> <div class="slide"> <h1>Supercharging the browser</h1> <p>Speed is the feature <em>du jour</em></p> <ul> <li>Chrome - "V8 fast"</li> <li>Webkit - "fastest on iBench"</li> <li>Mozilla - "new JS engine"</li> <li>Opera - "Futhark, Carakan"</li> </ul> <p>Meanwhile in Madagascar, Perm', ...</p> </div> <div class="slide"> <h1>Size Matters</h1> <ul> <li>Mobile is with you...</li> <li>Japanese "keitai" books</li> <li>African power cycles</li> <li>Indian houses</li> </ul> <p>But most <strong>work</strong> is done on desktop</p> </div> <div class="slide"> <h1>Conclusions</h1> <ul> <li>Mobile is <strong>part of</strong> the Web</li> <li>Some people rely on it</li> <li>But desktop is here to stay</li> <li>Other devices are, too...</li> </ul> <p>The Web is the platform, for any device</p> </div> <div class="slide" id="last"> <h1>Thank you</h1> <h2><a href="mailto:chaals@opera.com">chaals@opera.com</a></h2> <ul> <li><a href="http://opera.com/mobile_report">opera.com/mobile_report</a></li> <li><a href="http://my.opera.com/operamobile">my.opera.com/operamobile</a></li> <li><a href="http://my.opera.com/operamini">my.opera.com/operamini</a></li> <li><a href="http://my.opera.com/operamini">my.opera.com/chaals</a></li> </ul> <h3>There are no foolish questions<br/>Only fools who do not question</h3> </div> </body></html>