Making Mobile App Development Easy
Tweet about this event: #xpages
and mention us: @teamstudio @TLCCLTD @mattwhite @mobile...
@teamstudio
teamstudio.com
@TLCCLTD
@mattwhite
@mobileappsrule
Taline Badrikian
Marketing Director
Who we are
• Our background is in creating tools for collaborative
computing in mid-size and large enterprises, primarily ...
Teamstudio Unplugged
• Your Mobile Domino Server – take your Notes
apps with you!
• End users access Notes applications fr...
Teamstudio Continuity
• Mobile BCM application for smartphones and tablets
– iOS, Android and BB
• Offline access to all y...
Teamstudio
• Next webinar September
• Visit us at MWLUG – August 21-23 in Indianapolis
• Visit us at ICON UK – September 2...
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permis...
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permis...
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permis...
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permis...
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permis...
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permis...
Unplugged Mobile Controls – Deep Dive
Richard Sharpe & Matt White
24th July 2013
Disclaimer
 Unplugged XPages Mobile Controls is NOT the
same as the Teamstudio Unplugged Product
 Unplugged is NOT requi...
Agenda
 Introduction
 Why These Controls Were Built (and Limitations)
 How to Get The Unplugged Mobile XPages Controls
...
Why These Controls Were Built (and
Limitations)
 Frustrated with performance of other frameworks (e.g.
JQueryMobile)
 Fr...
How To Get The Unplugged Mobile
XPages Controls
 For Controls:
– http://unplugged.openntf.org
 For Documentation:
– http...
A Very Quick Starter Example
 We’re going to take an existing database and
add a mobile interface to it
 It will have tw...
Deep Dive - Forms
 Add rich functionality
– Quick Clear fields
– Date Pickers
– Changing keyboard types
– Typeahead
– Val...
Deep Dive – Forms (Gotchas)
 Our save vs XPages save
© 2013 Teamstudio, Inc.
Deep Dive - Search
 Handover to Rich
© 2013 Teamstudio, Inc.
Deep Dive – Search (Gotchas)
 AZ Picker
– Make sure that the control is in the <div id=‘content’>
(Designer can automatic...
Future Roadmap (No Guarantees)
 2.0 planned for IBM Connect
 CSS color, font manipulation
 Direct XPages datasource to ...
Competition
 Submit a control for your chance to win
 Finalists Controls will be demoed at IBM
Connect
 Winner announce...
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permis...
© 2013 The Learning Continuum Company, Ltd – This material can not be reproduced or distributed without the express permis...
Upcoming SlideShare
Loading in...5
×

Making Mobile App Development Easy

800

Published on

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.

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

  • Be the first to like this

No Downloads
Views
Total Views
800
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
49
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Making Mobile App Development Easy

  1. 1. Making Mobile App Development Easy Tweet about this event: #xpages and mention us: @teamstudio @TLCCLTD @mattwhite @mobileappsrule July 24, 2013
  2. 2. @teamstudio teamstudio.com @TLCCLTD @mattwhite @mobileappsrule Taline Badrikian Marketing Director
  3. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 13. Unplugged Mobile Controls – Deep Dive Richard Sharpe & Matt White 24th July 2013
  14. 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. 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. 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. 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. 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. 19. Deep Dive - Forms  Add rich functionality – Quick Clear fields – Date Pickers – Changing keyboard types – Typeahead – Validation © 2013 Teamstudio, Inc.
  20. 20. Deep Dive – Forms (Gotchas)  Our save vs XPages save © 2013 Teamstudio, Inc.
  21. 21. Deep Dive - Search  Handover to Rich © 2013 Teamstudio, Inc.
  22. 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. 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. 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. 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. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×