Making Mobile App Development Easy

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

description

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.

Transcript of Making Mobile App Development Easy

Page 1: Making Mobile App Development Easy

Making Mobile App Development Easy

Tweet about this event: #xpages and mention us: @teamstudio @TLCCLTD @mattwhite @mobileappsrule

July 24, 2013

Page 2: Making Mobile App Development Easy

@teamstudio teamstudio.com

@TLCCLTD

@mattwhite @mobileappsrule

Taline Badrikian Marketing Director

Page 3: Making Mobile App Development Easy

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

Page 4: Making Mobile App Development Easy

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

Page 5: Making Mobile App Development Easy

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

Page 6: Making Mobile App Development Easy

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

Page 7: Making Mobile App Development Easy

© 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

Page 8: Making Mobile App Development Easy

© 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

Page 9: Making Mobile App Development Easy

© 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

Page 10: Making Mobile App Development Easy

© 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

Page 11: Making Mobile App Development Easy

© 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

Page 12: Making Mobile App Development Easy

© 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

Page 13: Making Mobile App Development Easy

Unplugged Mobile Controls – Deep Dive

Richard Sharpe & Matt White 24th July 2013

Page 14: Making Mobile App Development Easy

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.

Page 15: Making Mobile App Development Easy

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.

Page 16: Making Mobile App Development Easy

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.

Page 17: Making Mobile App Development Easy

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.

Page 18: Making Mobile App Development Easy

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.

Page 19: Making Mobile App Development Easy

Deep Dive - Forms

Add rich functionality – Quick Clear fields – Date Pickers – Changing keyboard types – Typeahead – Validation

© 2013 Teamstudio, Inc.

Page 20: Making Mobile App Development Easy

Deep Dive – Forms (Gotchas)

Our save vs XPages save

© 2013 Teamstudio, Inc.

Page 21: Making Mobile App Development Easy

Deep Dive - Search

Handover to Rich

© 2013 Teamstudio, Inc.

Page 22: Making Mobile App Development Easy

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.

Page 23: Making Mobile App Development Easy

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.

Page 24: Making Mobile App Development Easy

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.

Page 25: Making Mobile App Development Easy

© 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

Page 26: Making Mobile App Development Easy

© 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? [email protected] 877-228-6178

TLCC Questions?

[email protected] [email protected] 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-Nebbia Rich Sharpe