SlideShare ist ein Scribd-Unternehmen logo
1 von 75
BP105
Developing a World Class Web 2.0
Application with XPages
Bruce Elgort
Matthew White | Fynn Consulting / Elguji Software




               ®
BP105
Developing a World Class Web 2.0
Application with XPages
Bruce Elgort
Matthew White | Fynn Consulting / Elguji Software




               ®
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

XPages - What Are They?
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 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
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 good examples include:




B
                                    13
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
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
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
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
Benefits of XPages




M
                         14
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
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 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
Our Focus Application - TaskJam




B
                         16
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
Some of Our Best Practices




M
                         17
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
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 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
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 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
More Tips and Tricks




M
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
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
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

http://taskjam.net
Related Sessions




B
                       29
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
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


 • 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

Weitere ähnliche Inhalte

Was ist angesagt?

Tip from ConnectED 2015: Using Bootstrap and Ratchet frameworks in Domino mob...
Tip from ConnectED 2015: Using Bootstrap and Ratchet frameworks in Domino mob...Tip from ConnectED 2015: Using Bootstrap and Ratchet frameworks in Domino mob...
Tip from ConnectED 2015: Using Bootstrap and Ratchet frameworks in Domino mob...SocialBiz UserGroup
 
IBM Presents the IBM Notes and Domino Roadmap
IBM Presents the IBM Notes and Domino RoadmapIBM Presents the IBM Notes and Domino Roadmap
IBM Presents the IBM Notes and Domino RoadmapTeamstudio
 
Engage - Expanding XPages with Bootstrap Plugins for ultimate usability
Engage - Expanding XPages with Bootstrap Plugins for ultimate usabilityEngage - Expanding XPages with Bootstrap Plugins for ultimate usability
Engage - Expanding XPages with Bootstrap Plugins for ultimate usabilityJohnny Oldenburger
 
Tips for Building your First XPages Java Application
Tips for Building your First XPages Java ApplicationTips for Building your First XPages Java Application
Tips for Building your First XPages Java ApplicationTeamstudio
 
WordCamp UK 2009 presentation
WordCamp UK 2009 presentationWordCamp UK 2009 presentation
WordCamp UK 2009 presentationJonny Allbut
 
Build a DNN Module in Minutes
Build a DNN Module in MinutesBuild a DNN Module in Minutes
Build a DNN Module in MinutesWill Strohl
 
AD112: Usability Lessons From the Worlds Largest XPages Project (MWLUG)
AD112: Usability Lessons From the Worlds Largest XPages Project (MWLUG)AD112: Usability Lessons From the Worlds Largest XPages Project (MWLUG)
AD112: Usability Lessons From the Worlds Largest XPages Project (MWLUG)John Head
 
XPages Extension Library slides
XPages Extension Library   slidesXPages Extension Library   slides
XPages Extension Library slidesNiklas Heidloff
 
Web Development In 2018
Web Development In 2018Web Development In 2018
Web Development In 2018Traversy Media
 
SHOW301 - Make Your IBM Connections Deployment Your Own: Customize It!
SHOW301 - Make Your IBM Connections Deployment Your Own: Customize It!SHOW301 - Make Your IBM Connections Deployment Your Own: Customize It!
SHOW301 - Make Your IBM Connections Deployment Your Own: Customize It!Klaus Bild
 
Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...
Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...
Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...SocialBiz UserGroup
 
Wintellect - Windows 8 for the Silverlight and WPF Developer
Wintellect   - Windows 8 for the Silverlight and WPF DeveloperWintellect   - Windows 8 for the Silverlight and WPF Developer
Wintellect - Windows 8 for the Silverlight and WPF DeveloperJeremy Likness
 
Bootstrap4XPages webinar
Bootstrap4XPages webinarBootstrap4XPages webinar
Bootstrap4XPages webinarMark Leusink
 
