1 / 25

Introducción al Desarrollo de Aplicaciones Móviles con Android

Introducción al Desarrollo de Aplicaciones Móviles con Android. Junio 2012. Proceso de desarrollo. Estructura de la Aplicaci ó n. Datos / Objetos: Toda la l ó gica de la aplicaci ó n: clases, objetos, accesos a datos, etc.

haven
Download Presentation

Introducción al Desarrollo de Aplicaciones Móviles con Android

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Introducción al Desarrollo de Aplicaciones Móviles con Android • Junio 2012

  2. Proceso de desarrollo

  3. Estructura de la Aplicación Datos / Objetos: Toda la lógica de la aplicación: clases, objetos, accesos a datos, etc. Activities / Fragments: Controlan la presentación de los datos en pantalla. Views / Layouts: La parte gráfica de la aplicación. Definen el diseño y presentación de los datos.

  4. Estructura de la Aplicación

  5. Guías de diseño: Estructura básica de una App Action Bar: Incluye las principales “acciones” que se pueden realizar en una vista e incluye elementos de navegación. View Control: Permite al usuario cambiar entre diferentes vistas de la App. Content Area: El área donde el contenido es mostrado. Split Action Bar: Permite redistribuir las “acciones” en la parte inferior de la vista (Opcional para dispositivos pequeños).

  6. Guías de diseño: Action Bar

  7. Guías de diseño: Action bar App Icon: Regularmente es el icono de la aplicación. Es posible utilizarlo como apoyo para la navegación entre vistas. View Control: Permite al usuario cambiar entre diferentes vistas de la App. ActionIcons: Las “acciones más importantes” disponibles para esta vista. Overflowbutton: Permite incluir más “acciones” que por cuestiones de espacio no se incluyen en el Action Bar.

  8. Guías de diseño: Split Action Bar and TabNavigation MainAction Bar Top Bar: Espacio designado para el “View Control” cuando la navegación es por “Tabs”. Bottom Bar: El área designada para mostrar las “acciones” cuando se habilita el Split Action Bar.

  9. Guías de diseño: Dispositivos y pantallas Flexible: Ajustar el contenido a diferentes tamaños, altos o anchos. Optimizado: Utilizar eficientemente el espacio disponible, en especial en pantallas grandes. Tamaños y escalas: Proveer recursos (como imágenes) para diferentes tamaños y resoluciones de pantalla.

  10. Guías de diseño: Dispositivos y pantallas Tamaño de la pantalla: En pulgadas. Resolución de la pantalla: En pixeles. Orientación: Landscape o Portrait. Densidad de la pantalla: En DPI o Puntos por pulgada “Dots Per Inch”. Medida final del recurso: En DIP/DP o Pixel independiente de la resolución “DensityIndependent Pixel”.

  11. Guías de diseño: Combinando múltiples vistas

  12. Guías de diseño: Combinando múltiples vistas

  13. Guías de diseño: Iconografía Action Bar: Representa las funciones mas importantes que el usuario puede realizar dentro de la App. Generalmente son monocromáticos, sin fondo y planos. Medidas: 18x18(ldpi), 24x24(mdpi), 36x36(hdpi), 48x48(xhdpi)

  14. Guías de diseño: Iconografía Launcher: Es la representación de la aplicación en la pantalla de Home o en la lista de Aplicaciones. Medidas: 36x36(ldpi), 48x48(mdpi), 72x72(hdpi), 96x96(xhdpi)

  15. Guías de diseño: Iconografía Small / Contextual: Funcionan como acciones sobre un elemento de una lista o para indicar un estado de un elemento. Solo utilizan un color neutral y otro no-neutral para indicar dos diferentes estados. Medidas: 12x12(ldpi), 16x16(mdpi), 24x24(hdpi), 32x32(xhdpi)

  16. Guías de diseño: Iconografía Notifications: Solo si la App lanza notificaciones, identifica la notificación en la barra de estado. Generalmente deben ser blancos, sin fondo y planos. Medidas: 18x18(ldpi), 24x24(mdpi), 36x36(hdpi), 48x48(xhdpi)

  17. Requisitos para la publicación en Google Play Cuenta en Gmail: Diferente a tu cuenta personal. Pago único para publicar en Google Play: $25 Dolares Generar un certificado digital: Utilizando la herramienta “keytool” disponible en el JDK Firmar digitalmente del APK: A través de Eclipse o NetBeans Contenido: Preparar el apk, los datos y recursos para la publicación. Publicación

  18. Recursos SDK: http://developer.android.com/sdk/index.html Guía de Diseño: http://developer.android.com/design/index.html Eclipse IDE: http://www.eclipse.org/ AndroidDevelopers: http://developer.android.com/index.html

  19. Recursos AndroidAsset Studio: http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html Action Bar Sherlock: http://actionbarsherlock.com/index.html Smart Image View: http://loopj.com/android-smart-image-view/ Google Play DeveloperConsole: https://play.google.com/apps/publish/

  20. ¿Preguntas ?

  21. Direcciónde DesarrolloInformáticode ApoyoAcadémico L.S.C.A. Adair de Jesús Castillo Meza adacastillo@uv.mx L.I. Francisco Javier Jiménez Jácome frajimenez@uv.mx

More Related