Developing

Applications with

CA Plex + WebClient

Summer 2012

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

CA Vision – Model Based Development

CA’s vision for how to unify and simplify

IT managementto maximize the value to the

business.

INFORMATIONENGINEERING> Data Modeling

> Model-Based Development

> Code Generation

ArchitectedRapid Application

Development(ARAD)

OBJECTORIENTATION> Patterns

> Reuse

> Inheritance

Architected RAD with CA Plex

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.

“

”

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

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

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

1. Patterns in Plex

Patterns Are Everywhere In Life

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

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.

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.

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

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

Patterns in Plex

• The Structure Pattern

NodeLinkParent

Child1

*1

*

Link Type

*

1

Link Type

*

*

Valid Link Parent

Child

1

**

*

0,1 0,1

Patterns in Plex

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

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

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

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

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)

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.

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

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

CM WebClient

Overview andArchitecture

CM WebClient FrameworkCA Plex + WebClient for Plex

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

What does WebClient do?

Web Page Builder

Development Architecture

Web Templates Mobile Templates

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

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

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

Portlet Generation Support

Websphere / Apache Pluto

CM WebClient

Web User Interfaces

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”

Claro Theme

• Bold, High Gloss Theme• Alternative to Tundra• Create your own theme –

some assembly required

Accordion / Menu

AccordionMenu “Child”

Top Application

Scaling

Grids

Filtering

Grid Column Menu

Export to CSV

Drag n Drop

Save Placement

MDI, Slider, Progress, …

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.