Master Class: Integration in the world of Social Business (Lotusphere2012 JMP...
Master Class: Integration in the world of Social Business (Lotusphere2012 JMP...Master Class: Integration in the world of Social Business (Lotusphere2012 JMP...
Master Class: Integration in the world of Social Business (Lotusphere2012 JMP...John Head
 
A Look at New Features in DNN 7.3
A Look at New Features in DNN 7.3A Look at New Features in DNN 7.3
A Look at New Features in DNN 7.3DNN
 
Website development & it's trends
Website development & it's trendsWebsite development & it's trends
Website development & it's trendsSunCart Store
 
John David Head - Bio
John David Head - BioJohn David Head - Bio
John David Head - BioJohn Head
 
Notes/Domino Application Development Competitive Advantage - UKLUG 2011 Edition
Notes/Domino Application Development Competitive Advantage - UKLUG 2011 EditionNotes/Domino Application Development Competitive Advantage - UKLUG 2011 Edition
Notes/Domino Application Development Competitive Advantage - UKLUG 2011 EditionJohn Head
 

Was ist angesagt? (20)

Tip from ConnectED 2015: Using Bootstrap and Ratchet frameworks in Domino mob...
Tip from ConnectED 2015: Using Bootstrap and Ratchet frameworks in Domino mob...Tip from ConnectED 2015: Using Bootstrap and Ratchet frameworks in Domino mob...
Tip from ConnectED 2015: Using Bootstrap and Ratchet frameworks in Domino mob...
 
IBM Presents the IBM Notes and Domino Roadmap
IBM Presents the IBM Notes and Domino RoadmapIBM Presents the IBM Notes and Domino Roadmap
IBM Presents the IBM Notes and Domino Roadmap
 
Engage - Expanding XPages with Bootstrap Plugins for ultimate usability
Engage - Expanding XPages with Bootstrap Plugins for ultimate usabilityEngage - Expanding XPages with Bootstrap Plugins for ultimate usability
Engage - Expanding XPages with Bootstrap Plugins for ultimate usability
 
Tips for Building your First XPages Java Application
Tips for Building your First XPages Java ApplicationTips for Building your First XPages Java Application
Tips for Building your First XPages Java Application
 
WordCamp UK 2009 presentation
WordCamp UK 2009 presentationWordCamp UK 2009 presentation
WordCamp UK 2009 presentation
 
Desktop Intro
Desktop IntroDesktop Intro
Desktop Intro
 
Remoncv
RemoncvRemoncv
Remoncv
 
Build a DNN Module in Minutes
Build a DNN Module in MinutesBuild a DNN Module in Minutes
Build a DNN Module in Minutes
 
AD112: Usability Lessons From the Worlds Largest XPages Project (MWLUG)
AD112: Usability Lessons From the Worlds Largest XPages Project (MWLUG)AD112: Usability Lessons From the Worlds Largest XPages Project (MWLUG)
AD112: Usability Lessons From the Worlds Largest XPages Project (MWLUG)
 
XPages Extension Library slides
XPages Extension Library   slidesXPages Extension Library   slides
XPages Extension Library slides
 
Web Development In 2018
Web Development In 2018Web Development In 2018
Web Development In 2018
 
SHOW301 - Make Your IBM Connections Deployment Your Own: Customize It!
SHOW301 - Make Your IBM Connections Deployment Your Own: Customize It!SHOW301 - Make Your IBM Connections Deployment Your Own: Customize It!
SHOW301 - Make Your IBM Connections Deployment Your Own: Customize It!
 
Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...
Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...
Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...
 
Wintellect - Windows 8 for the Silverlight and WPF Developer
Wintellect   - Windows 8 for the Silverlight and WPF DeveloperWintellect   - Windows 8 for the Silverlight and WPF Developer
Wintellect - Windows 8 for the Silverlight and WPF Developer
 
Bootstrap4XPages webinar
Bootstrap4XPages webinarBootstrap4XPages webinar
Bootstrap4XPages webinar
 
Master Class: Integration in the world of Social Business (Lotusphere2012 JMP...
Master Class: Integration in the world of Social Business (Lotusphere2012 JMP...Master Class: Integration in the world of Social Business (Lotusphere2012 JMP...
Master Class: Integration in the world of Social Business (Lotusphere2012 JMP...
 
A Look at New Features in DNN 7.3
A Look at New Features in DNN 7.3A Look at New Features in DNN 7.3
A Look at New Features in DNN 7.3
 
Website development & it's trends
Website development & it's trendsWebsite development & it's trends
Website development & it's trends
 
John David Head - Bio
John David Head - BioJohn David Head - Bio
John David Head - Bio
 
Notes/Domino Application Development Competitive Advantage - UKLUG 2011 Edition
Notes/Domino Application Development Competitive Advantage - UKLUG 2011 EditionNotes/Domino Application Development Competitive Advantage - UKLUG 2011 Edition
Notes/Domino Application Development Competitive Advantage - UKLUG 2011 Edition
 

Ähnlich wie Developing a World Class Web 2.0 Application with XPages

Office Add ins community call-February 2019
Office Add ins community call-February 2019Office Add ins community call-February 2019
Office Add ins community call-February 2019Microsoft 365 Developer
 
An Introduction to the Model-View-Controller Pattern
An Introduction to the Model-View-Controller PatternAn Introduction to the Model-View-Controller Pattern
An Introduction to the Model-View-Controller PatternTeamstudio
 
Lessons learned from the worlds largest XPage project
Lessons learned from the worlds largest XPage projectLessons learned from the worlds largest XPage project
Lessons learned from the worlds largest XPage projectMark Roden
 
XPages: No Experience Needed
XPages: No Experience NeededXPages: No Experience Needed
XPages: No Experience NeededKathy Brown
 
AIR - Framework ( Cairngorm and Parsley )
AIR - Framework ( Cairngorm and Parsley )AIR - Framework ( Cairngorm and Parsley )
AIR - Framework ( Cairngorm and Parsley )senthil0809
 
Developing XPages Applications
Developing XPages ApplicationsDeveloping XPages Applications
Developing XPages ApplicationsNiklas Heidloff
 
IBM Domino 10: A new chapter begins
IBM Domino 10: A new chapter beginsIBM Domino 10: A new chapter begins
IBM Domino 10: A new chapter beginsLetsConnect
 
Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)
Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)
Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)TIMETOACT GROUP
 
Domino X Pages 8.5
Domino X Pages 8.5Domino X Pages 8.5
Domino X Pages 8.5John Head
 
Domino app dev competitive advantage for blug
Domino app dev competitive advantage for blugDomino app dev competitive advantage for blug
Domino app dev competitive advantage for blugJohn Head
 
jQuery: The World's Most Popular JavaScript Library Comes to XPages
jQuery: The World's Most Popular JavaScript Library Comes to XPagesjQuery: The World's Most Popular JavaScript Library Comes to XPages
jQuery: The World's Most Popular JavaScript Library Comes to XPagesTeamstudio
 
DSpace UI prototype dsember
DSpace UI prototype dsemberDSpace UI prototype dsember
DSpace UI prototype dsemberBram Luyten
 
Ad101 - IBM Lotus Domino Designer: Full Speed Ahead!
Ad101 - IBM Lotus Domino Designer: Full Speed Ahead!Ad101 - IBM Lotus Domino Designer: Full Speed Ahead!
Ad101 - IBM Lotus Domino Designer: Full Speed Ahead!ddrschiw
 
Icsug conf 14_str06_notes-browser-plug-in_901
Icsug conf 14_str06_notes-browser-plug-in_901Icsug conf 14_str06_notes-browser-plug-in_901
Icsug conf 14_str06_notes-browser-plug-in_901ICS User Group
 
Debugging,Troubleshooting & Monitoring Distributed Web & Cloud Applications a...
Debugging,Troubleshooting & Monitoring Distributed Web & Cloud Applications a...Debugging,Troubleshooting & Monitoring Distributed Web & Cloud Applications a...
Debugging,Troubleshooting & Monitoring Distributed Web & Cloud Applications a...Theo Jungeblut
 
AD101: IBM Domino Application Development Futures
AD101: IBM Domino Application Development FuturesAD101: IBM Domino Application Development Futures
AD101: IBM Domino Application Development FuturesEamon Muldoon
 
SHOW102 XPages: Still No Experience Necessary IBM Connect 2014
SHOW102 XPages: Still No Experience Necessary IBM Connect 2014SHOW102 XPages: Still No Experience Necessary IBM Connect 2014
SHOW102 XPages: Still No Experience Necessary IBM Connect 2014Kathy Brown
 
Optimus XPages: An Explosion of Techniques and Best Practices
Optimus XPages: An Explosion of Techniques and Best PracticesOptimus XPages: An Explosion of Techniques and Best Practices
Optimus XPages: An Explosion of Techniques and Best PracticesTeamstudio
 
IBM Lotus Notes/Domino App. Dev. Competitive Advantage: The Social Business E...
IBM Lotus Notes/Domino App. Dev. Competitive Advantage: The Social Business E...IBM Lotus Notes/Domino App. Dev. Competitive Advantage: The Social Business E...
IBM Lotus Notes/Domino App. Dev. Competitive Advantage: The Social Business E...John Head
 

Ähnlich wie Developing a World Class Web 2.0 Application with XPages (20)

Office Add ins community call-February 2019
Office Add ins community call-February 2019Office Add ins community call-February 2019
Office Add ins community call-February 2019
 
An Introduction to the Model-View-Controller Pattern
An Introduction to the Model-View-Controller PatternAn Introduction to the Model-View-Controller Pattern
An Introduction to the Model-View-Controller Pattern
 
Lessons learned from the worlds largest XPage project
Lessons learned from the worlds largest XPage projectLessons learned from the worlds largest XPage project
Lessons learned from the worlds largest XPage project
 
XPages: No Experience Needed
XPages: No Experience NeededXPages: No Experience Needed
XPages: No Experience Needed
 
AIR - Framework ( Cairngorm and Parsley )
AIR - Framework ( Cairngorm and Parsley )AIR - Framework ( Cairngorm and Parsley )
AIR - Framework ( Cairngorm and Parsley )
 
What's new in designer
What's new in designerWhat's new in designer
What's new in designer
 
Developing XPages Applications
Developing XPages ApplicationsDeveloping XPages Applications
Developing XPages Applications
 
IBM Domino 10: A new chapter begins
IBM Domino 10: A new chapter beginsIBM Domino 10: A new chapter begins
IBM Domino 10: A new chapter begins
 
Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)
Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)
Integrate Applications into IBM Connections Cloud and On Premises (AD 1632)
 
Domino X Pages 8.5
Domino X Pages 8.5Domino X Pages 8.5
Domino X Pages 8.5
 
Domino app dev competitive advantage for blug
Domino app dev competitive advantage for blugDomino app dev competitive advantage for blug
Domino app dev competitive advantage for blug
 
jQuery: The World's Most Popular JavaScript Library Comes to XPages
jQuery: The World's Most Popular JavaScript Library Comes to XPagesjQuery: The World's Most Popular JavaScript Library Comes to XPages
jQuery: The World's Most Popular JavaScript Library Comes to XPages
 
DSpace UI prototype dsember
DSpace UI prototype dsemberDSpace UI prototype dsember
DSpace UI prototype dsember
 
Ad101 - IBM Lotus Domino Designer: Full Speed Ahead!
Ad101 - IBM Lotus Domino Designer: Full Speed Ahead!Ad101 - IBM Lotus Domino Designer: Full Speed Ahead!
Ad101 - IBM Lotus Domino Designer: Full Speed Ahead!
 
Icsug conf 14_str06_notes-browser-plug-in_901
Icsug conf 14_str06_notes-browser-plug-in_901Icsug conf 14_str06_notes-browser-plug-in_901
Icsug conf 14_str06_notes-browser-plug-in_901
 
Debugging,Troubleshooting & Monitoring Distributed Web & Cloud Applications a...
Debugging,Troubleshooting & Monitoring Distributed Web & Cloud Applications a...Debugging,Troubleshooting & Monitoring Distributed Web & Cloud Applications a...
Debugging,Troubleshooting & Monitoring Distributed Web & Cloud Applications a...
 
AD101: IBM Domino Application Development Futures
AD101: IBM Domino Application Development FuturesAD101: IBM Domino Application Development Futures
AD101: IBM Domino Application Development Futures
 
SHOW102 XPages: Still No Experience Necessary IBM Connect 2014
SHOW102 XPages: Still No Experience Necessary IBM Connect 2014SHOW102 XPages: Still No Experience Necessary IBM Connect 2014
SHOW102 XPages: Still No Experience Necessary IBM Connect 2014
 
Optimus XPages: An Explosion of Techniques and Best Practices
Optimus XPages: An Explosion of Techniques and Best PracticesOptimus XPages: An Explosion of Techniques and Best Practices
Optimus XPages: An Explosion of Techniques and Best Practices
 
IBM Lotus Notes/Domino App. Dev. Competitive Advantage: The Social Business E...
IBM Lotus Notes/Domino App. Dev. Competitive Advantage: The Social Business E...IBM Lotus Notes/Domino App. Dev. Competitive Advantage: The Social Business E...
IBM Lotus Notes/Domino App. Dev. Competitive Advantage: The Social Business E...
 

Mehr von Bruce Elgort

Apps, Apps, and More Apps: Meet the Very Best Open Source Apps from OpenNTF -...
Apps, Apps, and More Apps: Meet the Very Best Open Source Apps from OpenNTF -...Apps, Apps, and More Apps: Meet the Very Best Open Source Apps from OpenNTF -...
Apps, Apps, and More Apps: Meet the Very Best Open Source Apps from OpenNTF -...Bruce Elgort
 
SpeedGeeking! Mobile Application development with IBM XPages
SpeedGeeking! Mobile Application development with IBM XPagesSpeedGeeking! Mobile Application development with IBM XPages
SpeedGeeking! Mobile Application development with IBM XPagesBruce Elgort
 
XPages Guru Webinar - XPages sample apps
XPages Guru Webinar - XPages sample appsXPages Guru Webinar - XPages sample apps
XPages Guru Webinar - XPages sample appsBruce Elgort
 
Social Business Strategies - Get Social. Do Business.
Social Business Strategies - Get Social. Do Business.Social Business Strategies - Get Social. Do Business.
Social Business Strategies - Get Social. Do Business.Bruce Elgort
 
JMP206 - How I Went Beyond the Hype, Narcissism and Trendiness to Become a So...
JMP206 - How I Went Beyond the Hype, Narcissism and Trendiness to Become a So...JMP206 - How I Went Beyond the Hype, Narcissism and Trendiness to Become a So...
JMP206 - How I Went Beyond the Hype, Narcissism and Trendiness to Become a So...Bruce Elgort
 
BP207 - Apps, apps, apps and more apps: Meet the very best open source apps f...
BP207 - Apps, apps, apps and more apps: Meet the very best open source apps f...BP207 - Apps, apps, apps and more apps: Meet the very best open source apps f...
BP207 - Apps, apps, apps and more apps: Meet the very best open source apps f...Bruce Elgort
 
How OpenNTF Open Source Solutions Can Save You Time, Money And Your Hair
How OpenNTF Open Source Solutions Can Save You Time, Money And Your HairHow OpenNTF Open Source Solutions Can Save You Time, Money And Your Hair
How OpenNTF Open Source Solutions Can Save You Time, Money And Your HairBruce Elgort
 
Lotus Technical Information and Education Community - Podcasting and Lotus I...
Lotus Technical Information and Education Community  - Podcasting and Lotus I...Lotus Technical Information and Education Community  - Podcasting and Lotus I...
Lotus Technical Information and Education Community - Podcasting and Lotus I...Bruce Elgort
 
Yikes...It Looks Like That?! - UI Worst Practices
Yikes...It Looks Like That?! - UI Worst PracticesYikes...It Looks Like That?! - UI Worst Practices
Yikes...It Looks Like That?! - UI Worst PracticesBruce Elgort
 
OpenNTF - The Lotus Notes and Domino Open Source Organization
OpenNTF - The Lotus Notes and Domino Open Source OrganizationOpenNTF - The Lotus Notes and Domino Open Source Organization
OpenNTF - The Lotus Notes and Domino Open Source OrganizationBruce Elgort
 
iPhone OS 3.0 Highlights
iPhone OS 3.0 HighlightsiPhone OS 3.0 Highlights
iPhone OS 3.0 HighlightsBruce Elgort
 

Mehr von Bruce Elgort (11)

Apps, Apps, and More Apps: Meet the Very Best Open Source Apps from OpenNTF -...
Apps, Apps, and More Apps: Meet the Very Best Open Source Apps from OpenNTF -...Apps, Apps, and More Apps: Meet the Very Best Open Source Apps from OpenNTF -...
Apps, Apps, and More Apps: Meet the Very Best Open Source Apps from OpenNTF -...
 
SpeedGeeking! Mobile Application development with IBM XPages
SpeedGeeking! Mobile Application development with IBM XPagesSpeedGeeking! Mobile Application development with IBM XPages
SpeedGeeking! Mobile Application development with IBM XPages
 
XPages Guru Webinar - XPages sample apps
XPages Guru Webinar - XPages sample appsXPages Guru Webinar - XPages sample apps
XPages Guru Webinar - XPages sample apps
 
Social Business Strategies - Get Social. Do Business.
Social Business Strategies - Get Social. Do Business.Social Business Strategies - Get Social. Do Business.
Social Business Strategies - Get Social. Do Business.
 
JMP206 - How I Went Beyond the Hype, Narcissism and Trendiness to Become a So...
JMP206 - How I Went Beyond the Hype, Narcissism and Trendiness to Become a So...JMP206 - How I Went Beyond the Hype, Narcissism and Trendiness to Become a So...
JMP206 - How I Went Beyond the Hype, Narcissism and Trendiness to Become a So...
 
BP207 - Apps, apps, apps and more apps: Meet the very best open source apps f...
BP207 - Apps, apps, apps and more apps: Meet the very best open source apps f...BP207 - Apps, apps, apps and more apps: Meet the very best open source apps f...
BP207 - Apps, apps, apps and more apps: Meet the very best open source apps f...
 
How OpenNTF Open Source Solutions Can Save You Time, Money And Your Hair
How OpenNTF Open Source Solutions Can Save You Time, Money And Your HairHow OpenNTF Open Source Solutions Can Save You Time, Money And Your Hair
How OpenNTF Open Source Solutions Can Save You Time, Money And Your Hair
 
Lotus Technical Information and Education Community - Podcasting and Lotus I...
Lotus Technical Information and Education Community  - Podcasting and Lotus I...Lotus Technical Information and Education Community  - Podcasting and Lotus I...
Lotus Technical Information and Education Community - Podcasting and Lotus I...
 
Yikes...It Looks Like That?! - UI Worst Practices
Yikes...It Looks Like That?! - UI Worst PracticesYikes...It Looks Like That?! - UI Worst Practices
Yikes...It Looks Like That?! - UI Worst Practices
 
OpenNTF - The Lotus Notes and Domino Open Source Organization
OpenNTF - The Lotus Notes and Domino Open Source OrganizationOpenNTF - The Lotus Notes and Domino Open Source Organization
OpenNTF - The Lotus Notes and Domino Open Source Organization
 
iPhone OS 3.0 Highlights
iPhone OS 3.0 HighlightsiPhone OS 3.0 Highlights
iPhone OS 3.0 Highlights
 

Kürzlich hochgeladen

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdflior mazor
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native ApplicationsWSO2
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024The Digital Insurer
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxRustici Software
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024The Digital Insurer
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MIND CTI
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesrafiqahmad00786416
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 

Kürzlich hochgeladen (20)

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 

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
  • 8.
  • 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?
  • 15.
  • 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
  • 22.
  • 27.
  • 28.
  • 30. MB
  • 31.
  • 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
  • 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
  • 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
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 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
  • 66.
  • 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
  • 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