Modernization GUI with CM First WebClient – a SaaS...
Transcript of Modernization GUI with CM First WebClient – a SaaS...
![Page 1: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/1.jpg)
![Page 2: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/2.jpg)
Modernization GUI with CM First WebClientSaaS solution for the textile industry
• Mark Matyba
Walter & Partner Solutions GmbH & Co KG
![Page 3: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/3.jpg)
• Mark Matyba
• Works at Walter & Partner Solutions GmbH & Co KG, Germany
since 1999
• Obsydian 3.1, Cool Plex, All Fusion Plex, Advantage Plex, CA
Plex experience since 1999
• Started using CMFirst Webclient in December 2016
About the speaker
![Page 4: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/4.jpg)
• Located in Stuttgart – Germany
• Software Solutions for Fashion & Textile Industries
• PLM / ERP / Retail solutions
• 30 Years of experience
• 500+ PLM users in 13 companies
Walter & Partner Solutions GmbH & Co KG - Stuttgart
![Page 5: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/5.jpg)
• The session covers the way from a standard plex client solution
to a state of the art web application. We show you the fast and
easy way from our 20 years grown windows application to a
state of the art, platform independent web solution.
Abstract
![Page 6: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/6.jpg)
• Windows application overview
• Implementation
• Challenges & Issues
• Q&A
Agenda
![Page 7: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/7.jpg)
• Developing starts 1996
• Database independent (ODBC)
• C++ client
• ODBC Database connection
• Codejock ActiveX controls
• ATOL pattern library
• Combit List & Label for printing
About existing windows application
![Page 8: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/8.jpg)
• Version 1.x – 4.x
• Since 1996 à 2005
• Using class libraries
• Out of the box Plex MDI parent/child application
• C++ / RPG variant
WP Model Timeline
![Page 9: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/9.jpg)
Since Year 1996 è 2005
![Page 10: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/10.jpg)
• Version 5.x – 7.x
• Since 2005 à 2012
• C++ / ODBC variant
• Using self created sql class for database operations
• Single login
• Seperate applications in different modules
• Using ActiveX for images, tree view and pdf
• Tab functionality simulated with overlays
WP Model Timeline
![Page 11: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/11.jpg)
Since Year 2005 è 2008
![Page 12: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/12.jpg)
Since Year 2005 è 2008
![Page 13: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/13.jpg)
Since Year 2005 è 2008
![Page 14: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/14.jpg)
• Version 8.x – X.x
• Since 2012 à today
• Complete reengineering
• One application for all processes
• Using pattern libraries
• Switch to frame technology
• Integration of Codejock ActiveX suite (shortcutbar, treeview, toolbar,
tabcontrol)
WP Model Timeline
![Page 15: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/15.jpg)
Since Year 2012 è Today
![Page 16: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/16.jpg)
Since Year 2012 è Today
![Page 17: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/17.jpg)
Since Year 2012 è Today
![Page 18: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/18.jpg)
• 328 Entities
• 10320 Functions total
• 1802 Panel functions
• 315 VB scripts
• 56 C++ Source code objects
Plex Model Specifications
![Page 19: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/19.jpg)
• Modernize Windows client
• Low costs
• Fast and easy (only 2 developers)
• Using Plex as basic development environment
• No begin from scratch / Use of existing business functions
• WebClient should have same structure & design as before
• New customers can be generated
• Platform independent
• Available everywhere – no terminal server or citrix necessary
Project Goals
![Page 20: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/20.jpg)
• Chief developer
• Developer
• On site and remote support CM First AG
• 50 days spent until December 2016
Project Resources
![Page 21: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/21.jpg)
• Expert knowledge of CA Plex
• Java basics (Eclipse)
• Apache Tomcat basics
• Debugging websites in Chrome
Needed Skills
![Page 22: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/22.jpg)
• Setting up environment for web development
• Training & basic skills
Step 1
![Page 23: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/23.jpg)
• Developing a prototype based on existing structures
Step 2
![Page 24: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/24.jpg)
Login
![Page 25: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/25.jpg)
Menu
![Page 26: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/26.jpg)
Overview
![Page 27: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/27.jpg)
Details
![Page 28: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/28.jpg)
• Analyzing Plex model (non standard components - ActiveX,
source codes etc.)
• Set up development workflow / Set up new group model,
based on existing model
• Creating new functions for WebClient
Step 3
![Page 29: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/29.jpg)
• Analyzing whats missing in WebClient standard
• Trigger CMFirst to develop custom controls• New events on WebImage control
• Rich text editor
• Rich tooltip on grid cell and edit fields
• Filter line in grid header
• Grid cells which are capable of showing images and texts
• Frozen grid columns feature
• Merging grid cells
Step 4
![Page 30: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/30.jpg)
RTF Editor
![Page 31: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/31.jpg)
Super Tooltip Grid
![Page 32: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/32.jpg)
Super Tooltip Cell
![Page 33: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/33.jpg)
Filter line
![Page 34: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/34.jpg)
Images in Grid
![Page 35: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/35.jpg)
Merged Cell
![Page 36: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/36.jpg)
• Look & feel like old application
• New state of the art design/functions
• Platform independent
• No installations needed
• Worldwide access
Goals achieved
![Page 37: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/37.jpg)
Challenges & Issues
• New additional development environment (Eclipse)
• Debugging in Chrome & fixing errors
• Interaction between CA Plex & Eclipse
• CMFirst dependency (Java script extensions)
• Distribution of solution
• Implementation of printing (pdf)
• Testing
![Page 38: Modernization GUI with CM First WebClient – a SaaS solutioncmfirstgroup.com/wp-content/uploads/2017/10/Plex2e2017_Day03... · • Combit List & Label for printing About existing](https://reader034.fdocuments.in/reader034/viewer/2022051507/5a75f34a7f8b9a63638ce3d7/html5/thumbnails/38.jpg)
Questions & Answers
• Q&A