BP105
Developing a World Class Web 2.0
Application with XPages
Bruce Elgort
Matthew White | Fynn Consulting / Elguji Softw...
BP105
Developing a World Class Web 2.0
Application with XPages
Bruce Elgort
Matthew White | Fynn Consulting / Elguji Softw...
B
Developing A World Class Web 2.0
Application With XPages


       RATED

         X
B
Developing A World Class Web 2.0
Application With XPages


       RATED

          E
B
B
Where are we headed?




B
Introductions
Introductions

What You Will Learn
Introductions

What You Will Learn

What You Won’t Learn
Introductions

What You Will Learn

What You Won’t Learn

What is a World Class
Web 2.0 Application?
Introductions

What You Will Learn

What You Won’t Learn

What is a World Class
Web 2.0 Application?

Bene ts of XPages
Introductions

What You Will Learn

What You Won’t Learn

What is a World Class
Web 2.0 Application?

Bene ts of XPages

X...
TaskJam
TaskJam

Best Practices
TaskJam

Best Practices

TaskJam Demo
TaskJam

Best Practices

TaskJam Demo

DDE 8.5 Demo
TaskJam

Best Practices

TaskJam Demo

DDE 8.5 Demo

Putting Together TaskJam
TaskJam

Best Practices

TaskJam Demo

DDE 8.5 Demo

Putting Together TaskJam

Tips & Tricks
Review
Review

Get TaskJam
Review

Get TaskJam

Related Sessions
Review

Get TaskJam

Related Sessions

Questions & Answers
Matt White
London, England
MB
Bruce Elgort
Vancouver, Washington
What I Learned Today
    1. What I should think about before I start coding
    2. What XPages are
    3. Getting around i...
Administrator


B
What is a World Class Web 2.0 Application?




B
                         13
What is a World Class Web 2.0 Application?
    • Simple to use
    • No training required
    • Nice to look at
    • Some...
What is a World Class Web 2.0 Application?
    • Simple to use
    • No training required
    • Nice to look at
    • Some...
What is a World Class Web 2.0 Application?
    • Simple to use
    • No training required
    • Nice to look at
    • Some...
What is a World Class Web 2.0 Application?
    • Simple to use
    • No training required
    • Nice to look at
    • Some...
What is a World Class Web 2.0 Application?
    • Simple to use
    • No training required
    • Nice to look at
    • Some...
Benefits of XPages




M
                         14
Benefits of XPages
    • Getting rid of the last 10+ years of “hacks” you have learned
      including:
        Pager con...
XPages - What are they?




BM
                      15
XPages - What are they?
     • New server task that is part of HTTP
         As developers who really cares about admin s...
Our Focus Application - TaskJam




B
                         16
Our Focus Application - TaskJam
    • We wanted to develop a simple web based task management system
      which met our d...
Some of Our Best Practices




M
                         17
