Hybrid Mobile Development and MobileFirst

HYBRID MOBILE DEVWITH IBM

MOBILEFIRSTBy / Raymond Camden @raymondcamden

WHO AM I?Raymond CamdenDeveloper Advocate for IBMSign up for Bluemix here:ibm.biz/BluemixATXBlogging at raymondcamden.comTweeting at @raymondcamden

AGENDAWhat in the heck is MobileFirst?What is hybrid mobile dev? (quick overview)What is hybrid mobile dev like in MobileFirst 7.1

FYI - 7.1I'm using 7.1, which is not yet released (as of today), but will

be very, very soon.

MOBILEFIRST

MOBILEFIRSTSupports mobile appsMobile web, hybrid, nativeCLI to work with projectsServer

FEATURESService ProxiesPush notificationsVersion managementSecurityAnalyticsTesting (IBM MobileFirst Platform Test Workbench)App Store (Enterprise-y)

MORE FEATURESClient-side utilities

Some examples:Get available wifi pointsGeography stuff (distance to...)Talking to a native class

Logging framework

PARTSMobileFirst StudioCLIServerWeb console and analytics tool

EDITIONS/HOW TO USE ITIBM MobileFirst Platform Foundation Developer EditionIBM MobileFirst Platform FoundationA few other fancy versions we don't need to worry abouttoday

SUPPORTED OSWindowsLinuxMacAIX, Solaris

INSTALLATIONSo yeah, as of today, I can't share a web page, but pretend Idid, and it had links to download the installer. Or I can show

the Bluemix version, if available. In the meantime, look atthe picture below.

Product Link: http://www.ibm.com/mobilefirst/us/en/

Product Link: http://www.ibm.com/cloud-computing/bluemix/

To be clear, everything I'm showing is free for you to playwith.

Pretend I downloaded the installer, double clicked, andinstalled it. Trust me, you don't want to watch me do that.

WORKING WITH THE CLICreate a server (one time!)Start the serverCreate a hybrid MFP appWrite code and iterate

CREATING AND STARTING THESERVER

mfp create servernamemfp start

DEMO

DO YOU KNOW WHAT HYBRID APPSARE?

Essentially a native wrapper around a web browser. YourHTML/JS/CSS handles layout, interactivity, etc and the

wrapper provides a hook to native capabilities.

BASIC INFOcordova.apache.orgFree, open source, vibrant communityEasy to use CLIPlugins for everything and a plugin api for everything else

http://www.manning.com/camden

CREATING A HYBRID APPmfp cordova create

DEMO

WORKING WITH HYBRID APPSmfp cordova *

DEMO

BACK TO SERVERmfp pushmfp console

DEMO

CLIENT-SIDE APIBasically - "extended" featuresLoggingGet WiFi pointsCall native functionalityMore...WL.* API

DEMO

ADAPTERSGlue between your mobile app and stuffServer-specificJava or JavaScript (reminder...)Setup via Studio or CLI

ADAPTERS - TYPESHTTPSQLCast Iron, Java, JMS, SAP JCo, SAP

CREATING ADAPTERSmfp adapter add //createmfp push //push and deploy changesmfp adapter call //testmfp adapter call adapter/procedure '["arg"]' //passing an arg

DEMO

MORE STUFF

APPLICATIONMESSAGES

MOBILE BROWSERSIMULATOR