Google Developer Days Brazil 2009 - Keynote

Monday, June 29, 2009

A More Powerful Web, Made EasierPatrick Chanezon, chanezon@google.comDeveloper Advocate, Google

June 29, 2009, Sao Paulo#gdd

“If we are at 150 percent on D-Day, I don't see which country could trouble us apart from Brazil, obviously, because they are the only fearsome team as they have always been”

Zinedine Zidane

The Web Platform is AcceleratingU

native web

1990 -- 2008 Q408 Q109 Q209 ...

iPhone 2.2:Nov 22, 2008canvasapp cachedatabase

Safari 4.0b:Feb 29, 2009canvasvideoapp cachedatabaseworkers

DOMCSS

Opera Labs:Mar 26, 2009canvasvideogeolocation

Android 1.5:Apr 13, 2009canvasgeolocationapp cachedatabaseworkers

Firefox 3.5b4:Apr 27, 2009canvasvideogeolocationapp cachedatabaseworkers

Chrome 2.0:May 21, 2009canvasvideogeolocationapp cachedatabaseworkers

And It’s Solving Key Developer ChallengesU

native web

DOMCSS

SpeedLocationGraphics Storage

1990 -- 2008 Q408 Q109 Q209 ...

More Developers

2002 2003 2004 2005 2006 2007 2008 2009

webkitfirefox 2.0-3.0firefox 3.1+chrome

More Speed

2001 2003 2005 2007 Q108 Q208 Q308 Q408 Q109

100x improvementin JavaScript performance

More Users

2005 2006 2007 2008 2009

5>2A More Powerful Web

Cautionary Tales of Latent Lemonade

xhr(1999)

xml (1998)

css(1996)

AJAX (2004)

HTML 5: A Chance to Do Things Differently

canvas video geolocation app cache &database

web workers

Until Recently, You Couldn’t Draw on the Web

And Graphics Weren’t Very Interactive

javascript:onClick(Draw());

The Usual Options Do This...

VMLFlash

Silverlight

... But canvas is Intrinsic to the WebTr

Document Object Model (DOM) SpecificationOriginal: http://www.w3.org/TR/REC-DOM-Level-1/Latest: http://www.w3.org/TR/DOM-Level-3-Core/Contributors: Netscape, Sun, Microsoft, W3C, IBM, Novell, JavaSoft, SoftQuad Inc., Inso EPS, Texcel Research, Arbortext

Hypertext Markup Language (HTML)Original: http://tools.ietf.org/html/rfc1866 Latest: http://www.w3.org/TR/html5/Contributors: T. Berners-Lee, D. Connolly, L. Masinter, MIT, W3C, AT&T, IBM, Microsoft, Netscape, Novell, SoftQuad, Spyglass, Adobe, Lotus, CWI, Reuters, JavaSoft, HP, GRIF, Sun, Opera, Mozilla, Google, Apple

Hypertext Transfer Protocol (HTTP)Original: http://tools.ietf.org/html/rfc1945Latest: http://tools.ietf.org/html/rfc2616Contributors: UC Urvine, Compaq, MIT, Xerox, Microsoft, W3C, T. Berners-Lee, R. Fielding, J. Gettys, J. Mogul, H. Frystyk, L. Masinter, P. Leach

// canvas defines drawing and animation APIs with pixel-level control

canvas demos

canvas Piggybacks Overall Browser Speed

Is the Web Ready for 3D?

code.google.com/apis/o3d

Chrome Firefox Safari Opera

canvas

geolocation

app cache

database

workers

HTML 5 Support

videocanvas geolocation app cache &database

web workers

Video is Complicated, and Outside Your Control

So What Would Occam Do?

// HTML 5 makes <video> as easy as <img>

<video> demos

canvas

geolocation

app cache

database

workers

HTML 5 Support

geolocationcanvas video app cache &database

web workers

Life’s Better with Location

CRM Social Ads GamesPhotos

500 ft1.1 mi

2.1 mi

Places

2.8 mi

But GPS and IP Aren’t Good Enough

1. too slow2. too constrained3. too fuzzy

1) Cell ID and WiFi Solve The Data Problem...

2) ...And Browsers Are Now Location-Enabled

// the geolocation api brings browser-based location to your apps

canvasvideogeolocationapp cache and databaseweb workers

for more info: http://bit.ly/ff35dev Monday, June 29, 2009

geolocation demos

canvas

geolocation

app cache

database

workers

HTML 5 Support

(iPhone)

app cache &database

canvas video geolocation web workers

Web Apps Need to Work Everywhere

// database and app cache store user data and app resources locally

app cache & database demos

canvas

geolocation

app cache

database

workers

HTML 5 Support

(mobile)

(iPhone)

web workerscanvas video geolocation app cache &database

A More Powerful Web == More Powerful Apps

But More Power == More Responsibility

I will not hose the browser with JavaScript

// web workers defines an API for running background scripts

web workers demos

canvas

geolocation

app cache

database

workers

HTML5 Support

(iPhone)

(mobile)

Open Standards in IE?

• IE does not implement html5 or SVG• But there are open source projects which implement these

functionalities in IE on top of Flash or VML– Canvas: Erik Arvidsson’s ExplorerCanvas

• http://code.google.com/p/explorercanvas/

– SVG: Brad Neuberg’s SVG Web• http://code.google.com/p/sgweb/

– Video: Kroc Camen’s Video for Everybody• http://camendesign.com/code/video_for_everybody

– Dean Edward’s html5.js• not yet released

• These Javascript libraries allow developers to start using Openweb technologies NOW!

OpenSocial

Large Reach

