1. Social Enablement of Xpages - Linoy K George & Mervin Thomas

2. About Maarga Maarga (Maar’g’a) literally means ‘Pathfinder’ Maarga is a leading provider of enterprise collaboration and communications solutions since 2002 Lotus Notes and Domino has been our focus area since inception and we are now increasingly focusing on XPages within the Notes platform Premier IBM partner Over 50 consultants with strong domain and technology skills Offices in India, USA, Partners in Middle East, Germany and Europe

3. The Presenters Working on Notes since version 4.6 XPages exposure since inception Involved in a number of XPages development projects Experienced in providing XPages training for clients in the Middle East and India Linoy K George Project Manager, Maarga Systems Mervin Thomas Project Lead, Maarga Systems Working on Notes since version 5.0 XPages exposure since sept 2010 Involved XPages development projects (Notes Client, Web and Mobile)

4. Agenda What’s Xpages and Why Xpages Advanced concept – Xpages architecture Integration with Social tools How to do it

5. Agenda What’s Xpages and Why Xpages Advanced concept – Xpages architecture Integration with Social tools How to do it

6. What is XPages Courtsey: http://www.wissel.net/blog/archive?openview&type=Month&key=2008-9

7. Web Application Development Framework Addresses Known Limitations of Domino A Better Web Development Experience Based on Java Server Faces (JSF) Designed for Web 2.0 Leverages Domino/Web Developer Skills Enable Enterprise Scale Applications What is XPages

8. Navigation in Xpages

10. Features

11. Repeat Control

12. UI Enablers WYSWIG Styling Theming AJAX, Partial Refresh Custom UI Controls Internationalization

13. Why XPages

14. Xpages Skills Courtsey : http://www.wissel.net/blog/d6plinks/SHWL-877CZU

15. Agenda What’s Xpages and Why Xpages Advanced concept – Xpages architecture Integration with Social tools How to do it

16. XPage application architecture XPages technology is based on Java Server Faces (JSF) from Sun. JSF Framework capabilities Reusable UI components MVC Controller (event driven programming) Server representation client representation Data Flow Conversion Validation Extended framework JSF simply uses the MVC architecture model for the modeling part (Model, view and controller) and JSP by default.

17. The MVC model MVC model for Domino Classic MVC Model architecture

18. User interface component hierarchy UIComponent JSF Component Interface UI Graphic, UI Data … JSF Standard Components UIDataEx, UIFileDownload,.. Xpages Standard Components XspInputTet, XspSection Xpages Specialized Components

19. Agenda What’s Xpages and Why Xpages Advanced concept – Xpages architecture Integration with Social tools How to do it

20. The World has changed 20002012 DesktopSmartphone/Tablet PullPush ClickTouch TabsFeeds Go OnlineAlways Connected Program-CDApps

21. Social Business becomes Real The world now spends more than 110 billion minutes on social networks and blog sites per month = 22 percent of all time online More gamers on Facebook than Xbox + PS3 + Wii Facebook: >7,000,000 apps and integrations 350,000,000 active mobile users on Facebook (45%) 100,000,000 registered users on LinkedIn 1 billion numbers of tweets posted per week on Twitter

22. Xpages Go Social

23. Agenda What’s Xpages and Why Xpages Advanced concept – Xpages architecture Integration with Social tools How to do it

24. Requirements Self service portal for Managers & HR personnel Company website integration Bring together leads – engage and communicate Easiest way to get word out to social platforms All job promotion activities from a single platform Candidate search on linkedin: Matching technology suggests matches for the job based on social profile information Smart and engaging viral employee referrals Automatic distribution of your jobs on Twitter channels with short, trackable URLs and hashtags. Anyone can send or forward a personal job invitation – through LinkedIn, Facebook, Twitter as well as email. Recipients can forward or apply. Will reuse functionality's like doclib for doc management to help organize resumes and calendar / to-do to organize all interviews

25. DEMO

27. Tweet

28. Connect to LinkedIn We need API Key to connect to the linkedin. To get the API Key, login with your linked id and get it from the LinkedIn site. Use the below script to connect to LinkedIn api_key: // onLoad: onLinkedInLoad authorize: true

31. Use the below function, It will run when the javascript framework is loaded. function onLinkedInLoad() { IN.Event.on(IN, "auth", onLinkedInAuth);} For the authentication use the below code function onLinkedInAuth() { IN.API.PeopleSearch().fields("firstName", "lastName", "positions").params({"keywords": "Designer","count":25,"start":25}).result(displayPeopleSearch).error(displayPeopleSearchErrors); } Connect to LinkedIn [contd…]

32. The below code is used to fetch the values from linkedin profile document if API call returns successfully. function displayPeopleSearch(peopleSearch) { peopleSearchDiv = document.getElementById("peoplesearch") var members = peopleSearch.people.values; var name; for (var member in members) { name += members[member].firstName + " " + members[member].lastName+"," } Connect to LinkedIn [contd…]

33. Reference Facebook API https://developers.facebook.com/docs/reference/php/facebook-api/ Twitter API https://dev.twitter.com/docs/api Mastering Xpages – Step by Step Guide to Xpages

34. Questions For further queries email linoy_g@maargasystems.com linoy_g@maargasystems.com mervin_t@maargasystems.com

35. Thank You