PhoneGap permite crear aplicaciones móviles multiplataforma utilizando tecnologías web estándar como HTML, CSS y JavaScript. Es de código abierto y gratuito. Permite acceder a funciones nativas del dispositivo como la cámara, geolocalización, acelerómetro, etc. a través de una API de JavaScript. Existen alternativas comerciales como Appcelerator o Corona aunque PhoneGap es la más popular y cuenta con una gran comunidad de desarrolladores.
Programación de apps multiplataforma con Apache Cordova
(parte 2 de 2).
Explicación de qué es y cómo desarrollar aplicaciones con AngularJS e Ionic Framework. Controllers, services, filters, directives, etc.
Con el auge de las tecnologías Web, se están realizando desarrollo móviles empleando estrategias híbridas con frameworks como Apache Cordova (aka PhoneGap) o trigger.io. Pero, debido a un no buen entendimiento de en qué medida mezclar el desarrollo nativo y el Web en la aplicación, en algunas ocasiones, las aplicaciones desarrolladas pueden no llegar cubrir las expectativas, creando una mala reputación para este tipo de desarrollos híbridos.
La charla se centraría en exponer:
Revisión de los diferentes tipos de desarrollo móvil.
Los diferentes aproximaciones/frameworks híbridos disponibles para el desarrollo de aplicaciones móviles.
El correcto entendimiento de una estrategia híbrida: predominantemente nativa vs web.
Lecciones aprendidas del desarrollo híbrido a tener en cuenta.
Estrategias de desarrollo de aplicaciones móviles.
Ultimas tendencias: framework Calatrava.
Programación de apps multiplataforma con Apache Cordova
(parte 2 de 2).
Explicación de qué es y cómo desarrollar aplicaciones con AngularJS e Ionic Framework. Controllers, services, filters, directives, etc.
Con el auge de las tecnologías Web, se están realizando desarrollo móviles empleando estrategias híbridas con frameworks como Apache Cordova (aka PhoneGap) o trigger.io. Pero, debido a un no buen entendimiento de en qué medida mezclar el desarrollo nativo y el Web en la aplicación, en algunas ocasiones, las aplicaciones desarrolladas pueden no llegar cubrir las expectativas, creando una mala reputación para este tipo de desarrollos híbridos.
La charla se centraría en exponer:
Revisión de los diferentes tipos de desarrollo móvil.
Los diferentes aproximaciones/frameworks híbridos disponibles para el desarrollo de aplicaciones móviles.
El correcto entendimiento de una estrategia híbrida: predominantemente nativa vs web.
Lecciones aprendidas del desarrollo híbrido a tener en cuenta.
Estrategias de desarrollo de aplicaciones móviles.
Ultimas tendencias: framework Calatrava.
Presentación de charla efectuada en el evento Encuentro Social de Desarrolladores organizado por el grupo Desarrolladores Habana. Trata sobre desarrollo para aplicaciones móviles empleando las tecnologías Ionic y Apache Cordova.
Frameworks para el desarrollo de juegos para dispositivo móvilesADWE Team
Conferencia relizada en ADWE Alicante por Daniel Nebot (@daniinebot) en el espacio CAMON sobre diferentes Frameworks para el desarrollo de juegos para dispositivo móviles
Conferencia dictada el 26/10 en UTN en el marco del Mobile Monday Buenos Aires TechTalks acerca de Mobile Web y Mobile Web Widgets dictada por Maximiliano Firtman (@firt, www.firt.mobi)
Un sitio web de presentación se define como una aplicación construida para mostrar información en forma de presentación de diapositivas. Cualquier herramienta de presentación debe tener tres funciones fundamentales:
Un editor de texto: para introducir el contenido de la presentación.
Una función de importación: insertar y manipular imágenes y otros contenidos.
Un modo de presentación de diapositivas o presentador: que muestra el contenido de una manera agradable y formateada.
PROGRAMAS BASICOS
- Adobe Muse
- Pingendo
-Bluegriffon
PROGRAMAS NIVEL MEDIO
1. Adobe Dreamweaver
2. Brackets
3. microsoft visual Stude Code
4. Adobe Animate
PROGRAMAS AVANZADOS:
1. Webstorm o Phpstorm
2. Eclipse
3. Aptanastudio
Las transparencias de mi charla en el primer Betabeers Córdoba, sobre desarrollo multiplataforma de apps móviles, usando Google Web Toolkit (GWT) y Phonegap (Apache Cordova)
Crear Apps móviles multiplataforma con Xamarin compartiendo la mayor cantidad...Javier Suárez Ruiz
Nuestro objetivo como desarrolladores es crear aplicaciones útil y atractivas pero sobretodo perfectamente funcionales. Para poder lograr ese objetivo es sin duda muy importante la arquitectura aplicada a la App. En esta sesión repasaremos el patrón MVVM aplicándolo a una aplicación Xamarin en cada una de las plataformas paso a paso así como la cantidad de código que se puede llegar a compartir entre plataformas.
La plataforma Universal Windows facilita gran cantidad de tareas a los desarrolladores para cubrir múltiples escenarios entre diferentes familias de dispositivos. Para facilitar esto, nos llegan novedades en controles XAML además de algunos nuevos, pero además nos llegan gran cantidad de novedades en el sistema de enlace a datos, rendimiento, herramientas, nueva API de perspectiva 3D, además de algunas novedades de peso más. En esta sesión vamos a realizar un repaso sobre todas las novedades en XAML recibidas.
Presentación de charla efectuada en el evento Encuentro Social de Desarrolladores organizado por el grupo Desarrolladores Habana. Trata sobre desarrollo para aplicaciones móviles empleando las tecnologías Ionic y Apache Cordova.
Frameworks para el desarrollo de juegos para dispositivo móvilesADWE Team
Conferencia relizada en ADWE Alicante por Daniel Nebot (@daniinebot) en el espacio CAMON sobre diferentes Frameworks para el desarrollo de juegos para dispositivo móviles
Conferencia dictada el 26/10 en UTN en el marco del Mobile Monday Buenos Aires TechTalks acerca de Mobile Web y Mobile Web Widgets dictada por Maximiliano Firtman (@firt, www.firt.mobi)
Un sitio web de presentación se define como una aplicación construida para mostrar información en forma de presentación de diapositivas. Cualquier herramienta de presentación debe tener tres funciones fundamentales:
Un editor de texto: para introducir el contenido de la presentación.
Una función de importación: insertar y manipular imágenes y otros contenidos.
Un modo de presentación de diapositivas o presentador: que muestra el contenido de una manera agradable y formateada.
PROGRAMAS BASICOS
- Adobe Muse
- Pingendo
-Bluegriffon
PROGRAMAS NIVEL MEDIO
1. Adobe Dreamweaver
2. Brackets
3. microsoft visual Stude Code
4. Adobe Animate
PROGRAMAS AVANZADOS:
1. Webstorm o Phpstorm
2. Eclipse
3. Aptanastudio
Las transparencias de mi charla en el primer Betabeers Córdoba, sobre desarrollo multiplataforma de apps móviles, usando Google Web Toolkit (GWT) y Phonegap (Apache Cordova)
Crear Apps móviles multiplataforma con Xamarin compartiendo la mayor cantidad...Javier Suárez Ruiz
Nuestro objetivo como desarrolladores es crear aplicaciones útil y atractivas pero sobretodo perfectamente funcionales. Para poder lograr ese objetivo es sin duda muy importante la arquitectura aplicada a la App. En esta sesión repasaremos el patrón MVVM aplicándolo a una aplicación Xamarin en cada una de las plataformas paso a paso así como la cantidad de código que se puede llegar a compartir entre plataformas.
La plataforma Universal Windows facilita gran cantidad de tareas a los desarrolladores para cubrir múltiples escenarios entre diferentes familias de dispositivos. Para facilitar esto, nos llegan novedades en controles XAML además de algunos nuevos, pero además nos llegan gran cantidad de novedades en el sistema de enlace a datos, rendimiento, herramientas, nueva API de perspectiva 3D, además de algunas novedades de peso más. En esta sesión vamos a realizar un repaso sobre todas las novedades en XAML recibidas.
You've probably heard of PhoneGap, the free, open source framework for creating mobile apps using standard web programming, but maybe you're skeptical. You probably have a lot of questions. How easy is it to create an app with PhoneGap? Can I convert my web site to a mobile app? Will the app be too slow to use?
In the session I will, with nothing up my sleeves, convert a mobile web site into a PhoneGap app for both iOS and Android. I will take advantage of both device and HTML5 features. I will show solutions to the performance challenges PhoneGap apps sometimes suffer from. I will show to structure your web site to make it easy to convert to a device app.
Exploring the AmIHEALTH paradigm. Monitoring in Healthcare: Building mHealth ...Jesús Fontecha
Ambient Intelligent paradigm for Healthcare. Overview of mHealth systems and ecosystems. Some examples of mHealth project carried out at MAmI Research Group (UCLM, Spain)
Alternativas al desarrollo de apps nativas: jQuery Mobile e introducción a responsive/adaptive design.
Keynote de iZenius.com para Congreso Web Zaragoza 2012
Presentación para el 2do meetup TI realizado en Temuco - Chile. La presentación por si sola no es auto explicativa, por lo que se puede complementar con este video: http://www.youtube.com/playlist?list=PLDBEAE35BC0850582
Presentación que se preparo para la conferencia dada en el Congreso Multidisciplinario en Tecnologías para la Innovación Tekhné 2014, sobre Aplicaciones móviles híbridas.
Code Blast 2012 - Fast Mobile PrototypingINSIGNIA4U
Fast Mobile Prototyping
Code Blast 2012 en el marco de charlas de por la Semana de la Ingeniería de la Universidad Tecnológica Nacional, Facultad Regional Tucumán.
Juan Francisco Roldán mostró las herramientas que utilizamos en Insignia para hacer prototipado rápido de aplicaciones mobile usando el stack html5.
PhoneGap es un framework para el desarrollo de aplicaciones móviles producido por Nitobi, y comprado posteriormente por Adobe Systems. Principalmente, PhoneGap permite a los programadores desarrollar aplicaciones para dispositivos móviles utilizando herramientas genéricas tales como JavaScript, HTML5 y CSS3. Las aplicaciones resultantes son híbridas, es decir que no son realmente aplicaciones nativas al dispositivo (ya que el renderizado se realiza mediante vistas web y no con interfaces gráficas específicas de cada sistema), pero no se tratan tampoco de aplicaciones web (teniendo en cuenta que son aplicaciones que son empaquetadas para poder ser desplegadas en el dispositivo incluso trabajando con el API del sistema nativo).
La tendencia informática que marcará los próximos años es el uso de dispositivos móviles. Sin embargo, el desarrollo de aplicaciones para estos dispositivos aún está marcado por la elección de una o más plataformas (Android, iOS, etc.), que obliga a duplicar esfuerzos de programación y a dejar fuera a una parte de los usuarios; pero hay un enfoque diferente: la web de siempre, sólo que actualizada para smartphones y tablets.
El taller presentará herramientas y técnicas que se pueden emplear hoy en día para el desarrollo web móvil, y los participantes desarrollarán un prototipo funcional de una aplicación. Al final, se adelantarán las iniciativas actuales de Mozilla en el mercado móvil.
Smad TI - Phonegap Aplicaciones Nativas Móviles con HTML5Smad IT
Esta presentacion fue creada para el Demo Day de Parquesfot Quindio que se realizo en la Universidad del Quindio; en ella podra encontrar informacion de como construir aplicaciones moviles nativas multipilataforma con phonegap y html5.
En esta segunda parte del curso Diseño de apps y webs móviles veremos los pasos desde el prototipo hasta la implementación.
Incluye: 4. Probando diseños para móviles, 5. Tecnologías web móviles, 6. Implementando nuestro diseño de web/app móvil.
3. ¿Qué es?
¿Páginas web?
Si… que acceden a funciones del dispositivo.
PhoneGap:
PhoneGap is an open source solution for building cross-platform
mobile apps with standards-based Web technologies like
HTML, JavaScript, CSS.
4. ¿Cuánto cuesta?
PhoneGap es una implementación de código abierto de estándares
open-source y LIBRES.
Aplicaciones móviles Aplicaciones
gratuitas comerciales Open Source
(freeware) (de pago)
Combinación de estas licencias
12. Alternativas
Appcelerator Titanium
• Tecnologías web, open source y Cloud Computing
• Plataformas: iOS, Android, Windows, Mac OSX, Linux. rhomobile
appMobi
Red Foundry …
• Solución para desarrollar y mantener aplicaciones
móviles.
• Sin necesidad de programación.
• Ciclo de desarrollo de pocos días (o día).
Corona
• Convierte Flash en aplicaciones móviles y juegos.
• Pensado para desarrolladores flash.
13. Limitaciones
MÁS importante que saber usar una herramienta es saber cuándo NO usarla
¿Consumes
recursos gráficos? Usa OpenGL
(juego,…)
¿Utilizas funciones Utiliza una
del sistema? web app.
OJO: en iOS utiliza hardware para tareas del CSS mayor rendimiento
14. Prototipado
Buen enfoque
Realizar una aproximación rápida
Luego ajustar entre plataformas
Recomendable
• Usar porcentajes en el diseño inicialmente, y luego ajustar entre plataformas.
• Combinar con <meta name=“viewport”>
(indica el tamaño de la pantalla a mostrar)
15. Prototipado (II)
Aplicar buenas prácticas de programación:
• Evitar copy-paste
• Fácil de leer:
•Facil de extender
•Facil de reutilizar
• Modular and layer approach
16. Modelo
Prototipado (III)
PhoneGap
•Modelo-Vista-Controlador JavaScript API
+
Almacenamiento
offline
Controlador App Vista
JavaScript HTML+CSS
17. Offline
Por su naturaleza, los smartphone no están conectados de forma continua (cobertura, …)
MUY IMPORTANTE para una aplicación es manejar esta situación, sobre todo en iOS
Apple revisa
18. Almacenamiento persistente
Dos aproximaciones:
Sqlite
Android, iOS, webOs, BB 6.0
NOTA: cada página puede darnos solo un objeto BBDD
cada objeto iun máximo de 5MB! (2 en Android configurable)
“Persistant storage”
Almacenamiento clave/valor
Ficheros
Permite la lectura/escritura
19. XUI
Framework JavaScript (xuijs.com), pero diseñado para dispositivos móviles
EL TAMAÑO IMPORTA (<10KB)
Plataformas:
• Android
• iOS
• Symbian
• Palm
• … ¡y BlackBerry!
20. Rendimiento
Aplicación pequeña
Utilizar una página
HTML (single page)
+
JavaScript para
show/hide
¡OJO! En BlackBerry cada nueva página fuerza
a codificar en base 64 en tiempo de ejecución
21. Rendimiento
Mayor tamaño
Ofuscación/recortar
JavaScript:
Si es pequeño, no es
necesario estar
Los dispositivos móviles
paginando in/out la
tienen limitada la
memoria del navegador
memoria para JavaScript
en el navegador
Por ejemplo: en iOS hay reservado 25KB
22. Funcionalidades
Accelerometer Device
Camera Events
Capture File
Compass Geolocation
Connection Media
Contacts Notification
Storage
http://phonegap.com/about/features
23. Pasos para iOS
1.- Sign up at http://developer.apple.com/iphone
2.- Download the latest iPhone SDK and install it.
3.- Run 'make' in [phonegap source]/iphone
4.- Open up Xcode and click:
4.1.- New project
4.2.- User templates
4.3.- PhoneGap-based Application
5.- Start building your app in the www folder.
Solo para Mac. VMWare es tu amigo... o enemigo
24. Pasos para Android
1.- Download and install the Android SDK here:
http://developer.android.com/sdk/installing.html
2.- Run "android" in your terminal.
3.- Update all from the weird GUI that launches.
4.- Generate a new project (See README):
./droidgap <sdk> <name> <package> <www> <path>
5.- Import into Eclipse (optional)
25. Pasos para Symbian
1.- Download Aptana Studio from http://aptana.org
2.- File > New > Project...
3.- Nokia Web Runtime > Import widget
4.- Point to a copy of the www from phonegap/symbian
26. ¿Algo en común?
Repetición de pasos:
1.- SDK
2.- generar un proyecto
3.- compilar
PhoneGap-dev, automatiza los procesos de:
• Generación de proyectos
• Compilar y ejecutar en emulador o dispositivos
phonegap --generate path/to/MyFreshApp
phonegap --build path/to/MyFreshApp
phonegap --report path/to/MyFreshApp
phonegap --install
https://github.com/brianleroux/phonegap-dev
27. ¡Se acabó el miedo de compilar aplicaciones móviles para varias plataformas!
Escribe una vez
Compila en la nube
Ejecuta en cualquier dispositivo
Escribe tu app
Obten la app
usando Envía la app a
lista para
HTML, CSS y PhoneGap Build
publicar
JavaScript
https://build.phonegap.com/