Modern features with Plex and Websydian ExtJS. Olaf Flemming Project Manager AXSOS AG

Transcription

1 Modern features with Plex and Websydian ExtJS Olaf Flemming Project Manager AXSOS AG

2 Agenda 1. The Application 2. Google like Search 3. Pivot Table 4. BI Integration

3 Agenda The Application

4 Application MODAB - Worker Association Online Member Administration Web 2.0 Application based on CA:Plex and Websydian ExtJS

5 The Application MODAB - Application to maintain Members Personal data Salary and membership fee calculation Binding in administrational and honorary structures Labor Agreements Individual labor agreements Dynamic criteria, condition and table arrangement Pivot table maintenance Organization structure Individual organization units Individual unit relations Administrational and honorary structures

6 The Application Contacts (natural persons and legal persons) Contact module handling Roles Relations Data Filter dialogs to lookup contacts???

7 The Application Filter dialogs to lookup contacts??? No, why? Torture for the developer 25+ filter dialogs to cover all needs High complexity due to dynamic multiple table filtering No fun at all Torture for the user Learning 25+ filter logics Working through multilevel filter dialogs Earning no points for reaching level 4 What to do?

8 Agenda Google like Search

9 Google like Search Searching in AXSOS style Lucene/ Solr Plex/ Websydian ExtJs AXSOS Search

10 Google like Search Apache Lucene Lucene open source Java library to create and search text indexes (Information-Retrieval-System) Full text search for documents and databases Plenty of tools and interfaces to access the search High performance Tailoring defined filters and interface for own filters

11 Google like Search Solr Open Source Java full text search engine based on Lucene Executable in all major servlet container (we use Apache Tomcat) Access to the search index through web interface by JSON, XML, PHP, Ruby, Python, XSLT Solr allows multiple applications to access the same search index Clustering Flexibel configuration Since 2010 Solr und Lucene are developed by the same team

12 Google like Search Architectur of AXSOS solution Analysing Tools Websydian Web Application Solr Plex Lucene Apache Database

13 Google like Search Search index JDBC interface to the database View representing data to be searched A unique identifier is required like contact_id Filter (trimming, replacing, deleting of non significant information) Tokenizer (splitting in partial strings, intervalls) Data are converted to documents Database Filter Analyzer Tokenizer Documents

14 Google like Search Filter and Tokenizer Database Views Text Files Web Pages Filter and Tokenizer AXSOS, AXSO, AXS, AX, A, axsos, axso, axs, ax, a axsos, xsos, sos, os, s. Documents

15 Google like Search Search Returns documents, ranking, unique identifier Search string : Smith Search index Result set 3+ somehow Smith Andrew contact_id 51 Smith Helena contact_id 23 Blacksmith Jo contact_id 635 Retrieve data from database: Smith, Andrew, contact_id 51 Database

16 Google like Search What is the user s experience Simple entry mask Speedy Flexible Simple syntax =Birthdate: =Name:Petersen AND Localoffice:Hamburg Queries without limits familiar from internet search engines Powerful Fast

17 Agenda Pivot Table

18 Pivot Table Labor Agreements are the essential results of the labor union work negotiated individually with employers ruling work conditions and salary of the employees adapted to specialities of employers and work In brief No standards No comparability

19 Pivot Table Labor agreements Having all sorts of criteria Capturing all conceivable exceptions Dealing with dates, figures and strings Changing appearance and contents each year Worrying the programmers Possible solutions Ignore labor agreements If you are not allowed to ignore

20 Pivot Table Half solve the problem by Making it a table using the two major criteria to indicate Rows and Columns by the criteria values Put a path of all other criteria and exceptions to lookup the table

21 Pivot Table But how handle varying number of criteria values especially for columns? Create your own pivot table by generating grid definition depending on Column criterion values Row criterion values

22 Pivot Table Generate the Model for EXT.Grid depending on number of column criterion values Model ===== fields: [ { name: rowid1", type: "text", defaultvalue: "" }, { name: "rowid2", type: "text", defaultvalue: "" }, { name: row", type: "text", defaultvalue: "" }, { name: "columnid1", type: "text", defaultvalue: "" }, { name: "columnv1", type: "numeric", defaultvalue: 0.0}, { name: "columnid2", type: "text", defaultvalue: "" }, { name: "columnv2", type: "numeric", defaultvalue: 0.0}, {... ] Generate column headings from column criterion values Grid ===== columns:[ { text: "", dataindex: row"}, { text: "0-4", dataindex: "columnv1"}, { text: "5-10", dataindex: "columnv2"}, {... ] Load data according to row and column criteria Grid ===== data: [ { rowid1": "1", "rowid2": "1", row": "Apprentice", "columnid1": "1", "columnv1": , "columnid2": "2", "columnv2": }, { rowid1": "1", "rowid2": "2", row": "Mechanist", "columnid1": "1", "columnv1": , "columnid2": "2", "columnv2": }, {... ]

23 Pivot Table How it looks like Criteria and exception path loaded from column criterion values loaded from row criterion values Use Dirty Flag Editing in grid

24 Pivot Table What is the user s experience Total overview Familiar due to names and descriptions like in contract Editing in grid Speedy and fail-safe

25 Agenda BI Integration

26 BI Integration Reporting and Printing is required in most applications programming own reporting and printing tools is too much of an effort reporting tools often are integrated with the database What to do Evaluate reporting tools Decide for one Integrate the reporting tool into your application Using MS SQL Server we decided for MS SQL Server Reporting Services Integration was unexpectedly simple

27 BI Integration Two scenarios Reports with user entered filter options Reports with preset parameters

28 BI Integration Reports with preset parameters ExtJS source code Server name Report name Parameters Executed link when pressing the button = &Stichtag=

29 BI Integration Rendering the report in reporting services portal Print report Download report in format XML, PDF, MHTML, TIFF, EXCEL, WORD, CSV

30 BI Integration Reports with user entered filter options Configure Websydian URL Menu item Server name Report name Executed link when clicking the menu item

31 BI Integration Rendering the report in reporting services portal Filter your report Search your report Print report Download report in format XML, PDF, MHTML, TIFF, EXCEL, WORD, CSV

32 Pivot Table What is the user s experience Professional Flexible Up to most demands What is the programmers experience Reporting and Printing can be so easy

33 V i e l e n D a n k! AXSOS AG Zettachring 8A D Stuttgart Telefon Fax