Some of Our Best Practices
    • Using the Yahoo UI Library (http://developer.yahoo.com/yui)
          – Grids CSS - layou...
TaskJam Demo




         ®


B
                   18
Domino Designer 8.5 Walk Through




      ®


M
               19
Building TaskJam
     • The Layout Custom Control
         Making use of YUI
         Separating out UI from functionali...
Some other Tips and Tricks




M
Some other Tips and Tricks
    • In the Server Document there is now a setting for “Sign agents or
      XPages to run on ...
More Tips and Tricks




M
More Tips and Tricks
    • Firebug is invaluable in XPages development
    • Classic web development is still needed for n...
Looking at What We Have Learned today
    • What an XPage is
    • What a Custom Control is
    • How do use Custom Contro...
http://taskjam.net
http://taskjam.net
Step 1 - Register




http://taskjam.net
Step 1 - Register

 Step 2 - Download




http://taskjam.net
Step 1 - Register

 Step 2 - Download


You get the TaskJam Template and the
Installation, Setup and Customization
guide

...
Related Sessions




B
                       29
Related Sessions
    • AD204 - XPages 101
    • AD205 - XPages Things You Can't Afford to Miss
    • AD207 - Building an "...
Q&A




MB
       30
Q&A
 • Don’t forget to fill in the evaluations...


 • BP105: Developing a World Class Web 2.0 Application with
   XPages
...
Developing a World Class Web 2.0 Application with XPages
Developing a World Class Web 2.0 Application with XPages
Developing a World Class Web 2.0 Application with XPages
Developing a World Class Web 2.0 Application with XPages
Developing a World Class Web 2.0 Application with XPages
Developing a World Class Web 2.0 Application with XPages
Developing a World Class Web 2.0 Application with XPages
Developing a World Class Web 2.0 Application with XPages
Developing a World Class Web 2.0 Application with XPages
Developing a World Class Web 2.0 Application with XPages
Developing a World Class Web 2.0 Application with XPages
Developing a World Class Web 2.0 Application with XPages
Developing a World Class Web 2.0 Application with XPages
Developing a World Class Web 2.0 Application with XPages
Developing a World Class Web 2.0 Application with XPages
Developing a World Class Web 2.0 Application with XPages
Upcoming SlideShare
Loading in …5
×

Developing a World Class Web 2.0 Application with XPages

2,067 views

Published on

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.

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,067
On SlideShare
0
From Embeds
0
Number of Embeds
25
Actions
Shares
0
Downloads
226
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Developing a World Class Web 2.0 Application with XPages

    1. 1. BP105 Developing a World Class Web 2.0 Application with XPages Bruce Elgort Matthew White | Fynn Consulting / Elguji Software ®
    2. 2. BP105 Developing a World Class Web 2.0 Application with XPages Bruce Elgort Matthew White | Fynn Consulting / Elguji Software ®
    3. 3. B
    4. 4. Developing A World Class Web 2.0 Application With XPages RATED X B
    5. 5. Developing A World Class Web 2.0 Application With XPages RATED E B
    6. 6. B
    7. 7. Where are we headed? B
    8. 8. Introductions
    9. 9. Introductions What You Will Learn
    10. 10. Introductions What You Will Learn What You Won’t Learn
    11. 11. Introductions What You Will Learn What You Won’t Learn What is a World Class Web 2.0 Application?
    12. 12. Introductions What You Will Learn What You Won’t Learn What is a World Class Web 2.0 Application? Bene ts of XPages
    13. 13. 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?
    14. 14. TaskJam
    15. 15. TaskJam Best Practices
    16. 16. TaskJam Best Practices TaskJam Demo
    17. 17. TaskJam Best Practices TaskJam Demo DDE 8.5 Demo
    18. 18. TaskJam Best Practices TaskJam Demo DDE 8.5 Demo Putting Together TaskJam
    19. 19. TaskJam Best Practices TaskJam Demo DDE 8.5 Demo Putting Together TaskJam Tips & Tricks
    20. 20. Review
    21. 21. Review Get TaskJam
    22. 22. Review Get TaskJam Related Sessions
    23. 23. Review Get TaskJam Related Sessions Questions & Answers
    24. 24. Matt White London, England
    25. 25. MB
    26. 26. Bruce Elgort Vancouver, Washington
    27. 27. 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
    28. 28. Administrator B
    29. 29. What is a World Class Web 2.0 Application? B 13
    30. 30. 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
    31. 31. 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
    32. 32. 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
    33. 33. 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
    34. 34. 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
    35. 35. Benefits of XPages M 14
    36. 36. 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
    37. 37. XPages - What are they? BM 15
    38. 38. 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
    39. 39. Our Focus Application - TaskJam B 16
    40. 40. 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
    41. 41. Some of Our Best Practices M 17
    42. 42. 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
    43. 43. TaskJam Demo ® B 18
    44. 44. Domino Designer 8.5 Walk Through ® M 19
    45. 45. 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
    46. 46. Some other Tips and Tricks M
    47. 47. 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
    48. 48. More Tips and Tricks M
    49. 49. 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
    50. 50. 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
    51. 51. http://taskjam.net
    52. 52. http://taskjam.net
    53. 53. Step 1 - Register http://taskjam.net
    54. 54. Step 1 - Register Step 2 - Download http://taskjam.net
    55. 55. Step 1 - Register Step 2 - Download You get the TaskJam Template and the Installation, Setup and Customization guide http://taskjam.net
    56. 56. Related Sessions B 29
    57. 57. 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
    58. 58. Q&A MB 30
    59. 59. 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

    ×