• Save
Web Apps
Upcoming SlideShare
Loading in...5
×
 

Web Apps

on

  • 2,088 views

Web Apps presentation

Web Apps presentation

Statistics

Views

Total Views
2,088
Views on SlideShare
2,086
Embed Views
2

Actions

Likes
2
Downloads
0
Comments
0

1 Embed 2

http://www.linkedin.com 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Web Apps Web Apps Presentation Transcript

  • WebApps Jorge Santiago Cruz Lambert Project Engineer Internet & Mobility Division © DEIMOS Space S.L.U. 1
  • Web Apps 2
  • • ¿Qué es una WebApp? – Ejemplos• Mobile WebApps – Ventajas – Inconvenientes – Alternativa• Desarrollando WebApps – Mobile WebApps y Plataformas móviles – Frameworks y plugins• Conclusión• Preguntas © DEIMOS Space S.L.U.
  • ¿Qué es una Web App? © DEIMOS Space S.L.U. 4
  • ¿Qué es una WebApp? • Aplicación que se ejecuta y a la que se accede a través del navegador • Software as a Service (SaaS). • Rich Internet Applications (RIA) • WebApp “widget” que definen en W3C como Webapp empaquetada/descargable/instalable. • Basadas en tecnologías web principalmente HTML, Javascript, CSS, pero también en otras tecnologías Flash, Java Applets, Silverlight … © DEIMOS Space S.L.U. 5
  • Ejemplos La mayoría de veces que se usa el navegador se está usando una webapp • Basecamp • Google Products • Office live • Horde WebMail • Gliffy • Atlassian JIRA • Alfresco • Spotify © DEIMOS Space S.L.U. 6
  • Mobile WebApp © DEIMOS Space S.L.U. 7
  • Mobile WebApp • Definiciones previas: • Aplicación Nativa: Se diseña específicamente para ejecutarse en un sistema operativo de dispositivo. • Móviles con acceso a capacidad web -> WebApp • Aplicación web con características propias para que sea accesible y usable desde cualquier dispositivo. © DEIMOS Space S.L.U. 8
  • Mobile WebApp: Ventajas © DEIMOS Space S.L.U. 9
  • Mobile WebApps: VentajasMinimizan el impacto de la fragmentación de dispositivos © DEIMOS Space S.L.U. 10
  • Mobile WebApps: VentajasSin control de tiendas de terceros http://appadvice.com/appnn/2011/05/playboy-arrives-ipad-tomorrow-sorta © DEIMOS Space S.L.U. 11
  • Mobile WebApps: VentajasDesarrollo con tecnología web A PI s © DEIMOS Space S.L.U. 12
  • Mobile WebApp:Inconvenientes © DEIMOS Space S.L.U. 13
  • Mobile WebApps: InconvenientesAún con falta de APIs para sensores GPS Acelerómetro Cámara/Micrófono Capacidades PIM NFC y otros 2010 2011 2012 2013 http://www.w3.org/2009/dap/ © DEIMOS Space S.L.U. 14
  • Mobile WebApps: InconvenientesPromoción y visibilidad de aplicación complejas en entorno móvil © DEIMOS Space S.L.U. 15
  • Mobile WebApps: InconvenientesSeguridad © DEIMOS Space S.L.U. 16
  • Mobile WebApp:Transformar tu web en aplicación © DEIMOS Space S.L.U. 17
  • Mobile WebApps: Transformar en WebAppMetadata al poder, el más completo y documentado Apple, algunas características funcionan en Android:<meta name="viewport" content = "width = device-width, initial-scale = 1.0, user- scalable = no" /> <meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black" /><link rel="apple-touch-icon" href="touch-icon-iphone.png" /><link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />Recurso web © DEIMOS Space S.L.U. 18
  • Mobile WebApp: Alternativa © DEIMOS Space S.L.U. 19
  • Mobile WebApps: Alternativa © DEIMOS Space S.L.U. 20
  • Mobile WebApps: Alternativas MixEverything App Nativa + WebApp • Conocida como aplicación híbrida. • Soluciona parte de los inconvenientes de las webapps, como el acceso a capacidades móviles o la promoción o visibilidad de la aplicación. © DEIMOS Space S.L.U. 21
  • Mobile WebApps y Plataformas móviles © DEIMOS Space S.L.U. 22
  • Mobile WebApps y Plataformas móviles 6 © DEIMOS Space S.L.U. 23
  • Mobile WebApps y Plataformas móviles Web Storage Web Worker Web Database Offline Application Geolocation postMessage Web Sockets Better Forms Better Semantics Canvas © DEIMOS Space S.L.U. 24
  • Mobile WebApps y Plataformas móviles HSLA /RGBA Multiple Background Background-size Border-radius Shadow Opacity Text-overflow Gradients Transforms Animations © DEIMOS Space S.L.U. 25
  • Frameworks y plugins © DEIMOS Space S.L.U. 26
  • Frameworks y pluginsLibrerías de desarrollo de Mobile UI xui © DEIMOS Space S.L.U. 27
  • Frameworks y pluginsFrameworks javascript de desarrollo móvil © DEIMOS Space S.L.U.
  • Frameworks y pluginsFrameworks que generan aplicaciones nativas © DEIMOS Space S.L.U.
  • Frameworks y plugins Requiere Mac/Xcode Lenguaje Javascript Layout HTML5/CSS3 Componentes HTML5 + Frameworks (Sencha, ...) IDE Xcode Eclipse Rendimiento Regular, Lento Comunidad, Doc, Fiablidad Poca documentación Precio Gratis Motor físico Sop Juegos No Se distribuye con el SC Sí © DEIMOS Space S.L.U.
  • Frameworks y plugins Requiere Mac/Xcode Lenguaje Javascript Layout - Componentes Nativos IDE Titanium Studio (basado en Eclipse) Rendimiento Bueno, Rápido Comunidad, Doc, Fiablidad Poca comunidad, documentación por videotutoriales Precio Gratis Motor físico Sop Juegos No Se distribuye con el SC No © DEIMOS Space S.L.U.
  • Frameworks y plugins Requiere Mac/Xcode Lenguaje Lua Layout - Componentes Nativos IDE - Rendimiento Muy bueno Comunidad, Doc, Fiablidad Buena Precio $199-$349 año Motor físico Sop Juegos Sí Se distribuye con el SC No © DEIMOS Space S.L.U.
  • Frameworks y plugins © DEIMOS Space S.L.U.
  • Conclusión © DEIMOS Space S.L.U. 34
  • ConclusiónLas webapps pueden ser una buena solución para poder llegar a la mayoría dedispositivos minimizando el coste de desarrollo.Las librerías javascript ayudan al desarrollo de webapps móviles, pero si quieres algomás fácil puedes optar por frameworks de desarrollo transformándolas incluso enaplicaciones nativas en algunos casos.Puedes optar por el acceso a capacidades completas usando una aplicación híbrida. © DEIMOS Space S.L.U. 35
  • Entrevista aDominique Hazaël-Massieux, W3C Staff One of the big strengths of Web apps over native apps is that they work cross-devices and cross platforms; this is a direct benefits for users since it means they can use the apps they care about independently of the devices they choose to use. Another way in which this is important is that it makes it much easier to develop app that works by combining devices © DEIMOS Space S.L.U. 36
  • ReferenciasReferencias:Ejemplos en HTML5http://html5demos.com/http://slides.html5rocks.comCompatibilidad entre navegadoreshttp://caniuse.com/DocumentaciónGIA: Native or WebApp? – PDFW3C Device APIConsejos para el desarrollo de webApple:http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/Introduction/Introduction.html#//apple_ref/doc/uid/TP40002079-SW1BlackBerry:https://developer.blackberry.com/html5/apis © DEIMOS Space S.L.U.