0
for CA PlexCA PlexWith Apple Mac / iOSJanuary 2012
Who is CM First?Enterprise Software Development Integrator•  Offices in Switzerland, USA, Italy, India•  Network of worldw...
Overview•   Why use the Mac?                                      Ajax in Greek mythology•   Plex on the Mac•   Mobile App...
Why Use the Mac with CA Plex?•   Why use the Mac?    •   All the really cool and hip developers        have gone there    ...
Plex / MacArchitecture Overview
Development Architecture                   Mac                  Folder               Mac DB              (MySQL)Fusion VM ...
Initial Setup   of DevEnvironment
Step 1•   Install VMWare Fusion for Mac    •   Or Parallels    •   Migrate your PC, or set up anew        (recommended)   ...
Step 2•   Install Eclipse on both PC and    Mac    •   Eclipse Indigo works well    •   Need separate versions / installs•...
Optional•   Move to a Mac database    •   MySQL, Derby•   Wrap your Java app as Mac App    •   Warning – technical•   Star...
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•  ...
AJAX / JavaScript / HTML5 is Big                               …and getting bigger                          “Ajax remains ...
CA Plex+WebClient with Sencha Touch / PhoneGap                              •   Covers 93%+                               ...
1.8 Mobile iPhone/iPad/Android/BB6     Web App with Native Optimizationmobileportal.cmfirsttech.com/Plex2EWeb/wcs         ...
Navigation Models           Principals          Combine
How do we do this in Plex?•   By adding Control Name Directives•   Examples:
ToolbarArea, align, toolbarNum                                                  Attach Points                             ...
MapAttach a map template to fields• MapCoords:FullscreenArea:template=WebMap• MapLocation:FullscreenArea:template=WebLocat...
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 custom...
Step 2•   Get your Apple developer id    •   Warning – Allow time•   Install XCode    •   Available on the Apple App Store...
Step 3•   Create an Xcode / PhoneGap    Project•   Modify the Index HTML to point    to your application URL•   Sign code ...
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    •   Aug...
Screen Shot From Demo             Geolocation
WebClient Information                                      (click logo to view)•   webclientiplus.com    •   Wiki    •   B...
Upcoming SlideShare
Loading in...5
×

CA Plex on Apple Mac, iOS, Android

1,907

Published on

Using CA Plex to generate Mac

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,907
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • First, for those of you who are not familiar with CM First, here is an overview.
  • Rationale for using the mac
  • Dev architecture for Plex on the mac
  • Step1
  • Step
  • Step
  • 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.
  • 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.
  • Mobile
  • 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.
  • Step
  • Step
  • Step
  • Step
  • More
  • Full access to the geolocation API’s
  • Cameras are for a lot more than snapshots
  • Transcript of "CA Plex on Apple Mac, iOS, Android"

    1. 1. for CA PlexCA PlexWith Apple Mac / iOSJanuary 2012
    2. 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 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
    3. 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. 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. 5. Plex / MacArchitecture Overview
    6. 6. Development Architecture Mac Folder Mac DB (MySQL)Fusion VM Mac
    7. 7. Initial Setup of DevEnvironment
    8. 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. 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. 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
    11. 11. Demonstrationof Initial Setup
    12. 12. Screen Shot From DemoRunning CA Plex in Native Mac Windows (VMWare Fusion)
    13. 13. Screen Shot From DemoRunning Simple CA Plex Java App on Mac – with Eclipse and MySQL
    14. 14. Native Device ApplicationsiOS / Android
    15. 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. 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. 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. 18. 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”
    19. 19. Navigation Models Principals Combine
    20. 20. How do we do this in Plex?• By adding Control Name Directives• Examples:
    21. 21. ToolbarArea, align, toolbarNum Attach Points FullscreenArea TabbarArea
    22. 22. MapAttach a map template to fields• MapCoords:FullscreenArea:template=WebMap• MapLocation:FullscreenArea:template=WebLocation
    23. 23. VideoAttach a video template to fieldsVideo:FullscreenArea:template=Video
    24. 24. What about hardware?• Camera• Compass• Accelerometer• App Store Apache PhoneGap (Adobe)
    25. 25. Mobile AppDevelopment on Mac
    26. 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. 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. 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. 29. Step 4 – Android and Beyond• Install Google SDK• Install PhoneGap for Android• Follow the same steps as iOS
    30. 30. Demonstration of DeviceImplementation
    31. 31. Screen Shot From DemoXcode Project for Mobile Device Deployment with PhoneGap
    32. 32. Screen Shot From DemoXcode Organizer with Provisioning Profiles (Signing Certs)
    33. 33. Screen Shot From DemoEclipse Indigo for Mac with Google Android SDK Plugin
    34. 34. Screen Shot From DemoiPad, iPhone, Android Device Simulators running App on Mac
    35. 35. More about• Geolocation• Camera
    36. 36. Geolocation• Used for • Maps • Direction • Location-Specific Marketing
    37. 37. Camera• Used for • Snapshots • Imaging signed documents • Recording accidents • Bar codes • Augmented reality
    38. 38. Screen Shot From Demo Geolocation
    39. 39. WebClient Information (click logo to view)• webclientiplus.com • Wiki • Blog • Product Downloads / Support
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×