Motorola Mobility                                                                                                         ...
MOTODEV App Summit                                          Página 2•  1 DESCRIPCIÓN GENERAL DEL DISPOSITIVO•  2 PROGRAMAC...
MOTODEV App Summit                       Página 3                                            Página   Descripción general ...
MOTODEV App Summit                                      Página 4                                                          ...
MOTODEV App Summit                   Página 5                                        Página   Funcionamiento en red    •  ...
MOTODEV App Summit                                        Página 6                                                        ...
MOTODEV App Summit                                         Página 7                                                       ...
MOTODEV App Summit                          Página 8                                               Página   Software      ...
MOTODEV App Summit                                               Página 9                                                 ...
MOTODEV App Summit                                      Página 10                                                         ...
MOTODEV App Summit                                         Página 11                                                      ...
Cómo programar la cámarafrontalMOTOROLA and the Stylized M Logo are trademarks or de fábrica o marcas registradas deTradem...
MOTODEV App Summit                                      Página 13                                                         ...
MOTODEV App Summit                                            Página 14                                                   ...
MOTODEV App Summit                                            Página 15                                                   ...
MOTODEV App Summit                                                    Página 16                                           ...
MOTODEV App Summit                                                   Página 17                                            ...
Cómo crear aplicaciones quese ejecutan a través dedispositivosMOTOROLA and the Stylized M Logo are trademarks or de fábric...
MOTODEV App Summit                                             Página 19                                                  ...
MOTODEV App Summit                                 Página 20                                                      Página  ...
MOTODEV App Summit                                                          Página 21                                     ...
MOTODEV App Summit                               Página 22                                                    Página   Eje...
Tegra 2 ChipsetMOTOROLA and the Stylized M Logo are trademarks or de fábrica o marcas registradas deTrademark Holdings, LL...
MOTODEV App Summit                                                 Página 24                                              ...
MOTODEV App Summit                                          Página 25                                                     ...
¿Qué hace la aplicaciónWebtop?MOTOROLA and the Stylized M Logo are trademarks or de fábrica o marcas registradas deTradema...
MOTODEV App Summit                                               Página 27                                                ...
MOTODEV App Summit                                    Aplicación Webtop          Página 28                                ...
MOTODEV App Summit                                                          Página 29                                     ...
MOTODEV App Summit                                                          Página 30                                     ...
MOTODEV App Summit                                         Página 31                                                      ...
Soporte HTML5MOTOROLA and the Stylized M Logo are trademarks or de fábrica o marcas registradas deTrademark Holdings, LLC....
MOTODEV App Summit                                       Página 33                                                        ...
MOTODEV App Summit                                              Página 34                                                 ...
MOTODEV App Summit                                          Página 35                                                     ...
MOTODEV App Summit                                          Página 36                                                     ...
MOTODEV App Summit                                          Página 372D rendering onto a canvas    •  test for feature sup...
MOTODEV App Summit                                                 Página 38Local Storage    •  test for feature support. ...
MOTODEV App Summit                                        Página 39Geolocation    •  test for feature support.    If prese...
MOTODEV App Summit                               Página 40                                                    Página      ...
MOTODEV App Summit                                               Página 41                ¿Desea	  formular	  alguna	     ...
MOTODEV App Summit                                                                    Página 42                           ...
MOTODEV App Summit                                                                                Página 43               ...
MOTODEV App Summit                                                                                               Página 44...
MOTODEV App Summit                  Página 45   © 2011 Motorola Mobility, Inc.
Upcoming SlideShare
Loading in …5
×

Cómo aprovechar Webtop Cómo HTML5 mejora la experiencia del usuario

