CA Plex on Apple Mac, iOS, Android
Download as PPTX, PDF•1 like•1,039 views
This document discusses developing mobile applications for CA Plex on Apple Mac systems. It covers setting up a CA Plex development environment on a Mac using a virtual machine. It also discusses developing native iOS and Android applications using Xcode, PhoneGap, and other tools available on the Mac. The document provides demonstrations of initial setup, mobile web application development, and device implementation.
CA Plex on Apple Mac, iOS, Android
- 1. for CA Plex CA Plex With Apple Mac / iOS January 2012
- 2. 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
- 3. 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
- 4. 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?
- 5. Plex / Mac Architecture Overview
- 6. Development Architecture Mac Folder Mac DB (MySQL) Fusion VM Mac
- 7. Initial Setup of Dev Environment
- 8. 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)
- 9. 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!
- 10. 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
- 12. Screen Shot From Demo Running CA Plex in Native Mac Windows (VMWare Fusion)
- 13. Screen Shot From Demo Running Simple CA Plex Java App on Mac – with Eclipse and MySQL
- 14. Native Device Applications iOS / Android
- 15. 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%
- 16. 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
- 17. CA Plex+WebClient with Sencha Touch / PhoneGap • Covers 93%+ of mobile traffic • HTML 5, CSS3, ExtJS • SaSS • Local Storage • Media/Geo • Camera • More…
- 18. 1.8 Mobile iPhone/iPad/Android/BB6 Web App with Native Optimization mobileportal.cmfirsttech.com/Plex2EWeb/wcs HTML5, CSS3 Native App - Android Market Sencha Touch http://market.android.com “Gartner COOL Vendor 2011”
- 19. Navigation Models Principals Combine
- 20. How do we do this in Plex? • By adding Control Name Directives • Examples:
- 21. ToolbarArea, align, toolbarNum Attach Points FullscreenArea TabbarArea
- 22. Map Attach a map template to fields • MapCoords:FullscreenArea:template=WebMap • MapLocation:FullscreenArea:template=WebLocation
- 23. Video Attach a video template to fields Video:FullscreenArea:template=Video
- 24. What about hardware? • Camera • Compass • Accelerometer • App Store Apache PhoneGap (Adobe)
- 25. Mobile App Development on Mac
- 26. 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)
- 27. 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
- 28. 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!
- 29. Step 4 – Android and Beyond • Install Google SDK • Install PhoneGap for Android • Follow the same steps as iOS
- 30. Demonstration of Device Implementation
- 31. Screen Shot From Demo Xcode Project for Mobile Device Deployment with PhoneGap
- 32. Screen Shot From Demo Xcode Organizer with Provisioning Profiles (Signing Certs)
- 33. Screen Shot From Demo Eclipse Indigo for Mac with Google Android SDK Plugin
- 34. Screen Shot From Demo iPad, iPhone, Android Device Simulators running App on Mac
- 35. More about • Geolocation • Camera
- 36. Geolocation • Used for • Maps • Direction • Location-Specific Marketing
- 37. Camera • Used for • Snapshots • Imaging signed documents • Recording accidents • Bar codes • Augmented reality
- 38. Screen Shot From Demo Geolocation
- 39. WebClient Information (click logo to view) • webclientiplus.com • Wiki • Blog • Product Downloads / Support
Editor's Notes
- #3: First, for those of you who are not familiar with CM First, here is an overview.
- #5: Rationale for using the mac
- #7: Dev architecture for Plex on the mac
- #9: Step1
- #10: Step
- #11: Step
- #16: These statistics are truly eye popping. iPhones are selling like hotcakes. There are 200,000 android devices sold each day, particularly over in Asia – there are actually more phones in China than there are people in the USA. iPad tablets are less that an year old, yet there have been millions sold. I think the most important stat to the audience today is the last one – iPhones and iPads and Android devices are no longer just a consumer phenom – they are making serious inroads into enterprise. You have probably seen the ads on medical use of iPads is taking off. But you are also seeing mobile in a wide variety of business applications, from auto dealerships to education to insurance to government.
- #18: What we are offering is what we feel is a much better way – using CA Plex in conjunction with WebClient and a mobile GUI library called Sencha Touch. Using the approach, which is JavaScript based, you will end up with a first-class mobile UI that operates as true mobile application. It will operate in an webkit-based mobile browser environment – which directly covers iPhone, iPad, and Android, or 94% of the mobile browsing traffic. It also covers some of the other platforms like BlackBerry and Nokia, that are introducing webkit based browsers onto their platforms. For example, BlackBerry 6.0 has been tested successfully with this technology. The framework makes use of the latest browser technology – for example HTML 5 and CSS 3. These technologies are expected by many to supplant older technologies like Flash and Silverlight, and in fact HTML 5 is on an upward trajectory in use at many high volume production sites. With this framework, you can do more that serve up applications – you can make use of local storage, audio/video capability, geographic services, and of course the touch framework so popular on the new devices.
- #19: Mobile
- #25: If you have done research into mobile development, you may have some questions about hardware. For example, is it possible for a JavaScript application to access the camera. It is in fact not possible for a web delivered app to access the hardware. However, it is possible to create native wrapper applications that would serve up the java script application. The JavaScript application provides the business logic, and the wrapper application provides the hardware access.
- #27: Step
- #28: Step
- #29: Step
- #30: Step
- #36: More
- #37: Full access to the geolocation API’s
- #38: Cameras are for a lot more than snapshots