for CA Plex

CA Plex

With Apple Mac / iOS

January 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 i+• CM Power (PHP) Suite• CM M3 (CA 2E Migration / Modernization)• SD Source Scanners for CA Repository

Third-party Solutions• Databorough, Desynit, Soreco, Worksoft, Websydian

Overview

• Why use the Mac?

• Plex on the Mac

• Mobile Apps with Plex/WebClient

• Devices – Xcode, Android SDK,

Adobe/Apache Phonegap

• Device Hardware - Camera

Ajax in Greek mythology

• Why use the Mac?• All the really cool and hip developers have

gone there• Opportunity to re-accessorize• Learn all new keyboard shortcuts such as

the cloverleaf• Just love a challenge

• Or - Apple Forces This• iOS license agreement

• Why not?

Why Use the Mac with CA Plex?

Plex / MacArchitecture

Overview

Development Architecture

Mac

Fusion VM

Mac Folder

Mac DB(MySQL)

Initial Setupof Dev Environment

• Install VMWare Fusion for Mac• Or Parallels• Migrate your PC, or set up anew

(recommended)• Install VMWare Tools

• Set up your CA Plex environment on the VM• Generate to a shared folder on the host mac• Start generating Java

• Create a shortcut to Plex using Fusion view (optional)

Step 1

• Install Eclipse on both PC and Mac• Eclipse Indigo works well• Need separate versions / installs

• Establish Separate Workspaces• Set up linked folders to single Plex Gen• Or use Subversion/Matchpoint to share

projects between WorkSpaces• Refer to WebClient documentation

(purchase not required)

• You are done!

Step 2

• Move to a Mac database• MySQL, Derby

• Wrap your Java app as Mac App• Warning – technical

• Start working on Angry Nerds• Stay tuned for Part II

Optional

Demonstrationof Initial Setup

Screen Shot From DemoRunning CA Plex in Native Mac Windows (VMWare Fusion)

Screen Shot From DemoRunning Simple CA Plex Java App on Mac – with Eclipse and MySQL

Native DeviceApplicationsiOS / Android

Statistics – May 2011The world is going mobile

• 50 million iPhones sold to date

• 200,000 Android devices sold each day

• 8.5 million iPads sold to date• 70 million tablets predicted

by the end of 2012• 2/3 of the Fortune 100 have

started deploying iPads for Enterprise use – now 95%

AJAX / JavaScript / HTML5 is Big…and getting bigger

Ajax mountain

“Ajax remains the dominant RIA of choice, and HTML5 is poised to expand the power and flexibility of the browser only approach”

Gartner Group

CA Plex+WebClient with Sencha Touch / PhoneGap

• Covers 93%+ of mobile traffic

• HTML 5, CSS3, ExtJS

• SaSS• Local Storage• Media/Geo• Camera• More…

1.8 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”

Navigation ModelsPrincipals

Combine

• By adding Control Name Directives• Examples:

How do we do this in Plex?

Attach PointsToolbarArea, align, toolbarNum

FullscreenArea

TabbarArea

MapAttach a map template to fields• MapCoords:FullscreenArea:template=WebMap• MapLocation:FullscreenArea:template=WebLocation

VideoAttach a video template to fieldsVideo:FullscreenArea:template=Video

What about hardware?

• Camera• Compass• Accelerometer• App Store

Apache PhoneGap (Adobe)

Mobile AppDevelopment

onMac

• Generate your App as WebClient Mobile• See Google Code Project – open

source to WebClient customers

• Test with WebKit browser emulator• Chrome or Safari• Ripple (warning, not exact)

Step 1

• Get your Apple developer id• Warning – Allow time

• Install XCode• Available on the Apple App Store – no

charge

• Download / Install Apache PhoneGap (Adobe)• All device projects in single archive

• Install PhoneGap per site tutorial for Xcode

Step 2

• Create an Xcode / PhoneGap Project

• Modify the Index HTML to point to your application URL

• Sign code (via Apple ID)• Test on iOS Simulators• You are ready to go!

Step 3

• Install Google SDK• Install PhoneGap for Android• Follow the same steps as iOS

Step 4 – Android and Beyond

Demonstrationof Device Implementation

Screen Shot From DemoXcode Project for Mobile Device Deployment with PhoneGap

Screen Shot From DemoXcode Organizer with Provisioning Profiles (Signing Certs)

Screen Shot From DemoEclipse Indigo for Mac with Google Android SDK Plugin

Screen Shot From DemoiPad, iPhone, Android Device Simulators running App on Mac

More about

• Geolocation• Camera

Geolocation

• Used for• Maps• Direction• Location-Specific Marketing

Camera

• Used for• Snapshots• Imaging signed documents• Recording accidents• Bar codes• Augmented reality

Screen Shot From DemoGeolocation

WebClient Information(click logo to view)

• webclientiplus.com• Wiki

• Blog

• Product Downloads / Support