14
1 Custom Desktop + Mobile UI Examples What’s Possible for “Consumer User Experience” With the Openbravo Platform

Agility ERP custom desktop + mobile ui examples with the Openbravo platform

Embed Size (px)

DESCRIPTION

Examples of "what's possible" re: building a custom UI with the Openbravo ERP Platform.

Citation preview

Page 1: Agility ERP custom desktop + mobile ui examples with the Openbravo platform

1

Custom Desktop + Mobile UI Examples

What’s Possible for “Consumer User Experience”

With the Openbravo Platform

Page 2: Agility ERP custom desktop + mobile ui examples with the Openbravo platform

22

Topics

Desktop UI Screenshots Mobile UI Screenshots Conclusions

Page 3: Agility ERP custom desktop + mobile ui examples with the Openbravo platform

33

Branded Login

Custom authentication & authorization to mainframe Single sign on between desktop & mobile

Page 4: Agility ERP custom desktop + mobile ui examples with the Openbravo platform

44

Streamlined New User Experience

Simplified / styled dashboard for “walk up” use

Custom App (Projects) automatically appears in its own non-closeable tab

Irrelevant links removed from left navigation

Page 5: Agility ERP custom desktop + mobile ui examples with the Openbravo platform

55

Widgets Link to Custom App

Click Open to access the selected project in the Projects tab

Page 6: Agility ERP custom desktop + mobile ui examples with the Openbravo platform

66

Mobile – Active Project List

Easy to find / maintain info offline

Fast sync to central DB

Page 7: Agility ERP custom desktop + mobile ui examples with the Openbravo platform

77

Searchable Tiles for Casual Users

Visualization of project status & contents, with drill to project details

Page 8: Agility ERP custom desktop + mobile ui examples with the Openbravo platform

88

Grid View for Power Users

Column sorting & filtering

Page 9: Agility ERP custom desktop + mobile ui examples with the Openbravo platform

99

Project Details Contract View 1

PDF style simulates paper contract, for casual users

Page 10: Agility ERP custom desktop + mobile ui examples with the Openbravo platform

1010

Mobile - Contract View 1

Taller buttons for mobile form factor

Page 11: Agility ERP custom desktop + mobile ui examples with the Openbravo platform

1111

Project Details Contract View 2

Online form style, for power users

Personal info always masked & encrypted

Page 12: Agility ERP custom desktop + mobile ui examples with the Openbravo platform

1212

Mobile - Contract View 2

Responsive design for mobile, including swipe actions

Page 13: Agility ERP custom desktop + mobile ui examples with the Openbravo platform

1313

Project Details – Completion Info

Easily maintain complex, multi-table data relationships directly on 1 screen

Page 14: Agility ERP custom desktop + mobile ui examples with the Openbravo platform

1414

Conclusion on Openbravo UX

Openbravo automatically generates a powerful set of screens from its Application Dictionary• Great for back office users

The OB platform also allows for development of apps with “Consumer Style UX” that:• Cover desktop & mobile (disconnected) use cases

• Leverage many core features

• Are modular and sustainable

Remember:• The UI possibilities are not constrained with Openbravo

• “You can’t tell a book by it’s cover!”