SlideShare a Scribd company logo
1 of 39
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?
                                      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 / Mac
Architecture
 Overview
Development Architecture



                   Mac
                  Folder



               Mac DB
              (MySQL)

Fusion VM


            Mac
Initial Setup
   of Dev
Environment
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
Demonstration
of Initial Setup
Screen Shot From Demo
Running CA Plex in Native Mac Windows (VMWare Fusion)
Screen Shot From Demo
Running Simple CA Plex Java App on Mac – with Eclipse and MySQL
Native Device
 Applications
iOS / 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 Optimization
mobileportal.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
Map
Attach a map template to fields
• MapCoords:FullscreenArea:template=WebMap
• MapLocation:FullscreenArea:template=WebLocation
Video
Attach a video template to fields
Video:FullscreenArea:template=Video
What about hardware?

•   Camera
•   Compass
•   Accelerometer
•   App Store
     Apache PhoneGap (Adobe)
Mobile App
Development
    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 Device
Implementation
Screen Shot From Demo
Xcode Project for Mobile Device Deployment with PhoneGap
Screen Shot From Demo
Xcode Organizer with Provisioning Profiles (Signing Certs)
Screen Shot From Demo
Eclipse Indigo for Mac with Google Android SDK Plugin
Screen Shot From Demo
iPad, 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

More Related Content

What's hot

Web Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low DownWeb Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low Down
Apppli
 
Architecture of a Modern Web App
Architecture of a Modern Web AppArchitecture of a Modern Web App
Architecture of a Modern Web App
scothis
 
Architecture of a Modern Web App - SpringOne India
Architecture of a Modern Web App - SpringOne IndiaArchitecture of a Modern Web App - SpringOne India
Architecture of a Modern Web App - SpringOne India
Jeremy Grelle
 

What's hot (20)

BBM Social Platform and App Monetization
BBM Social Platform and App MonetizationBBM Social Platform and App Monetization
BBM Social Platform and App Monetization
 
Developing Apps for the BlackBerry PlayBook
Developing Apps for the BlackBerry PlayBook Developing Apps for the BlackBerry PlayBook
Developing Apps for the BlackBerry PlayBook
 
Xamarin COE by Mukteswar Patnaik
Xamarin COE by Mukteswar PatnaikXamarin COE by Mukteswar Patnaik
Xamarin COE by Mukteswar Patnaik
 
What's great in Appcelerator Titanium 0.8
What's great in Appcelerator Titanium 0.8What's great in Appcelerator Titanium 0.8
What's great in Appcelerator Titanium 0.8
 
Php Development In The Cloud
Php Development In The CloudPhp Development In The Cloud
Php Development In The Cloud
 
Titanium Conf Baltimore Keynote 2013
Titanium Conf Baltimore Keynote 2013Titanium Conf Baltimore Keynote 2013
Titanium Conf Baltimore Keynote 2013
 
Mobile applications chapter 5
Mobile applications chapter 5Mobile applications chapter 5
Mobile applications chapter 5
 
Platform as a Service - Cloud Foundry and IBM Bluemix
Platform as a Service - Cloud Foundry and IBM BluemixPlatform as a Service - Cloud Foundry and IBM Bluemix
Platform as a Service - Cloud Foundry and IBM Bluemix
 
CQ 5.4 Deep-Dive
CQ 5.4 Deep-DiveCQ 5.4 Deep-Dive
CQ 5.4 Deep-Dive
 
Web Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low DownWeb Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low Down
 
Destination DevOps: Evolving from VMware lab management to cloud-based agile ...
Destination DevOps: Evolving from VMware lab management to cloud-based agile ...Destination DevOps: Evolving from VMware lab management to cloud-based agile ...
Destination DevOps: Evolving from VMware lab management to cloud-based agile ...
 
Architecture of a Modern Web App
Architecture of a Modern Web AppArchitecture of a Modern Web App
Architecture of a Modern Web App
 
