The document discusses building mobile applications using Sencha Touch, a HTML5 framework. It provides steps for setting up Sencha Touch, generating an app, building the app's basic structure with models, views and controllers, and distributing the app to different mobile platforms like iOS and Android using PhoneGap. It also covers testing the app on iOS simulators, browsers and devices.
Intro to mobile development with sencha touchjgarifuna
Opportunities for mobile development are still growing at an accelerating rate!
Sencha Touch is one of the hidden frameworks for developing mobile apps for IOS (iPhone, iPad, iPod Touch), Android and BlackBerry.
The industry calls this cross-platform mobile development and it's all done with HTML5.
Sencha Touch is the closest you can get to a true mobile native experience, while leveraging your existing skills, yet the learning curve for this framework could be very steep and at times intimidating.
In this talk, you are going to learn:
- How to get started with Sencha Touch.
- The life cycle of a Sencha Touch app.
- How Sencha Touch uses models, views, controllers and stores.
- How to test your app on IOS devices.
- How to test your app on Android devices.
- The easiest and fastest way to be productive with Sencha Touch.
- And if time permits, how to package your mobile app for submission to the App Stores.
About Jorge Garifuna:
Jorge Garifuna is a Professional Software Developer and Consultant with over 15 years of industry experience. His portfolio of technologies include but are not limited to various programming languages, Web 2.0, a diverse number of Frameworks, countless of databases and the latest and greatest in Mobile for popular platforms such as IOS, Android and BlackBerry, among many.
Over the years, Jorge has successfully Designed, Developed and Deployed (DDD) software in the areas of E-Commerce, Project Management, Content Management Systems (CMS), Enterprise Resource Planning (ERP) and Customer Relationship Management (CRM) to name a few. His technologies have been used by many consumers, employees and businesses.
Jorge prides himself as a happy contributor to various Open Source Projects, including the ATK Framework and vTiger CRM to name a few. He has also given various presentations in the topics of: Joomla CMS; ATK Framework; Wordpress; ELGG Social Network Framework; Integration of Linux, Apache, MySQL, SQLite with Mkahawa Cyber Manager and PHP; and Mobile Development for Web, IOS Native and Android Native.
Jorge joined LAMPsig over six years ago and is currently serving as the president of this dynamic LAMP community group.
The document describes experiments conducted on web administration. It includes designing basic HTML pages using tags like head, title and body. It also covers designing pages using input, form and other tags. The experiments cover working with attributes of HTML elements, form validation, using databases in ASP, and writing server side programs using ASP objects.
The document discusses wireframing user workflows and interactions as state machines. Key points include:
- Wireframes should be treated as state machines to help reveal poor page flows, dead ends, and overly complicated paths.
- States represent different views, while transitions between states are represented by labeled arrows indicating triggering events like HTTP requests.
- A sample state diagram is provided mapping the login and logout process for Facebook including multiple authentication steps.
- Techniques for wireframing AJAX interactions include using nested rectangles for sub-states within a view and labeling how the initial sub-state is entered.
This document provides instructions for creating a custom site definition in Microsoft Windows SharePoint Services. It includes 4 exercises:
1. Copying the default site definition and modifying the site definition XML file to reference the new custom definition.
2. Modifying the menu bar for sites created with the custom definition.
3. Adding custom client-side script commands to the user interface.
4. Creating a new site based on the custom site definition.
The goal is to learn how to customize specific appearances and behaviors for sites created with a new custom site definition in Windows SharePoint Services.
A practical intro to web development with mongo db and nodejs when, why and howjgarifuna
This document provides an overview of MongoDB, including that it is a non-SQL database that uses JSON-like documents with dynamic schemas, instead of the table relationships used in relational databases. It notes that MongoDB is scalable, high performance, and open source. Examples of SQL statements and their MongoDB equivalents are also provided.
Integrating LAMP with Mkahawa Cyber Manager & SQLitejgarifuna
The document outlines the steps to integrate LAMP (Linux, Apache, MySQL, PHP) with Mkahawa Cyber Manager and SQLite on a remote server, including installing each component, configuring the PHP settings, loading sample data into MySQL, testing the PHP web app and Mkahawa server and client. It provides an agenda with sections on installing Linux, Apache, MySQL, PHP, setting up the Mkahawa server and client, and includes additional resources.
This document provides information about a final year project being conducted by three mechanical engineering students at UET Taxila. The project focuses on Pakistan's energy crisis and proposes developing a system to produce refuse derived fuel (RDF) from solid waste. Key details include the project advisors, group members, components of an RDF plant such as a primary shredder and its design specifications, the RDF production process, end uses of RDF, and 3D models created for the shredder components in Pro-E software.
Intro to mobile development with sencha touchjgarifuna
Opportunities for mobile development are still growing at an accelerating rate!
Sencha Touch is one of the hidden frameworks for developing mobile apps for IOS (iPhone, iPad, iPod Touch), Android and BlackBerry.
The industry calls this cross-platform mobile development and it's all done with HTML5.
Sencha Touch is the closest you can get to a true mobile native experience, while leveraging your existing skills, yet the learning curve for this framework could be very steep and at times intimidating.
In this talk, you are going to learn:
- How to get started with Sencha Touch.
- The life cycle of a Sencha Touch app.
- How Sencha Touch uses models, views, controllers and stores.
- How to test your app on IOS devices.
- How to test your app on Android devices.
- The easiest and fastest way to be productive with Sencha Touch.
- And if time permits, how to package your mobile app for submission to the App Stores.
About Jorge Garifuna:
Jorge Garifuna is a Professional Software Developer and Consultant with over 15 years of industry experience. His portfolio of technologies include but are not limited to various programming languages, Web 2.0, a diverse number of Frameworks, countless of databases and the latest and greatest in Mobile for popular platforms such as IOS, Android and BlackBerry, among many.
Over the years, Jorge has successfully Designed, Developed and Deployed (DDD) software in the areas of E-Commerce, Project Management, Content Management Systems (CMS), Enterprise Resource Planning (ERP) and Customer Relationship Management (CRM) to name a few. His technologies have been used by many consumers, employees and businesses.
Jorge prides himself as a happy contributor to various Open Source Projects, including the ATK Framework and vTiger CRM to name a few. He has also given various presentations in the topics of: Joomla CMS; ATK Framework; Wordpress; ELGG Social Network Framework; Integration of Linux, Apache, MySQL, SQLite with Mkahawa Cyber Manager and PHP; and Mobile Development for Web, IOS Native and Android Native.
Jorge joined LAMPsig over six years ago and is currently serving as the president of this dynamic LAMP community group.
The document describes experiments conducted on web administration. It includes designing basic HTML pages using tags like head, title and body. It also covers designing pages using input, form and other tags. The experiments cover working with attributes of HTML elements, form validation, using databases in ASP, and writing server side programs using ASP objects.
The document discusses wireframing user workflows and interactions as state machines. Key points include:
- Wireframes should be treated as state machines to help reveal poor page flows, dead ends, and overly complicated paths.
- States represent different views, while transitions between states are represented by labeled arrows indicating triggering events like HTTP requests.
- A sample state diagram is provided mapping the login and logout process for Facebook including multiple authentication steps.
- Techniques for wireframing AJAX interactions include using nested rectangles for sub-states within a view and labeling how the initial sub-state is entered.
This document provides instructions for creating a custom site definition in Microsoft Windows SharePoint Services. It includes 4 exercises:
1. Copying the default site definition and modifying the site definition XML file to reference the new custom definition.
2. Modifying the menu bar for sites created with the custom definition.
3. Adding custom client-side script commands to the user interface.
4. Creating a new site based on the custom site definition.
The goal is to learn how to customize specific appearances and behaviors for sites created with a new custom site definition in Windows SharePoint Services.
A practical intro to web development with mongo db and nodejs when, why and howjgarifuna
This document provides an overview of MongoDB, including that it is a non-SQL database that uses JSON-like documents with dynamic schemas, instead of the table relationships used in relational databases. It notes that MongoDB is scalable, high performance, and open source. Examples of SQL statements and their MongoDB equivalents are also provided.
Integrating LAMP with Mkahawa Cyber Manager & SQLitejgarifuna
The document outlines the steps to integrate LAMP (Linux, Apache, MySQL, PHP) with Mkahawa Cyber Manager and SQLite on a remote server, including installing each component, configuring the PHP settings, loading sample data into MySQL, testing the PHP web app and Mkahawa server and client. It provides an agenda with sections on installing Linux, Apache, MySQL, PHP, setting up the Mkahawa server and client, and includes additional resources.
This document provides information about a final year project being conducted by three mechanical engineering students at UET Taxila. The project focuses on Pakistan's energy crisis and proposes developing a system to produce refuse derived fuel (RDF) from solid waste. Key details include the project advisors, group members, components of an RDF plant such as a primary shredder and its design specifications, the RDF production process, end uses of RDF, and 3D models created for the shredder components in Pro-E software.
The document discusses conventions in rock music magazines regarding representations of gender. It notes that female figures are often sexualized in rock music, whether as singers or subjects of songs. Rock is described as a male-dominated genre, and women are mainly portrayed as sex symbols in magazines or receive little coverage.
The document provides an overview and instructions for installing and customizing the Joomla/Mambo content management system (CMS). It discusses the CMS's features and capabilities, requirements for installation, and the 7 step installation process. Post-installation, it outlines how to manage and customize the site through the administration area by adding content, templates, components and modules. The presentation concludes by offering resources for learning more about Joomla and contact information.
Intro to Quick Web Application Builder (QWAB)jgarifuna
This document introduces Quick Web App Builder (QWAB), a web application development tool. QWAB allows users to select database tables, configure an app, and build a new app. It comes with over 60 features and supports databases like MySQL, Oracle, and PostgreSQL. The document outlines a case study where QWAB is used to build applications for a company called World Domination Inc. that needs a content management system, customer relationship management system, and project management system. It then discusses using QWAB to build these apps, test them, and provides an overview of QWAB's architecture and directories.
The document provides an overview and instructions for installing and customizing the Joomla/Mambo content management system (CMS). It discusses the CMS's features and capabilities, requirements for installation, and the 7 step installation process. Post-installation, it outlines how to manage and customize the site through the administration area by adding content, templates, components and modules. The presentation concludes by offering resources for learning more about Joomla and contact information.
This document provides an overview and introduction to Elgg, an open source social networking platform. It outlines Elgg's core features such as user and content management, social graph functionality, and fine-grained access controls. The document also covers pre-installation requirements like PHP and MySQL, the installation process, post-installation account creation, and options for customizing Elgg through administration and plugins.
Este documento presenta el plan microcurricular de un bloque/módulo sobre el desarrollo del pensamiento filosófico para estudiantes de primer año. El objetivo del bloque es que los estudiantes piensen de manera crítica y creativa sobre problemas filosóficos y apliquen ese pensamiento al tratamiento de nuevos problemas. El bloque abarcará temas como la construcción del pensamiento crítico, la relación entre ciencias y realidad, y el sentido teórico y práctico de la filosofía a través de estrategias como
Sonnet 29 reflects on the speaker's feelings of being in a troubled state as an outcast, wishing for the wealth, friends, and status of others. However, remembering his lover's sweet love brings him such wealth that he would not want to change his state, even for kings.
Joomla Content Management Systems, Part 3jgarifuna
The document provides an overview and agenda for a presentation on installing and customizing the Joomla/Mambo content management system (CMS). The presentation covers an overview of CMS and Joomla/Mambo, pre-installation requirements, a 7 step installation process, post-installation administration and customization of the public website and administration areas, and customizing Joomla by adding sections, categories, articles, menus, templates, modules and more.
El discurso se dirige a los estudiantes de quinto grado que se están graduando. Les recuerda los 6 años pasados en la escuela, llenos de esfuerzo y logros, pero también de amistades que durarán para siempre. Les aconseja que continúen siendo responsables y comprometidos con sus estudios, que es la mejor forma de enfrentar los desafíos futuros y formar su propio destino. Les desea buena suerte en la siguiente etapa de sus vidas.
El poema habla sobre emprender el vuelo para alcanzar la verdad y llegar lejos en la vida a través de seguir los propios instintos y no dudar de los objetivos. Extender las alas y planear sin miedo o titubeos ayudará a alcanzar el vuelo final y los frutos del éxito para convertirse en una estrella y lograr los sueños profesionales.
PhoneGap allows developing mobile apps using HTML, CSS, and JavaScript that can be deployed across multiple platforms. It works by embedding a webview component within a native container app, and uses a bridge to allow access to native device APIs. Key features include writing code once and deploying to iOS, Android, BlackBerry and other platforms; using standard web technologies; and accessing device capabilities like contacts, camera through JavaScript APIs. Plugins can extend PhoneGap functionality like the Facebook plugin that allows building native Facebook apps.
PhoneGap allows developers to write mobile apps using HTML, CSS, and JavaScript that are then packaged into native apps for various platforms. It works by embedding a webview component into a native container, providing a bridge between the webview and native platform APIs. Developers write their app code once using web technologies and PhoneGap handles packaging it as a native app for each target platform. Key features include using CSS3 for styling, JavaScript APIs for device functionality, and media queries for responsive design across devices.
Cross Platform Mobile App Development - An Introduction to Sencha TouchFolio3 Software
Sencha Touch is a high-performance HTML5 based mobile application framework that enables mobile app developers to build cross platform mobile apps that work on a variety of platforms such as iOS, Android, BlackBerry, Kindle Fire and more. In this presentation we'll introduce you to the concepts and techniques behind Secha and help you get started with mobile app development using Secha Touch.
This document discusses Sencha Touch and PhoneGap for building mobile applications. It begins with an introduction to Sencha Touch, describing it as the first JavaScript framework for building rich mobile apps using web standards. It outlines the core components and features of Sencha Touch like lists, forms, events and stores. The document then provides an overview of PhoneGap/Cordova, describing it as a platform that allows writing native mobile apps using HTML, CSS and JavaScript. It discusses PhoneGap's capabilities for accessing device features like the camera, contacts and compass. The document proposes a workflow for developing Sencha Touch and PhoneGap applications together, covering mockups, development, testing, and deployment to app stores. It compares advantages of native,
Android Development w/ ArcGIS Server - Esri Dev Meetup - Charlotte, NCJim Tochterman
This document summarizes a presentation on developing Android applications with ArcGIS Server. It discusses what Android is, pros and cons of choosing Android over iPhone, how to get started with Android development, design considerations for mobile apps, and how to integrate ArcGIS Server data and services using REST APIs and the Google Maps API. Code examples are provided for creating map overlays with WMS tiles and collecting and posting field data to a feature service.
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
viWave Study Group - Introduction to Google Android Development - Chapter 23 ...Ted Chien
My study group slide in 2009 for Google Android Development, describing the following topics:
Designing the Obvious,
Resources and Internationalization,
Orientation,
Adapter,
The document discusses conventions in rock music magazines regarding representations of gender. It notes that female figures are often sexualized in rock music, whether as singers or subjects of songs. Rock is described as a male-dominated genre, and women are mainly portrayed as sex symbols in magazines or receive little coverage.
The document provides an overview and instructions for installing and customizing the Joomla/Mambo content management system (CMS). It discusses the CMS's features and capabilities, requirements for installation, and the 7 step installation process. Post-installation, it outlines how to manage and customize the site through the administration area by adding content, templates, components and modules. The presentation concludes by offering resources for learning more about Joomla and contact information.
Intro to Quick Web Application Builder (QWAB)jgarifuna
This document introduces Quick Web App Builder (QWAB), a web application development tool. QWAB allows users to select database tables, configure an app, and build a new app. It comes with over 60 features and supports databases like MySQL, Oracle, and PostgreSQL. The document outlines a case study where QWAB is used to build applications for a company called World Domination Inc. that needs a content management system, customer relationship management system, and project management system. It then discusses using QWAB to build these apps, test them, and provides an overview of QWAB's architecture and directories.
The document provides an overview and instructions for installing and customizing the Joomla/Mambo content management system (CMS). It discusses the CMS's features and capabilities, requirements for installation, and the 7 step installation process. Post-installation, it outlines how to manage and customize the site through the administration area by adding content, templates, components and modules. The presentation concludes by offering resources for learning more about Joomla and contact information.
This document provides an overview and introduction to Elgg, an open source social networking platform. It outlines Elgg's core features such as user and content management, social graph functionality, and fine-grained access controls. The document also covers pre-installation requirements like PHP and MySQL, the installation process, post-installation account creation, and options for customizing Elgg through administration and plugins.
Este documento presenta el plan microcurricular de un bloque/módulo sobre el desarrollo del pensamiento filosófico para estudiantes de primer año. El objetivo del bloque es que los estudiantes piensen de manera crítica y creativa sobre problemas filosóficos y apliquen ese pensamiento al tratamiento de nuevos problemas. El bloque abarcará temas como la construcción del pensamiento crítico, la relación entre ciencias y realidad, y el sentido teórico y práctico de la filosofía a través de estrategias como
Sonnet 29 reflects on the speaker's feelings of being in a troubled state as an outcast, wishing for the wealth, friends, and status of others. However, remembering his lover's sweet love brings him such wealth that he would not want to change his state, even for kings.
Joomla Content Management Systems, Part 3jgarifuna
The document provides an overview and agenda for a presentation on installing and customizing the Joomla/Mambo content management system (CMS). The presentation covers an overview of CMS and Joomla/Mambo, pre-installation requirements, a 7 step installation process, post-installation administration and customization of the public website and administration areas, and customizing Joomla by adding sections, categories, articles, menus, templates, modules and more.
El discurso se dirige a los estudiantes de quinto grado que se están graduando. Les recuerda los 6 años pasados en la escuela, llenos de esfuerzo y logros, pero también de amistades que durarán para siempre. Les aconseja que continúen siendo responsables y comprometidos con sus estudios, que es la mejor forma de enfrentar los desafíos futuros y formar su propio destino. Les desea buena suerte en la siguiente etapa de sus vidas.
El poema habla sobre emprender el vuelo para alcanzar la verdad y llegar lejos en la vida a través de seguir los propios instintos y no dudar de los objetivos. Extender las alas y planear sin miedo o titubeos ayudará a alcanzar el vuelo final y los frutos del éxito para convertirse en una estrella y lograr los sueños profesionales.
PhoneGap allows developing mobile apps using HTML, CSS, and JavaScript that can be deployed across multiple platforms. It works by embedding a webview component within a native container app, and uses a bridge to allow access to native device APIs. Key features include writing code once and deploying to iOS, Android, BlackBerry and other platforms; using standard web technologies; and accessing device capabilities like contacts, camera through JavaScript APIs. Plugins can extend PhoneGap functionality like the Facebook plugin that allows building native Facebook apps.
PhoneGap allows developers to write mobile apps using HTML, CSS, and JavaScript that are then packaged into native apps for various platforms. It works by embedding a webview component into a native container, providing a bridge between the webview and native platform APIs. Developers write their app code once using web technologies and PhoneGap handles packaging it as a native app for each target platform. Key features include using CSS3 for styling, JavaScript APIs for device functionality, and media queries for responsive design across devices.
Cross Platform Mobile App Development - An Introduction to Sencha TouchFolio3 Software
Sencha Touch is a high-performance HTML5 based mobile application framework that enables mobile app developers to build cross platform mobile apps that work on a variety of platforms such as iOS, Android, BlackBerry, Kindle Fire and more. In this presentation we'll introduce you to the concepts and techniques behind Secha and help you get started with mobile app development using Secha Touch.
This document discusses Sencha Touch and PhoneGap for building mobile applications. It begins with an introduction to Sencha Touch, describing it as the first JavaScript framework for building rich mobile apps using web standards. It outlines the core components and features of Sencha Touch like lists, forms, events and stores. The document then provides an overview of PhoneGap/Cordova, describing it as a platform that allows writing native mobile apps using HTML, CSS and JavaScript. It discusses PhoneGap's capabilities for accessing device features like the camera, contacts and compass. The document proposes a workflow for developing Sencha Touch and PhoneGap applications together, covering mockups, development, testing, and deployment to app stores. It compares advantages of native,
Android Development w/ ArcGIS Server - Esri Dev Meetup - Charlotte, NCJim Tochterman
This document summarizes a presentation on developing Android applications with ArcGIS Server. It discusses what Android is, pros and cons of choosing Android over iPhone, how to get started with Android development, design considerations for mobile apps, and how to integrate ArcGIS Server data and services using REST APIs and the Google Maps API. Code examples are provided for creating map overlays with WMS tiles and collecting and posting field data to a feature service.
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
viWave Study Group - Introduction to Google Android Development - Chapter 23 ...Ted Chien
My study group slide in 2009 for Google Android Development, describing the following topics:
Designing the Obvious,
Resources and Internationalization,
Orientation,
Adapter,
This document discusses various ways to develop apps for the iPhone, including:
- Using Xcode and Objective-C, the primary tools and language recommended by Apple.
- Developing AJAX/JavaScript apps that can be accessed through Safari on the iPhone.
- Using tools like XMLVM to cross-compile Java code into Objective-C code that can be run as native iPhone apps.
- Installing a Java virtual machine on a jailbroken iPhone to directly run Java code, though this is an unofficial workaround.
It provides examples of simple "Hello World" apps implemented in both Java using XMLVM and directly in Objective-C. The document covers many of the core features and capabilities of the
This document discusses various ways to develop apps for the iPhone, including:
- Using Xcode and Objective-C, the primary tools and language recommended by Apple.
- Developing AJAX/JavaScript apps that can be accessed through Safari on the iPhone.
- Using tools like XMLVM to cross-compile Java code into Objective-C code that can be run as native iPhone apps.
- Installing a Java virtual machine on a jailbroken iPhone to directly run Java code, though this is an unofficial workaround.
It provides examples of simple "Hello World" apps implemented in both Java using XMLVM and directly in Objective-C. The document covers many of the core features and capabilities of the
slides of a presentation about cross-platform mobile app development I gave at MobileTechCon 2010 in Mainz (Germany).
Links and additional information on the related blog post at http://HeikoBehrens.net/2010/10/11/cross-platform-app-development-for-iphone-android-co-—-a-comparison-i-presented-at-mobiletechcon-2010/
HTML 5 is a new version of HTML that is still being developed. It aims to evolve HTML instead of reinventing it. Key features include new form elements, input types, semantic elements, APIs for offline apps, and standardized video and audio embedding. Browser support is growing but the specification may not be finalized until 2022. However, many features are already implemented and can be used today through emulation if needed.
The document provides an overview of various technologies used in iPhone applications, including checking internet connectivity, using SQLite database, getting current location with Core Location, parsing JSON, implementing in-app purchases, enabling AirPlay and wireless printing capabilities. It discusses relevant frameworks, classes, and code snippets.
Introduction to PhoneGap
Background
Setting up the environment for Android
Handling Events
Working With The Device, The Network, And Notifications
Getting Information from the Device
Determining the Connection Type
Using Notifications
Using Alerts
Using Confirmation Dialogs
Using Beeps
Using Vibrations
Accelerometer
Using the Acceleration Object
Using Accelerometer Methods
Media
The Media Object
Using Media Methods
Camera
Using The Camera Object
Using The Getpicture Method
Using Camera Options
Geolocation
Position, PositionError, Coord
Geolocation Methods
Geolocation Options
Deployment using Phonegap (Android)
Hands-on exercises
Storage
Available options
Db object
localStorage
Files
Filessystem
File read & write
Handling errors
Contacts
Creating contacts
Finding contacts
Handling errors
Capture
Video
Audio
Handling errors
Hands-on exercises
Introduction to PhoneGap
Background
Setting up the environment for Android
Handling Events
Working With The Device, The Network, And Notifications
Getting Information from the Device
Determining the Connection Type
Using Notifications
Using Alerts
Using Confirmation Dialogs
Using Beeps
Using Vibrations
Accelerometer
Using the Acceleration Object
Using Accelerometer Methods
Media
The Media Object
Using Media Methods
Camera
Using The Camera Object
Using The Getpicture Method
Using Camera Options
Geolocation
Position, PositionError, Coord
Geolocation Methods
Geolocation Options
Deployment using Phonegap (Android)
Hands-on exercises
Storage
Available options
Db object
localStorage
Files
Filessystem
File read & write
Handling errors
Contacts
Creating contacts
Finding contacts
Handling errors
Capture
Video
Audio
Handling errors
Hands-on exercises
A mobile web app for Android in 75 minutesJames Pearce
This document provides an overview of building a mobile web app for Android using Sencha Touch in 75 minutes. It demonstrates how to structure the app, add basic UI elements like panels and lists, load and display data, and customize the theme. The document shows the common patterns used in Sencha Touch like adding lists to panels and nesting UI elements. It also provides an example of a more complex app called The Valley App that utilizes Sencha Touch to display Yelp business data on a map with lists and details.
Internet of things the salesforce lego machine cloudandyinthecloud
This document discusses building a "Machine Cloud" using the Salesforce platform to control Lego Mindstorms EV3 robots. It describes the requirements for connecting devices to Salesforce APIs, including the ability to connect to WiFi and parse XML/JSON. It demonstrates pairing an EV3 robot in Salesforce by generating an OAuth token, and controlling robots through custom objects and the Streaming API. Code examples are provided for moving robots and listening for commands. Further developing the Machine Cloud API and supporting other devices is suggested.
This company has over 7 years of experience developing international standard websites using open source technologies like Magento, Opencart, WordPress, and Joomla. They have created e-commerce and responsive websites for clients such as Vodafone, Telstra, and the Singapore LNG Corporation. They also have experience building mobile apps for iOS and Android platforms, as well as web applications and CMS solutions for clients across industries.
The document discusses the evolution from Web 1.0 to Web 2.0, including defining characteristics of Web 2.0 sites like user participation, reusable data, and improving functionality as more users engage with the site. It also provides an overview of important Web 2.0 technologies like AJAX, microformats, mashups and recommendations for skills needed by web developers, such as JavaScript libraries, debugging tools, and techniques to improve page load speeds.
I like i phone and android but know .netChris Love
This document discusses mobile application development options for developing applications that can run on both iOS and Android platforms using C#. It describes tools like MonoTouch and MonoDroid that allow building native iOS and Android applications using C# and .NET. It also discusses hybrid approaches like PhoneGap that use web technologies to build applications that can be deployed to both platforms. The document considers questions around enterprise deployment, security, data sharing and management of mobile applications.
What's New with Windows Phone - FoxCon TalkSam Basu
Samidip Basu presented on new features in Windows Phone 7.1 SDK (Mango) including push notifications, live tiles, sensors, location services, execution model improvements, and integration of Silverlight and XNA. He demonstrated new hardware devices and discussed using background agents, reminders, search extensibility and toolkits to develop Windows Phone apps. The presentation provided an overview of many new APIs and capabilities in Mango to help developers create compelling Windows Phone apps.
Similar to Intro to mobile development with sencha touch (20)
1. By
Jorge Garifuna
Professional Web Developer
info@GariDigital.com
213-915-4402
JGari.com/resume
Twitter: @jgarifuna
2. SMS your Name and Email to:
213-985-4413
SMS your name & email to: 213-985-4413 JGari.com/resume
3. How I came about Sencha Touch
SMS your name & email to: 213-985-4413 JGari.com/resume
4. • Very Expensive
• Time Consuming
• Maintenance Nightmare
SMS your name & email to: 213-985-4413 JGari.com/resume
5. • Leverage Existing Skills
Sencha Touch
• Get to Market Sooner
• Reach More Users
JGari.com/resume
6. 1. HTML5 Mobile Framework
2. Build Mobile Apps for IOS, Android & BlackBerry
3. Over 50 UI components
4. Code in JavaScript
5. The closest you can get to mobile native experience
6. Free under the GPLv3
JGari.com/resume
8. Web Mobile
Presentation HTML HTML5
Styling CSS CSS3
Logic PHP, Perl, Python, Ruby, PHP, Objective-C, Java,
Java, C, C++, Javascript Javascript
Database MySQL, PostgreSQL SQLite
IDE NetBeans, Eclipse, Xcode, Eclipse,
DreamWeaver DreamWeaver CS5.5+
Frameworks CakePHP, Symphony, Jquery Mobile, Sencha
ATK, Jquery, Sencha EXT Touch, Jo, PhoneGap
JS
Distribution Web Hosting Web Hosting, App Store,
Market
SMS your name & email to: 213-985-4413 JGari.com/resume
9. 1. Build Mobile App
2. Test App on Browser
3. Test App on IOS Simulator
4. Test App on IOS Devices
5. Test App on Android Emulator
6. Test App on Android Phone
7. Access Devices APIs
SMS your name & email to: 213-985-4413 JGari.com/resume
10. 1. SketchyPad/iMockups for wireframing
2. DreamWeaver CS5.5+
3. Sencha Touch
4. PhoneGap
5. Xcode 4, NetBeans & Eclipse
6. IOS Simulator & Real iPhone
7. Android Emulator & Real Phone
SMS your name & email to: 213-985-4413 JGari.com/resume
11. SMS your name & email to: 213-985-4413 JGari.com/resume
12. SMS your name & email to: 213-985-4413 JGari.com/resume
13. SMS your name & email to: 213-985-4413 JGari.com/resume
15. SMS your name & email to: 213-985-4413 JGari.com/resume
16. 1. Visit:
http://www.sencha.com/products/touch/do
wnload/
2. Download and install (in web folder) Sencha
Touch 2 SDK
3. Download and install SDK Tools
4. Setup local webserver (MAMP or WAMP)
5. Setup modern web browser (Chrome/Safari)
6. Get more details from:
http://docs.sencha.com/touch/2-
0/#!/guide/getting_started
SMS your name & email to: 213-985-4413 JGari.com/resume
17. 1. Add SDK Tools to path
2. On OSX add to ~.bash_profile
1. export PATH=/Applications/SenchaSDKTools-2.0.0-beta3:$PATH
3. On Windows
1. Follow your usual steps
SMS your name & email to: 213-985-4413 JGari.com/resume
18. 1. Open Terminal or Command Line
2. Change to directory with Sencha Touch 2
SDK
1. Preferably located on web path
3. Type:
1. sencha generate app APPNAMESPACE ../myAppLocation
1. Change APPNAMESPACE to anything you want
2. ../myAppLocation is the directory of your app
4. Navigate to http://localhost/myAppLocation
and see the default app
SMS your name & email to: 213-985-4413 JGari.com/resume
19. SMS your name & email to: 213-985-4413 JGari.com/resume
20. Models: represent a type of object in your app - for example an e-commerce app might have models for Users, Products and
Orders
Views: are responsible for displaying data to your users and leverage the built in Components in Sencha Touch
Controllers: handle interaction with your application, listening for user taps and swipes and taking action accordingly
Stores: are responsible for loading data into your app and power Components like Lists and DataViews
Profiles: enable you to easily customize your app's UI for tablets and phones while sharing as much code as possible
SMS your name & email to: 213-985-4413 JGari.com/resume
21. index.html
app.js
app/view/Main.js
SMS your name & email to: 213-985-4413 JGari.com/resume
23. Modify app.json, if not already updated
▪ Change: "logger": "no”
▪ To: "logger": false
▪ NOTE: you are fixing a bug
From Terminal change to your app directory
Type:
▪ sencha app build -e production -d ../../builds/test1
▪ NOTE: this may create build dir within project
SMS your name & email to: 213-985-4413 JGari.com/resume
24. To distribute to multiple platforms(IOS, Android, BlackBerry)
Visit: http://phonegap.com
Download latest
Install as instructed at
▪ http://docs.phonegap.com/en/2.0.0/guide_getting-started_index.md.html
SMS your name & email to: 213-985-4413 JGari.com/resume
25. To test in IOS
Load up xcode (mac only)
Create a new phonegap/cordova project as instructed at
▪ http://docs.phonegap.com/en/2.0.0/guide_getting-started_ios_index.md.html#G
SMS your name & email to: 213-985-4413 JGari.com/resume
26. 1. Run PhoneGap app in simulator
2. This will create a www folder within file system, but not
in xcode
3. Copy www folder from file system to xcode project
SMS your name & email to: 213-985-4413 JGari.com/resume
27. 1. Copy your packaged Sencha Touch app to www folder in
xcode
SMS your name & email to: 213-985-4413 JGari.com/resume
28. 1. You need to be a paid IOS Developer
1. Your IOS Device must be registered at:
1. http://developer.apple.com/ios/manage/overview/index.action
2. Connect IOS Device to computer via USB
3. Navigate to newly built IOS Project
Located at APP_NAME_IOS
1. Click on the project name in Xcode
1. Set deployment target to the same version as your IOS device
in IOS Application Target
2. Set the appropriate target device(iPhone, iPad, Universal)
3. Make your preferences in iPhone/iPod Deployment Info
2. Select your IOS Device from drop down list of devices
next to the run button
3. Click the Run button
SMS your name & email to: 213-985-4413 JGari.com/resume
29. Setup PhoneGap for Android as instructed at
http://docs.phonegap.com/en/2.0.0/guide_getting-sta
20Android
Copy your Sencha Touch app to assets/www
folder
Run app
You can also use PhoneGap Build from Adobe
Dreamweaver CS6
SMS your name & email to: 213-985-4413 JGari.com/resume
30. 1. From Android Market install
AppInstaller or
Quick App Install
1. Insert Micro SD Card on Android Phone
2. Connect Android Phone to Computer Via USB
3. Mount Phone to Computer
1. Slide down from top bar
2. Select USB Connected
3. Click mount button
4. Check mounted card under Devices on Mac OS Finder
5. Copy Newly created .apk files from computer to Phone Card
1. Located in APP_NAME_Android/bin
6. Unmount card from computer
7. Turn off USB on Phone
1. Slide down from top bar
2. Click “Turn off USB storage”
3. Click on “turn off” button
8. Install App either with AppInstaller or Quick App Install
9. Open App
SMS your name & email to: 213-985-4413 JGari.com/resume
31. While you think…
Sign up to LAMPsig’s mailing list at:
▪ http://lampsig.org
Join LAMPsig on Meetup at:
▪ http://www.meetup.com/LAMPsig
Jorge Garifuna
▪ info@GariDigital.com
▪ @jgarifuna
SMS your name & email to: 213-985-4413 JGari.com/resume
32. 1. http://www.phonegap.com
2. http://www.sencha.com/products/touch
3. http://docs.sencha.com/touch/2-0/#!/guide
4. http://docs.sencha.com/touch/2-0/#!/api
5. http://miamicoder.com/2012/how-to-create-
a-sencha-touch-2-app-part-1/
6. http://developer.apple.com
7. http://lampsig.org
8. http://www.meetup.com/LAMPsig
SMS your name & email to: 213-985-4413 JGari.com/resume