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.

Honduras Global: Mobile Web, Presentacion para UJCV

1,150 views

Published on

Presentacion de Web Movil para UJCV.

"Mobile Web" presentation for UJCV:

UJCV: Universidad Jose Cecilio del Valle.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Honduras Global: Mobile Web, Presentacion para UJCV

  1. 1. FUNDACION <br />SALVADOR MONCADA<br />PARA EL AVANCE DE LA CIENCIA<br />SEPLAN<br />Movil WebEdwin Hernandez, PhDTegucigalpa, 10 de agosto de 2010<br />
  2. 2. Introducción<br />Dr. Edwin A. Hernandez<br />10 de Agosto, 2010<br />edwin@edwinhernandez.com<br />(c) 2010 - Rapid Mobile Technologies, Inc and UBIWIRELESS, LLC <br />
  3. 3. Dr. Edwin A. Hernandez<br />Ingeniero en Electrónica, MaestríayDoctorado en IngenieríaEléctricayComputadoras.<br /><ul><li>Emprendedor: Varias empresas fundadas COMPUNET, UBIWIRELESS LLC, EGLA CORP, Rapid Mobile Tech. Inc
  4. 4. Inventor con 5 Patentes asignadas, y 7 por asignar. Participación en foros y paneles de IEEE/ACM, publicaciones y editor para revistas tecnologicas.
  5. 5. Experiencia en la Industria de Software en Estados Unidos
  6. 6. Microsoft: Redmond, WA. Windows Networking
  7. 7. Motorola: Plantation, FL. Mobile Devices</li></li></ul><li>Introducción<br />Actualidad de la tecnología web ymóvil<br />Paradigmas de los navegadoresmóviles<br />Evolución del movil web<br />Queoportunidadtenemos?<br />Conferenciabasada en el artículo de la revista de la IEEE de “Pervasive Computing” denominado “War of Mobile Browsers” <br />(c) 2010 - UBIWIRELESS, LLC <br />
  8. 8. MuchosTelefonos son Linux<br />Android<br />Otrasplatformas: Windows Mobile, BREW, MOCA<br />Tienen Stacks : Middleware<br />J2ME – Java Micro-Edition (90% del Mundo) e.g. Blackberry<br />Android: Ha ganadomarketshare<br />iPhone: IOS 4.0 (Apple) <br />(c) 2010 - UBIWIRELESS, LLC <br />PlataformasMóviles<br />
  9. 9. Paradigmas de los Navegadores<br />Servidor entre el internet, el proveedor de telefonía, ysuteléfonomóvil<br />Contenido Web esmanipuladoyconvertido a cada factor de forma<br />Comunicacióndirecta entre el servidory el teléfono, talcomo la PC<br />El contenidodepende del servidor, se debedetectar el tipo de dispositivoyproveer el contenidoespecifico<br />Safari<br />Opera Browser<br />(c) 2010 - UBIWIRELESS, LLC <br />
  10. 10. El Comienzo: WAP Proxy<br />WAP: Wireless Application Protocol<br />Casi 100% Texto en el Web<br />(c) 2010 - UBIWIRELESS, LLC <br />OBSOLETO<br />
  11. 11. Para 2001, aplicaciones son creadas en:<br />J2ME: Motorola, Samsung, LG, Nokia, Blackberry<br />Incluyendo el Navegador! <br />Evolución: AplicacionesMóvilespara el Web<br />(c) 2010 - UBIWIRELESS, LLC <br />
  12. 12. HTML: Rendering Engines en Móvil<br />HTML : Gráficasyproyectosparavisualizar el Web<br />Webkit: Open source project: Navegadores: Safari, Google Android<br />Gecko : Open source project. Mozilla project<br />Presto : Propietario (Opera browser, derivatives Nintendo DS, Wii)‏<br />Otrassoluciones: iCAB, KHTML, Trident/Tasman (Microsoft)‏<br />(c) 2010 - UBIWIRELESS, LLC <br />
  13. 13. HTML en el móvil 2007-2010<br />WEBKIT<br />(c) 2010 - UBIWIRELESS, LLC <br />
  14. 14. Web 2.0 y el Móvil<br />HTML evolucionay cambia a HTML 5.0 yessoportadoporWebKit<br />HTML puedeintroducirse en aplicacionesnativas a traves de WebViews<br />(c) 2010 - UBIWIRELESS, LLC <br />WebView<br />
  15. 15. Mercado del “Web” Móvil<br />(c) 2010 - UBIWIRELESS, LLC <br />Fuente: Mercado de tráfico móvil , Admob, Marzo 2010<br />
  16. 16. Un navegador simple basado en Webkit<br />Ejemplo<br />(c) 2010 - UBIWIRELESS, LLC <br />
  17. 17. Webkit<br />Webkit es un “rendering” engine, es decir:<br />Recibe el HTML como entrada, carga todos los recursos y los coloca juntos en un canvas. <br />Este canvas puede convertirse en una imagen “.png” o “.svg” con tanto texto, tablas, css, y hasta las animaciones.<br /> Usaremos: QWebPage parte de la QtWebKit<br />http://doc.qt.nokia.com/4.6/qwepage.html<br />
  18. 18. Que hay que hacer<br />Extender la clase Qobject parte del Qt Framework.<br />Una vez que se encuentra cargado e inicializado el Layout de QWebFrame<br />QWebFrame *mFrame = mPage->mainFrame();<br />Qpainterpainter: // Canvas<br />mPage->setViewPoertSize(…)<br />Qimageimage(mPage->viewPoertSize, RGB32);<br />mainFrame->render(&Painter);<br />Qimage.save(…);<br />
  19. 19. Test: http://ccard.eglacomm.net/webkit/?url=http://www.cnn.com/&filename=cnn.com<br />
  20. 20.
  21. 21. Performance<br />Para ejecutar el codigo, hay que crear una session de Xviewviaxvfb-run, y definir un screensize de 320x240x16<br />Solucion: Un serverfarm o virtualizacion para tener Xviews dedicados a hacer el rendering y un sistema de Cache para reusar el rendering de otros.<br />
  22. 22. Oportunidades<br />WAP va a desparecer, lasestadisticas lo demuestran<br />Promocionar a traves de aplicaciones<br />El Móvil Web estapermanentemente en nuestrasmanos<br />Las posiblidades de hacerunamarcaincreibles!<br />Para en 2015, todos los telefonosseran “Smartphones”<br />(c) 2010 - UBIWIRELESS, LLC <br />
  23. 23. Pasos a sus Empresas<br />A corto plazo:<br />Crear aplicaciones que soporten browsers nativos (Opera, Webkit)<br />Formatos: Varios htmlframeworks, para mostrar móvil<br />A mediano Plazo<br />Una estrategia móvil en la que se puedan desarrollar aplicaciones para las plataformas mas comunes<br />Promociones, juegos, interactividad de un marca<br />A largo Plazo<br />Integrar multimedia y servidores nativos con sus clientes<br />(c) 2010 - UBIWIRELESS, LLC <br />
  24. 24. USER AGENT: Detección del móvil <br />function mobile_device_detect($iphone=true,$android=true,$opera=true,$blackberry=true,$palm=true,$windows=true,$mobileredirect=false,$desktopredirect=false){<br />$mobile_browser = false; // set mobile browser as false till we can prove otherwise<br />$user_agent= $_SERVER['HTTP_USER_AGENT']; // get the user agent value - this should be cleaned to ensure no nefarious input gets executed<br />$accept = $_SERVER['HTTP_ACCEPT']; // get the content accept value - this should be cleaned to ensure no nefarious input gets executed<br />case (eregi('ipod',$user_agent)||eregi('iphone',$user_agent)); // we find the words iphone or ipod in the user agent<br />(c) 2010 - UBIWIRELESS, LLC <br />
  25. 25. Comencemos Hoy mismo<br />Al Detectar un navegador movil, crear pagina especial para cada uno de ellos.<br />(c) 2010 - UBIWIRELESS, LLC <br />
  26. 26. Preguntas y Respuestas<br />Gracias! @edwinhm@ubiwirelessedwin@edwinhernandez.com<br />(c) 2010 - UBIWIRELESS, LLC <br />

×