PaaS + Appcelerator = WIN
PaaS + Appcelerator = WINPaaS + Appcelerator = WIN
PaaS + Appcelerator = WIN
 
Architecture of a Modern Web App - SpringOne India
Architecture of a Modern Web App - SpringOne IndiaArchitecture of a Modern Web App - SpringOne India
Architecture of a Modern Web App - SpringOne India
 
Native Device vs. Mobile Web Applications
Native Device vs. Mobile Web ApplicationsNative Device vs. Mobile Web Applications
Native Device vs. Mobile Web Applications
 
Creating Effective Mobile Applications with IBM Bluemix
Creating Effective Mobile Applications with IBM BluemixCreating Effective Mobile Applications with IBM Bluemix
Creating Effective Mobile Applications with IBM Bluemix
 
Build 2017 - B8099 - What's new in Xamarin.Forms
Build 2017 - B8099 - What's new in Xamarin.FormsBuild 2017 - B8099 - What's new in Xamarin.Forms
Build 2017 - B8099 - What's new in Xamarin.Forms
 
Many Notes pitch for App Circus at BlackBerry 10 Jam 2012
Many Notes pitch for App Circus at BlackBerry 10 Jam 2012Many Notes pitch for App Circus at BlackBerry 10 Jam 2012
Many Notes pitch for App Circus at BlackBerry 10 Jam 2012
 
What's new in App Engine and intro to App Engine for Business
What's new in App Engine and intro to App Engine for BusinessWhat's new in App Engine and intro to App Engine for Business
What's new in App Engine and intro to App Engine for Business
 
Progress Rollbase: Building Powerful Applications One Block at a Time
Progress Rollbase:  Building Powerful Applications One Block at a TimeProgress Rollbase:  Building Powerful Applications One Block at a Time
Progress Rollbase: Building Powerful Applications One Block at a Time
 

Similar to CA Plex on Apple Mac, iOS, Android

Hybrid Mobile Development with Apache Cordova and
Hybrid Mobile Development with Apache Cordova and Hybrid Mobile Development with Apache Cordova and
Hybrid Mobile Development with Apache Cordova and
Ryan Cuprak
 
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There TodayHTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
davyjones
 
An overview of mobile html + java script frameworks
An overview of mobile html + java script frameworksAn overview of mobile html + java script frameworks
An overview of mobile html + java script frameworks
Sasha dos Santos
 
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapBuilding Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Nick Landry
 

Similar to CA Plex on Apple Mac, iOS, Android (20)

CM WebClient CA Expo Mannheim Germany
CM WebClient CA Expo Mannheim Germany CM WebClient CA Expo Mannheim Germany
CM WebClient CA Expo Mannheim Germany
 
Hybrid Mobile Development with Apache Cordova and
Hybrid Mobile Development with Apache Cordova and Hybrid Mobile Development with Apache Cordova and
Hybrid Mobile Development with Apache Cordova and
 
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)
Hybrid Mobile Development with Apache Cordova and Java EE 7 (JavaOne 2014)
 
Hybrid Mobile Applications
Hybrid Mobile ApplicationsHybrid Mobile Applications
Hybrid Mobile Applications
 
HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?
 
Understanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile ArchitecturesUnderstanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile Architectures
 
Developing Windows Phone 8 apps using PhoneGap
Developing Windows Phone 8 apps using PhoneGapDeveloping Windows Phone 8 apps using PhoneGap
Developing Windows Phone 8 apps using PhoneGap
 
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There TodayHTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
 
