Google I/O Wednesday
05/19/10
Thurs keynote starts at 8:30 am …
I/O stands for the first thing a developer learns, and also Innovation and Open …
Keynote:
- The web grown up
- All other platforms have declined, the Internet continues to double …
- Its incredibly important
- 2004 Ajax was introduced
- People started to not just publish pages but also applications
- Now, web applications are becoming more powerful thanks to HTML5
- Web apps need to be able to use resources locally
- More HTML5, supported by all “modern browsers”
- Another important trend is Mobile
- More HTML5 on the Mobile web
- Gmail Demo
- Using HTML5 file api’s, drag and drop files into an email as an attachment
- Using HTML5 notification api’s, get notifications when an email gets in
- Charles Pritchard (Founder, MugTug)
- Darkroom app
- 2004 used html4, image editor online
- Now using html5, move a lot of that to the desktop
- Editing offline, using cache (Application Cache, local storage and file reader)
- Quick to load, quick to close and quick to use … (next generation of apps)
- Using JavaScript …
- Jim Lanzone (Ceo, clicker)
- TVGuide for the web, massive db of premium content (launched a few months ago)
- See Charlie Rose archives
- Start typing, get show pages, then hit play (shows video)
- Joke about Lost, hoping someone would ask a following up question … finally…
- Purely native, very rich thanks to HTML5 and the guys at Chrome
- Use of video, its one of the most important mediums on the web
- On the web you have a lot of formats to choose from …
- We think video should have a great, free and open option just like images and pgn
- Invested over $120M to contribute to this vision
- On2 … based in NY, working in video since 90 92, over 2B+ installs, used by flash, skype, etc, Acquired by Google in 2010
- Today: announcing that we are open sourcing VP8 under an open source and royalty free license
- WEBmproject.org …. webM
- Mike Shaver of mozilla
- You tube will be support webM video
- high quality video, built into the stac, with great performance
- Mozilla is very interested in open video
- Have seen the importance of universal video
- Video is key of the web experience and needs to be part of the web
- Just like JavaScript, HTML, CSS etc are all used without strings attached, now video will be like that
- The web is gaining important capabilities, so browsers need to take advantage ofthat
- Takes advantage of multiple cores, low and high bandwidth, etc.
- Its high quality and embedded into the stack, use like text
- Project London: 400 some lines of codes (text, video, animations, controls, etc)
- Firefox supporting WebM, we want to see this available in all browsers for all users and developers to use
- CTO of Opera, Hokem
- Published a call for video on the web manifesto a while back
- Not easy, syntax would be easy <video>, what was hard is the free format, <video src=webm> webm joins this list….
- labs.opera.com
- Tim didn’t patent html, name didnt’ patent JavaScript, I didn’t patent ss
- Graphics is text, and text on screen … all using HTML5
- We’ll have very rich pages with HTML5 and CSS3
- Done right, we can get ride of over half images (some are just for styles)
- “To the web community, start using this…”
- “To Google, I’d like to say think you, its very civil of you…”
- I look forward to work with Google in the future to make sure the web is open …
- We believe web access will be a human right of this century
- Kevin Lynch, CTO
- Fun to see new technologies come out for people to express themselves
- Today focusing on HTML5 and how we are working with it
- Dreamwever demo (most popular pro html editor next to note pad)
- How do you do this across screens (mobile devices)
- Multi screen view (see how it looks across devices)
- Demo transition effects, works consistently and smoothly
- How do we support enabling graphics?
- A table of available seats at a restaurant
- Illustrator supports SVB
- JavaScript code to create colors that represent free vs. busy
- Integrating graphics editing and using HTML5
- How we can do animations within css and HTML5
- Motocycle ad demo
- Putting VP8 in our flash player reaching all of our users …
- Working with Google on a bunch of devices with flash, will say more tomorrow about that ….
- GoogleVP returns
- One problem on the web is finding applications on the web
- Easy to find one of many chess games on the web
- But hard to find the good one
- Can’t see the ratings, uses, etc.
- Its easier on the phone to find such a game, but not on the web
- Second problem, developers need reach
- Third, developers need moniizing
- Should be easy to create and sale a premium application on the web
- CHROME WEBSTORE preview (New Chrome page)
- You can add apps to this new tab page, eg, TweetDeck
- TweetDeck has a complete HTML5 version, in browser, slick, drag and drop
- Notification api, geo location api to show tweets on map, etc.
- Conviently installed on the chrome tab
- Chrome Web Store has applications, see ratings, revneue, see how many are using it, see comments, buy, etc….
- You can buy apps there … one click, adds to the tab page
- Games is a huge web app category
- Plants vs. Zombie
- Lego Star Wars. Different level of game, 3D, Legos and Starwars (will work well with this audience)
- Unity is porting all of their games to work natively in Chrome, rich 3D gaming experiences
- CONTENT is another important category (newspapers, magazines, etc)
- Recreating magazine experience on the web
- Introduces Terry McDonell, editor of Sports Illustrated Group
- Shows video with “swagger” and shows where we are coming from Sports Illustrated
- Live html5 prototype, showing the possiblitiy of bringing rich magazine experience to alll these devices
- Pulls the best of the web and the best of magazine
- Rearrange the magazine by users
- Live polls, Videos, save for later w/ video playlist, scroll navigation with thumbnail pages, Typography is important,
- The idea of being able to go deeper, wider, etc is important …
- Sharing with friends with the social networks, etc…
- The advertisers need to work hard too .. useful info … so useful it becomes content itself
- Its would be new to actually develop it …
- View lenses, where to buy it on map, etc…
- Using, css animation, embedd fonts, drag and drop and custom drag and drop, html5 video, geolocation, web workers, app cache, web db, feeds, google maps api, google buzz api, polls, lazy loading pages — The wonder factory
- Needs to be open, search able, available everywhere, social, etc. – then we can get people to pay for it (didn’t catch all of these)
- Back to VP of GoogleDocs
- Over 70M active users of Chrome (great graph showing adoption)
- Chrome Web Store: coming soon
- Chrome and Chrome OS
- Free and paid apps
- The future of the web is HTML5 – IE Blog april 29, 2010
Version:1.0 StartHTML:0000000167 EndHTML:0000017929 StartFragment:0000000487 EndFragment:0000017913
- Lars Rasmaussen ( Google Wave)
- Last year showed you a vision of Wave, today its a real product, we are opening it up now, no need invite anymore
- We are integrating it into GoogleApps (we might be crazy)
- Wave really shins as a place to get work done …
- Especially if you have remote collaboration on a project
- It changes the way you work, sometimes in subtle and surprising ways …
- Hotel using it to track tasks throughout the day, keeping everyone on the same page
- If you’ve tried Wave before, please check it out again
- Have added a lot on front end and back end
- Google robots can live anywhere now, making it easy to integrate with your applicatio
- Adding media and attachment features for both robot and wavve api’s
- Can built inline viewers for wave
- Also creating more hooks to integrate your product with wave
- E.g., Salesforce is showing how they are embedding Wave into Salesforce Chatter
- People like SAP and their StreamWork will support federated Wave
- Open sourcing more components, like in browser editor (one of the hardest pieces to write)
- Also starting to publish the client server protocol (didn’t catch exactly what he said)
- Google Director of Engineering; David Glazer
- Hockey Shirt with Web Worker on front, HTML 5 on the back
- The Web – Is Heading to Work
- More Web Applications at WorkaroundsGreat chart (get it, email, accounting, sales, customer service and support, enterprise mgmt, employee performance, recruitng, elearning, web conferencing, etc….) in order
- Issues
- It takes too long to build apps (idea to app is too hard)
- Employees work everywhere, on all devices (apps you build for them need to run all devices)
- Apps are trapped (choices of architecture trap you, locks you into a deployment model)
- Too many apps to manage (we hear big enterprises have over BIG NUMBER, in thousands, didn’t catch it of apps to manage)
- Fast and familiar development, mobile flexible deployment, powerful app management.
- Bringing the cloud to the enterprises
- Open gives choice, and choice drives innovation
- Announcing: Google <3 Vmware
- Paul Moritz, CEO of VM Ware
- Allowing existing applications take advantage of the cloud (customers have huge investments in applications they can’t walk away from, the only hope for them is virtualiziong, put them in a black box and add functionality, sliding applications around)
- Allowing operations to become more cloud like, extending their data centers outside their own facitlies into ones they can rent from etc
- The questoins becomes, what about NEW APPLIcatioNS?
- There will be many clouds out there, internally, public ones like Google/Amazon….
- Wouldn’t it be great to be able to write applications that are portable across different clouds
- What is the OS for the cloud? What is the level of abstraction that will allow apps to work great across clouds
- The new operating system are these new frameworks
- Developers have voted with their feet, working with frameworks that deliver more productivity
- Thats why we acquired SpringWork (they believed it was just too hard to develop java applications, developed a light weight but extremely powerful platform, started it in open source, now more than half of java development uses it, etc)
- Wouldn’t it be able to give the largest body of develoeprs, the java community, to give them the ability to write java applications
- Worked with google, to share what we’ve built on the backend, with what Google has done with the front end
- To give an open source layer
- Cloud portability …
- Back to Googl
- Fast and familiar development
- GWT 2.1 + Roo integration.
- Ben Alex, Senior Staff Engineer, SpringSource/VMware
- GWT takes Java source code, compiles it as optimized JavaScript code that works in modern web
- Used Google Web to collaborate on making Roo to work with GWT
- Demo started … buiding application live on stage
- Expense Reports (near to your hearts)
- GWT front end with ROO backend, in under 200 keystrokes
- Roo is open source tool you can download
- Sets up database (persistence layer)
- Creates tables, employees, fields, gets reports, date fields, etc.
- Now to the front end … GWT, will look at the domain model and make a front end …
- Tables on left, fields for the object on the right
- Handles the CRUD
- If want to add columns, like comments
- Free IDE with Roo integration
- Can edit in Java fashion, string comment;
- Roo detects that you’ve updated the java class, and it updates the GWT
- Comment field is added to the interface
- In a few minutes, gone from empty directory, get full round capabilities, etc.
- Under 200 keystrokes later you have the basics of an application
- Demo end
- After adding a little UI polish, its now a rich web applicationsIts very fast, shows refreshing in terms of drawing UI and getting the data
- App is only 100k, optimize JS including CSS et al
- Don’t have to wait for new page, you can click on an boject and the details come into the screen at the screen shifts left
- IT gets the data you need when you need it
- Traditional spits out a lot of html and data
- With HTML5, it just fetches exactly the data you need and then populates the page with that data
- Speeds up the app and makes it feel more responsive to what you are doing
- Developers know all this already
- Whats new, is, how do you get this working well
- Developed “speed tracer” … its a chrome extensions
- HTML5 wizzing interface built with GWT … tells me down to the mili second where the time is going (script checking, garbage collection, etc) Its like a xray machine for your browser’s guts
- Sometimes its the server that is slow, not just the browser
- Spring has that, its called SpringInsight
- We’ve combined that information with SpeedTracer.
- The way it works on your desk is not how it works in production … use the same tools to your production server … Appstats, introduced by google app engine, etc
- So we’ve brought it into speedtracer
- Want to give easy ways to connect widgets together with minimal code
- New set of data presentation widgets
- You’ve seen dozens of ajax demos where they show you the kitchen sink
- So how to make this interesting?
- 18M records, show it everything works fast
- 125k employees, 5k expense reports for about 20 million line items … non trivial amounts of data
- FAST. Claps.
- Sorting is often done.
- Done quickly. 5M records.
- Search limits down fast. Very itunes like.
- Started empty directory, made app, spent a few days to make it fuller, tuned it on the desktop, then tuned it again on server, uploaded massive data (took a few days to upload it), and continues to run in the browser as intended re: performance … we think thats kind of cool.
- Fast and familiar development (done)
- Now show you how to make it available from all devices
- Ben and Bruce come back up, to show how it works on mobile devices using the same libraries (GWT 2.1 Widget Libraries)
- For mobile device, more constraints to deal with
- Customized the expense app for different devices
- iPad, works the same way, small adaptations like finger dragging
- Android, (wifi issues) trying to show adding a record on Android, gets updated on iPad list view
- Finally works with some great demo fast thinking … round of applause (real time updates)
- Shows manager deny the $150 entry, and the android list gets updated with x icon
- Aside from the network glitches … the arc … empty directory, 200 keystrokes later you go tan ap, then have library that builds apps that work with a lot of data, have performance tools for desktop and clouds … and these apps can be adapted for use on all other devices …
- Back to Google VP
- Now showing Flexible Deployemet (how make sure you are not logged in to one architecture)
- Coud Portability, run your app where you want
- Google, vCloud, vSphere
- Same app run in many different places
- What need to change in the different deployments?
- Because its built on open standards, then drag and drop to any server that supports these standards
- It just works, because open standards leads to innovation
- Now, powerful app management
- You will have a lot of apps
- Introduces Kevin Gibbs, Software Engineer
- Enterprise == Scaling Applications
- Warning: lots and lots of apps
- Growing problem: managing the growing number of applicatoins
- Going from a few to a hundred web apps, a few employees to thousands, can be a challenge
- GoogleApp Engine hosts over 100k apps used every week
- App Engine’s Enterprise Challenges
- Easier to management
- Better support
- More reliable
- Key features
- Predictable pricing (better way to pay, engineers paying with a credit card each time is not scalable)
- New product: Google App Engine for Business
- Domain console (security controls)
- Pro supporting
- Formal SLA
- SSL and SQL databases (the choice of using bigtable or your own database)
- Sensible pricing (based on something simple, applications and users)
- Over have a billion daily page views;
- Easy to use, easy to get started for free
- Pay by the app: $8 per month per use up to $1000 / application
- Heard from CIO’s used over 60% of budget to keep the lights on, we can help move that to zero
- If your app doesn’t have any usage, you don’t pay a dime
- Demo starts
- Find your app easily within organization
- Creating an app has auto configuration with domain main
- Wants to add a blog
- Security by default
- Lists all the apps created in a company
- I can see which ones I have access to and ones that I don’t (encourages collaboration internally between developers)
- Permissions: who has access to each applications and at what level
- Eg., developer access, view data, create new data, change data, etc.
- Some apps (eg., code review app), only listed as viewer … can view logs, but can’t change the data, or the app, etc.
- Some apps I don’t have any access to, but I can request access by clicking a link
- Let’s look at the CIO or Domain Administer view…
- I don’t have apps cause I don’t write code.googleBut I have full access to any applicationGrant developers access, remove developers that have left the compay, etc.
- GoogleApps for business is a new focus, its not available for everyone to use, its just an announcement, etc.
- Today we are publishing the roadmap, some will be ready sooner than later, so you can plan
- code.google.com
- I’ve showed you a new version of AppEngine that is suited to businesses need and how to manage all your application
- Google VP
- Faster dev, all devices, cloud portability, juggle thousands of apps
- google.com/cloudportability ; also at vmware.com/cloudportability
- The Web is Build for the Future …
- Because you choose to build on open standards, you were ready for the future …
- What you’ve been building is
{ 1 comment }






I’m at the
(Note: SweatInvestors are welcomed to make posts from interesting events, especially if the events are “invite only”. Both to share their access as well as to share their unique perspective on the event.)
Had to develop dozens of real time technologies to make search real time…
My Wrap-Up Comments