Honduras Global: Mobile Web, Presentacion para UJCV
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
3.
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.
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
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(…);
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