Desarrollo de apps móviles HTML5 con Atoms Eduardo manzano tapquo def con logo
-
Upload
librecon -
Category
Technology
-
view
124 -
download
1
Transcript of Desarrollo de apps móviles HTML5 con Atoms Eduardo manzano tapquo def con logo
¿Cúal es el tamaño de
mercado?¿Cómo crece Internet Móvil?
La tendencia a futuro es que en internet la movilidad
supere al ‘desktop’.
La venta de dispositivos móviles supera con creces a
las ventas de ‘desktop’.
Ventas en España Ventas en países
Subdesarrollados
En 2010 fuimos los primeros en
desarrollar el primer
framework optimizado para
desarrollos con tecnología
HTML5.Cross-Device
Framework
http://lungo.tapquo.com
http://lungo.tapquo.com
Cross-Device
Framework
Framework de desarrollo de aplicaciones en HML5 para cualquier tipo de
dispositivo móvil.
Ofrece una gran facilidad para el prototipado de aplicaciones y la posibilidad
de visualizar cómo se comportará nuestra aplicación antes de introducir una
línea de código (JavaScript).
Disponible la versión de LungoJS 2.2 para dispositivos IOS, Android,
Blackberry y FirefoxOS.
• No está basado en una API de terceros desarrollada específicamente
para desktop y, por lo tanto, el rendimiento es óptimo para dispositivos
móviles.
• Es semántico y, por lo tanto, la curva de aprendizaje es mas baja e
incluso el posicionamiento en sistemas Google es de mejor calidad.
• Utiliza CSS3 para obtener interfaz rica y las transiciones no se realizan
vía JavaScript (mejor perfomance y consumo de memoria mas bajo).
• Tiene capacidades Offline.
• Se pueden crear aplicaciones geoposicionadas sin utilizar librerías de
terceros.
• Un desarrollo para todos los dispositivos
• Se desarrolla utilizando parámetros “mobile”, y no “desktop”. Por
ejemplo, los eventos se suscriben a los tipos móviles y no solo “click”
(cuando click no existe en móvil).
¿Qué es?
¿Por qué Lungo?
Desde el 2010 desarrollamos
nuestros servicios agiles para
el desarrollo y analítica de
infraestructuras y servicios.
Agile Services http://appnima.com
Plataforma que ofrece servicios lógicos (recoge datos de comportamiento de
los usuarios en sus aplicaciones) y proporciona un paquete importante de
servicios ya desarrollados para proyectos basados en Internet.
Servicios desarrollados disponibles:
• Autenticación OAuth2: protocolo abierto para autorizar a un API de
modo estándar y simple para aplicaciones de escritorio, web y móviles.
Para desarrolladores es un Método para interactuar con datos
protegidos y publicarlos.
• Gestión de usuarios.
• Red social de usuarios.
• Servicio de mensajería (emails, SMS, Calls, DM,…)
• Lugares y personas geoposicionadas.
• Realtime con sockets.
• Notificaciones Push.
• Servicios de soporte y email marketing.
• Video conferencia WebRTC
• Analítica y comportamiento
¿Qué es?
¿Por qué App/Nima?
Agile Services
http://appnima.com
En 2011 creamos la primera
librería optimizada para gestos
táctiles en la web.
Multitouch Library http://quojs.tapquo.com
Multitouch Library
http://quojs.tapquo.com
Es una micro libreria Javascript modular y orientada a objetos que simplifica
la creación de documentos HTML a la hora de gestionar eventos táctiles e
interacciones Ajax para el desarrollo de aplicaciones web móviles. Esta
librería permite al desarrollador generar código potente, flexible e
interpretable por cualquier explorador, bien documentado con una API
coherente.
¿Qué es?
Eventos táctiles
En 2012 creamos el primer
sistema de presentaciones con
analítica inteligente sobre el
uso de la plataforma y los
usuarios.
HTML5 Presentations http://slid.us
En 2013 creamos una
plataforma con la que
gestionar los datos de salud
de los usuarios de Apps
Health & Wellness
platform
En 2013 demostramos que un
equipo puede trabajar
ágilmente, buscando un
compromiso y propósito en su
día a día.
Development Tribe http://floow.io
En 2014 creamos el primer
framework HTML5 basado en
el desarrollo atómico y reactivo
con un IDE gráfico que genera
la estructura de la APP
We’re not designing
pages, we’re designing
systems of components.
http://atoms.tapquo.com
We’re not designing
pages, we’re designing
systems of components.
Nuevo framework para la creación de APPs en HTML5 basado en el
desarrollo atómico y programación reactiva con un IDE gráfico que permite
crear toda la estructura de la APP y de su navegación de forma rápida y
sencilla.
Los elementos que manejamos en Atoms para crear componentes son:
Átomo: es el elemento básico de una aplicación, por ejemplo
un input, button...
Molécula: La agrupación de varios átomos y sus comunicaciones. Un ejemplo
sería el elemento Search que estaría compuesto de los átomos
label, input and button.
Organismo: La unión de varios átomos y sus comunicaciones. Como ejemplo
un organismo Header formado por las moléculas Navigation y Search.
De este modo los Átomos, Moléculas y Organismos pueden comunicar sus
acciones y formar componentes complejos que interactúan.
¿Qué es?
¿Como?
Referencias de desarrollo de APPs con
nuestra tecnología
A continuación presentamos algunas referencias significativas de Apps desarrollada con
nuestra tecnología.
JOB AND TALENT: Es la primera aplicación
creada para asegurarse que
los candidatos no pierdan
ninguna oferta de empleo
adecuada a su perfil.
ITZULTZAILE
AUTOMATIKOA:
App traductor
automatico
Cliente: Gobierno Vasco
App desarrollada para el Dirección de Política
Lingüística del Departamento de Educación y Cultura
de Gobierno Vasco
Esta App traduce textos introducidos a mano, copiados desde otra
aplicación o dictados por el micrófono del smartphone
http://tapquo.com
@tapquo
@eduardomanzanos