Your SlideShare is downloading. ×
April Unplugged Mobile Controls User Group
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

April Unplugged Mobile Controls User Group

132
views

Published on

The April 3rd Unplugged Mobile Controls User Group meeting covers: …

The April 3rd Unplugged Mobile Controls User Group meeting covers:
- Changes to the UnpNavigator and why UnpComputedNavigator should now be used
- Barbara Houchin from SMC presents their mobile Field Service application built using a mix of the Unplugged Controls and JQuery Mobile (with camera integration)
- Q&A

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
132
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. UNPLUGGED MOBILE CONTROLS USER GROUP April 2014
  • 2. Agenda  Deep Dive  UnpNavigatorComputed Control  Case Study  SMC – Barbara Houchin  Next Month  UnpDialog  CapExApprovals app  Q & A
  • 3. Deep Dive - UnpNavigatorComputed  Control for displaying nav categories  Features include:  Icon  Sub-Menus  Auto-highlight  Auto-size/display
  • 4. Replaces Old UnpNavigator
  • 5. UnpNavigatorComputed Config  Uses JSON objects to populate categories
  • 6. UnpNavigatorComputed Properties  label  string - label on tile  hasSubMenu  boolean – expands to subsection  page  string - XPage to load when tapped  icon (optional)  string - Icon displayed on left of tile – uses FontAwesome*  ajaxloadid  string -Target div of content to load from ‘page’  ajaxtargetid  string -Target div to load content into current xpage  disabled  boolean -Tile is tappable or section header
  • 7. UnpNavigatorComputed Properties  If hasSubMenu: true subMenu: [ { …properties from last slide… } ]  Sub-menus can be 2 levels deep
  • 8. Other considerations  UnpHeader:  viewsButton=“true”  UnpFlatView, UnpAccordionView, UnpFormEditor, UnpFormViewer:  Position=“menu-aligned” (default)
  • 9. UnpNavigatorComputed - Demo  Lets build one….
  • 10. Case Study  Over to Barbara at SMC
  • 11. Next Month  Meeting onThurs 8th May  Deep Dive  UnpDialog  Case Study  CapEx ApprovalsApp  WirelessWednesday – Matt White and Myself  Wednesday 7th May  JQuery Mobile
  • 12. Q & A  @Unp_UG  @MobileAppsRule  @mattwhite  www.Teamstudio.com/Unplugged  https://github.com/unplugged/unplugged- controls
  • 13.  SMC Corporation of America – Pneumatics industry Leader – Forbes list of World’s Most Innovative Companies MOBILE ENERGY ASSESSMENTS Barbara Houchin – Application Developer @BarbHouchin bhouchin@smcusa.com
  • 14.  Mobile Energy Assessments (MEA) – Domino 9 XPages app – Designed for iPad – Using – Unplugged Mobile Controls  Eliminated transcription task  Automated report generation  Integrated photos  Improved data for Sales Mgmt MOBILE ENERGY ASSESSMENTS bhouchin@smcusa.com
  • 15. MOBILE ENERGY ASSESSMENTS Assessment Machine(s) Component(s) bhouchin@smcusa.com
  • 16. bhouchin@smcusa.com
  • 17.  Unplugged Mobile Controls (v1.5) MOBILE ENERGY ASSESSMENTS UnpHeader UnpFooter UnpScrollableArea UnpFlatView bhouchin@smcusa.com
  • 18. MOBILE ENERGY ASSESSMENTS  Up to 4 different document types available via a “portal-like” XPage. – Machines for this Assessment listed in white section – Click on binoculars (xp:button wi/icon) to reveal Machine’s Components in blue section. – Click on Machine or Component line to open that document. bhouchin@smcusa.com
  • 19. MOBILE ENERGY ASSESSMENTS  Each page shows multiple layers of data. – Navigate backward by clicking in a color-coded section for that “parent” or “grandparent’. – The last “child” of a document type will be highlighted – Collapsible sections for Photos (separate documents) and Notes – Multiple independently scrollable areas bhouchin@smcusa.com
  • 20. MOBILE ENERGY ASSESSMENTS  Machine and Component pages have fields grouped into Collaplisble “title-pane” style sections – Using jQuery plugin – Modified plugin to allow nesting – Added Collapse All function bhouchin@smcusa.com
  • 21.  Photos are taken using Unplugged photo capture integration with iOS.eice. – Uses File Upload control with parameters set to tell Unplugged to perform photo capture MOBILE ENERGY ASSESSMENTS bhouchin@smcusa.com
  • 22.  Photo Gallery allows for ease in scrolling through all photos on one page. – Tap on photo to open Photo document. MOBILE ENERGY ASSESSMENTS bhouchin@smcusa.com
  • 23. MOBILE ENERGY ASSESSMENTS  Mobile app using – Unplugged Mobile Controls from OpenNTF for Native look & feel – Rapid Development + Ability to work offline – Photo Capture integration  Portal-like UI – Multi-level data on a page – Independent scrolling areas – Touch a panel to open another page – Highlight most recent visited documents – Collapsible panel within scrollable area – Scrollable Photo Gallery  JQuery calendar (coming soon) bhouchin@smcusa.com