Slides for Dean Peters' May 17, 2012 Presentation entitled "Creating Android Apps with PhoneGap" for the TriDroid@SAS -- the NC Triangle Android Meetup - http://bit.ly/TriDroid17May12
See how PhoneGap (Apache Cordova), an open-source framework, and the Adobe PhoneGap Build service, part of the Adobe Creative Cloud, allow you to create cross-platform mobile apps using the web technologies you know and love: HTML, CSS, and JavaScript. Learn how PhoneGap works and how it will enable you to start building mobile apps with web standards. This talk will introduce you to the PhoneGap API and walk you through how to interact with the JavaScript methods to create interactive, feature-rich mobile applications. You will also get an introduction to PhoneGap Build which allows you to package mobile apps in the cloud.
This session will cover:
Getting started with the PhoneGap API
Interacting with the native device features (camera, video)
Accessing and using the geolocation sensors
Compiling the application using PhoneGap Build
PhoneGap: Building Mobile Applications with HTML/JSRyan Stewart
An overview of PhoneGap. Covers the basics about what PhoneGap is, how to get started, how to use the device APIs, and how to debug it along with some other things to consider when building mobile applications with HTML/JS/CSS.
This is a presentation to review and summarize the mobile websites that I have involved in. It includes many practical skills and my own experiences in the development of mobile websites.
PhoneGap is an open-source framework (Apache Cordova) that allows you to create cross-platform mobile apps using the web technologies you know and love: HTML, CSS, and JavaScript. Learn how PhoneGap works and how it will enable you to start building mobile apps with web standards. You will also get an introduction to PhoneGap Build which allows you to package mobile apps in the cloud.
See how PhoneGap (Apache Cordova), an open-source framework, and the Adobe PhoneGap Build service, part of the Adobe Creative Cloud, allow you to create cross-platform mobile apps using the web technologies you know and love: HTML, CSS, and JavaScript. Learn how PhoneGap works and how it will enable you to start building mobile apps with web standards. This talk will introduce you to the PhoneGap API and walk you through how to interact with the JavaScript methods to create interactive, feature-rich mobile applications. You will also get an introduction to PhoneGap Build which allows you to package mobile apps in the cloud.
This session will cover:
Getting started with the PhoneGap API
Interacting with the native device features (camera, video)
Accessing and using the geolocation sensors
Compiling the application using PhoneGap Build
PhoneGap: Building Mobile Applications with HTML/JSRyan Stewart
An overview of PhoneGap. Covers the basics about what PhoneGap is, how to get started, how to use the device APIs, and how to debug it along with some other things to consider when building mobile applications with HTML/JS/CSS.
This is a presentation to review and summarize the mobile websites that I have involved in. It includes many practical skills and my own experiences in the development of mobile websites.
PhoneGap is an open-source framework (Apache Cordova) that allows you to create cross-platform mobile apps using the web technologies you know and love: HTML, CSS, and JavaScript. Learn how PhoneGap works and how it will enable you to start building mobile apps with web standards. You will also get an introduction to PhoneGap Build which allows you to package mobile apps in the cloud.
Choosing the Right Mobile Development Platform (Part 4)Chris Griffith
As more and more projects are requiring mobile applications, developers are faced with a wide range of options. AIR for mobile? PhoneGap? Titanium's Appcelerator? Sencha? Native? Which development environment makes sense? This session will explore the advantages and limitations of each of these environments from someone who has been in the mobile application development world for over 4 years. Get a clear picture of what these technologies can offer for your mobile development needs.
Introduction to The Scalable JavaScript Application FrameworkEric Bréchemier
CC-BY-SA Eric Bréchemier &Legal-Box SAS, 2011
https://github.com/eric-brechemier/introduction_to_lb_js_scalableApp
Introduction to the Scalable JavaScript Application Framework
First presented by Eric Bréchemier at ParisJS on April 27, 2011
The Scalable JavaScript Application framework [1] is a client-side framework used to create modular Web applications. It is based on the Scalable JavaScript Application Architecture by Nicholas C. Zakas [2].
[1] The Scalable JavaScript Application framework
http://legalbox.github.com/lb_js_scalableApp/
[2] Scalable JavaScript Application Architecture, by Nicholas Zakas
http://www.slideshare.net/nzakas/scalable-javascript-application-architecture
Native apps are great, but if you want your app to reach as many people as possible, HTML5 is your ticket. In this session, we'll explore the different ways HTML5 can be used to build and deploy mobile apps, as well as the tools that can make the job easier.
Presentation for my last workshop at Velocity 2011.
Mobile web is coming in 2011 with a strong wave; mobile devices are more powerful every year; mobile browsers are evolving even faster than desktop web browser; and tablets have mobile browsers rather tan desktop browsers. That is a good mix of new problems for WPO.
How to deal with mobile browsers?
How is WPO impacting on mobile web?
Choosing the Right Mobile Development Platform (Part 3)Chris Griffith
As more and more projects are requiring mobile applications, developers are faced with a wide range of options. AIR for mobile? PhoneGap? Titanium's Appcelerator? Sencha? Native? Which development environment makes sense? This session will explore the advantages and limitations of each of these environments from someone who has been in the mobile application development world for over 4 years. Get a clear picture of what these technologies can offer for your mobile development needs.
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapNick Landry
The final demo for this presentation can be downloaded at:
https://www.dropbox.com/s/9j09wip6wz84b61/JSDevConMobile-JQM-PhoneGap-Demo.zip
SESSION ABSTRACT
=================
Write Once, Run Everywhere. How many times have we been promised true cross-platform development? HTML5 seems to be the closest we’ve ever been to writing applications once and running them on multiple mobile devices, such as iOS, Android, Windows Phone or Blackberry.
But native mobile apps have taken all the spotlight in recent years thanks to the introduction of hundreds of thousands of apps in various app stores from Apple, Google, Microsoft and BlackBerry. Apps offer a great native platform experience, but they can be expensive to build and require specific languages, SDKs and skill sets across multiple platforms. Mobile web sites offer a great way to engage with consumers and corporate workers alike without requiring the installation of any app, and can in turn be adapted as deployable "hybrid" apps.
This session explores the fundamentals of native vs. web apps, and how to choose the right approach for any given scenario. We begin with an exploration of the benefits of web development for smartphones using the most popular HTML5 & JavaScript framework for mobile: jQuery Mobile (JQM). We’ll go over a quick primer on HTML5, CSS3 and JavaScript, followed by everything you need to get started with JQM. We’ll cover the most common development environment options, how to build your first jQuery Mobile page, and how to debug your mobile web code with some of the available tools. We’ll also discuss how to develop a native-like experience on each mobile platform thanks to JQM’s adaptive rendering, and how to save and retrieve data with the cloud using Microsoft Azure Mobile Services.
We'll then learn how to leverage PhoneGap to wrap our mobile web UI into a native smartphone or tablet app. Discover how PhoneGap exposes native device hardware like cameras, sensors, GPS and more. We’ll also discuss the pros and cons of PhoneGap-based apps, how to deal with the UI design guidelines across platforms, and learn some do’s and don’ts of cross-platform mobile development.
Native mobile apps have their place for mass market revenue-generating models, but you also need to master cross-platform techniques when the situation calls for it such as in enterprise mobility scenarios and other niche areas. Web development is a critical skill required by every mobile developer; come learn how to get started and reach hundreds of millions of users through a smart mobile web & hybrid approach.
Developing AIR for Android with Flash Professional CS5Chris Griffith
New to mobile development? Wondering how mobile applications are built? This presentation will walk you the entire development process of the AIR for Android application from design to deployment. Chris Griffith will show you how he designed and built the application using a variety of tools and techniques.
Choosing the Right Mobile Development Platform (Part 4)Chris Griffith
As more and more projects are requiring mobile applications, developers are faced with a wide range of options. AIR for mobile? PhoneGap? Titanium's Appcelerator? Sencha? Native? Which development environment makes sense? This session will explore the advantages and limitations of each of these environments from someone who has been in the mobile application development world for over 4 years. Get a clear picture of what these technologies can offer for your mobile development needs.
Introduction to The Scalable JavaScript Application FrameworkEric Bréchemier
CC-BY-SA Eric Bréchemier &Legal-Box SAS, 2011
https://github.com/eric-brechemier/introduction_to_lb_js_scalableApp
Introduction to the Scalable JavaScript Application Framework
First presented by Eric Bréchemier at ParisJS on April 27, 2011
The Scalable JavaScript Application framework [1] is a client-side framework used to create modular Web applications. It is based on the Scalable JavaScript Application Architecture by Nicholas C. Zakas [2].
[1] The Scalable JavaScript Application framework
http://legalbox.github.com/lb_js_scalableApp/
[2] Scalable JavaScript Application Architecture, by Nicholas Zakas
http://www.slideshare.net/nzakas/scalable-javascript-application-architecture
Native apps are great, but if you want your app to reach as many people as possible, HTML5 is your ticket. In this session, we'll explore the different ways HTML5 can be used to build and deploy mobile apps, as well as the tools that can make the job easier.
Presentation for my last workshop at Velocity 2011.
Mobile web is coming in 2011 with a strong wave; mobile devices are more powerful every year; mobile browsers are evolving even faster than desktop web browser; and tablets have mobile browsers rather tan desktop browsers. That is a good mix of new problems for WPO.
How to deal with mobile browsers?
How is WPO impacting on mobile web?
Choosing the Right Mobile Development Platform (Part 3)Chris Griffith
As more and more projects are requiring mobile applications, developers are faced with a wide range of options. AIR for mobile? PhoneGap? Titanium's Appcelerator? Sencha? Native? Which development environment makes sense? This session will explore the advantages and limitations of each of these environments from someone who has been in the mobile application development world for over 4 years. Get a clear picture of what these technologies can offer for your mobile development needs.
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapNick Landry
The final demo for this presentation can be downloaded at:
https://www.dropbox.com/s/9j09wip6wz84b61/JSDevConMobile-JQM-PhoneGap-Demo.zip
SESSION ABSTRACT
=================
Write Once, Run Everywhere. How many times have we been promised true cross-platform development? HTML5 seems to be the closest we’ve ever been to writing applications once and running them on multiple mobile devices, such as iOS, Android, Windows Phone or Blackberry.
But native mobile apps have taken all the spotlight in recent years thanks to the introduction of hundreds of thousands of apps in various app stores from Apple, Google, Microsoft and BlackBerry. Apps offer a great native platform experience, but they can be expensive to build and require specific languages, SDKs and skill sets across multiple platforms. Mobile web sites offer a great way to engage with consumers and corporate workers alike without requiring the installation of any app, and can in turn be adapted as deployable "hybrid" apps.
This session explores the fundamentals of native vs. web apps, and how to choose the right approach for any given scenario. We begin with an exploration of the benefits of web development for smartphones using the most popular HTML5 & JavaScript framework for mobile: jQuery Mobile (JQM). We’ll go over a quick primer on HTML5, CSS3 and JavaScript, followed by everything you need to get started with JQM. We’ll cover the most common development environment options, how to build your first jQuery Mobile page, and how to debug your mobile web code with some of the available tools. We’ll also discuss how to develop a native-like experience on each mobile platform thanks to JQM’s adaptive rendering, and how to save and retrieve data with the cloud using Microsoft Azure Mobile Services.
We'll then learn how to leverage PhoneGap to wrap our mobile web UI into a native smartphone or tablet app. Discover how PhoneGap exposes native device hardware like cameras, sensors, GPS and more. We’ll also discuss the pros and cons of PhoneGap-based apps, how to deal with the UI design guidelines across platforms, and learn some do’s and don’ts of cross-platform mobile development.
Native mobile apps have their place for mass market revenue-generating models, but you also need to master cross-platform techniques when the situation calls for it such as in enterprise mobility scenarios and other niche areas. Web development is a critical skill required by every mobile developer; come learn how to get started and reach hundreds of millions of users through a smart mobile web & hybrid approach.
Developing AIR for Android with Flash Professional CS5Chris Griffith
New to mobile development? Wondering how mobile applications are built? This presentation will walk you the entire development process of the AIR for Android application from design to deployment. Chris Griffith will show you how he designed and built the application using a variety of tools and techniques.
This presentation accompanied a practical demonstration of Amazon's Elastic Computing services to CNET students at the University of Plymouth on 16/03/2010.
The practical demonstration involved an obviously parallel problem split on 5 Medium size AMIs. The problem was the calculation of the Clustering Coefficient and the Mean Path Length (Based on the original work done by Watts and Strogatz) for large networks. The code was written in Python taking advantage of the scipy, pyparallel and networkx toolkits
We invite you to join us in building Worldclass Technology Products and IP for our partners in Travel, Healthcare and Banking line of business across USA and Middle East
Study: The Future of VR, AR and Self-Driving CarsLinkedIn
We asked LinkedIn members worldwide about their levels of interest in the latest wave of technology: whether they’re using wearables, and whether they intend to buy self-driving cars and VR headsets as they become available. We asked them too about their attitudes to technology and to the growing role of Artificial Intelligence (AI) in the devices that they use. The answers were fascinating – and in many cases, surprising.
This SlideShare explores the full results of this study, including detailed market-by-market breakdowns of intention levels for each technology – and how attitudes change with age, location and seniority level. If you’re marketing a tech brand – or planning to use VR and wearables to reach a professional audience – then these are insights you won’t want to miss.
Artificial intelligence (AI) is everywhere, promising self-driving cars, medical breakthroughs, and new ways of working. But how do you separate hype from reality? How can your company apply AI to solve real business problems?
Here’s what AI learnings your business should keep in mind for 2017.
Your first web application. From Design to LaunchDavid Brooks
Everyone has an idea for the next big web application, but what does it take to bring that application to life?
David Brooks walks you through the process from planning and design to launch. You'll learn what you need to know to build it, and how to fill the gaps you might have in your skill set.
PhoneGap (aka Cordova) is a cross-platform framework for developing mobile apps using standard web development tools like HTML, CSS, and JavaScript. Join Troy Miles to learn how to create mobile apps with PhoneGap by building a simple but full-featured app during this hands-on class. Troy explores PhoneGap’s important capabilities, including GPS, camera, and audio recordings. Because JavaScript has a reputation as a somewhat difficult language, Troy teaches techniques for keeping your code robust and clean. To give your app the appropriate look and feel for the device on which it is running, the class will use the open source Chocolate Chip UI framework for testing. Troy shares ways to debug the code by running it as a web app, using browser development tools, or as a phone app, using the Chrome browser’s remote debugging features. Leave with the basics you need to start building your own cross-platform mobile apps.
Slideshow from series of presentations regarding business and management side of mobile frameworks.
React-native is best solution at the moment, with apps done by Facebook, Instagram and Airbnb.
Don't waste your time, be in front of the wave!
The keynote is parse of my Mobile Web Applications course. Full details on the course are available on: http://mobileweb.ynonperek.com
Writing hybrid apps with phonegap can solve a lot of the problems with traditional mobile web apps. In this keynote I describe why hybrid is important, and how phonegap is used to create cross platform hybrid apps.
Just because React Native is one of the best cross-platform app development frameworks out there doesn’t mean you can use it for your project. Here you’ll learn about what you can use instead.
Get an insight of our development process when we were asked to contribute to the Drupal Government Days building an app for iPhone and Android loaded with Drupal driven data
Native script vs react native for native app development in 2022Katy Slemon
NativeScript VS React Native: Understand the difference between both the Native Apps. Also compare the Pros And Cons, Performance, Learning Curve and Popularity
When to choose and avoid react native for mobile app developmentFullestop
The trend of using apps is now very common among citizens. React Native is the latest technology used by top companies in the world. The best part of that technology is, it is backed by social media giants i.e. Facebook. We at Fullestop always trying to become one step ahead in the field of app development. It has many features and its popularity clearly shows that it would become the solution for all your problems regarding app development. We deliver the best react native experience as we are the top react native app development company. Kindly visit the site to know more.
JQuery Mobile vs Appcelerator Titanium vs Sencha TouchSteve Drucker
During this briefing for developers and I.T. managers, you'll get an in-depth review of the three most popular javascript-based mobile application development platforms - jQuery Mobile, Sencha Touch, and Appcelerator Titanium! You'll review the development tools, hear about the developer and debugging experience, and participate in a brief code review in order to determine which framework is the most appropriate for your next mobile project! We'll demonstrate how each framework can be used to develop the same mobile app, highlighting the strengths and weaknesses of each.
Note that the full 2.5 hour video of this presentation is available at http://bit.ly/Y04lDi
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
1. Creating Android Apps w/PhoneGap
with Dean Peters
http://linkd.in/deandroid
TriDroid@SAS Meetup
7:00pm, Thursday, May 17, 2012
SAS Building S, Room 1051
600 SAS Campus Drive,
Cary, NC, Raleigh, NC
http://bit.ly/TriDroid17May12
05/17/12 Creating Android Apps w/Phone Gap slide 1
with Dean Peters
2. Introduction
Who is this Dean Peters guy?
Support Development Team Lead at
McClatchy Interactive;
Creating Android Apps w/Phone Gap
Manages a team of front-end developers ...
with Dean Peters
Works in the field on arena of online newspapers
such as the Miami Herald, Charlotte Observer & the N&O.
Is currently working on designing and developing mobile
landing pages.
Is a web API junkie (but really, I can quit whenever I want to).
05/17/12 Creating Android Apps w/Phone Gap slide 2
with Dean Peters
3. Agenda
Presentation Facts
Service Size 1 presentation (1hr)
Servings Per Container about 45
Introductions 1pg 5%
Topical Overview 1pg 5%
Technology Stack 1pg
Creating Android Apps w/Phone Gap 5%
PhoneGap 101 2pg
with Dean Peters 5%
Applaud & Mulberry 1pg 5%
jQuery Mobile & Sencha Touch 2pg 5%
jQuick Demo 1pg 5%
Code & Compile Walk-Throughs 3pg 15%
Latency in the Mobile Domain 3pg 20%
AJAX, YQL, CORS & Responsive Design 5pg 20%
Cloud-Based Build Options 1pg 5%
Q&A 1pg 5%
05/17/12 Creating Android Apps w/Phone Gap slide 3
with Dean Peters
4. Feel free to interact at any time ...
Was it something I said?
05/17/12 Creating Android Apps w/Phone Gap slide 4
with Dean Peters
5. Tonight's Technology Stack
App
CSS3
jQuery Mobile
jQuery
HTML5
PhoneGap / Cordova
Applaud Plugin
Eclipse
05/17/12 Creating Android Apps w/Phone Gap slide 5
with Dean Peters
6. PhoneGap, a short & painless history
An Open Source mobile
framework produced by Nitobi;
1st developed at iPhoneDevCamp
San Francisco;
Won the 2009 Web 2.0 People's
Choice Award
Donated to the Apache Foundation
in September of 2011;
05/17/12 Creating Android Apps w/Phone Gap
with Dean Peters
slide 6
7. PhoneGap 101
It is a distribution of Apache
Cordova ...
to develop native mobile apps
leveraging HTML5, CSS3 &
JavaScript;
field apps for iPhone, Android,
Blackberry, WebOS, Symbian &
WindowsPhone 7;
05/17/12 Creating Android Apps w/Phone Gap slide 7
with Dean Peters
8. How Do I Get Started?
Phone Gap out-of-the-box is not really out-of-the-
box
Fortunately there are tools to help jump start your
project
05/17/12 Creating Android Apps w/Phone Gap slide 8
with Dean Peters
9. AppLaud & Mulberry
Two tools designed to
to jump-start your
PhoneGap development.
Mulberry provides a 'Ruby-flavored' toolkit:
http://mulberry.toura.com/
AppLaud provides an Eclipse Plugin:
http://www.mobiledevelopersolutions.com/
05/17/12 Creating Android Apps w/Phone Gap slide 9
with Dean Peters
10. How Do I Get Started w/Coding?
You don't have to hand-code everything from
scratch;
There are frameworks and libraries to help you
get started.
05/17/12 Creating Android Apps w/Phone Gap slide 10
with Dean Peters
11. jQuery Mobile & Sencha Touch
Both provide JavaScript
frameworks for mobile development
Sencha Touch is built using Ext JS and offers 3
licensing models: http://sencha.com
jQuery Mobile is built on jQuery and is Open
Source: jquerymobile.com
05/17/12 Creating Android Apps w/Phone Gap slide 11
with Dean Peters
12. Code & Compile Walk-Through 1
60 seconds to
Hello TriDroid
05/17/12 Creating Android Apps w/Phone Gap slide 12
with Dean Peters
13. a PhoneGap App Demo
What's Behind the Curtain
Android SDK
http://developer.android.com/sdk/index.html
Eclipse Classic or IDE for Java
http://www.eclipse.org/downloads/packages/release/helios/sr2
PhoneGap
http://wiki.phonegap.com/w/page/30862722/phonegap-android-eclipse-quick
Applaud plugin for Eclipse
http://www.mobiledevelopersolutions.com/home/start
ADT plugin for Eclipse
05/17/12 Creating Android Apps w/Phone Gap slide 13
with Dean Peters
14. Code & Compile Walk-Through 2
The TriDroid News Reader
(a truly aggregating app)
A baseline app all TriDroid@sas
members to download & enjoy
Includes jQuery
Uses jquery.address.js
a history management plugin
Imports Foundation,
a CSS3 framework for
responsive web design
Leverages YQL to provide CORS–ready jSON
05/17/12 Creating Android Apps w/Phone Gap slide 14
with Dean Peters
15. What type of issues will I encounter?
Three issues of you're likely to run into when
writing an RSS reader are:
Cross-Domain restrictions
built into JavaScript's
XMLHttpRequest.
Latency in the data delivery.
Latency in the rendering of the data.
05/17/12 Creating Android Apps w/Phone Gap slide 15
with Dean Peters
16. CORS
CORS == Cross-Origin Resource Sharing
Below is an example that would support requests
from both REST and SOAP from domains1.com
and domain-two.com.
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "domain1.com"
Header set Access-Control-Allow-Methods "GET,PUT,POST,OPTIONS"
Header set Access-Control-Allow-Headers "Content-Type"
Header set Access-Control-Allow-Credentials "true"
Header set Access-Control-Accept-Encoding "gzip,deflate"
Header set Access-Control-Allow-Headers: "X-File-Name,X-File-
Type,X-File-Size"
Header append Access-Control-Allow-Origin "domain-two.com"
Header append Access-Control-Allow-Headers "Origin"
Header append Access-Control-Allow-Headers "Accept"
Header append Access-Control-Allow-Headers "X-Requested-With"
05/17/12 Creating Android Apps w/Phone Gap slide 16
with Dean Peters
17. Latency in the Mobile Domain
Source: http://www.gomez.com/thank-you/what-users-want-from-mobile-infographic/
05/17/12 Creating Android Apps w/Phone Gap slide 17
with Dean Peters
18. Latency in the Mobile Domain
Source: http://dylan.tweney.com/2012/02/21/startups-struggle-to-keep-their-sites-speedy-on-pcs-phones-and-tablets/
05/17/12 Creating Android Apps w/Phone Gap slide 18
with Dean Peters
19. Latency in the Mobile Domain
The Same App Across Different Networks == Different User Experiences
Source: http://www.slideshare.net/Gomez_Inc/the-state-of-the-mobile-market-what-endusers-want-from-mobile
05/17/12 Creating Android Apps w/Phone Gap slide 19
with Dean Peters
20. Latency in the Mobile Domain
The 'A' in AJAX is for Asynchronous
Avoid JavaScript when responsive
HTML5 & CSS3 will do.
Do less with the DOM
Consider farming out
heavy rendering to web services.
Consider porting heavy JavaScript from the app
to a service platform such as Node.js
05/17/12 Creating Android Apps w/Phone Gap slide 20
with Dean Peters
21. The A in AJAX for Asynchronous
Use CORS or proxies rather than jSON-p
Use frameworks such as jQuery that allow you to
defer, cache and queue actions, such as:
function getData( val ){
// return either the cached value or an
// jqXHR object (which contains a promise)
return window.caches.cache[ val ]|| $.ajax('/mywebservice/', {
data: { value: val },
dataType: 'json',
success: function( resp ){
// create a cache in the windows object
window.caches.cache[ val ] = resp;
}
});
}
// this wraps the 'getData()' ajax call
$.when(getData('foo')).then(function(resp){
// do something with the response, which may
// or may not have been retrieved using an
// XHR request.
});
05/17/12 Creating Android Apps w/Phone Gap slide 21
with Dean Peters
22. Responsive Design
While you can use JavaScript to deal with different
devices ...
... the preferred practice is to render the HTML5 once, ...
... and modify it for different devices using CSS3 such as:
/* --- (most) Tablets ------------------------------------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px)
and (orientation:portrait){
h1 { font-size: 2.0rem; }
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px)
and (orientation:landscape) {
div#sidebar { display: none; }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
h1 { font-size: 1.25rem; }
div#sidebar { display: none; }
}
05/17/12 Creating Android Apps w/Phone Gap slide 22
with Dean Peters
23. Clound-Based Build Options
PhoneGap:Build - https://build.phonegap.com/
MDS AppLaud Cloud - http://applaudcloud.com/
05/17/12 Creating Android Apps w/Phone Gap slide 23
with Dean Peters
24. Q&A
Here's where you get to stump the chump ...
& thanks from Dean Peters
http://linkd.in/deandroid
05/17/12 Creating Android Apps w/Phone Gap slide 24
with Dean Peters