More XPages [English]

Translated from the Social Business Roadshow 2011 session, "Daha fazla XPages!"

Transcript

1. More XPages! Serdar Başeğmez Turkish Lotus User Group ©2011 IBM Corporation
2. Lotus Domino to develop Lotus Domino to develop Web-based Application? Web-based Application?
3. Form1 Form1 View1 View1 View2 View2 View3 View3 $$ViewTemplate for View1 $$ViewTemplate for View1 $$ViewTemplate for View2 $$ViewTemplate for View2 $$ViewTemplate for View3 $$ViewTemplate for View3 Javascripts for AJAX Javascripts for AJAX Javascript for Validations Javascript for Validations WebQueryOpen Agent WebQueryOpen Agent WebQuerySave Agent WebQuerySave Agent Web Agents Web Agents More and More agents... More and More agents... For Mobile interfaces, For Mobile interfaces, Form/View/Agent/Javascript/... Form/View/Agent/Javascript/... Lots of CSS! Lots of CSS! YEP! YEP! Other Javascript stuff Other Javascript stuff A few details should be handled of course ;-)
4. You'll need some time... You'll need some time...
5. ... and more time for ... and more time for additional specs! additional specs!
6. • Study first... Study first... How to start? How to start?
7. Assume we've started! Assume we've started!
8. First application... First application...
9. One more... One more...
10. ...but they are ...but they are not beautiful! not beautiful!
11. ...or not functional ...or not functional like those! like those!
12. ...Those??? ...Those???
13. We can't teach any of them in 30 minutes... We can't teach any of them in 30 minutes... But some tips and tricks But some tips and tricks about about where you may look up... where you may look up...
14. - trailer - What changed?
15. Application Architecture (UI)... Actionbar Navigation Content
16. Application Architecture (UI)... Actionbar Navigation Content
17. But, in real life...
18. Application Architecture (Data)... 2 1 3
19. Application Architecture (Design)... View-Centric Design Navigation Centric Design
20. - episode 1 - Themes
21. Themes, take this and... Themes, take this and...
22. ...convert into this! ...convert into this!
23. What is Theme? What is Theme? 1 Transforms! XPages (JSF, XML) XHTML XSP Engine XPages (JSF, XML) Theme XSLT(?)
24. Basit bir XPage düşünelim... This is our <DIV> object... These have been added by standard theme...
25. A simple theme... Put this CSS file İnto all pages... Then change styleClass property for all DIV objects... It seems OK...
26. Moreover... Themes are programmable... We can add different CSS file for the worst browser of the world...
27. 2 What is Theme? What is Theme? Theme refers to a 'look and feel' set a 'look and feel' set containing CSS, containing CSS, images and scripts images and scripts as well... What is it?
28. oneuiv2... These are additions of the theme.
29. oneuiv2 – roughly...
30. An appropriate use...
31. For example... Normally... becomes... We will use the defined class name in OneUI
32. Sources... • Wiki Articles • Create the website layout - XPage enabling an existing Notes client application • Documentation • OneUI Documentation & Design Samples • OpenNTF Samples • XPages Framework
33. - episode 2 - dojo
34. It's hard to develop web app! Cross-browser compatible client-side js library containing lots of reusable objects...
35. Example: Standard Combobox... Ugly, Difficult, We may select only allowed options!
36. Let's try a different method: Enable dojo in Xpage properties... Define the DojoType for our object... 2 1 3 Define dojo objects we will use...
37. Result: 2 1 3 Looks nice and elegant... Built-in type-ahead! Cool... We may enter a new keyword... 4 FilteringSelect can be used to limit options like in traditional combobox.
38. dojo is more useful than that... Source: YouAtNotes XPages Wiki
39. Sources... • Wiki Articles • Using Dojo on Domino web forms • YouAtNotes XPages Wiki: Work with Dojo • Documentation • Official Dojo Project home • Dojo Campus • OpenNTF Samples • Demonstration Application for XPages
40. - episode 3 - Extension Library
41. What is Extension Library? http://extlib.openntf.org/ Extension Library will be supported/included in future releases...
42. How to use Extension Library? Extension Library should be installed, both Domino Designer Domino Designer and Domino Server Domino Server
43. 1 Extension Library installation... http://extlib.openntf.org/ Download...
44. 2 Designer install...
45. 2 Designer install... Next, Next & Next... Check versions here...
46. 3 Server Install... Extract to the folder in Domino: data\domino\workspace\applications\eclipse
47. 3 Server install... restart the server... Check if it's OK?
48. Some Examples...
49. Some more...
50. Some more... Normally you cannot expand two categories in the same time. ExtLib makes it possible...
51. More examples...
52. WOW Examples...
53. For all examples...
54. Sources... • Wiki Articles • LS11 AD116 XPages Extension Library • Demo: XPages Extension Library - Overview (video) • OpenNTF • OpenNTF Extension Library Project
55. - episode 4 - Mobile Interfaces
56. Mobil Interfaces and XPages 1 XPages can be used to develop Mobile Browser Applications Nothing more... Central Admin. Ease of development HTML/CSS/JS Need to be connected 'Login' problem Limited features
57. 2 Mobil Interfaces and XPages For example...
58. 2 Mobil Interfaces and XPages Although Mobile Browsers are so powerful today, They are not capable that much! • Small screen. • No/limited Richtext, upload capabilities. • No mouse! Some are not even 'touchy'. • Difficult navigation.
59. 2 Mobil Interfaces and XPages There are standards and schemes for mobile interfaces...
60. 3 Mobil Interfaces and XPages Tools... • Extension Library http://extlib.openntf.org/ Layouts Configuration Helpers Renderer APIs
61. 3 Mobil Interfaces and XPages Tools... • OpenNTF XPages Mobile Controls http://mobilecontrols.openntf.org/ Basic Controls Access to Device Capabilities Access to popular libraries
62. 4 Mobil Interfaces and XPages OpenNTF XPages Mobile Controls...
63. 4 Mobil Interfaces and XPages OpenNTF XPages Mobile Controls...
64. 4 Mobil Interfaces and XPages OpenNTF XPages Mobile Controls...
65. 4 Mobil Interfaces and XPages OpenNTF XPages Mobile Controls...
66. 5 Next steps for Mobil Interfaces • Offline apps. • Canvas. • Video/audio streaming. • GeoLocation API. • Advanced forms.
67. Sources... • Wiki Articles • X-Pages iPhone Application Tutorial • Mobile Design Principles (Inside Lotus) • OpenNTF • OpenNTF - XPages Mobile Controls • Blogs • Hughes Connect • Domino Guru
68. Questions... Questions... But some are easy to answer!
69. Frequently Given Answers... Which Apps to be transformed to XPages? Some applications may be very difficult to convert... Remember there are problems with Rich Text, Encryption, View/Folder manipulation in XPages. Depending the architecture, some interfaces may be moved to XPages and hybrid use can be suggested...
70. Frequently Given Answers... Extension Library is ready, isn't it? Mostly yes! But remember, it is not officially supported...
71. Frequently Given Answers... Is OpenNTF Mobile Controls ready? Not yet... Currently Dojo 1.5.0 is in use, so additional configuration is needed. Not tested enough. But, you can design your mobile interfaces with pure coding. OpenNTF Mobile Controls make you faster and extend your toolbox...
72. Frequently Given Answers... What about 'Native' mobile apps? You need to learn Native development to develop Native Apps. You may use Web services and REST API to connect your Domino applications...
73. Frequently Given Answers... Windows Mobile or Symbian? Microsoft and Nokia has made an interested move. Currently, there are different paradigms for IE (trident-webkit, dojo-jQuery, etc.) IBM doesn't support these platforms and Symbian is going to die... Political answer: Time will show...
74. Frequently Given Answers... There were WML, WAP? Just forget them ;-)
75. Real Questions? Real Questions? Serdar Basegmez (@sbasegmez) Turkish Lotus User Group lotus IBM Lotus yazılımları üzerine Türkçe Blog notus.com lotus IBM Lotus yazılımları üzerine Türkçe Blog notus.com
76. Before sharing this... Credit to these guys! http://www.flickr.com/people/pedro/ http://www.flickr.com/photos/hashir/ http://www.flickr.com/photos/spike55151/ http://www.flickr.com/photos/charlesonflickr http://www.flickr.com/photos/hikingartist Chris Toohey dominoguru.com Matt White mattwhite.me Tim Clark thexcast.net Niklas Heidloff heidloff.net Julian Buss juliusbuss.de Tim Tripcony timtripcony.com Stephan H. Wissel wissel.net