Presentacion de Web Movil para UJCV. "Mobile Web" presentation for UJCV: UJCV: Universidad Jose Cecilio del Valle.

1. FUNDACION SALVADOR MONCADA PARA EL AVANCE DE LA CIENCIA SEPLAN Movil WebEdwin Hernandez, PhDTegucigalpa, 10 de agosto de 2010

2. Introducción Dr. Edwin A. Hernandez 10 de Agosto, 2010 edwin@edwinhernandez.com (c) 2010 - Rapid Mobile Technologies, Inc and UBIWIRELESS, LLC

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. Experiencia en la Industria de Software en Estados Unidos

6. Microsoft: Redmond, WA. Windows Networking

8. MuchosTelefonos son Linux Android Otrasplatformas: Windows Mobile, BREW, MOCA Tienen Stacks : Middleware J2ME – Java Micro-Edition (90% del Mundo) e.g. Blackberry Android: Ha ganadomarketshare iPhone: IOS 4.0 (Apple) (c) 2010 - UBIWIRELESS, LLC PlataformasMóviles

9. Paradigmas de los Navegadores Servidor entre el internet, el proveedor de telefonía, ysuteléfonomóvil Contenido Web esmanipuladoyconvertido a cada factor de forma Comunicacióndirecta entre el servidory el teléfono, talcomo la PC El contenidodepende del servidor, se debedetectar el tipo de dispositivoyproveer el contenidoespecifico Safari Opera Browser (c) 2010 - UBIWIRELESS, LLC

10. El Comienzo: WAP Proxy WAP: Wireless Application Protocol Casi 100% Texto en el Web (c) 2010 - UBIWIRELESS, LLC OBSOLETO

11. Para 2001, aplicaciones son creadas en: J2ME: Motorola, Samsung, LG, Nokia, Blackberry Incluyendo el Navegador! Evolución: AplicacionesMóvilespara el Web (c) 2010 - UBIWIRELESS, LLC

12. HTML: Rendering Engines en Móvil HTML : Gráficasyproyectosparavisualizar el Web Webkit: Open source project: Navegadores: Safari, Google Android Gecko : Open source project. Mozilla project Presto : Propietario (Opera browser, derivatives Nintendo DS, Wii)‏ Otrassoluciones: iCAB, KHTML, Trident/Tasman (Microsoft)‏ (c) 2010 - UBIWIRELESS, LLC

13. HTML en el móvil 2007-2010 WEBKIT (c) 2010 - UBIWIRELESS, LLC

14. Web 2.0 y el Móvil HTML evolucionay cambia a HTML 5.0 yessoportadoporWebKit HTML puedeintroducirse en aplicacionesnativas a traves de WebViews (c) 2010 - UBIWIRELESS, LLC WebView

15. Mercado del “Web” Móvil (c) 2010 - UBIWIRELESS, LLC Fuente: Mercado de tráfico móvil , Admob, Marzo 2010

16. Un navegador simple basado en Webkit Ejemplo (c) 2010 - UBIWIRELESS, LLC

17. Webkit Webkit es un “rendering” engine, es decir: Recibe el HTML como entrada, carga todos los recursos y los coloca juntos en un canvas. Este canvas puede convertirse en una imagen “.png” o “.svg” con tanto texto, tablas, css, y hasta las animaciones. Usaremos: QWebPage parte de la QtWebKit http://doc.qt.nokia.com/4.6/qwepage.html

18. Que hay que hacer Extender la clase Qobject parte del Qt Framework. Una vez que se encuentra cargado e inicializado el Layout de QWebFrame QWebFrame *mFrame = mPage->mainFrame(); Qpainterpainter: // Canvas mPage->setViewPoertSize(…) Qimageimage(mPage->viewPoertSize, RGB32); mainFrame->render(&Painter); Qimage.save(…);

19. Test: http://ccard.eglacomm.net/webkit/?url=http://www.cnn.com/&filename=cnn.com

21. Performance Para ejecutar el codigo, hay que crear una session de Xviewviaxvfb-run, y definir un screensize de 320x240x16 Solucion: Un serverfarm o virtualizacion para tener Xviews dedicados a hacer el rendering y un sistema de Cache para reusar el rendering de otros.

22. Oportunidades WAP va a desparecer, lasestadisticas lo demuestran Promocionar a traves de aplicaciones El Móvil Web estapermanentemente en nuestrasmanos Las posiblidades de hacerunamarcaincreibles! Para en 2015, todos los telefonosseran “Smartphones” (c) 2010 - UBIWIRELESS, LLC

23. Pasos a sus Empresas A corto plazo: Crear aplicaciones que soporten browsers nativos (Opera, Webkit) Formatos: Varios htmlframeworks, para mostrar móvil A mediano Plazo Una estrategia móvil en la que se puedan desarrollar aplicaciones para las plataformas mas comunes Promociones, juegos, interactividad de un marca A largo Plazo Integrar multimedia y servidores nativos con sus clientes (c) 2010 - UBIWIRELESS, LLC

24. USER AGENT: Detección del móvil function mobile_device_detect($iphone=true,$android=true,$opera=true,$blackberry=true,$palm=true,$windows=true,$mobileredirect=false,$desktopredirect=false){ $mobile_browser = false; // set mobile browser as false till we can prove otherwise $user_agent= $_SERVER['HTTP_USER_AGENT']; // get the user agent value - this should be cleaned to ensure no nefarious input gets executed $accept = $_SERVER['HTTP_ACCEPT']; // get the content accept value - this should be cleaned to ensure no nefarious input gets executed case (eregi('ipod',$user_agent)||eregi('iphone',$user_agent)); // we find the words iphone or ipod in the user agent (c) 2010 - UBIWIRELESS, LLC

25. Comencemos Hoy mismo Al Detectar un navegador movil, crear pagina especial para cada uno de ellos. (c) 2010 - UBIWIRELESS, LLC

26. Preguntas y Respuestas Gracias! @edwinhm@ubiwirelessedwin@edwinhernandez.com (c) 2010 - UBIWIRELESS, LLC