MobileFirst is an IBM product that supports developing hybrid, mobile web, and native mobile apps. It provides features like push notifications, version management, security, and analytics. Developers can use the MobileFirst Studio, CLI, and server to build hybrid apps with HTML/JS/CSS that wrap native functionality through plugins. The CLI is used to create and manage MobileFirst projects, apps, and servers. Adapters provide connectivity between mobile apps and backend services and systems.

1. HYBRID MOBILE DEV
WITH IBM
MOBILEFIRST
By /Raymond Camden @raymondcamden

2. WHO AM I?
Raymond Camden
Developer Advocate for IBM
Sign up for Bluemix here:
ibm.biz/BluemixATX
Blogging at raymondcamden.com
Tweeting at @raymondcamden

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

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

8. MOBILEFIRST

9. MOBILEFIRST
Supports mobile apps
Mobile web, hybrid, native
CLI to work with projects
Server

12. FEATURES
Service Proxies
Push notifications
Version management
Security
Analytics
Testing (IBM MobileFirst Platform Test Workbench)
App Store (Enterprise-y)

13. MORE FEATURES
Client-side utilities
Some examples:
Get available wifi points
Geography stuff (distance to...)
Talking to a native class
Logging framework

14. PARTS
MobileFirst Studio
CLI
Server
Web console and analytics tool

15. EDITIONS/HOW TO USE IT
IBM MobileFirst Platform Foundation Developer Edition
IBM MobileFirst Platform Foundation
A few other fancy versions we don't need to worry about
today

16. SUPPORTED OS
Windows
Linux
Mac
AIX, Solaris

17. INSTALLATION
So yeah, as of today, I can't share a web page, but pretend I
did, and it had links to download the installer. Or I can show
the Bluemix version, if available. In the meantime, look at
the picture below.

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

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

20. To be clear, everything I'm showing is free for you to play
with.

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

22. WORKING WITH THE CLI
Create a server (one time!)
Start the server
Create a hybrid MFP app
Write code and iterate

23. CREATING AND STARTING THE
SERVER
mfp create servername
mfp start

24. DEMO

25. DO YOU KNOW WHAT HYBRID APPS
ARE?

26. Essentially a native wrapper around a web browser. Your
HTML/JS/CSS handles layout, interactivity, etc and the
wrapper provides a hook to native capabilities.

28. BASIC INFO
cordova.apache.org
Free, open source, vibrant community
Easy to use CLI
Plugins for everything and a plugin api for everything else

29. http://www.manning.com/camden

30. CREATING A HYBRID APP
mfp cordova create

31. DEMO

32. WORKING WITH HYBRID APPS
mfp cordova *

33. DEMO

34. BACK TO SERVER
mfp push
mfp console

35. DEMO

36. CLIENT-SIDE API
Basically - "extended" features
Logging
Get WiFi points
Call native functionality
More...
WL.* API

37. DEMO

38. ADAPTERS
Glue between your mobile app and stuff
Server-specific
Java or JavaScript (reminder...)
Setup via Studio or CLI

39. ADAPTERS - TYPES
HTTP
SQL
Cast Iron, Java, JMS, SAP JCo, SAP

40. CREATING ADAPTERS
mfp adapter add //create
mfp push //push and deploy changes
mfp adapter call //test
mfp adapter call adapter/procedure '["arg"]' //passing an arg

41. DEMO

42. MORE STUFF

43. APPLICATION
MESSAGES

44. MOBILE BROWSER
SIMULATOR