27

Desarrollo de apps móviles HTML5 con Atoms Eduardo manzano tapquo def con logo

Embed Size (px)

Citation preview

Herramientas para crear nuevas experiencias

de usuario móvil e internet

De desktop a móvil

¿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

Web Apps

¿Qué estámos haciendo?

Creamos nuestros propios productos, con

tecnología con futuro...

...y ayudamos a definir el estandar.

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.

CERN:

Organización europea

para la investigación

nuclear

JOB AND TALENT: Es la primera aplicación

creada para asegurarse que

los candidatos no pierdan

ninguna oferta de empleo

adecuada a su perfil.

Wallet: aplicación para la gestión

sencilla de ingresos y

gastos.

ON HEALTH

DIABETES:

App para ayuda de la

gestión de la Diabetes

Melitus I

Cliente: OSAKIDETZA

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