Developing Apps with CA Plex + CM WebClient
-
Upload
cm-first-technologies -
Category
Technology
-
view
2.452 -
download
1
Transcript of Developing Apps with CA Plex + CM WebClient
![Page 1: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/1.jpg)
Developing
Applications with
CA Plex + WebClient
Summer 2012
![Page 2: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/2.jpg)
Who is CM First?
Enterprise Software Development Integrator• Offices in Switzerland, USA, Italy, India• Network of worldwide resale partners (Americas,
EMEA, APJ, ANZ)
CA Primary Sales and Technology Partner• CA 2E, CA Plex, CA Repository• Footprint covers 20% of Installed Base
App Dev Products• CM Matchpoint ALM Suite• CM WebClient • CM Power (PHP) Suite• CM M3 (CA 2E Migration / Modernization)• CM Meta Analytics (Source Scan) for CA Repository
Third-party Solutions• Soreco, Databorough, Worksoft, Websydian
![Page 3: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/3.jpg)
CA Vision – Model Based Development
CA’s vision for how to unify and simplify
IT managementto maximize the value to the
business.
![Page 4: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/4.jpg)
INFORMATIONENGINEERING> Data Modeling
> Model-Based Development
> Code Generation
ArchitectedRapid Application
Development(ARAD)
OBJECTORIENTATION> Patterns
> Reuse
> Inheritance
Architected RAD with CA Plex
![Page 5: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/5.jpg)
CA Plex in 30 Words
A Windows-based application development environment that uses patterns to allow teams of software developers to create and maintain large-scale business applications for multiple platforms.
“
”
![Page 6: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/6.jpg)
ARAD Studies
• Gartner Group studies:• Show that ARAD tools outperform
traditional RAD or Enterprise Modeling tools in productivity gains (all of these types do show productivity gains; ARAD tools clock in anywhere from 2x to 15x faster)
• In this particular study, only ARAD tools show a first-year net “break even”
Source: “ARAD Methods and Tools Improve Productivity and ROI,” Gartner Group
![Page 7: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/7.jpg)
ARAD Studies
• Recent Gartner Group studies:• “We believe organizations should
strongly consider adopting a service-oriented approach to software deployment using ARAD methods and tools, rather than “traditional” customized development processes and technologies.”
Source: “ARAD Methods and Tools Improve Productivity and ROI,” Gartner Group
![Page 8: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/8.jpg)
Agenda
• The Six Key Features of Plex• 1. Patterns• 2. Model-Based Development• 3. Multi-Platform Code Generation• 4. Configuration Management• 5. Workgroup Environment• 6. Full Life Cycle Development
• CA Plex + WebClient• Web generation option, with RIA / Ajax
![Page 9: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/9.jpg)
1. Patterns in Plex
Patterns Are Everywhere In Life
![Page 10: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/10.jpg)
Patterns in Plex
Patterns are Everywhere in Software Systems
“Work with” Reference Tables
Header-Detail Transaction
Addresses and Contact Details
Bill Of MaterialsOrganisation Structures
User-DefinedData Fields
![Page 11: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/11.jpg)
Patterns in Plex: The $4 Bill Example
• We can define our $4 bill in two ways, the traditional way or the pattern-based, object-oriented way.
• First the traditional way:A $4 bill is a piece of paper, about 2.5” by 6”, printed in green, which may be exchanged within the USA for 4$’s worth of goods or services, or outside the USA for the equivalent value of local currency.
![Page 12: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/12.jpg)
Patterns in Plex: The $4 Bill Example
• Now the pattern-based, object-oriented way:A $4 bill is like a dollar bill, but worth $4
• Using a pattern has saved us 29 out of 40 words or nearly 75% of the work.
• Plex applies this same approach to the design of software applications where each line of code carries its overhead design, compilation, testing and debugging.
• The efficiencies are obvious.
![Page 13: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/13.jpg)
Patterns in Plex
B e tty T u c ker
N e il B u rn s
C o n n ie J o h n sonN o rth e rn A re a M gr
A n d re w M a rtin
J u lia M o x on
C h a rle s R e a d ingS o u th ern A rea M gr
J e rry F e rn a n d ezV P S a les
S u s a n C h u ngH R A ss is ta n t
S y lv ia T a tumV P H u m a n R e so u rces
P a u l K o w a lski
S te v e M cD o n a ld
J e n n y A ld rid ge
B ra d W ileyP ro d u ctio n M a n a g er
N ic h o la s E a s te rV P P rod u c tion
P e te r S m ithC E O
![Page 14: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/14.jpg)
Patterns in Plex
Peter Smith
Jerry Fernandez
Sylvia Tatum
Connie Johnson
Nicholas Easter
Charles Smith
Brad WileySusan Chung
Reports To
Reports To
Reports To
Reviewed by
Drinkswith
Reviewed by
Reviewed by
Reports ToMentors
Reports To
Is the son of
![Page 15: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/15.jpg)
Patterns in Plex
• The Structure Pattern
NodeLinkParent
Child1
*1
*
Link Type
*
1
Link Type
*
*
Valid Link Parent
Child
1
**
*
0,1 0,1
![Page 16: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/16.jpg)
Patterns in Plex
![Page 17: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/17.jpg)
Patterns in Plex: Summary
Plex Patterns…
• …are abstract business objects• Not just low-level coding routines
• …can encapsulate data and processes and UI• Entity Relations, Views, Business Logic, UI Designs
• …are implemented using dynamic inheritance• Changes to the pattern are immediately applied to its
instances
• …are not hard-coded templates• Customize the shipped patterns or even create your own
![Page 18: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/18.jpg)
2. Model-Based Development
• Implementation Independence• One design, many implementations
• Allows platform-specific features and source code• Can be included without compromising platform
independence
• Stores designs in a semantic network• Triples (“My Bill of Materials is a Structure”)• Highly adaptable, multi-developer repository• Accessible via API and XML Import/Export• UML, CA ERwin and CA 2E bridges available
![Page 19: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/19.jpg)
3. Multi-Platform Code Generation
WPF (7.0)WCF
Multi-Tier Servers
MFC C++
Java
Plex C#
Plex RPG IV or any i5/OS
programs
Plex Java
![Page 20: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/20.jpg)
Multi-Platform Code Generation
.Microsoft NET Framework 2.0 Class Libraries
.Microsoft NET Framework
2.0 (CLR)
Plex Generated C# Code
Plex .NET Runtime
. Java Class Libraries
. Java Virtual Machine
Plex Generated Java Code
Plex Java Runtime
Plex Model
![Page 21: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/21.jpg)
4. Configuration Management
The Plex repository stores meta-data across configurations:
• Versions• track the changes of an application over time (release 1.0,
1.1, 2.0,…)
• Variants• store variations of design information across platforms
(Java-Java, C#, Java-i5/OS,…)
• Languages• store text and other language dependent design
information (English, Japanese, French)
![Page 22: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/22.jpg)
5. Workgroup Environment
• Multiple Developers• Can work on the same project simultaneously
• Developers work standalone on PCs• Graphical development toolset operates on the “local
model”• Business logic coding, GUI screen designer etc.• Uses industry-standard ANT and MSBuild build tools
• Changes updated to the central repository• The “group model”
• Plex manages security, locks, conflicts etc.
![Page 23: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/23.jpg)
6. Full Lifecycle Support
• Plex handles the core development processes• Design, coding, generation, build and ongoing maintenance
• 100% code generation• Creates both database objects and programs
• Runtime environment handles remote comms• No low-level coding required
• Minimizes need for platform expertise• Don’t need to know C#, C++, Java, RPG IV, etc.
• You can focus on business not technical issues
![Page 24: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/24.jpg)
We don’t have time for everything
• DDS Report generation• Model-based .NET assemblies• MS Scripting engine support• Javabean GUI controls• COM Component Import• .NET DataSet interfaces• DB Schema Reverse
Engineering• Dynamic Application Partitioning• Multiple Database Connectivity• Blob and Fixed Decimal Support• Stored Procedure Support
• EJB Generation• Windows Server 2003 support• i5/OS program integration• Java on Linux, Solaris• JDBC and ODBC Connectivity• N-tier client-server configuration• Localization-Ready Applications• MDI in Windows and Java• Child Panels• Meta Programming• 5250 Screen Design
![Page 25: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/25.jpg)
CM WebClient
Overview andArchitecture
![Page 26: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/26.jpg)
CM WebClient FrameworkCA Plex + WebClient for Plex
![Page 27: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/27.jpg)
CA Plex + WebClientComplete Web/SOA Framework
• A one-click, seamless, generator for CA Plex that can be used with migrated 2E applications
• No compromises Web 2.0 framework• Utilize all Plex capabilities for business logic and UI• Virtually any look and feel supported• Rich RIA components• Industry standards based• Integrates into complex enterprise environments
• Single Sign-On, Audit, Logging• Business Process / Portal / WorkFlow
• Web Services
![Page 28: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/28.jpg)
What does WebClient do?
![Page 29: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/29.jpg)
Web Page Builder
Development Architecture
Web Templates Mobile Templates
![Page 30: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/30.jpg)
Runtime Architecture
Web / J2EE Server
Enterprise App Server
Database Server
http server(Apache, IIS, …)
J2EE Server (Tomcat, Websphere, …)
WebContainer
WebClientServlet
Plex Server (RPG, .NET/C#, C++, Java)
Plex RT
BizLogic
ClientPresentationLogic
HTML/CSS
Plex RT
Data
Database
Plex generated presentation layer
Plex generated server layer
Browser(IE, Chrome, Safari, Firefox)
30
![Page 31: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/31.jpg)
Web Service Wrapper Interface
WebClientServlet
PlexPanel or
Non-PanelFunctionXML/SOAP
Call Plex functions without panelsCall Plex functions with panels
Auto enter screen fields, simulate eventGeneralized, structured WSDLNo modeling or coding required
Quickly establish SOA bus for internal useBPM / WorkflowInter-process communication
External App,Package, BPMS
![Page 32: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/32.jpg)
Cloud Computing Instances
Deploy pre-defined load balanced instances of CA Plex WebClient applications in Cloud environments
Other environments?Windows Azure, IBM, etc.
Java RPG IV
VPN Link
![Page 33: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/33.jpg)
Portlet Generation Support
Websphere / Apache Pluto
![Page 34: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/34.jpg)
CM WebClient
Web User Interfaces
![Page 35: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/35.jpg)
Mobile iPhone/iPad/Android/BB6
Native App - Android Markethttp://market.android.com
Web App with Native Optimizationmobileportal.cmfirsttech.com/Plex2EWeb/wcs
HTML5, CSS3Sencha Touch
“Gartner COOL Vendor 2011”
![Page 36: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/36.jpg)
Claro Theme
• Bold, High Gloss Theme• Alternative to Tundra• Create your own theme –
some assembly required
![Page 37: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/37.jpg)
Accordion / Menu
AccordionMenu “Child”
Top Application
Scaling
![Page 38: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/38.jpg)
Grids
Filtering
Grid Column Menu
Export to CSV
Drag n Drop
Save Placement
![Page 39: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/39.jpg)
MDI, Slider, Progress, …
![Page 40: Developing Apps with CA Plex + CM WebClient](https://reader036.fdocuments.us/reader036/viewer/2022062308/55d5314cbb61eb533f8b45ca/html5/thumbnails/40.jpg)
Summary
• CA Plex uses a pattern-based development approach to greatly accelerate application development and maintenance.
• CA Plex is used by hundreds of customers around the world to develop and maintain business-critical applications for .NET, Java and System i.
• CA Plex has been proven to insulate users from technology changes.
• CA Plex + WebClient provides a new cutting edge web development platform, with RIA, Ajax, and SOA.