Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

Las tecnologías móviles son quizá uno de los campos que mayor transformación están experimentando en los últimos años. Según Javier Jimenez, -"el desarrollo web va a cambiar por completo con la llegada de los webcomponents (2015) y de los paradigmas reactivos".- Atoms es ya una realidad basada en estos estándares pero pudiéndose utilizar hoy mismo, ofreciendo una gran facilidad para prototipar y crear soluciones html5. Atoms es el primer sistema basado en programación atómica y reactiva del mundo. Ventajas, retos y problemas de estas tecnologías. Autor: Eduardo Manzanos García de Andoin (CEO de Tapquo). Librecon.io

  • Be the first to comment

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

  1. 1. Herramientas para crear nuevas experiencias de usuario móvil e internet
  2. 2. De desktop a móvil
  3. 3. ¿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’.
  4. 4. La venta de dispositivos móviles supera con creces a las ventas de ‘desktop’. Ventas en España Ventas en países Subdesarrollados
  5. 5. Web Apps
  6. 6. ¿Qué estámos haciendo?
  7. 7. Creamos nuestros propios productos, con tecnología con futuro...
  8. 8. ...y ayudamos a definir el estandar.
  9. 9. En 2010 fuimos los primeros en desarrollar el primer framework optimizado para desarrollos con tecnología HTML5. Cross-Device Framework http://lungo.tapquo.com
  10. 10. http://lungo.tapquo.com Cross-Device Framework FrameworkdedesarrollodeaplicacionesenHML5paracualquiertipodedispositivomóvil. Ofreceunagranfacilidadparaelprototipadodeaplicacionesylaposibilidaddevisualizarcómosecomportaránuestraaplicaciónantesdeintroducirunalíneadecódigo(JavaScript). DisponiblelaversióndeLungoJS2.2paradispositivosIOS,Android, BlackberryyFirefoxOS. •NoestábasadoenunaAPIdetercerosdesarrolladaespecíficamenteparadesktopy,porlotanto,elrendimientoesóptimoparadispositivosmóviles. •Essemánticoy,porlotanto,lacurvadeaprendizajeesmasbajaeinclusoelposicionamientoensistemasGoogleesdemejorcalidad. •UtilizaCSS3paraobtenerinterfazricaylastransicionesnoserealizanvíaJavaScript(mejorperfomanceyconsumodememoriamasbajo). •TienecapacidadesOffline. •Sepuedencrearaplicacionesgeoposicionadassinutilizarlibreríasdeterceros. •Undesarrolloparatodoslosdispositivos •Sedesarrollautilizandoparámetros“mobile”,yno“desktop”.Porejemplo,loseventossesuscribenalostiposmóvilesynosolo“click” (cuandoclicknoexisteenmóvil). ¿Qué es? ¿Por qué Lungo?
  11. 11. Desde el 2010 desarrollamos nuestros servicios agiles para el desarrollo y analítica de infraestructuras y servicios. Agile Services http://appnima.com
  12. 12. Plataformaqueofreceservicioslógicos(recogedatosdecomportamientodelosusuariosensusaplicaciones)yproporcionaunpaqueteimportantedeserviciosyadesarrolladosparaproyectosbasadosenInternet. Serviciosdesarrolladosdisponibles: •AutenticaciónOAuth2:protocoloabiertoparaautorizaraunAPIdemodoestándarysimpleparaaplicacionesdeescritorio,webymóviles. ParadesarrolladoresesunMétodoparainteractuarcondatosprotegidosypublicarlos. •Gestióndeusuarios. •Redsocialdeusuarios. •Serviciodemensajería(emails,SMS,Calls,DM,…) •Lugaresypersonasgeoposicionadas. •Realtimeconsockets. •NotificacionesPush. •Serviciosdesoporteyemailmarketing. •VideoconferenciaWebRTC •Analíticaycomportamiento ¿Qué es? ¿Por qué App/Nima? Agile Services http://appnima.com
  13. 13. En 2011 creamos la primera librería optimizada para gestos táctiles en la web. Multitouch Library http://quojs.tapquo.com
  14. 14. Multitouch Library http://quojs.tapquo.com EsunamicrolibreriaJavascriptmodularyorientadaaobjetosquesimplificalacreacióndedocumentosHTMLalahoradegestionareventostáctileseinteraccionesAjaxparaeldesarrollodeaplicacioneswebmóviles.Estalibreríapermitealdesarrolladorgenerarcódigopotente,flexibleeinterpretableporcualquierexplorador,biendocumentadoconunaAPIcoherente. ¿Qué es? Eventos táctiles
  15. 15. 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
  16. 16. En 2013 creamos una plataforma con la que gestionar los datos de salud de los usuarios de Apps Health & Wellness platform
  17. 17. 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
  18. 18. En 2014creamos el primer frameworkHTML5 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
  19. 19. We’re not designing pages, we’re designing systems of components. NuevoframeworkparalacreacióndeAPPsenHTML5basadoeneldesarrolloatómicoyprogramaciónreactivaconunIDEgráficoquepermitecreartodalaestructuradelaAPPydesunavegacióndeformarápidaysencilla. LoselementosquemanejamosenAtomsparacrearcomponentesson: Átomo:eselelementobásicodeunaaplicación,porejemplouninput,button... Molécula:Laagrupacióndevariosátomosysuscomunicaciones.UnejemploseríaelelementoSearchqueestaríacompuestodelosátomoslabel,inputandbutton. Organismo:Launióndevariosátomosysuscomunicaciones.ComoejemplounorganismoHeaderformadoporlasmoléculasNavigationySearch. DeestemodolosÁtomos,MoléculasyOrganismospuedencomunicarsusaccionesyformarcomponentescomplejosqueinteractúan. ¿Qué es? ¿Como?
  20. 20. Referencias de desarrollo de APPs con nuestra tecnología A continuación presentamos algunas referencias significativas de Apps desarrollada con nuestra tecnología.
  21. 21. CERN: Organización europea para la investigación nuclear
  22. 22. JOB AND TALENT: Es la primera aplicación creada para asegurarse que los candidatos no pierdan ninguna oferta de empleo adecuada a su perfil.
  23. 23. Wallet: aplicación para la gestión sencilla de ingresos y gastos.
  24. 24. ON HEALTH DIABETES: App para ayuda de la gestión de la Diabetes Melitus I Cliente: OSAKIDETZA
  25. 25. 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
  26. 26. http://tapquo.com hello@tapquo.com @tapquo edu@tapquo.com @eduardomanzanos

×