google developer days brazil 2009 - keynote
Post on 18-Oct-2014
7.156 views
DESCRIPTION
Keynote slides for GDD Brazil 2009TRANSCRIPT
Monday, June 29, 2009
A More Powerful Web, Made EasierPatrick Chanezon, [email protected] Advocate, Google
June 29, 2009, Sao Paulo#gdd
Monday, June 29, 2009
“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
Monday, June 29, 2009
The Web Platform is AcceleratingU
ser E
xper
ienc
e
native web
1990 -- 2008 Q408 Q109 Q209 ...
iPhone 2.2:Nov 22, 2008canvasapp cachedatabase
Safari 4.0b:Feb 29, 2009canvasvideoapp cachedatabaseworkers
HTML
DOMCSS
XHR
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
Monday, June 29, 2009
And It’s Solving Key Developer ChallengesU
ser E
xper
ienc
e
native web
HTML
DOMCSS
XHR
SpeedLocationGraphics Storage
1990 -- 2008 Q408 Q109 Q209 ...
Monday, June 29, 2009
More Developers
0
75
150
225
300
Mon
thly
Con
tribu
tors
to O
SS
Bro
wse
rs
2002 2003 2004 2005 2006 2007 2008 2009
webkitfirefox 2.0-3.0firefox 3.1+chrome
Monday, June 29, 2009
More Speed
0
20
40
60
80
Sun
Spi
der R
uns
Per
Min
ute
2001 2003 2005 2007 Q108 Q208 Q308 Q408 Q109
100x improvementin JavaScript performance
Monday, June 29, 2009
More Users
50
150
250
350
450
OS
S B
row
ser U
sers
(M)
2005 2006 2007 2008 2009
Monday, June 29, 2009
5>2A More Powerful Web
Monday, June 29, 2009
Cautionary Tales of Latent Lemonade
xhr(1999)
xml (1998)
css(1996)
AJAX (2004)
Monday, June 29, 2009
HTML 5: A Chance to Do Things Differently
Monday, June 29, 2009
canvas video geolocation app cache &database
web workers
Monday, June 29, 2009
00
width
heig
ht
Y
x
y
X
Until Recently, You Couldn’t Draw on the Web
Monday, June 29, 2009
And Graphics Weren’t Very Interactive
javascript:onClick(Draw());
Monday, June 29, 2009
The Usual Options Do This...
VMLFlash
Silverlight
Monday, June 29, 2009
... But canvas is Intrinsic to the WebTr
ansp
aren
t Sta
ck
DOM
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
HTTP
HTML
Monday, June 29, 2009
// canvas defines drawing and animation APIs with pixel-level control
Monday, June 29, 2009
canvas demos
Monday, June 29, 2009
Sun
Spi
der R
uns
Per
Min
ute
canvas Piggybacks Overall Browser Speed
Monday, June 29, 2009
Is the Web Ready for 3D?
Monday, June 29, 2009
code.google.com/apis/o3d
Monday, June 29, 2009
Chrome Firefox Safari Opera
canvas
video
geolocation
app cache
database
workers
HTML 5 Support
Monday, June 29, 2009
videocanvas geolocation app cache &database
web workers
Monday, June 29, 2009
Video is Complicated, and Outside Your Control
Monday, June 29, 2009
So What Would Occam Do?
© topatoco.com
Monday, June 29, 2009
// HTML 5 makes <video> as easy as <img>
Monday, June 29, 2009
<video> demos
Monday, June 29, 2009
Chrome Firefox Safari Opera
canvas
video
geolocation
app cache
database
workers
HTML 5 Support
Monday, June 29, 2009
geolocationcanvas video app cache &database
web workers
Monday, June 29, 2009
Life’s Better with Location
CRM Social Ads GamesPhotos
75 ft
20 ft
500 ft1.1 mi
2.1 mi
Places
2.8 mi
Monday, June 29, 2009
But GPS and IP Aren’t Good Enough
1. too slow2. too constrained3. too fuzzy
Monday, June 29, 2009
1) Cell ID and WiFi Solve The Data Problem...
Monday, June 29, 2009
Monday, June 29, 2009
2) ...And Browsers Are Now Location-Enabled
Monday, June 29, 2009
// the geolocation api brings browser-based location to your apps
Monday, June 29, 2009
Monday, June 29, 2009
canvasvideogeolocationapp cache and databaseweb workers
for more info: http://bit.ly/ff35dev Monday, June 29, 2009
geolocation demos
Monday, June 29, 2009
Chrome Firefox Safari Opera
canvas
video
geolocation
app cache
database
workers
HTML 5 Support
(iPhone)
Monday, June 29, 2009
app cache &database
canvas video geolocation web workers
Monday, June 29, 2009
Web Apps Need to Work Everywhere
Monday, June 29, 2009
// database and app cache store user data and app resources locally
Monday, June 29, 2009
app cache & database demos
Monday, June 29, 2009
Chrome Firefox Safari Opera
canvas
video
geolocation
app cache
database
workers
HTML 5 Support
(mobile)
(mobile)
(iPhone)
Monday, June 29, 2009
web workerscanvas video geolocation app cache &database
Monday, June 29, 2009
A More Powerful Web == More Powerful Apps
Monday, June 29, 2009
But More Power == More Responsibility
I will not hose the browser with JavaScript
I will not hose the browser with JavaScript
I will not hose the browser with JavaScript
I will not hose the browser with JavaScript
I will not hose the browser with JavaScript
I will not hose the browser with JavaScript
Monday, June 29, 2009
// web workers defines an API for running background scripts
Monday, June 29, 2009
web workers demos
Monday, June 29, 2009
Chrome Firefox Safari Opera
canvas
video
geolocation
app cache
database
workers
HTML5 Support
(iPhone)
(mobile)
(mobile)
(mobile)
Monday, June 29, 2009
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!
51
Monday, June 29, 2009
OpenSocial
Monday, June 29, 2009
Monday, June 29, 2009
Large Reach
Over 800M in a year – and more to come!
Monday, June 29, 2009
Global Reach
Monday, June 29, 2009
OpenSocial Supporting Products
27 Google Confidential
Monday, June 29, 2009
Under the hood: Usage Stats
• 315M+ App Installs
• 85M+ Canvas Page Views / Day
• 7,500+ Apps• 20+ Containers
Monday, June 29, 2009
The Open Stack
XRDS
Monday, June 29, 2009
Google Friend Connect
Monday, June 29, 2009
Google FriendConnect
• Uses OpenSocial (gadgets, REST/RPC)
• Allows site owners to mix in social data to existing sites
• Cut and paste or• Deep integrations
Monday, June 29, 2009
Google Friend Connect Demos
Monday, June 29, 2009
A More Powerful Web, Made Easier
Monday, June 29, 2009
App Engine and Google Web Toolkit (GWT)Easier to Scale and Optimize Your App
Monday, June 29, 2009
200,000+ Developers
Monday, June 29, 2009
80,000+ Applications
0
100
200
300
400
500
600
700
Wh
ite
Ho
use
.go
v Q
ue
rie
s P
er
Se
co
nd
(Q
PS
)
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
Monday, June 29, 2009
Launched in the Last 12 Months
memcache API
SSL support
system status
paid quota
cron support
database import
java runtime
X
X
X
X
X
X
X
Monday, June 29, 2009
• Background processing• Large object store• Database export• XMPP• Incoming email
Monday, June 29, 2009
Monday, June 29, 2009
Java + App Engine demo
Monday, June 29, 2009
...Hosting in the Back
UI in the Front...
Monday, June 29, 2009
GWT Browser-Proofs Your JavaScript Code...
IE
Firefox
Safari
Chrome
Monday, June 29, 2009
...But CSS Headaches Persist
Monday, June 29, 2009
Coming in GWT 2.0: In-Browser Debugging
Monday, June 29, 2009
Rich Applications, Extra-Large Codebases
Monday, June 29, 2009
LOADINGMonday, June 29, 2009
Manual Code Splitting: Not For the Faint of Heart
Monday, June 29, 2009
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 } });}
Monday, June 29, 2009
runAsync() Helps Apps Startup More Quickly
26-Nov 29-Apr 18-Jun 28-Jul 12-Sep 27-Oct 24-Dec 16-Mar
Siz
e of
Initi
al J
avaS
crip
t Dow
nloa
d (K
B)
375
750
1125
1500
0
7x Decrease InInitial Download Sizewith runAsync()
1400 KB
200 KB
Monday, June 29, 2009
code.google.com/appenginecode.google.com/gwt
Monday, June 29, 2009
Google Product APIsEasier to Add Content and Services To Your Website
Search Feeds Translation Calendar
Maps Charts Contacts Documents
Comments
AuthPhotos
NewsVideo
Spreadsheets
Monday, June 29, 2009
Low-Level API Access Serves Many Needs...
1
2
3
4
5
Dai
ly A
PI H
its (B
)
May Jun Jul Aug Sept Oct Nov Dec Jan Feb Mar Apr May
Over 4B Google APIHits Every Day
Monday, June 29, 2009
...But Imagine AdSense for Everything Else
Maps
SpreadsheetsSearch
Video Calendars
Monday, June 29, 2009
Announcing: Google Web ElementsCopy and Paste Website Content
Monday, June 29, 2009
Google Web Elements demoLocalized in pt-br
Monday, June 29, 2009
google.com/webelements
Monday, June 29, 2009
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...
Monday, June 29, 2009
Google Technology User Groups (GTUGs)
• Only one in Brazil: Minas Gerais (MG)• Get one started in Sao Paulo!
87
www.gtugs.org/
Monday, June 29, 2009
Summary
Monday, June 29, 2009
Monday, June 29, 2009