952 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
952
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Cómo aprovechar Webtop Cómo HTML5 mejora la experiencia del usuario

  1. 1. Motorola Mobility Peter van der Linden Evangelista de la tecnología Android Desarrollador de Plataformas y ServiciosCómo aprovechar WebtopCómo HTML5 mejora la experiencia del usuarioMOTOROLA and the Stylized M Logo are trademarks or registered trademarks of Motorola Trademark Holdings, LLC.All other trademarks are the property of their respective owners. © 2011 Motorola Mobility, Inc. All rights reserved.
  2. 2. MOTODEV App Summit Página 2•  1 DESCRIPCIÓN GENERAL DEL DISPOSITIVO•  2 PROGRAMACIÓN DE LA CÁMARA FRONTAL•  3 CREACIÓN DE APLICACIONES QUE SE EJECUTAN A TRAVÉS DE DISPOSITIVOS•  4 QUÉ HACE LA APLICACIÓN WEBTOP © 2011 Motorola Mobility, Inc.
  3. 3. MOTODEV App Summit Página 3 Página Descripción general del dispositivo •  Motorola ATRIX 4G MB860 •  “Candy bar” de 11mm de grosor •  Pantalla de 4 pulgadas, qHD (540 x 960), 240 dpi, color de 24 bits •  Procesador NVIDIA Tegra 2 doble núcleo de 1GHz •  Android 2.2.1 (Froyo) •  1930 mAh Batería de polímero de iones de litio © 2011 Motorola Mobility, Inc.
  4. 4. MOTODEV App Summit Página 4 Página RAM/ROM •  1 GB RAM •  2 GB de almacenamiento seguro •  10,7 GB de almacenamiento compartido no removible •  Máximo de 32 GB de almacenamiento compartido removible micro SDHC © 2011 Motorola Mobility, Inc.
  5. 5. MOTODEV App Summit Página 5 Página Funcionamiento en red •  W-CDMA 850/1900/2100 •  GSM 850/900/1800/1900 •  HSDPA 14Mbps (categoría 10) •  Wi-Fi, Bluetooth… © 2011 Motorola Mobility, Inc.
  6. 6. MOTODEV App Summit Página 6 Página Cámaras y video •  Cámaras frontal y posterior o  Posterior: 5 megapíxeles, enfoque automático, flash LED dual o  Frontal: VGA (640x480) con enfoque fijo •  Grabación y reproducción de video o  720p HD, 30fps o  Reproducción en pantalla del dispositivo o mediante puerto HDMI © 2011 Motorola Mobility, Inc.
  7. 7. MOTODEV App Summit Página 7 Página Sensores de hardware •  Acelerómetro •  Magnetómetro (brújula) •  Sensor de proximidad •  Sensor de luz ambiente •  Lector biométrico de huellas digitales o  Desbloquea el teléfono con mayor seguridad o  Ninguna API para acceder al lector en este momento © 2011 Motorola Mobility, Inc.
  8. 8. MOTODEV App Summit Página 8 Página Software •  Navegador Android WebKit •  Adobe® Flash® Player •  Aplicación webtop o  Aplicación File Manager •  Aplicación Entertainment Center © 2011 Motorola Mobility, Inc.
  9. 9. MOTODEV App Summit Página 9 Página Accesorios: Lapdock •  Bahía factor de forma para laptop 2,4 lbs •  Pantalla de 11.6" •  Teclado completo, trackpad con clic izquierdo y derecho •  Dos puertos USB, conectores de bahía para ATRIX •  Altavoces estéreo •  Batería integrada o  Carga el ATRIX © 2011 Motorola Mobility, Inc.
  10. 10. MOTODEV App Summit Página 10 PáginaAccesorios:HD Bahía multimedios •  Conectores de bahía micro USB y HDMI •  Conecta el teléfono a un monitor HD o televisor HD •  Conecta los periféricos o  Teclado o ratón USB o  Dispositivos USB de almacenamiento masivo •  Control remoto © 2011 Motorola Mobility, Inc.
  11. 11. MOTODEV App Summit Página 11 Página Recursos de ATRIX •  Complemento de SDK o  http://developer.motorola.com/docstools/tools/ •  Artículo sobre descripción general de la aplicación Webtop o  http://developer.motorola.com/docstools/library/ •  Especificaciones del dispositivo o  http://developer.motorola.com/products/atrix-mb860/ © 2011 Motorola Mobility, Inc.
  12. 12. Cómo programar la cámarafrontalMOTOROLA and the Stylized M Logo are trademarks or de fábrica o marcas registradas deTrademark Holdings, LLC. MOTOROLA y el logotipo estilizado son marcas registered trademarks of Motorola Motorola Trademark Holdings, LLC.All otherTodas las demás marcas comerciales son propiedad de sus respectivos dueños. ©Inc. All rights reserved. Inc. Todos los trademarks are the property of their respective owners. © 2011 Motorola Mobility, 2011 Motorola Mobility, derechos reservados.
  13. 13. MOTODEV App Summit Página 13 Página API de cámara frontal •  Proporciona acceso mediante programación a la cámara frontal •  API específica de Motorola (porque la cámara frontal es específica de Motorola) •  Presente en 2.2 (Froyo) •  Obsoleto, pero todavía presente, en 2.3 (Gingerbread) o  Gingerbread tiene una API Google estándar, Froyo no © 2011 Motorola Mobility, Inc.
  14. 14. MOTODEV App Summit Página 14 PáginaAPI de cámara frontal •  Librería (lib) com.motorola.hardware.frontcamera.FrontCamera •  Un método: static Camera getFrontCamera(); •  Devuelve un objeto estándar “Camera” Android; tratarlo como cualquier otro •  ¡Eso es todo lo que hay que hacer! . © 2011 Motorola Mobility, Inc.
  15. 15. MOTODEV App Summit Página 15 PáginaAPI de cámara frontalimport com.motorola.hardware.frontcamera.FrontCamera;import android.hardware.Camera;Camera frontCam = FrontCamera.getFrontCamera();// frontCam representa la cámara frontal// tratarlo como cualquier otro objeto “Camera”...frontCam.release(); // siempre libere cuando haya terminado © 2011 Motorola Mobility, Inc.
  16. 16. MOTODEV App Summit Página 16 PáginaArchivo Manifest de la cámara frontal <uses-library android:name="com.motorola.hardware.frontcamera"/> <uses-feature android:name="android.hardware.camera"/> <uses-permission android:name="android.permission.CAMERA"/> © 2011 Motorola Mobility, Inc.
  17. 17. MOTODEV App Summit Página 17 PáginaConsejos acerca de la cámara frontral•  Este código no funciona en el emulador, pruébelo en el dispositivo•  El complemento de SDK de ATRIX contiene un archivo jar que se puede utilizar para que sus aplicaciones compilen o  ffc_api_stub.jar•  Ver el artículo sobre API de cámara frontal de Motorola para obtener instrucciones sobre la forma de agregar este archivo jar a su proyecto o  "Motorola Front-Facing Camera API" - http://developer.motorola.com/ docstools/library/ motorola-front-facing-camera-api/ © 2011 Motorola Mobility, Inc.
  18. 18. Cómo crear aplicaciones quese ejecutan a través dedispositivosMOTOROLA and the Stylized M Logo are trademarks or de fábrica o marcas registradas deTrademark Holdings, LLC. MOTOROLA y el logotipo estilizado son marcas registered trademarks of Motorola Motorola Trademark Holdings, LLC.All otherTodas las demás marcas comerciales son propiedad de sus respectivos dueños. ©Inc. All rights reserved. Inc. Todos los trademarks are the property of their respective owners. © 2011 Motorola Mobility, 2011 Motorola Mobility, derechos reservados.
  19. 19. MOTODEV App Summit Página 19 Página Cómo utilizar las API específicas de Motorola •  El código de la cámara frontal no se ejecuta sin la librería necesaria •  Usted puede utilizar la reflexión (“reflection”) para detectar y utilizar API solamente en aquellos dispositivos que tengan la librería © 2011 Motorola Mobility, Inc.
  20. 20. MOTODEV App Summit Página 20 Página Ejemplo de reflexión – cambio en el manifesto<uses-libraryandroid:name="com.motorola.hardware.frontcamera”android:required="false" /> © 2011 Motorola Mobility, Inc.
  21. 21. MOTODEV App Summit Página 21 Página Ejemplo de reflexión – poner todo en una subclaseprivate static class ConditionalFrontCamera { public static Camera getFrontCamera(){ try { Method fcMethod = Class.forName( "com.motorola.hardware.frontcamera.FrontCamera") .getDeclaredMethod("getFrontCamera", (Class[])null); return (Camera) fcMethod.invoke( (Object[])null, (Object[])null); } catch (Exception ex){ return null; } }} © 2011 Motorola Mobility, Inc.
  22. 22. MOTODEV App Summit Página 22 Página Ejemplo de reflexión – utilizar la subclase Camera frontCam = ConditionalFrontCamera.getFrontCamera(); if(frontCam != null) { // Tengo la cámara frontal. Proceder } else { // No hay cámara frontal } © 2011 Motorola Mobility, Inc.
  23. 23. Tegra 2 ChipsetMOTOROLA and the Stylized M Logo are trademarks or de fábrica o marcas registradas deTrademark Holdings, LLC. MOTOROLA y el logotipo estilizado son marcas registered trademarks of Motorola Motorola Trademark Holdings, LLC.All otherTodas las demás marcas comerciales son propiedad de sus respectivos dueños. ©Inc. All rights reserved. Inc. Todos los trademarks are the property of their respective owners. © 2011 Motorola Mobility, 2011 Motorola Mobility, derechos reservados.
  24. 24. MOTODEV App Summit Página 24 Página Arquitectura de PC clásica CPU Northbridge GPU RAM Southbridge PCI SATA USB © 2011 Motorola Mobility, Inc.
  25. 25. MOTODEV App Summit Página 25 Página Tegra 2 – de alta velocidad •  es un verdadero sistema en un solo microprocesador (“System-on-a-Chip”) o  Northbridge, Southbridge, CPUs y GPU •  CPU ARM de doble núcleo, arquitectura de ver 7 o  Cada uno funciona a 1 GHz o  Fabs pasó a núcleo múltiple porque no podían añadir velocidad (debido al calor), pero tenían “die room” (debido a la Ley de Moore) o  las unidades cuádruples llegarán pronto … © 2011 Motorola Mobility, Inc.
  26. 26. ¿Qué hace la aplicaciónWebtop?MOTOROLA and the Stylized M Logo are trademarks or de fábrica o marcas registradas deTrademark Holdings, LLC. MOTOROLA y el logotipo estilizado son marcas registered trademarks of Motorola Motorola Trademark Holdings, LLC.All otherTodas las demás marcas comerciales son propiedad de sus respectivos dueños. ©Inc. All rights reserved. Inc. Todos los trademarks are the property of their respective owners. © 2011 Motorola Mobility, 2011 Motorola Mobility, derechos reservados.
  27. 27. MOTODEV App Summit Página 27 Página Motorola Lapdock Es un entorno que utiliza la energía de la CPU del teléfono para respaldar un navegador de desktop completamente independiente . © 2011 Motorola Mobility, Inc.
  28. 28. MOTODEV App Summit Aplicación Webtop Página 28 Página Vista del móvil HTML, js © 2011 Motorola Mobility, Inc. Android Aplicaciones Versión 1.0 web
  29. 29. MOTODEV App Summit Página 29 Página USB de almacenamiento masivo © 2011 Motorola Mobility, Inc. Versión 1.0 © 2011 Motorola Mobility, Inc.
  30. 30. MOTODEV App Summit Página 30 Página Navegador móvil vs. navegador de desktop © 2011 Motorola Mobility, Inc. Versión 1.0 © 2011 Motorola Mobility, Inc.
  31. 31. MOTODEV App Summit Página 31 Página ¿Qué hace la aplicación Webtop? •  Se inicia automáticamente cuando la bahía está conectada a la pantalla •  Lapdock de Motorola para Motorola ATRIX 4G proporciona pantalla y teclado/puntero en una unidad •  Le brinda un Firefox 3.6.13 Desktop de tamaño completo en una pantalla de 11,5 pulgadas •  Interfaz de acceso a la nube (“cloud”) . © 2011 Motorola Mobility, Inc.
  32. 32. Soporte HTML5MOTOROLA and the Stylized M Logo are trademarks or de fábrica o marcas registradas deTrademark Holdings, LLC. MOTOROLA y el logotipo estilizado son marcas registered trademarks of Motorola Motorola Trademark Holdings, LLC.All otherTodas las demás marcas comerciales son propiedad de sus respectivos dueños. ©Inc. All rights reserved. Inc. Todos los trademarks are the property of their respective owners. © 2011 Motorola Mobility, 2011 Motorola Mobility, derechos reservados.
  33. 33. MOTODEV App Summit Página 33 Página HTML 5 •  revisión más reciente de la norma HTML por W3C •  trabajo en progreso, metas: •  soportar aplicaciones Web •  reducir la necesidad de plugins •  mejor manejo de los errores •  independencia de dispositivo •  lenguaje de marcado (“markup”) para reemplazar secuencias de comandos © 2011 Motorola Mobility, Inc.
  34. 34. MOTODEV App Summit Página 34 Página HTML 5 •  muchos elementos y atributos nuevos section, article, aside, hgroup, header, footer, nav, figure, video, audio, canvas, datalist, embed, mark, etc. © 2011 Motorola Mobility, Inc.
  35. 35. MOTODEV App Summit Página 35 Página Firefox 3.6 soporta •  Arrastrar y soltar (“drag & drop”) nativo •  Caché de archivos de aplicación, especificado por el desarrollador •  Reproducción de audio WAV y OGG en <audio> •  Ver http://developer.motorola.com/docstools/library/ webtop-application-overview/ © 2011 Motorola Mobility, Inc.
  36. 36. MOTODEV App Summit Página 36 Página Firefox 3.6 también soporta •  Vista 2D de Javascript a <canvas> •  Web Storage para almacenar los datos en el disco duro del usuario, para que la aplicación web esté disponible fuera de línea (pares de clave / valor) •  Acceso a geolocalización por Javascript •  Más información en http://www.html5rocks.com © 2011 Motorola Mobility, Inc.
  37. 37. MOTODEV App Summit Página 372D rendering onto a canvas •  test for feature support. If present, use it. <canvas id="myc" width="500" height="300"></canvas>! <script>! function supportsCanvas() {! return !!document.createElement(canvas).getContext;! }! var head = new Image(); head.src="head.jpg”;! var myc = document.getElementById("myc");! var cxt = myc.getContext("2d");! head.onload = function () {! cxt.drawImage(head, 0, 0);! }! © 2011 Motorola Mobility, Inc.
  38. 38. MOTODEV App Summit Página 38Local Storage •  test for feature support. If present, use it. function supportsLocalStorage() {! return (localStorage in window) ! && window[localStorage]!==null;! }! try {! var msg = "localStorage is working OK <br>";! localStorage.setItem("key", msg );! } catch (e) {! document.write("Excpn in local storage");! }! document.write( localStorage.getItem("key") );! © 2011 Motorola Mobility, Inc.
  39. 39. MOTODEV App Summit Página 39Geolocation •  test for feature support. If present, use it. function supportsGeolocation() {! return !!navigator.geolocation;! }! function savePos(pos) {! var lat = pos.coords.latitude;! var lon = pos.coords.longitude;! }! try {! navigator.geolocation.getCurrentPosition(savePos);! } catch (e) {! © 2011 Motorola Mobility, Inc.
  40. 40. MOTODEV App Summit Página 40 Página Preguntas y respuestas © 2011 Motorola Mobility, Inc.
  41. 41. MOTODEV App Summit Página 41 ¿Desea  formular  alguna   pregunta? Brasil - #appsum11br Argentina - #appsum11ar México - #appsum11mx community-developer.motorola.com   © 2011 Motorola Mobility, Inc.
  42. 42. MOTODEV App Summit Página 42 gracias horario  comercial    junio  ?,  ??horario  a.m.  de  la2noamérica     moto.ly/officehours/??? © 2011 Motorola Mobility, Inc.
  43. 43. MOTODEV App Summit Página 43 Página LicenciasLos ejemplos de código fuente que aparecen en esta presentación pueden estar bajo licencia deApache License, versión 2 de la siguiente manera:Copyright © 2010, Proyecto Código Abierto Android. Todos los derechos reservados, salvo indicaciónexpresa en contrario.Con licencia de Apache, Versión 2.0 (la "Licencia"); no podrá usar este archivo, salvo que cumpla con loque establece la licencia. Puede obtener una copia de la licencia enhttp://www.apache.org/licenses/LICENSE-2.0.Salvo que lo exija la legislación vigente o se preste conformidad por escrito, el software distribuido bajolicencia, se distribuye "EN EL ESTADO EN QUE SE ENCUENTRA" SIN GARANTÍAS DE NINGÚN TIPO,explícitas o implícitas. Consulte la Licencia para ver los permisos y las limitaciones que rigen para laLicencia según el idioma específico. © 2011 Motorola Mobility, Inc.
  44. 44. MOTODEV App Summit Página 44 Página LicenciasLos ejemplos de código fuente que aparecen en esta presentación pueden estar bajo licencia deBSD, de la manera siguiente:Copyright © 2010-2011, Motorola, Inc. Todos los derechos reservados, salvo que se indique explícitamente lo contrarioSe permite la redistribución y el uso en forma de fuente o binaria, con o sin modificación, siempre y cuando se cumplan lassiguientes condiciones:Las redistribuciones del código fuente deben conservar el aviso de derechos de autor arriba mencionado, la presenta lista decondiciones y el siguiente descargo de responsabilidad.Las redistribuciones en forma binaria deben reproducir el aviso de derechos de autor arriba mencionado, la presente lista decondiciones y el siguiente descargo de responsabilidad en la documentación y/u otros materiales suministrados con ladistribución.Ni el nombre de Motorola, Inc. ni los nombres de sus distribuidores pueden usarse para avalar o promover productos quederiven de este software sin previa autorización específica por escrito.EL PRESENTE SOFTWARE SE SUMINISTRA POR LOS TITULARES Y CONTRIBUYENTES DE LOS DERECHOS DEAUTOR EN EL ESTADO EN QUE SE ENCUENTRA Y NO SE RENUNCIA A NINGUNA EXPRESIÓN NI GARANTÍAIMPLÍCITA, A TÍTULO ENUNCIATIVO, LAS GARANTÍAS DE COMERCIALIZACIÓN IMPLÍCITAS Y APTITUD PARA UNOBJETIVO PARTICULAR. EN NINGÚN CASO PODRÁ EL TITULAR DE LOS DERECHOS DE AUTOR O LOSCONTRIBUYENTES SER RESPONSABLE POR NINGÚN DAÑO Y PERJUICIO DIRECTO, INDIRECTO, INCIDENTAL,ESPECIAL, PUNITIVO, O CONSECUENCIAL (A TÍTULO ENUNCIATIVO DE ABASTECIMIENTO DE BIENES OSERVICIOS DE SUSTITUCIÓN; PÉRDIDA DE USO, DATOS O GANANCIAS O INTERRUPCIÓN DE ACTIVIDADES)INDEPENDIENTEMENTE DE SU ORIGEN Y DE TODA TEORÍA DE RESPONSABILIDAD, YA SEA EN EL CONTRATO, LARESPONSABILIDAD ESTRICTA O POR LESIÓN JURÍDICA (INCLUSO NEGLIGENCIA O DE OTRO MODO) QUE SURJADE ALGUNA MANERA DEL USO DE ESTE SOFTWARE, INCLUSO SI SE ADVIRTIÓ DE LA POSIBILIDAD DE DICHODAÑO. © 2011 Motorola Mobility, Inc.
  45. 45. MOTODEV App Summit Página 45 © 2011 Motorola Mobility, Inc.

×