0
FUNDACION <br />SALVADOR MONCADA<br />PARA EL AVANCE DE LA CIENCIA<br />SEPLAN<br />Movil WebEdwin Hernandez, PhDTegucigal...
Introducción<br />Dr. Edwin A. Hernandez<br />10 de Agosto, 2010<br />edwin@edwinhernandez.com<br />(c) 2010 - Rapid Mobil...
Dr. Edwin A. Hernandez<br />Ingeniero en Electrónica, MaestríayDoctorado en IngenieríaEléctricayComputadoras.<br /><ul><li...
Inventor con 5 Patentes asignadas, y 7 por asignar. Participación en foros y paneles de IEEE/ACM, publicaciones y editor p...
Experiencia en la Industria de Software en Estados Unidos
Microsoft: Redmond, WA.  Windows Networking
Motorola: Plantation, FL. Mobile Devices</li></li></ul><li>Introducción<br />Actualidad de la tecnología web ymóvil<br />P...
MuchosTelefonos son Linux<br />Android<br />Otrasplatformas: Windows Mobile, BREW, MOCA<br />Tienen Stacks : Middleware<br...
Paradigmas de los Navegadores<br />Servidor entre el internet, el proveedor de telefonía, ysuteléfonomóvil<br />Contenido ...
El Comienzo: WAP Proxy<br />WAP: Wireless Application Protocol<br />Casi 100% Texto en el Web<br />(c) 2010 - UBIWIRELESS,...
Para 2001, aplicaciones son creadas en:<br />J2ME: Motorola, Samsung, LG, Nokia, Blackberry<br />Incluyendo el Navegador! ...
HTML: Rendering Engines en Móvil<br />HTML : Gráficasyproyectosparavisualizar el Web<br />Webkit: Open source project:  Na...
HTML en el móvil 2007-2010<br />WEBKIT<br />(c) 2010 - UBIWIRELESS, LLC <br />
Web 2.0 y el Móvil<br />HTML evolucionay cambia a HTML 5.0 yessoportadoporWebKit<br />HTML puedeintroducirse en aplicacion...
Mercado del “Web” Móvil<br />(c) 2010 - UBIWIRELESS, LLC <br />Fuente:   Mercado de tráfico móvil , Admob, Marzo 2010<br />
Un navegador simple basado en Webkit<br />Ejemplo<br />(c) 2010 - UBIWIRELESS, LLC <br />
Webkit<br />Webkit es un “rendering” engine, es decir:<br />Recibe el HTML como entrada, carga todos los recursos y los co...
Que hay que hacer<br />Extender la clase Qobject parte del Qt Framework.<br />Una vez que se encuentra cargado e inicializ...
Test: http://ccard.eglacomm.net/webkit/?url=http://www.cnn.com/&filename=cnn.com<br />
Performance<br />Para ejecutar el codigo, hay que crear una session de Xviewviaxvfb-run, y definir un screensize de 320x24...
Oportunidades<br />WAP va a desparecer,  lasestadisticas lo demuestran<br />Promocionar a traves de aplicaciones<br />El M...
Pasos a sus Empresas<br />A corto plazo:<br />Crear aplicaciones que soporten browsers nativos (Opera, Webkit)<br />Format...
Upcoming SlideShare
Loading in...5
×

Honduras Global: Mobile Web, Presentacion para UJCV

975

Published on

Presentacion de Web Movil para UJCV.

"Mobile Web" presentation for UJCV:

UJCV: Universidad Jose Cecilio del Valle.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
975
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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 />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×