Developing a World Class Web 2.0 Application with XPages
•Download as KEY, PDF•
2 likes•825 views
This session was delivered at Lotusphere 2009 by Matt White (Mr. XPages) and Bruce Elgort of Elguji Software, the makers of IdeaJam, IQJam, LinkJam and TaskJam.
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Developing a World Class Web 2.0 Application with XPages
Similar to Developing a World Class Web 2.0 Application with XPages (20)
More from Bruce Elgort
More from Bruce Elgort (11)
Recently uploaded
Recently uploaded (20)
Developing a World Class Web 2.0 Application with XPages
- 1. BP105 Developing a World Class Web 2.0 Application with XPages Bruce Elgort Matthew White | Fynn Consulting / Elguji Software ®
- 2. BP105 Developing a World Class Web 2.0 Application with XPages Bruce Elgort Matthew White | Fynn Consulting / Elguji Software ®
- 3. B
- 4. Developing A World Class Web 2.0 Application With XPages RATED X B
- 5. Developing A World Class Web 2.0 Application With XPages RATED E B
- 6. B
- 7. Where are we headed? B
- 10. Introductions What You Will Learn
- 11. Introductions What You Will Learn What You Won’t Learn
- 12. Introductions What You Will Learn What You Won’t Learn What is a World Class Web 2.0 Application?
- 13. Introductions What You Will Learn What You Won’t Learn What is a World Class Web 2.0 Application? Bene ts of XPages
- 14. Introductions What You Will Learn What You Won’t Learn What is a World Class Web 2.0 Application? Bene ts of XPages XPages - What Are They?
- 16. TaskJam
- 19. TaskJam Best Practices TaskJam Demo DDE 8.5 Demo
- 20. TaskJam Best Practices TaskJam Demo DDE 8.5 Demo Putting Together TaskJam
- 21. TaskJam Best Practices TaskJam Demo DDE 8.5 Demo Putting Together TaskJam Tips & Tricks
- 23. Review
- 26. Review Get TaskJam Related Sessions Questions & Answers
- 30. MB
- 33. What I Learned Today 1. What I should think about before I start coding 2. What XPages are 3. Getting around in Domino Designer for Eclipse 8.5 (DDE) 4. What Custom Controls are 5. What Script Libraries are 6. Some best practices for web application development Bruce Elgort Matt White B
- 34. Administrator B
- 35. What is a World Class Web 2.0 Application? B 13
- 36. What is a World Class Web 2.0 Application? • Simple to use • No training required • Nice to look at • Some good examples include: B 13
- 37. What is a World Class Web 2.0 Application? • Simple to use • No training required • Nice to look at • Some good examples include: B 13
- 38. What is a World Class Web 2.0 Application? • Simple to use • No training required • Nice to look at • Some good examples include: B 13
- 39. What is a World Class Web 2.0 Application? • Simple to use • No training required • Nice to look at • Some good examples include: B 13
- 40. What is a World Class Web 2.0 Application? • Simple to use • No training required • Nice to look at • Some good examples include: B 13
- 41. Benefits of XPages M 14
- 42. Benefits of XPages • Getting rid of the last 10+ years of “hacks” you have learned including: Pager controls Ajaxy stuff View design Merging data from different documents, views and databases on the same page Rich text editing Type-ahead Native CSS design Proper HTML (XHTML) • XPages provide features that rival other platforms • Less code to write • Bringing the ease of writing Notes applications to the web • You can write an entire application without writing much code M 14
- 43. XPages - What are they? BM 15
- 44. XPages - What are they? • New server task that is part of HTTP As developers who really cares about admin server tasks? • An XPage is a Java Server Face JEE Application • In Domino Designer for Eclipse (DDE) in IBM Lotus/Notes Domino 8.5 there are three “main” new design elements: XPages Custom Controls Server Side Script Libraries • All code is written in JavaScript @Functions are available - (here be dragons around!) Code, commas and case sensitivity are very important Turn on the debugger (we will show how later) BM 15
- 45. Our Focus Application - TaskJam B 16
- 46. Our Focus Application - TaskJam • We wanted to develop a simple web based task management system which met our day-to-day needs: Easily create tasks Share tasks with others Due dates Prioritize tasks Tag tasks using Web 2.0 tagging • This type of application requires: Input validation Pager controls Tag clouds Create tasks “in-line” Type-ahead B 16
- 47. Some of Our Best Practices M 17
- 48. Some of Our Best Practices • Using the Yahoo UI Library (http://developer.yahoo.com/yui) – Grids CSS - layout made easy for all “Class A” browsers: ● Internet Explorer ● FireFox ● Safari – Font CSS - Provides consistent font sizing • Simple to use - use a single page to do most things • Don’t restrict the user into task categories Set them free to add on-the-fly • Don’t add to much too much validation which would make the application hard to use M 17
- 49. TaskJam Demo ® B 18
- 50. Domino Designer 8.5 Walk Through ® M 19
- 51. Building TaskJam • The Layout Custom Control Making use of YUI Separating out UI from functionality • The TaskRow and Repeat Custom Controls in Home XPage Scoped variables Simple view data binding • The Task Custom Control Binding a classic Notes form to a Custom Control Validation Type-ahead • Advanced Coding - Tag Cloud More on Scoped Variables Making use of Dojo MB 20
- 61. Some other Tips and Tricks M
- 62. Some other Tips and Tricks • In the Server Document there is now a setting for “Sign agents or XPages to run on behalf of the invoker” • But it’s also worth making sure that the “Sign or run unrestricted methods and operations” setting is also completed • Debugging your database is much easier by checking the “Display Default Error Page” option in the Application Properties in Designer. • The “print” statement is also your friend, or have a look at our “OpenLogXPages” script library if you use OpenLog • Use OpenLog with all of your applications (http://openntf.org) M
- 63. More Tips and Tricks M
- 64. More Tips and Tricks • Firebug is invaluable in XPages development • Classic web development is still needed for non HTML transactions such as JSON data or RSS feeds, so agents are still required. • The Notes interface is still important for administration • We can let admins clear the caches with a simple XPage after they have changed settings in the Control Panel (resetCache.xsp) M
- 65. Looking at What We Have Learned today • What an XPage is • What a Custom Control is • How do use Custom Controls to create XPages • How to use a Server Side Script Library • Validation • Scoped Variables • Data Binding • YUI M 26
- 69. Step 1 - Register http://taskjam.net
- 70. Step 1 - Register Step 2 - Download http://taskjam.net
- 71. Step 1 - Register Step 2 - Download You get the TaskJam Template and the Installation, Setup and Customization guide http://taskjam.net
- 72. Related Sessions B 29
- 73. Related Sessions • AD204 - XPages 101 • AD205 - XPages Things You Can't Afford to Miss • AD207 - Building an "XPages-Powered" IBM Lotus Domino Application • AD212 - 10 Web 2.0 User Interface Patterns for IBM Lotus Notes and XPages B 29
- 74. Q&A MB 30
- 75. Q&A • Don’t forget to fill in the evaluations... • BP105: Developing a World Class Web 2.0 Application with XPages • Bruce Elgort bruce.elgort@gmail.com • Matt White matthew.white@fclonline.com • Come see us Pedestal 227 if you have questions about XPages MB 30