Mobile Web
             31 de octubre de 2009 
             Buenos Aires 




Maximiliano Firtman!
         Firt!      Firt.mobi!
 Lic. Maximiliano Firtman 

Director de ITMaster Professional Training 
Consultor y Profesor Mobile  
MobileTinyURL.com 
Widgen 




Pictures from freedigitalphotos.net 
Qué




Mobile Web
Qué


     Aplicaciones web en móviles 

      Aplicaciones con capacidad offline 

       Aplicaciones con un ícono en el menú 

        HTML, CSS, JavaScript, AJAX 

         Tecnología invisible al usuario 

          Mobile Widgets u Offline webapps 



               Mobile Web
Por qué


   Roadmap de fabricantes 

   Device fragmentaSon is increasing 

   We need to be fast  

   “… is the future of mobile applicaSons”,  
          Google, July, 16th 2009 
Por qué


   Roadmap de fabricantes 

   La fragmentación está aumentando 

   We need to be fast  

   “… is the future of mobile applicaSons”,  
          Google, July, 16th 2009 
Por qué


   Roadmap de fabricantes 

   La fragmentación está aumentando 

   Necesitamos ser rápidos 

   “… is the future of mobile applicaSons”,  
          Google, July, 16th 2009 
Por qué


   Roadmap de fabricantes 

   La fragmentación está aumentando 

   Necesitamos ser rápidos 

   “… es el futuro de las aplicaciones 
móviles”  
          Google, July, 16th 2009 
Mitos!
Mitos

No existe la web móvil. Hay sólo 
una web. 
Mitos

Web para celulares? Es Fácil, sólo 
creá un WML 
Mitos

Web para celulares? Es Fácil, sólo 
creá un HTML de 240 píxeles de 
ancho 
Mitos

Si el ….. puede leer cualquier 
página web, para qué 
molestarnos?  
Mitos

Los usuarios móviles no usan 
Internet  
Mitos

Los usuarios prefieren las 
versiones de escritorio a las 
versiones móviles  
Mitos

Poca gente Sene un iPhone  
Mitos

Es preferible hacer una versión 
para todos los móviles y una 
versión para escritorio.    
Mitos

Mis visitantes no usan móviles  
Mitos

Los stores son el futuro, por lo 
tanto no es web 
DOS ENEMIGOS


La propia inexistencia 

Las aplicaciones naSvas 
Positivo

     Tecnologías muy conocidas 

      Herramientas, Frameworks, IDEs  

       Web APIs 

        Tiempo en el mercado corto 

         PorSng 

          ApplicaSon Stores!  

           Dentro de todo, pocos motores de render 

            Fácil de portar desde escritorio 
Negative

     Seguimos requiriendo porSng 

      Debugging 

       Estándares 

        No es naSvo 

         Rendimiento 

          No es para todos los Spos de aplicaciones 
Podemos           No Podemos
Aplicaciones        Juegos 2D* 

Web Mashups         Juegos 3D 

Clientes Móviles    Apps High CPU 

SiSos Web           Apps de Fondo* 

Juegos Casuales 
Arquitectura
Arquitectura
Arquitectura
Cross Platform Standards
Cross Platform Standards
For markup 

   HTML 4.0 

   XHTML MP 1.1 

   JavaScript 

   AJAX 

   CSS 2.1 

   HTML 5 y CSS 3 

   GeolocaSon API 

   Metadatos – de facto 
Cross Platform Standards
For packaging 

   W3C Widget 

   Apple Widget 

For Mobile Pla7orm Access 

   W3C GeolocaSon 

   BONDI  

   HTML 5 

   Google Gears 

   Nokia Plahorm Services 2.0 
Cross Platform Standards
For packaging 

   W3C Widget 

   Apple Widget 

For Mobile Pla7orm Access 

   W3C GeolocaSon 

   BONDI  

   HTML 5 

   Google Gears 

   Nokia Plahorm Services 2.0 
                                  ad.ag/jgwajg 
Herramientas
Herramientas
 Para codificar 
 
   Aptana / Eclipse 
 
   Adobe Dreamweaver 
 
   Visual Studio 

 For empaquetar / firmar 
 
   Nokia WRT plugins 
 
   Motodev.UI 
 
   Mojo SDK 
 
   PhoneGap 
 
   Cualquier compresor ZIP! 
Let’s talk about platforms!
Plataformas
Otros Proyectos similares!
  •  HTML based 
     –  ACCESS NetFront Widgets 
  •  Adobe Flash based 
     –  Sony Ericsson’s Capuchin Project 
     –  Nokia Flash (NFL Format) for S40 
     –  Flash Mobile Packager 
  •  XML and some script based 
     –  Prosciuqo Project (Java ME) 
     –  Yahoo! Blueprint 
     –  Orange Djinngo 
     –  Sun Java On Device Portal 
Comparativa de Widgets / Offline Web



Available Today


Browser Engine
                  WebKit    IE    WebKit    Opera     WebKit 

Package Type


Signing


Standards
                                                 Bondi 

Distribution Channel
Podremos crear un sólo código
 para todas las plataformas?
GRACIAS! 
 Twiqer.com/firt 
 www.firt.mobi 
 www.mobileSnyurl.com 
 www.itmaster.com.ar 

Pictures from freedigitalphotos.net 

Barcamp Mobile Web