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)

7.
IBM Project Vulcan
HTML5
CSS3
OAuth
OpenID
Opensocial

8.
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

9.
...
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

10.
HTML5

11.
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

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

13.
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>

14.
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)

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

16.
HTML 4
HTML 5

17.
Use a Framework!
SproutCore
Modernizer
HTML5 shiv
ExplorerCanvas

18.
CSS3

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

20.
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

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

22.
OAuth

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

24.
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)

25.
OpenID

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

27.
You may already have one

28.
OpenSocial

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

30.
Reference

31.
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/

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

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