getting started with mobile application development

ColdFusion Summit 2016

Getting  Started  Guide  to  Mobile  Application  

Development  with  ColdFusion

Dave  Ferguson@dfgrumpy

Sr.  Application  Developer,  Silvervine Software

Who Am I?

I  started  building  web  applications  a  long  time  ago

Contributor  to  Learn  CF  in  a  week

Adobe  Community  Professional

Adobe  ColdFusion  Champion

CFHour ColdFusion  Podcast

Huge  fan  and  participant  of  combat  sports

What will we cover?

Mobile  Features  of  ColdFusion

Real  mobile  applications

Role  of  ColdFusion  Builder

Some  things  I  learned  along  the  way

Top Hybrid Mobile Frameworks

Hybrid Mobile Frameworks

Framework  7React  NativeFamo.usjQuery  MobileBootstrapPhonegap

IonicNative  ScriptOnsen UIIntel  XDKSencha  TouchKendo  UI

Ionic

Framework7

React Native

ColdFusion and Mobile?

• Use  the  languages  you  know

• ColdFusion• JavaScript• HTML

• Use  the  tools  you  know

• ColdFusion  Builder• ColdFusion  Server• PhoneGap Build

What can ColdFusion do for you?

• Package  code  to  be  installed  on  device

• Easy  and  seamless  access  to  local  data  storage

• Streamlined  access  to  device  APIs

• Simplified  debugging  and  testing

Different application types

• Installed• Supports  native  device  functions• Installed  into  device  through  app  stores

• Browser  based• Runs  inside  device  browser• No  support  for  native  functions• Processed  by  ColdFusion  just  like  any  other  browser  app

• Shell  Hybrid• Runs  inside  installed  shell  application• Processed  by  ColdFusion• Great  for  building  and  debugging

You can do all that…

From  the  same  source  code

Let’s  look  at  some  examples

Application Example

CFClient Sampler

Created  by  Brad  Wood  for  ColdFusion  Mobile  app  contest  (Winner)

Extensive  use  of  APIs

Application Example

Tournament  Scorecard  Pro

Currently  in  the  APP  stores  (iOS,  Android)

Extensive  use  of  local  data  storage

Remote  sync  data  with  remote  server

What about ColdFusion Builder?

• Debug  with  Weinre in  Builder

• Create  package  configuration

• Package  application  for  deployment

• Ingrate  with  PhoneGap Build

Debugging with Weinre (or without)

• Stands  for  “WEb  INspector  REmote”

• Allows  for  remote  inspection  (debuging)  on  another  device

• Works  like  Chrome  Debugger  or  any  other  browser  inspector

• Allows  for  DOM  and  data  manipulation

Questions?

Thank you!

Thank you!

Dave  Ferguson@dfgrumpy

dave@dkferguson.comwww.cfhour.comColdFusion Summit 2016