HTML5 Apps on AGL Platform with the Web Application Manager (Automotive Grade...
HTML5 Apps on AGL Platform with the Web Application Manager (Automotive Grade...HTML5 Apps on AGL Platform with the Web Application Manager (Automotive Grade...
HTML5 Apps on AGL Platform with the Web Application Manager (Automotive Grade...
 
Hybrid application development
Hybrid application developmentHybrid application development
Hybrid application development
 
WebWorks Development for BlackBerry PlayBook and Smartphones
WebWorks Development for BlackBerry PlayBook and SmartphonesWebWorks Development for BlackBerry PlayBook and Smartphones
WebWorks Development for BlackBerry PlayBook and Smartphones
 
Mobile Backend Apps and APIs meetup London overview of BaaS APIs and discussi...
Mobile Backend Apps and APIs meetup London overview of BaaS APIs and discussi...Mobile Backend Apps and APIs meetup London overview of BaaS APIs and discussi...
Mobile Backend Apps and APIs meetup London overview of BaaS APIs and discussi...
 
Discovering the wp8 sdk
Discovering the wp8 sdkDiscovering the wp8 sdk
Discovering the wp8 sdk
 
An overview of mobile html + java script frameworks
An overview of mobile html + java script frameworksAn overview of mobile html + java script frameworks
An overview of mobile html + java script frameworks
 
Building Mobile Web Apps with jQM and Cordova on Azure
Building Mobile Web Apps with jQM and Cordova on AzureBuilding Mobile Web Apps with jQM and Cordova on Azure
Building Mobile Web Apps with jQM and Cordova on Azure
 
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapBuilding Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
 
Jornada Desarrolladores: WAC: 'Wholesale Applications Community'
Jornada Desarrolladores: WAC: 'Wholesale Applications Community' Jornada Desarrolladores: WAC: 'Wholesale Applications Community'
Jornada Desarrolladores: WAC: 'Wholesale Applications Community'
 
"BlackBerry Webworks : Apps for The Smartphone and Tablet"
"BlackBerry Webworks : Apps for The Smartphone and Tablet""BlackBerry Webworks : Apps for The Smartphone and Tablet"
"BlackBerry Webworks : Apps for The Smartphone and Tablet"
 
Mobile CMS - CMSExpo 2010
Mobile CMS - CMSExpo 2010Mobile CMS - CMSExpo 2010
Mobile CMS - CMSExpo 2010
 
Hybrid Mobile Development
Hybrid Mobile DevelopmentHybrid Mobile Development
Hybrid Mobile Development
 

More from CM First Group (7)

CM WebClient Datasheet
CM WebClient DatasheetCM WebClient Datasheet
CM WebClient Datasheet
 
Developing Apps with CA Plex + CM WebClient
Developing Apps with CA Plex + CM WebClientDeveloping Apps with CA Plex + CM WebClient
Developing Apps with CA Plex + CM WebClient
 
Automated Testing for CA Plex and 2E
Automated Testing for CA Plex and 2EAutomated Testing for CA Plex and 2E
Automated Testing for CA Plex and 2E
 
CM WebClient for CA Plex
CM WebClient for CA PlexCM WebClient for CA Plex
CM WebClient for CA Plex
 
CA 2E Function XREF
CA 2E Function XREFCA 2E Function XREF
CA 2E Function XREF
 
CA 2E / Synon Keyboard Template
CA 2E / Synon Keyboard TemplateCA 2E / Synon Keyboard Template
CA 2E / Synon Keyboard Template
 
WebClient Overview and 1.8 Roadmap
WebClient Overview and 1.8 RoadmapWebClient Overview and 1.8 Roadmap
WebClient Overview and 1.8 Roadmap
 

Recently uploaded

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Recently uploaded (20)

From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 

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?
  • 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
  • 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)
  • 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

  1. First, for those of you who are not familiar with CM First, here is an overview.
  2. Rationale for using the mac
  3. Dev architecture for Plex on the mac
  4. Step1
  5. Step
  6. Step
  7. 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.
  8. 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.
  9. Mobile
  10. 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.
  11. Step
  12. Step
  13. Step
  14. Step
  15. More
  16. Full access to the geolocation API’s
  17. Cameras are for a lot more than snapshots