Developers have their pick of various mobile frameworks and each framework has its own pros and cons. After working with several of them and coming across roadblocks that make it difficult to work seamlessly with XPages, Rich Sharpe and Matt White decided to write their own lightweight widgets that they could re-use for mobile projects. These widgets are now referred to as the Unplugged Mobile Controls Project on OpenNTF, and together, Matt and Rich will take a deep dive into how to use these controls and why they were created. The first part of the session will cover the basics before moving on to some more advanced Controls features, such as auto-complete and full DB searches - all displayed on a smartphone and tablet.

1. Making Mobile App Development Easy
Tweet about this event: #xpages
and mention us: @teamstudio @TLCCLTD @mattwhite @mobileappsrule
July 24, 2013

2. @teamstudio
teamstudio.com
@TLCCLTD
@mattwhite
@mobileappsrule
Taline Badrikian
Marketing Director

3. Who we are
• Our background is in creating tools for collaborative
computing in mid-size and large enterprises, primarily for
Lotus Notes
• Easy-to-use tools for developers and administrators
• 2300+ active customers, 47 countries
• Offices in US, UK and Japan
• Entered mobile space in 2010 with Unplugged – easy
mobilization of Notes apps to Blackberry, Android and iOS

4. Teamstudio Unplugged
• Your Mobile Domino Server – take your Notes
apps with you!
• End users access Notes applications from
mobile devices whether online or offline
• Leverages existing skills and technology –
XPages – Replication model you already know
• IBM Collaboration Solutions Award Winner 2013

5. Teamstudio Continuity
• Mobile BCM application for smartphones and tablets
– iOS, Android and BB
• Offline access to all your BCM and
Disaster Recovery data
• Store plans, contacts, call trees, and more
• Client available for download from app stores

6. Teamstudio
• Next webinar September
• Visit us at MWLUG – August 21-23 in Indianapolis
• Visit us at ICON UK – September 2-3 in Brighton, UK
• Check out our new website teamstudio.com and OneView
Approvals

7. © 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Howard Greenberg
TLCC
@TLCCLtd
Making Mobile App Dev Easy
Your Hosts Today:
1
#XPages
Paul Della-Nebbia
TLCC
@paulDN

8. © 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC 2
Upcoming and Recorded Webinars
Next Webinar in September
Topic To Be Announced!
www.tlcc.com/xpages-webinar
Same web page has a link to previous webinars

9. © 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
• Seven XPages Courses!
‒ FREE !! Introduction to XPages Development
‒ JavaScript for XPages Development (8.5 and 9)
‒ Developing XPages Using Domino Designer 8.5 / XPages Development 1 for 9
‒ Rapid XPages Development using Application Layout and Dojo UI Controls (8.5 and 9)
‒ XPages Development 2 for Notes and Domino 8.5
‒ Mobile XPages for Domino 8.5 and 9
‒ Java 1 for XPages Developers
• Self Paced Training
– Learn anywhere!
– An Instructor is a click away
• Instructor Led (Private)
• TLCC Mentoring Services
3
TLCC XPages Offerings

10. © 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
ICON UK (used to be UK LUG) in Brighton, UK
September 1st and 2nd … FREE!!
www.iconuk.org
Both events feature a TLCC TackItOn
Rapid XPages Development using Application Layout and Dojo UI Controls
One full day with TLCC’s expert instructors
TLCC’s Rapid XPages Development course
A year of continued instructor support
All for only $499
www.tlcc.com/iconuktackiton or www.tlcc.com/mwlug
MWLug in Indianapolis
August 21st to 23rd
www.mwlug.com
4
Upcoming Events

11. © 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Asking Questions
5
Q & A at the end!
Type in your
questions as they
come up

12. © 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Your Presenters Today:
6
#XPages
Matt White
IBM Champion
@mattwhite
http://mattwhite.me/
Rich Sharpe
@mobileappsrule
Teamstudio

13. Unplugged Mobile Controls – Deep Dive
Richard Sharpe & Matt White
24th July 2013

