getting started with mobile application development
TRANSCRIPT
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!