ACG Pres Outline - Metro Midrange Systems Association

needlessoybeanMobile - Wireless

Dec 10, 2013 (3 years and 8 months ago)

86 views

Mobile Development
for the i

Metro Midrange Systems
Association


IBM Innovation Center


Dallas, July 2011







For the PHP demo

Hotspot: CAPlex2E2

Password: plex2e2011


What are we talking about


Basic Principles


Why Mobile?


Mobile App Design


Using Frameworks for the i


Reduce complexity


Enable multiple devices


Dive into some code



CM First Group


Founded in 1998, offices in
Switzerland, Italy, USA


IBM i/z Modernization Focus


Mobile/Web presentations


PHP, Java, CA Technologies products


Enterprise JavaScript: Dojo, Sencha Touch


Code Migration and BPM


Expert Training / Mentoring Resources


Speaker Bios


John Rhodes


CTO, USA


Experience with IBM i back to the days of S/36, S/38


Architect and Principal Consultant with Kraft, Sterling
Software, CA Technologies


Mark Schroder


Development Director


IBM i developer for 20 years


Health Care, Life Insurance, Food Industry


Experience with PHP, JavaScript, Java, Portals


Wireless Access


For the PHP demo


Hotspot: CAPlex2E2


Password: plex2e2011


Mobile is the new
internet







CIO’s Checklist for 2011

Source Gartner October 2010

Cloud
Computing

Mobile
Applications and
Media Tablets

Social
Collaboration



“Companies should factor these top
10 technologies in their strategic
planning process by asking key
questions and making deliberate
decisions about them during the
next two years,”


David
Cearley
, vice president and
distinguished analyst at Gartner

Statistics

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

Mobile Design







From i to mobile


different principles

Usability is a different animal

Principals


Blurry Vision


Get it done quick


Double Tap, Pinch,
Twist, What?


Clumsy Fingers


Designing Mobile Apps

Principals


Simplicity


Ease


Elegance


Your App Doesn’t
have to do it all


Navigation Models

Principals

Combine

Example of Redesign

How do I get it done
on the i?


By using Mobile Technology

Frameworks

Apple


Buy some macs


Install the Apple SDK


Learn Objective C


Wrapper your existing
business logic


Learn how to create
iPhone/
iPad

UI’s


Hope to pass security audit




Android


Download the Android SDK


Learn java really well


Wrapper your existing
business
logic


Learn how to
create Android
UI’s


Hope to pass security audit






Creating enterprise mobile apps

A “simple” 2 step process



Steep learning curve


Multiple code bases


Disconnected teams

= higher cost and lower
productivity



The result…

There must be a better way

A better way

Use Frameworks to speed development

iOS

Java

PHP

Java
Script
Device

Layer

Device OS

Web App Server

Development Framework

Technology Framework
-

Sencha Touch/
Phonegap


Covers
93%
of
mobile
traffic


Apple, Android,
BB6, …


HTML 5, CSS3


Local Storage


Media/Geo

What about hardware?


Camera


Compass


Accelerometer


App Store

Native Access

PhoneGap for Eclipse / XCode

Business App Frameworks


WebClient i+
-

CA Plex + Java


Model based development


cmPower



PHP


Open Source



Both Frameworks use
Sencha Touch
+
PhoneGap

technology


WebClient i+
Framework


http://
mobileportal.cmfirsttech.com/
Plex2EWeb/wcs


http://
mobileportal.cmfirsttech.com/
UH/wcs




CA Plex / WebClient

OLE DB

WPF

WCF


Plex RPG IV
or any i5/OS
programs

Plex Java

MFC C++

Java

Plex Desktop Clients

WebClient i+

Eclipse

Plug
-
in

(Builder)

Mobile
template library

Web Templates

Mobile Templates

PHP Framework


http://10.0.1.151/hello

HTML, JavaScript, CSS

cmPower



PHP

Green screen to Mobile


final “web 2.0”

The result will be a complete info about contact

we can test on the emulator environment

click on contact to

see detail of our

Data store and

Geolocation

native function

That's ALL !

Interested?







Available Information

http://cmfirstgroup.com


Software whitepapers

Software downloads

cmPower

-

Open Source software


Contact us


we are a short drive away


john.rhodes@cmfirstgroup.com

mark.schroeder@cmfirstgroup.com






SenchaCon

2011
-

Austin

Learn about technology

Special meetings on


PHP


WebClient

Develop Demo App


Sencha
Hackathon


CMFirst
Hackathon