Over 800M in a year – and more to come!

Global Reach

OpenSocial Supporting Products

27 Google Confidential

Under the hood: Usage Stats

• 315M+ App Installs

• 85M+ Canvas Page Views / Day

• 7,500+ Apps• 20+ Containers

The Open Stack

Google Friend Connect

Google FriendConnect

• Uses OpenSocial (gadgets, REST/RPC)

• Allows site owners to mix in social data to existing sites

• Cut and paste or• Deep integrations

Google Friend Connect Demos

A More Powerful Web, Made Easier

App Engine and Google Web Toolkit (GWT)Easier to Scale and Optimize Your App

200,000+ Developers

80,000+ Applications

18:00 21:00 24:00 3:00 6:00 9:00 12:00 15:00 18:00 21:00 24:00 3:00 6:00 9:00 12:00 15:00 18:00 21:00 24:00 3:00

6:45pm EST:WhiteHouse.govkick-off blog post

Afternoon EST:NPR, NYTimes,CNN coverage

5:00pm EST:Link on Googlehomepage

9:30am EST:Deadline forsubmissions

11:30am EST:Townhall begins

5:00pm EST:WhiteHouse.govwrap-up blog post

Launched in the Last 12 Months

memcache API

SSL support

system status

paid quota

cron support

database import

java runtime

• Background processing• Large object store• Database export• XMPP• Incoming email

Java + App Engine demo

...Hosting in the Back

UI in the Front...

GWT Browser-Proofs Your JavaScript Code...

Firefox

Safari

Chrome

...But CSS Headaches Persist

Coming in GWT 2.0: In-Browser Debugging

Rich Applications, Extra-Large Codebases

LOADINGMonday, June 29, 2009

Manual Code Splitting: Not For the Faint of Heart

Coming in GWT 2.0: runAsync()

// example public void onMySettingsLinkClicked() {

GWT.runAsync(new RunAsyncCallback() {

public void onSuccess() { new MySettingsDialog().show(); }

public void onFailure(Throwable ohNoes) { // indicate that something went wrong, // usually a connectivity or server problem } });}

runAsync() Helps Apps Startup More Quickly

26-Nov 29-Apr 18-Jun 28-Jul 12-Sep 27-Oct 24-Dec 16-Mar

7x Decrease InInitial Download Sizewith runAsync()

1400 KB

200 KB

code.google.com/appenginecode.google.com/gwt

Google Product APIsEasier to Add Content and Services To Your Website

Search Feeds Translation Calendar

Maps Charts Contacts Documents

Comments

AuthPhotos

NewsVideo

Spreadsheets

Low-Level API Access Serves Many Needs...

its (B

May Jun Jul Aug Sept Oct Nov Dec Jan Feb Mar Apr May

Over 4B Google APIHits Every Day

...But Imagine AdSense for Everything Else

SpreadsheetsSearch

Video Calendars

Announcing: Google Web ElementsCopy and Paste Website Content

Google Web Elements demoLocalized in pt-br

google.com/webelements

Android: Seven Months, By The Numbers

• 10 carriers in 12 countries

• 5,000+ applications in the Android Market

• 40+ app downloads per user

• #2 in U.S. mobile web browsing

• 3 platform releases, and counting...

Google Technology User Groups (GTUGs)

• Only one in Brazil: Minas Gerais (MG)• Get one started in Sao Paulo!

www.gtugs.org/

Summary

Google Developer Days Brazil 2009 - Keynote

Technology

Transcript of Google Developer Days Brazil 2009 - Keynote

Keynote Learning Layers Developer Camp 2013

The internationally leading developer, manufacturer … · COLTENE is a leading, innovative and ... Continued extension of sales force, ... Brazil compensating weaker other Latin

- Oracle · Java Virtual Developer Day Simon Ritter Technology Evangelist . 3 Virtual Developer Day: Agenda • Keynote: The Java Platform: Now and the

Mobile Developer Conference 2012 Hamburg, Germany Keynote

Intel Developer Forum Opening Keynote

Google Developer Days Brazil 2009 - Java Appengine

Developer Developer

Google Developer Days Brazil 2009 - Make your site social with Google Friend Connect

Qt Developer Days 2009 Keynote - Portable UIs

Qt Developer Days 2009 Keynote - Sugarlabs

SAP Tax Declaration Framework for Brazil 1.0 - …€¦ · Developer Guide CUSTOMER Document Version: 1.2.0 – 2017-07-07 SAP Tax Declaration Framework for Brazil 1.0 - Developers

Drupal Developer Days Keynote

Intel Developer Forum Opening Keynotedownload.intel.com › ... › kits › idf › 2010_fall › pdfs › Day1... · Intel Developer Forum Opening Keynote September 13, 2010 Page

Second Quarter 2015 Business Connection€¦ · George Brazil Air Conditioning & Heating Congratulations 2015 Winners* & Finalists Keynote speaker David Sturt signs his book Great

Brazil - Nutanix NEXT on Tour Keynote and Technical Deck

Keynote address on the evolution of agriculture and ... · 21/03/2013 1 Keynote address on the evolution of agriculture and fertilization in Brazil Daniel Vidal Perez Ph.D. Soil Science

DeviceAnywhere Test Center Developer User Guide...User Guide DeviceAnywhere Test C enter Developer Keynote Confidential 9 1 Prerequisites and Product Overview Keynote’s DeviceAnywhere

Containers and Developer Defined Data Centers - Evan Powell - Keynote in Bangalore Container Conference

Palm Developer Day: Opening Keynote

Qt Developer Days 2009 Keynote - Qt Everywhere