�ݺ�ߣ

Presentation x pages-mobile-2014-01-08-a

XPAGES - 2014
MOBILE

XPages
Is geen eiland!

VOORSTELLEN
Pettrie de Bondt

ilionx

 PdeBondt@ilionx.com
 twitter.com/Pettrie
 Skype:
Pettrie_de_Bondt

Mobile First

AGENDA
1. Achtergrond / Doel
2. Landschap
3. Mogelijkheden
4. Praktijk
5. Demo
6. Code
7. Discussie

ACHTERGROND / DOEL
 Gebr. Janssen
 50 Dakdekkers
 60 Loodgieters
 15 man op kantoor

 Lotus Notes





CRM / Relatiebeheer
Projecten = PIMS
Planning
Facturen!

 Mobile
 CRM -> Verkopers
 PIMS -> Inspectie, planning, etc..

 Fase 1
 Alles lezen

DE APPLICATIE !!
 14 databases

OPLOSSING
 Bestaande Lotus Notes client applicatie (deels) omzetten naar
mobile applicatie





xPages
Gefaseerd (lezen/Toevoegen/schrijven/processen)
Praktisch
Flexibel

 Devices: iPhone + iPad (mini)

LANDSCHAP
Front-end
web

Front-end

Services

Mobile
iPad / iPhone

Notes client
8.53

Soap / JSON

Web Browser

Back-End

Domino
DB
ODBC

MySQL
DB

MOBILEFIRST

The future is
here

LANDSCHAP
 Mobile APP
 Native





xCode / ObjectiveC, Eclipse /Java
AppCelerator / JavaScript
Visual Studio / VB.net, C#
IBM Worklight, Phonegap / JavaScript

 Hybrid





Native wrapper
Use native capabilities
Generic HMTL
Re-Use HMTL application

 100% Web
 HTML5
 CSS 3
 Responsive design (RDW)

MOBILE XPAGE

Bestaande
Xpage
Custom
Controls

MOBILE XPAGES
 Wat zijn de mogelijkheden
 Alles zelf bouwen (framework)
 Extension library Mobile controls
 TeamStudio Unplugged

 OpenNTF

MOBILE XPAGES (II)
 Andere frameworks
 http://www.markus-falk.com/mobile-frameworks-comparison-chart/

 CSS






jQuery Mobile
Bootstrap
HTML KickStart
Less Framework
xPage Themes

 Javascript





jQuery Mobile
Dojo (Mobile)
Bootstrap
HTML KickStart

JQUERY VS DOJO
 Advantages of jQuery:












Fast
Well documented
Easy to use
Chaining
Easy-to-use Ajax
Nice event handlers
CSS selectors
Small (only 30 KB)
Nice little built-in effects
Plugins
OOP no Class hierarchy

 Advantages of Dojo:
 OOP (and other paradigms)
 Widget infrastructure
 Lazy loading of modules
dynamically
 Asynchronous loading of modules
if desired
 Simple integration with CDN
 Sheer breadth of available
modules in DojoX including
graphics, charting
 Attention to details in widgets
 Support for i18n (including LTR
and RTL languages)
 Support for l10n (including
standard date, currency, number
formatting)
 Provisions for people with special
needs

ZOEKTOCHT
 Wat hebben we zelf onderzocht, wat zijn we tegen gekomen
 Single page, diverse problemen
 Unplugged, licentie probleem, niet handig opgezet
 Buiten Xpages gezocht naar voorbeelden
 jQuery mobile, BLUG

 Conclusie
 Event afhandeling in Dojo is !@#
 Controls van anderen zijn moeilijk te doorgronden
 Slechte/geen documentatie, weinig/geen voorbeelden

 GJ Framework = jQuery Mobile
 Mooi degelijk framework, grote community, veel examples
 Zelf xPage controls maken

SECURITY

Admin’s
In de zaal?!

SECURIT Y
 Security aspecten





Domino productie omgeving
DMZ
Gevoelige data
Verlies van apparaat

 Trade-Off
 A) Gemak in gebruik
 Helpdesk ondersteuning, it just works

 B) Veiligheid
 VPN / SSL / Tokens / Wachtwoord / PIN

ARCHITECTUUR
JanDom01

DMZ

JanDom03

PIMS

PIMS

Mobile
iPad / iPhone
Web - Browser

VOORBEELD 2
 Leer van andere applicaties

DEBUGGEN
 Chrome





Developer
Scherm formaat
Doorlopen van de panelen
Debuggen van javascript

JSFIDDLE
Te s t p r o to t yp e
to o l

VRAGEN

Er zijn geen
domme
vragen, alleen
domme
antwoorden!

DISCUSSIE







Delen van code
Native / Hybrid / 100% HTML
Beveiliging
iPhone vs iPad (mini)
Apple iOS / Google Android / MS Mobile
Javascript, Dojo vs jQuery

 Maken van voorbeelden / OpenNTF / StackOverflow / Skype
 Presentatie bekijken
Zie: http://XPagesAndBeer.nl

�ݺ�ߣ

Presentation x pages-mobile-2014-01-08-a

More Related Content

Presentation x pages-mobile-2014-01-08-a

Editor's Notes