Embed Size (px)
Citation preview
New Selectors
Extension Module Webinar
March 11th, 2010
Page 2
Agenda
Overview 5min
Module functional demonstration 15min
Technical architecture – Focused on SmartClient integration 10min
Q&A 30min
Page 3
What is a Selector?
Page 4
What is a Selector?
A selector is a UI component that assists with selection of a referenced item.
On a lower technical level, a selector enables the user to find and select foreign key items.
Page 5
Overview
Openbravo ERP 2.50 ships 13 selectors (Business Partner, Product, Account, Purchase Order, etc)
Page 6
Overview
If you want to develop or modify a selector you need to know and be confident with: Java (Servlets), SQLC/DAL (Oracle &
PostgreSQL ), XmlEngine (XML & HTML processor) etc.
Page 7
Goals
Page 8
Goals
Provide an easy way to develop and configure selectors using only the Application Dictionary.
Page 9
Goals
Proof of Concept of the new base architecture for Openbravo ERP 3.0 deployed as modules.
Page 10
Goals
You can develop and configure a selector for each Entity in the application.
You can define and test right away without coding and compilation.
Nice features like suggestion box, hide/show columns in the popup dialog
Page 11
Demo
Page 12
Vision of new architecture
Page 13
Technical architecture overview
Page 14
SmartClient module: Introduction
Presenter: David Baz ([email protected])
Smartclient (Isomorphic Software)• Why?• What?• Screenshots
Demo: http://www.smartclient.com/featureExplorer.jspDocumentation: http://www.smartclient.com/product/documentation.jspForums: http://forums.smartclient.com/Download: http://www.smartclient.com/product/download.jspDaily builds: http://www.smartclient.com/builds/
Page 15
SmartClient module: Why Smartclient?
Two analysis
First iteration (with most important ajax frameworks) http://wiki.openbravo.com/wiki/ERP/3.00/Projects/UI_Technology
Second iteration (Dojo, ExtJS and Smartclient)http://wiki.openbravo.com/wiki/ERP/2.60/Projects/UI_Technology/Analysis_extjs_dojo_sc
Conclusion: SmartClient outperforms in several aspects (License, Community, Documentation, Widgets out of the box, ...)
Page 16
SmartClient module: What is Smartclient? (1/2)
RIA library
Provides:
a zero-install DHTML/AJAX client engine
rich user interface components & services
client-server databinding systems
browser independence
Page 17
SmartClient module: What is Smartclient? (2/2)
Provides: capability of new widgets creation starting from current ones
EXAMPLE: New selector
Page 18
SmartClient module: Smartclient Screenshots (Skins)
8 Skins out of the boxBasic, Black Ops
CupertinoEnterprise
FleetSilverWave
StoneTreeFrog
Page 19
SmartClient module: Smartclient Screenshots (Grids)
http://www.smartclient.com/#filterBuilderBracket
http://www.smartclient.com/#editByCell http://www.smartclient.com/#customGrouping
Page 20
SmartClient module: Smartclient Screenshots (Application Example)
http://www.smartclient.com/#showcaseApp
Page 21
SmartClient module: Smartclient Screenshots (Portal Example)
http://www.smartclient.com/#portal
Page 22
SmartClient module
The SmartClient module,
It contains the following components:
• SmartClient client side javascript libraries
• SmartClient skin for Openbravo ERP
Page 23
Wrap-up
New Selector module provides an easy way to develop and customize without coding and compiling
This module is based on the new base architecture for Openbravo ERP 3.0
SmartClient provides the client side UI framework
Page 24
Help us!
Try the New Selector in our test instance:http://79.125.36.179/openbravo/security/Menu.html
Give us feedback in the New Selector thread in the “User Experience Lab” forum:http://ln-s.net/5$nW
Learn about the architecture of the New Selector in the project's wiki page:http://wiki.openbravo.com/wiki/Projects/Selector
Make your own Reference and publish it as a module:http://wiki.openbravo.com/wiki/ERP/2.50/Developers_Guide/Examples/Reference
Iván Perdomo
http://katratxo.wordpress.com
katratxo at #openbravo
on irc.freenode.net
David Baz
xxDaViDxx at #openbravoon irc.freenode.net
Page 25
The Business of ModularityMarch 25th, 2010
![Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.2.CSS.pdf · Selectors type selectors.class selectors #id selectors [attribute] selectors:pseudo-class](https://img.pdfslide.us/doc/110x75/5ed5cf5ed48e3c5e0c2a9cd5/developing-windows-8-apps-with-html-css-javascript-selectors-type-selectorsclass.jpg)
![[@NaukriEngineering] CSS4 Selectors – Part 1](https://img.pdfslide.us/doc/110x75/5883041f1a28abe70d8b6111/naukriengineering-css4-selectors-part-1.jpg)
