HTML5, CSS3, OpenSocial, OAuth, this are all new technologies that will be in the tool box of each Domino Developer. HTML5 was mentioned in every second slide during the App-Dev Keynote at the 2010 Lotusphere in Orlando. Reason enough to look at the buzzwords and start gathering experiences with this upcoming new technologies today. We also will take a closer look at what was announced as “Project Vulcan”

1. I Know What You’ll Do
Next Summer
The Skills You Will Be Learning
as a Domino Developer: HTML5, CSS3, OAuth
by
Gregory Engels

2. Preface
This Presentation is based on my session
slides at the EnwicklerCamp 2010 conference
from 09. March 2010 in Gelsenkirchen

3. Abstract
HTML5, CSS3, OpenSocial, OAuth, this are all new
technologies that will be in the tool box of each
Domino Developer. HTML5 was mentioned in every
second slide during the App-Dev Keynote at the
2010 Lotusphere in Orlando. Reason enough to look
at the buzzwords and start gathering experiences
with this upcoming new technologies today.
We also will take a closer look at what was
announced as “Project Vulcan”

4. Some Rights Reserved
Copyright 2010 by Gregory Engels, Kompurity.
Except where otherwise noted, this work is
licensed under the Creative Commons
Attribution Non-Commercial Share Alike 3.0
License

5. Gregory Engels
Born in Moscow, live in Frankfurt,
Germany since 1989, two children
Been around Lotus Notes since 1998
Advanced Certified Domino Developer and
Admin and Security R5, R6, R7, R8, 8.5
Co-Author Frequent
conference speaker, Founder Kompurity
http://www.kompurity.de
Specialize in Hosting, Infrastructure
management, Project management
Blog: http://inotes.de
Twitter: dichter
contact me on XING, LinkedIn, FB, etc...

6. Second Ad Slide
(Rudi told me to use 2 slides for ads)

8. IBM Project Vulcan
HTML5
CSS3
OAuth
OpenID
Opensocial

10. Project Vulcan
Announced at Lotusphere 2010
Is bound to change the way we work
Provides an aggregated, unified view at data
from different sources
Beta availability estimated 2H 2010

11. ...
Classification
Marshaller Tagger Service
Indexer
Index
Dynamic Enterprise or
personal feed
Interest Profile aggregator
Total Recall
(DIP) - topics, people, tags
Personal
Services, Services, Services... notifier

13. HTML5

14. HTML5
Currently a first working Draft (22.Jan.2010)
Will bring a lot of changes
will replace the current HTML versions
not focused on design, but rather on user
interface

15. HTML5 News
<Canvas> Document Editing
Offline Storage Geolocation API
Native Video Support New Elements
Drag and Drop Form 2.0
Cross Document
Mesaging

16. HTML5 new Elements
New elements – <article>, <aside>, <audio>,
<canvas>, <command>, <details>, <datalist>,
<dialog>, <embed>, <figure>, <footer>,
<header>, <hgroup>, <keygen>, <mark>,
<meter>, <nav>, <progress>, <output>, <rp>,
<rt>, <ruby>, <section>, <source>, <time>,
<video>

17. HTML5 Controls
New types of form controls – dates and
times, email, url, search
Global attributes (that can be applied for
every element) – id, tabindex, hidden, data-*
(custom data attributes)

18. Forms will get support for PUT and DELETE
methods too instead of just GET and POST
Deprecated elements dropped – <center>,
<font>, <frameset>, <strike>

19. HTML 4
HTML 5

20. Use a Framework!
SproutCore
Modernizer
HTML5 shiv
ExplorerCanvas

21. CSS3

22. W3C CSS3
an upcoming standard
Some parts of it in “last call” state
Introduce some real programming in CSS

23. CSS3
Border Radius Transforms (rotate)
Border Image Transitions
Box and Text Shadow Column Support
RGBA and Opacity Multiple Background
Images
Any Font you like
Text Overflow
Gradients
Masking

24. Just because you can, does not
mean you have to.

25. OAuth

26. OAuth is a open Protocol for Authorization
Token based, does not need a password

27. 1. Obtain request token (get_request_token)
2. User login and authorizes request token
(request_auth)
3. Exchange request token for an access
token. (get_token)
4. Use access token to request protected
resources. (Renew after expiry with
get_token)

30. OpenID

31. OAuth is for Authorization, OpenID is for
Authenticataion
Login with your OpenID at other websites.
“The Future” of single sign on

32. You may already have one

34. OpenSocial

35. an cross platform API for social
Google, Myspace, XING, Facebook, etc
Let anyone build a social app

36. Reference

37. http://openid.net http://www.sproutcore.com/
http://oauth.net/ http://www.modernizr.com/
http://www.w3.org/Style/ http://
CSS/ html5shiv.googlecode.com
http://www.css3.com/ http://
excanvas.sourceforge.net/
http://www.w3.org/TR/2010/
WD-html5-diff-20100304/ http://
www.smashingmagazine.com/
http://www.w3.org/TR/2010/ 2009/07/06/html-5-cheat-
WD-html5-20100304/ sheet-pdf/
http://www.opensocial.org/ http://
yvettesbridalformal.com
http://html5demos.com/

38. Picture Credits
http://www.flickr.com/photos/jaywalk/
1283912388/ BY-NC-CC2.0

39. Contact
Gregory.Engels [௹] kompurity.de
follow me on Twitter: http://twitter.com/
dichter
read my blog: http://inotes.de