CA Plex on Apple Mac, iOS, Android

for CA PlexCA PlexWith Apple Mac / iOSJanuary 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 BaseApp Dev Products• CM Matchpoint ALM Suite• CM WebClient i+• CM Power (PHP) Suite• CM M3 (CA 2E Migration / Modernization)• SD Source Scanners for CA RepositoryThird-party Solutions• Databorough, Desynit, Soreco, Worksoft, Websydian

Overview• Why use the Mac? Ajax in Greek mythology• Plex on the Mac• Mobile Apps with Plex/WebClient• Devices – Xcode, Android SDK, Adobe/Apache Phonegap• Device Hardware - Camera

Why Use the Mac with CA Plex?• 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?

Plex / MacArchitecture Overview

Development Architecture Mac Folder Mac DB (MySQL)Fusion VM Mac

Initial Setup of DevEnvironment

Step 1• 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 2• 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!

Optional• 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

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 Device ApplicationsiOS / Android

Statistics – May 2011 The 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 remains the dominant RIA of choice, and HTML5 is poised to expand the power and flexibility of the browser only approach” Gartner Group Ajax mountain

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 Web App with Native Optimizationmobileportal.cmfirsttech.com/Plex2EWeb/wcs HTML5, CSS3 Native App - Android Market Sencha Touch http://market.android.com “Gartner COOL Vendor 2011”

Navigation Models Principals Combine

How do we do this in Plex?• By adding Control Name Directives• Examples:

ToolbarArea, align, toolbarNum Attach Points 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 on Mac

Step 1• 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 2• 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 3• 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 4 – Android and Beyond• Install Google SDK• Install PhoneGap for Android• Follow the same steps as iOS

Demonstration of DeviceImplementation

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 Demo Geolocation

WebClient Information (click logo to view)• webclientiplus.com • Wiki • Blog • Product Downloads / Support

http://www.caplexwebclient.cmfirsttech.com	865
http://www.caplexwebclient.cmfirstgroup.com	25
http://translate.googleusercontent.com	2

CA Plex on Apple Mac, iOS, Android

by CM First Technologies

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 892

Statistics

CA Plex on Apple Mac, iOS, Android Presentation Transcript