14. Disclaimer
 Unplugged XPages Mobile Controls is NOT the
same as the Teamstudio Unplugged Product
 Unplugged is NOT required to run or use these
controls
– but of course you can test the Teamstudio
Unplugged product for free 
 Opinions stated here are from us (the
presenters) on experiences and work we have
performed
© 2013 Teamstudio, Inc.

15. Agenda
 Introduction
 Why These Controls Were Built (and Limitations)
 How to Get The Unplugged Mobile XPages Controls
 A Very Quick Starter Example
 Deep Dive – Search
– Local Search
– Database Search
– A-Z Search Control
 Deep Dive – Forms
– Auto-complete
– Clear field content
– Date Picker
 Future Roadmap
 Questions
© 2013 Teamstudio, Inc.

16. Why These Controls Were Built (and
Limitations)
 Frustrated with performance of other frameworks (e.g.
JQueryMobile)
 Frustrated at the design restrictions with other frameworks
(IBM Mobile Controls)
– Although Unplugged Mobile XPages Controls does have a small
level of coupling
 Frustrated with the level of difficulty of combining external
frameworks with XPages and Domino Designer
 Designed to be modular widgets
 Designed first to work on Teamstudio Unplugged and then
mobile web browsers
– E.g. Direct XPage datasource to forms in external databases not
supported (views are and use SSJS to access the documents)
© 2013 Teamstudio, Inc.

17. How To Get The Unplugged Mobile
XPages Controls
 For Controls:
– http://unplugged.openntf.org
 For Documentation:
– https://github.com/unplugged/unplugged-
controls/wiki
 For Videos:
– http://www.youtube.com/user/TeamstudioUnplu
gged
– http://www.youtube.com/watch?v=XHtiOO92A2g
© 2013 Teamstudio, Inc.

18. A Very Quick Starter Example
 We’re going to take an existing database and
add a mobile interface to it
 It will have two views and a form
 The files will be made available for download
at the end of the session
© 2013 Teamstudio, Inc.

19. Deep Dive - Forms
 Add rich functionality
– Quick Clear fields
– Date Pickers
– Changing keyboard types
– Typeahead
– Validation
© 2013 Teamstudio, Inc.

20. Deep Dive – Forms (Gotchas)
 Our save vs XPages save
© 2013 Teamstudio, Inc.

21. Deep Dive - Search
 Handover to Rich
© 2013 Teamstudio, Inc.

22. Deep Dive – Search (Gotchas)
 AZ Picker
– Make sure that the control is in the <div id=‘content’>
(Designer can automatically put this somewhere else)
 DB Search
– Make sure no hidden columns in view
– Ensure UnpSearchDatabase.js is included
– First column in view must be @LowerCase ‘d
– Symptoms are:
• Blank pages when clicked
• A flash on the screen and all content displayed
© 2013 Teamstudio, Inc.

23. Future Roadmap (No Guarantees)
 2.0 planned for IBM Connect
 CSS color, font manipulation
 Direct XPages datasource to other databases
(Unplugged limitation)
 Performance improvements
 Do you have ideas?
– This is Open Source so we appreciate contributors
© 2013 Teamstudio, Inc.

24. Competition
 Submit a control for your chance to win
 Finalists Controls will be demoed at IBM
Connect
 Winner announced at IBM Connect
– You do not have to be present to win
 … more …
© 2013 Teamstudio, Inc.

25. © 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Questions????
7
Use the Q&A pane in
WebEx to ask questions
We will answer your
questions verbally

26. © 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permission of TLCC
Question and Answer Time!
8
Teamstudio Questions?
contactus@teamstudio.com
877-228-6178
TLCC Questions?
howardg@tlcc.com paul@tlcc.com
888-241-8522 or 561-953-0095
Matt White Howard Greenberg Taline Badrikian
Upcoming Events:
MWLUG in Indianapolis and TackItOn
ICON UK in Brighton and TackItOn
#XPages
@mattwhite
@TLCCLtd
@Teamstudio
@PaulDN
Paul Della-NebbiaRich Sharpe