XWiki Bookmarklet Application presentation

1. Bookmarklet
Application
by Flavius Olaru

2. What is a bookmarklet?
javascript:(function(){
//Statements returning a non-undefined type, e.g.
assignments
}());

3. Sankore bookmarklet

4. Planete Sankore

8. EMCCI Bookmarklet
● a service to gather content data and metadatas
trough a wizard and turn them into an XWiki
document while browsing the web without having to
have the XWiki site open
● gather selected content on the page the user is
browsing
● clean the selected content of HTML tags

14. The Bookmarklet App
● Integrations:
Wiki pages
Content oriented Applications (Blog)
● AWM type applications
● Integration with other applications (Search, Activity
stream)

15. Implementation details
● A bookmarklet skin
$isInEmbedMode variable
embed.vm mode
● html to xwiki syntax conversion service
● Dependencies:
JQuery
Rangy js library
Porthole

16. Difficulties
● Cross-site frame communications (porthole)
● Cross-browser html selection (rangy js)
● Required extensive skin modifications (an embed
mode)
● Using setQueryLinks messing up generated urls in
pages

17. Cross-site communications

18. Cross-browser html selection
● Additional cleanup
- <script/> tags
- <iframe/> tags
- <form /> and other <input /> tags
- <a href /> and <img src /> to absolute paths

19. Live Demo

20. Future
● Distribution with Extension manager
● Additional data extraction from outside web
- basic html <head/> metadata
- specific html <body/> content (html5 content tags
<article />)
- The Open Graph protocol
og:title, og:type, og:image, og:url

21. Questions?

22. Thank you!
git@github.com:flaviusx/xwiki-bookmarklet.git
http://www.slideshare.net/flaviusolaru/bookmarletapp-presentation

23. Contact
Paris, France
● 35/37 rue Beaubourg
75003 Paris
● Phone: +33 (0)1 45 42 40 90
● Fax: +33 (0)9 59 26 92 14
● Email: contact@xwiki.com
Iasi, Romania
● Str. Lascar Catargi nr. 53
● Postal code 700107
● Phone: +40 332 441 359
● Email: contact@xwiki.com

24. Contact
Flavius Olaru
● Email: flavius.olaru@xwiki.com
● Website: www.xwiki.com
● Twitter: @flaviusolaru