How To Develop A Mobile App With Phonegap
|
|
|
- Noah Chase
- 5 years ago
- Views:
Transcription
1 Introduction to Mobile Development with PhoneGap Yeah it s pretty awesome.
2 Who is this guy? Andrew Trice Technical Evangelist, Adobe
3 What is PhoneGap? Application container that allows you to build natively installed apps using HTML, CSS & JavaScript
4 Why would you want to use PhoneGap? Have you tried to build an application that supports lots of platforms?
5 Why would you want to use PhoneGap? Write once, run lots of places. Lower barrier of entry Reduced # of required skills Reduced development & long term maintenance cost
6 What platforms support PhoneGap?
7 How do PhoneGap apps work? Build app UI using HTML & CSS Build app logic & interactivity with JavaScript Use the PhoneGap API to interact with device
8 Since it is HTML, CSS & JSS, can I use existing tools/frameworks? YES! and many more Any client side web framework can be used
9 OK, so what OS features does PhoneGap expose?
10 But what if you want more? PhoneGap is extensible with a native plugin model that enables you to write your own native logic to access via JavaScript. There are lots of open source plugins at Learn more at PhoneGap%20Plugins
11 What does a PhoneGap app look like? Whatever you want it to look like; let s take a look at a few See more at:
12 Build/Distribution Platform-specific build processes
13 Debugging Desktop Browser Tools
14 Open Source Did I also mention that PhoneGap is 100% open source? PhoneGap is the commercial name for Apache Cordova. PhoneGap/Cordova was contributed to Apache Software Foundation by Adobe. You can get involved today!
15 What next? Get started with PhoneGap today! Join PhoneGap Google Groups and most importantly HAVE FUN!
BASIC COMPONENTS. There are 3 basic components in every Apache Cordova project:
Apache Cordova is a open-source mobile development framework. It allows you to use standard web technologies such as HTML5, CSS3 and JavaScript for cross-platform development, avoiding each mobile platform
Bridging the Gap: from a Web App to a Mobile Device App
Bridging the Gap: from a Web App to a Mobile Device App or, so how does this PhoneGap* stuff work? *Other names and brands may be claimed as the property of others. 1 Users Want Mobile Apps, Not Mobile
Develop Hybrid Mobile Applications with Apache Cordova & PhoneGap Enterprise
Develop Hybrid Mobile Applications with Apache Cordova & PhoneGap Enterprise Andrew Savory Mobile Services and Solutions Evangelist, Adobe @savs ACM Learning Center http://learning.acm.org 1,400+ trusted
Developing multidevice-apps using Apache Cordova and HTML5. Guadalajara Java User Group Guillermo Muñoz (@jkoder) Java Developer
Developing multidevice-apps using Apache Cordova and HTML5 Guadalajara Java User Group Guillermo Muñoz (@jkoder) Java Developer WTF is Apache Cordova? Set of device APIs that allow to access native device
SYST35300 Hybrid Mobile Application Development
SYST35300 Hybrid Mobile Application Development Native, Web and Hybrid applications Hybrid Applications: Frameworks Native, Web and Hybrid Applications Mobile application development is the process by
Retool your HTML/JavaScript to go Mobile
Retool your HTML/JavaScript to go Mobile @atdebonis 2008 Troy Web Consulting LLC All rights reserved 1 Overview What is PhoneGap? What is it good for? What can you use with it? Device Features Dev Tools
Developing and deploying mobile apps
Developing and deploying mobile apps 1 Overview HTML5: write once, run anywhere for developing mobile applications 2 Native app alternative Android -- Java ios -- Objective-C Windows Mobile -- MS tools
A Guide to Mobile App Development Platforms
A Guide to Mobile App Development Platforms Choosing a Mobile Development Framework Often a developer has a great idea they can visualize but a gauntlet to run through before they see it climb up the bestseller
Making Mobile a Reality
Making Mobile a Reality KIEFER CONSULTING CALIFORNIA DEPARTMENT OF TECHNOLOGY Introductions Scott Paterson California Department of Technology, Enterprise Solutions Harkeerat Toor Kiefer Consulting, Consultant
Building native mobile apps for Digital Factory
DIGITAL FACTORY 7.0 Building native mobile apps for Digital Factory Rooted in Open Source CMS, Jahia s Digital Industrialization paradigm is about streamlining Enterprise digital projects across channels
Development for Mobile Devices Tools from Intel, Platform of Your Choice!
Development for Mobile Devices Tools from Intel, Platform of Your Choice! Sergey Lunev, Intel Corporation HTML5 Tools Development Manager Optional: Download App Preview Android bit.ly/1i8vegl ios bit.ly/1a3w7bk
Best practices building multi-platform apps. John Hasthorpe & Josh Venman
Best practices building multi-platform apps John Hasthorpe & Josh Venman It s good to have options Android 4.3 10 Tablet Windows 7 14 Laptop Windows 7 15 Laptop Mac OSX 15 Laptop ios 6 4.6 Phone Android
ANDROID APP DEVELOPMENT: AN INTRODUCTION CSCI 5115-9/19/14 HANNAH MILLER
ANDROID APP DEVELOPMENT: AN INTRODUCTION CSCI 5115-9/19/14 HANNAH MILLER DISCLAIMER: Main focus should be on USER INTERFACE DESIGN Development and implementation: Weeks 8-11 Begin thinking about targeted
A Way Out of the Mobile App Development Conundrum
A Way Out of the Mobile App Development Conundrum How you can grow your business and improve time-to-market with a cross-platform mobile app strategy Introduction Ask most any business executive for their
Cross-Platform Tools
Cross-Platform Tools Build once and Run Everywhere Alexey Karpik Web Platform Developer at ALTOROS Action plan Current mobile platforms overview Main groups of cross-platform tools Examples of the usage
How to pick the right development model for your next mobile project
How to pick the right development model for your next mobile project Conny Svensson Managing Architect and Strategist Mobility [email protected] @connysvensson ScanDev 2013 2 2 2 Web vs Native is irrelevant!
Homework 3: Component & Interface Design
1 Leah Staniorski 11/1/14 Homework 3: Component & Interface Design Introduction: Flexible Fitness will be a mobile application that allows users to create a personal profile. Through this personal profile,
CROSS PLATFORM DEVELOPMENT The HTML5 Way
CROSS PLATFORM DEVELOPMENT The HTML5 Way A Whitepaper by Rahul Joshi Business Analysis & Consulting Division Abstract With over half a dozen mobile platforms out there and more in line to come up, it has
Whitepaper. Trans. for Mobile
Whitepaper Trans forming Your Vision Into Winning Solutions How to Save 50%, 75% or more for Mobile Appp Development www.baytechservices.com Background As mobile access has transitioned from a nice to
True Web Application Management: Fixing the Gaps in EMM Solutions
True Web Application Management: Fixing the Gaps in EMM Solutions Executive Summary The modern workforce expects to use a combination of laptops, tablets, and smartphones to complete its work. Organizations
Lab: Developing Mobile Web Apps. Adage Technologies adagetechnologies.com
Lab: Developing Mobile Web Apps Adage Technologies adagetechnologies.com Agenda I. PhoneGap II. Ionic III. EPiServer REST Integration IV. Review EPiServer V. Review PhoneGap VI. Q & A About Adage Technologies
Cross-Platform Development: Target More Platforms and Devices with a Minimal Amount of Source Code
Cross-Platform Development: Target More Platforms and Devices with a Minimal Amount of Source Code What is cross-platform development? Cross-platform development produces a single code base that can be
Rich Internet Applications
Rich Internet Applications [Image coming] Ryan Stewart Rich Internet Application Evangelist [email protected] Ryan Stewart Flex Developer for 3 years Rich Internet Application Blogger for 2 years http://blogs.zdnet.com/stewart/
Developing multi-platform mobile applications: doing it right. Mihail Ivanchev
Developing multi-platform mobile applications: doing it right Mihail Ivanchev Outline Significance of multi-platform support Recommend application architecture Web-based application frameworks Game development
Adobe Summit 2015 Lab 712: Building Mobile Apps: A PhoneGap Enterprise Introduction for Developers
Adobe Summit 2015 Lab 712: Building Mobile Apps: A PhoneGap Enterprise Introduction for Developers 1 Table of Contents INTRODUCTION MODULE 1 AEM & PHONEGAP ENTERPRISE INTRODUCTION LESSON 1- AEM BASICS
Building a Simple Mobile optimized Web App/Site Using the jquery Mobile Framework
Building a Simple Mobile optimized Web App/Site Using the jquery Mobile Framework pinboard.in tag http://pinboard.in/u:jasonclark/t:amigos-jquery-mobile/ Agenda Learn what a mobile framework is. Understand
MENDIX FOR MOBILE APP DEVELOPMENT WHITE PAPER
MENDIX FOR MOBILE APP DEVELOPMENT WHITE PAPER TABLE OF CONTENTS Market Demand for Enterprise Mobile Mobile App Development Approaches Native Apps Mobile Web Apps Hybrid Apps Mendix Vision for Mobile App
HYBRID APPLICATION DEVELOPMENT IN PHONEGAP USING UI TOOLKITS
HYBRID APPLICATION DEVELOPMENT IN PHONEGAP USING UI TOOLKITS RAJESH KUMAR Technical Lead, Aricent PUNEET INDER KAUR Senior Software Engineer, Aricent HYBRID APPLICATION DEVELOPMENT IN PHONEGAP USING UI
Cross-Platform Phone Apps & Sites with jquery Mobile
Cross-Platform Phone Apps & Sites with jquery Mobile Nick Landry, MVP Senior Product Manager Infragistics Nokia Developer Champion [email protected] @ActiveNick www.activenick.net Who is ActiveNick?
the cross platform mobile apps dream Click to edit Master title style Click to edit Master text styles Third level Fourth level» Fifth level
Click to edit Master title style Click to edit Master text styles The Second nightmare level behind Third level the cross platform Fourth level» Fifth level mobile apps dream Marco Grassi @marcograss [email protected]
Google Web Toolkit. Introduction to GWT Development. Ilkka Rinne & Sampo Savolainen / Spatineo Oy
Google Web Toolkit Introduction to GWT Development Ilkka Rinne & Sampo Savolainen / Spatineo Oy GeoMashup CodeCamp 2011 University of Helsinki Department of Computer Science Google Web Toolkit Google Web
ADF Mobile Overview and Frequently Asked Questions
ADF Mobile Overview and Frequently Asked Questions Oracle ADF Mobile Overview Oracle ADF Mobile is a Java and HTML5-based mobile application development framework that enables developers to build and extend
Develop a Native App (ios and Android) for a Drupal Website without Learning Objective-C or Java. Drupaldelphia 2014 By Joe Roberts
Develop a Native App (ios and Android) for a Drupal Website without Learning Objective-C or Java Drupaldelphia 2014 By Joe Roberts Agenda What is DrupalGap and PhoneGap? How to setup your Drupal website
Roadmap to Solving Enterprise Mobility
Roadmap to Solving Enterprise Mobility OUTLINE Enterprise Mobility Problem Start with email and device security Workspace is the right solution for existing assets How to build new apps? Bringing it all
Build a Mobile App in 60 Minutes with MAF
Build a Mobile App in 60 Minutes with MAF Presented by: John Jay King Download this paper from: 1 Session Objectives Understand the components of Oracle MAF Use Oracle MAF to create mobile applications
Maps & Directions App
of Management Project Manager: Howard Kim Programmer: James Watkin App Components CSS Images JavaScript HTML JavaScript Book Online Training Free IDE Free IDE Free IDE Google Closure Compiler JSLint Loading
HTML5 AUTOMOTIVE 2013 White Paper Series
HTML5 AUTOMOTIVE 2013 White Paper Series HTML5 based automotive apps are very adaptable and gaining popularity. WHAT S INSIDE HTML5 BENEFITS AND CHALLENGES page 1-2 SUGGESTED APPROACH page 3 APPLICATION
Mobile development with Apache OFBiz. Ean Schuessler, co-founder @ Brainfood
Mobile development with Apache OFBiz Ean Schuessler, co-founder @ Brainfood Mobile development For the purposes of this talk mobile development means mobile web development The languages and APIs for native
Introduction to Oracle Mobile Application Framework Raghu Srinivasan, Director Development Mobile and Cloud Development Tools Oracle
Introduction to Oracle Mobile Application Framework Raghu Srinivasan, Director Development Mobile and Cloud Development Tools Oracle Safe Harbor Statement The following is intended to outline our general
Republic Polytechnic School of Infocomm C308 Web Framework. Module Curriculum
Republic Polytechnic School of Infocomm C308 Web Framework Module Curriculum This document addresses the content related abilities, with reference to the module. Abilities of thinking, learning, problem
CROSS PLATFORM APP A COMPARATIVE STUDY
CROSS PLATFORM APP A COMPARATIVE STUDY Paulo R. M. de Andrade, Adriano B. Albuquerque Postgraduate program in applied information University of Fortaleza - UNIFOR Fortaleza - CE, Brazil Otávio F. Frota,
Recon Rally. The User Experience Design Behind the Rally. By Michael Grubbs, Tiffany Milano, and Daniel Rotondo
Recon Rally The User Experience Design Behind the Rally By Michael Grubbs, Tiffany Milano, and Daniel Rotondo ABSTRACT The Recon Rally application aims to provide alumni, new and current students, parents,
CASE STUDY. Enhancing the Patient Experience Harris Mobile Patient Engagement Platform
CASE STUDY Enhancing the Patient Experience Harris Mobile Patient Engagement Platform As a patient, when health issues start cropping up, you sit up and take notice. You get proactive about researching,
Choosing a Mobile Application Development Approach
ASEAN Journal of Management & Innovation Vol. 1 No. 1, 69 74 by Stamford International University DOI: 10.14456/ajmi..4 ajmi.stamford.edu Choosing a Mobile Application Development Approach Phyo Min Tun
Lecture 4 Cross-Platform Development. <lecturer, date>
Lecture 4 Cross-Platform Development Outline Cross-Platform Development PhoneGap Appcelerator Titanium Xamarin References Native Development Represents the baseline for comparisons You
BELATRIX SOFTWARE. Why you should be moving to mobile Cross Platform Development? Introduction
BELATRIX SOFTWARE Why you should be moving to mobile Cross Platform Development? Introduction If you re thinking of going mobile, delivering online services or updating your existing app, you know that
Navigating the Mobile App Development Landscape
Navigating the Mobile App Development Landscape You keep hearing about user trends towards mobile devices; your 10- year old knows your ipad better than you, and so you figure that your business should
HP ALM Masters 2014 Connected, collaborative mobile application development for the enterprise HP Anywhere
HP ALM Masters 2014 Connected, collaborative mobile application development for the enterprise HP Anywhere A radically different kind of user Mainframe Client/Server Web Devices System-centric User-centric
Web Apps The Next Generation
Web Apps The Next Generation Access Opportunity Or Challenge? T. V. Raman Google Research Web Apps The Next Generation p. 1 Outline Web Applications The access challenge What does accessible mean? Web
How to Choose Right Mobile Development Platform BROWSER, HYBRID, OR NATIVE
How to Choose Right Mobile Development Platform BROWSER, HYBRID, OR NATIVE Solutions Introduction: Enterprises around the globe are mobilizing mission-critical services. Businesses get streamlined due
CHOOSING THE RIGHT HTML5 FRAMEWORK To Build Your Mobile Web Application
BACKBONE.JS Sencha Touch CHOOSING THE RIGHT HTML5 FRAMEWORK To Build Your Mobile Web Application A RapidValue Solutions Whitepaper Author: Pooja Prasad, Technical Lead, RapidValue Solutions Contents Executive
Enabling Cordova (aka PhoneGap) on Tizen. René Pourtier / Luc Yriarte
Enabling Cordova (aka PhoneGap) on Tizen René Pourtier / Luc Yriarte What is Cordova (aka PhoneGap)? An open-source standards-based development framework for building cross-platform mobile applications
Mobile apps development for Joomla
Mobile apps development for Joomla Learn Connect Share Anibal Sánchez @anibal_sanchez @extly @joomgap Extly leading developer Aníbal Sánchez 15+ years dev experience Integrating Joomla since 2007 Marketing
Crosswalk: build world class hybrid mobile apps
Crosswalk: build world class hybrid mobile apps Ningxin Hu Intel Today s Hybrid Mobile Apps Application HTML CSS JS Extensions WebView of Operating System (Tizen, Android, etc.,) 2 State of Art HTML5 performance
research: technical implemenation
research: technical implemenation topic: digital publication of the annually c/kompass information brochure on iphone/ipod touch with the target to have an advantage over the printed version possible solutions:
Appery.io Overview. However mobile also presents many challenges for enterprises:
Appery.io Overview Enterprises and businesses of all sizes are racing to mobilize existing business applications and create new ones at an unprecedented pace. And with the base of smartphones and tablets
Creating Enterprise Mobile Apps with Red Hat
Creating Enterprise Mobile Apps with Red Hat Red Hat, Jun12 2013 Deepali, Jay & Burr Gold Rush Enterprise Mobile Rush? ios.. ios...... ios Gold Rush Vs Mobile Rush Similar California epicenter Shaped history
Take Your Rocket U2 Apps Mobile with Rocket LegaSuite. Greg Mummah, Product Manager Rocket Software
Take Your Rocket U2 Apps Mobile with Rocket LegaSuite Greg Mummah, Product Manager Rocket Software Greg Mummah Product Manager Managed application modernization team at municipal government software vendor
Introduction to IBM Worklight Mobile Platform
Introduction to IBM Worklight Mobile Platform The Worklight Mobile Platform The Worklight Mobile Platform is an open, complete and advanced mobile application platform for HTML5, hybrid and native apps.
Cross-Platform Development
2 Cross-Platform Development Cross-Platform Development The world of mobile applications has exploded over the past five years. Since 2007 the growth has been staggering with over 1 million apps available
Mobile Application Development
Mobile Application Development (Android & ios) Tutorial Emirates Skills 2015 3/26/2015 1 What is Android? An open source Linux-based operating system intended for mobile computing platforms Includes a
Cross Platform Application for Smartphones Unreserved Ticket Generator for Mumbai Local Trains
Cross Platform Application for Smartphones Unreserved Ticket Generator for Mumbai Local Trains Sangeeta Oswal 1, Pabla Rajinder Singh 2, Mitali Chile 3, Priyanka Tripathi 4 VESIT MCA Department Chembur
MOBILIZE ME! APPS FOR MOBILE DEVICES OR MOBILE WEB APPS TECHNOLOGIES, TOOLS, ASSESSMENTS
MOBILIZE ME! APPS FOR MOBILE DEVICES OR MOBILE WEB APPS TECHNOLOGIES, TOOLS, ASSESSMENTS The uptrend in mobile web apps is continuing. More and more people are tending to their private and professional
Multi-Platform Mobile Application Development Analysis. Lisandro Delía Nicolás Galdámez Pablo Thomas Leonardo Corbalán Patricia Pesado
Multi-Platform Mobile Application Development Analysis Lisandro Delía Nicolás Galdámez Pablo Thomas Leonardo Corbalán Patricia Pesado Agenda 1. 2. 3. 4. 5. Introduction Multi-Platform Mobile Applications
Take full advantage of IBM s IDEs for end- to- end mobile development
Take full advantage of IBM s IDEs for end- to- end mobile development ABSTRACT Mobile development with Rational Application Developer 8.5, Rational Software Architect 8.5, Rational Developer for zenterprise
HTML5: Separating Fact and Fiction. www.wipconnector.com @caaarlo #wipjam
HTML5: Separating Fact and Fiction www.wipconnector.com @caaarlo #wipjam Announcements What is HTML5? Agenda What can HTML5 do? What can t it do? Pure HTML5/Native vs. Hybrid approaches Guest Developer
Operational Decision Manager Worklight Integration
Copyright IBM Corporation 2013 All rights reserved IBM Operational Decision Manager V8.5 Lab exercise Operational Decision Manager Worklight Integration Integrate dynamic business rules into a Worklight
CiviMobile & CiviSync Mobile. Peter McAndrew Rohit Thakral
CiviMobile & CiviSync Mobile Peter McAndrew Rohit Thakral Agenda Why to? How to? What to? Introduction to CiviMobile What the app looks like today? How does it work? How to install and test? What goes
Develop IBM i Mobile and Desktop Applications with a Single Code Base. BCD Software, LLC. All rights reserved.
Develop IBM i Mobile and Desktop Applications with a Single Code Base About the Presenters Greg Patterson Technical Sales Engineer BCD and Quadrant Software - A Division of Fresche Maximize Your Investment
Mobile Enterprise Application Development - a Cross-Platform Framework
Mobile Enterprise Application Development - a Cross-Platform Framework FLORIAN WOLF, KARSTEN HUFFSTADT Applied Research Center for Mobile Solutions University of Applied Sciences Wuerzburg-Schweinfurt
Mobile Application Development. Adopt Based On Fit
Mobile Application Development Adopt Based On Fit Make Mobile Part of Overall Controls The revolution is only beginning Mobile application development is the process by which application software is developed
White Paper On. Single Page Application. Presented by: Yatin Patel
White Paper On Single Page Application Presented by: Yatin Patel Table of Contents Executive Summary... 3 Web Application Architecture Patterns... 4 Common Aspects... 4 Model... 4 View... 4 Architecture
Web and Mobile development Engineer
[email protected] December 2015 Candidate file Web and Mobile development Engineer Adrien Manikon-Mounoussamy Rue de Montreux, 1 68300 Saint-Louis, France Tel : + 336 95900710 26 years old 1 Table of
Cross-Platform Mobile Application Development
Cross-Platform Mobile Application Development Anirudh Nagesh, MS Student School of Information Studies, Syracuse University [email protected] Carlos E. Caicedo, Assistant Professor School of Information
How to start with 3DHOP
How to start with 3DHOP Package content, local setup, online deployment http://3dhop.net 30/6/2015 The 3DHOP distribution Where to find it, what s inside The 3DHOP distribution package From the page http://3dhop.net/download.php
Web-based Hybrid Mobile Apps: State of the Practice and Research Opportunities
Web-based Hybrid Mobile Apps: State of the Practice and Research Opportunities Austin, 17 th May 2016 Ivano Malavolta Assistant professor, Vrije Universiteit Amsterdam [email protected] Roadmap Who is
Joostrap RWD Bootstrap Template
Joostrap RWD Bootstrap Template Step by Step Guide to Installing & Set-up Updated 17 th November 2012 Prepared by Philip Locke What is Joostrap?...3 JooStrap & The Basics...3 The Past & How Templating
Porting Existing PhoneGap Apps to Tizen OS - Development Story
Porting Existing PhoneGap Apps to Tizen OS - Development Story Anil Kumar Yanamandra Thomas Mitchell ProKarma About ProKarma Who am I? Anil Kumar Yanamandra Mobile Architect & Head CoE for Mobility @ProKarma
Vincent Gabriel. Summary. Experience. Senior Software Developer at Landmark Network [email protected]
Vincent Gabriel Senior Software Developer at Landmark Network [email protected] Summary Open Source Contributions: https://github.com/vinceg Results-oriented lead architect with a focus on delivering
Enterprise Mobile Application Development: Native or Hybrid?
Enterprise Mobile Application Development: Native or Hybrid? Enterprise Mobile Application Development: Native or Hybrid? SevenTablets 855-285-2322 [email protected] http://www.seventablets.com
ios SDK possibilities & limitations
ios SDK possibilities & limitations Licensing Licensing Registered as an Apple Developer (free) Access to XCode3 and ios SDK ios, Mac and Safari Dev Center Resources No possibility of distribution of developed
Safe Harbor Statement
Safe Harbor Statement The preceding is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated into any contract. It is not a commitment
How To Install the Virtual Learning App
Table of Contents Installation Instructions... 2 MAC: Using Firefox... 2 MAC: Using Chrome... 6 Disabling PepperFlash... 9 MAC: Using Safari Unsafe Mode We Can t Control So Use Firefox or Chrome... 11
The Decaffeinated Robot
Developing on without Java Texas Linux Fest 2 April 2011 Overview for Why? architecture Decaffeinating for Why? architecture Decaffeinating for Why choose? Why? architecture Decaffeinating for Why choose?
Chatbots 3.3. Chatbots in Web Applications with RiveScript. Presented by Noah Petherbridge
Chatbots 3.3 Chatbots in Web Applications with RiveScript Presented by Noah Petherbridge Agenda What's new since last year? The Pandorabots of RiveScript RiveScript::HTTPd Aires Bot Let's talk Android