APLICACIÓN UTILIZANDO APP INVENTORInstituto Tecnológico de Chilpancingo Sistemas y Computación Ingeniería en Sistemas Computacionales CREACION DE APLICACIÓN ANDROID UTILIZANDO APP INVENTOR Materia: Taller de Computo Móvil Profesor: M. en C. José Mario Martínez Castro Alumnos: Raúl Galindo Hernández Adrián Daniel Muñoz García Chilpancingo, Guerrero, 10 de Noviembre de 2014. INSTITUTO TECNOLÓGICO DE CHILPANCINGO 1 APLICACIÓN UTILIZANDO APP INVENTOR Índice 1 Introducción ______________________________________________ 3 1.2 Conceptos Básicos ________________________________ 3 2 Objetivo del Manual ________________________________________10 3 Creación de Aplicación Android ___________________________ 10 4 Referencias _______________________________________________ 17 INSTITUTO TECNOLÓGICO DE CHILPANCINGO 2 . 3 DESARROLLO DE APLICACIÓN ANDROID Diseño de la Aplicación. [1] 2 OBJETIVO DEL MANUAL El objetivo de este manual es describir los pasos que se siguen para desarrollar una aplicación Android en App Inventor. Interfaz de Pantalla Principal. para poder utilizarla solo es necesario ingresar a la web y contar con una cuenta de gmail. Figura 3.2 Conceptos básicos Google App Inventor es una aplicación de Google Labs para crear aplicaciones de software para el sistema operativo Android. INSTITUTO TECNOLÓGICO DE CHILPANCINGO 3 . Esta aplicación utilizará base de datos para relacionar tres tablas.1 Interfaz de pantalla principal. 1. se mostrará como se desarrolla la interfaz y como se programará en bloques. App inventor es una herramienta cloud. App inventor no necesita de una instalación para poder ser utilizada por los diversos usuarios que disponen de ella. De forma visual y a partir de un conjunto de herramientas básicas. y agregar mediante la programación de bloques las referencias adecuadas. utilizando la herramienta App Inventor. el usuario puede ir enlazando una serie de bloques para crear la aplicación.APLICACIÓN UTILIZANDO APP INVENTOR 1 INTRODUCCIÓN En el presente documento se pretende mostrar el manual del desarrollo de una aplicación Android. 3 Programación de bloques. además una etiqueta con el titulo. huesped y hospedaje direcciona a una diferente pantalla con sus respectivas tablas. y cuatro botones . la cual será ocupada en todas las ventanas que se utilicen.APLICACIÓN UTILIZANDO APP INVENTOR La pantalla principal esta compuesta por una imagen de fondo. El boton de habitación. Figura 3. Programación por bloques de Pantalla Principal. una imagen. El botón salir obviamente realiza la opcion de cerrar todas las ventanas de la aplicación.2 Interfaz Principal. INSTITUTO TECNOLÓGICO DE CHILPANCINGO 4 . Figura 3. 4 Diseño de Pantalla Habitación. Para realizar la interfaz de la gestión de datos de la tabla habitación. editar y eliminar. INSTITUTO TECNOLÓGICO DE CHILPANCINGO 5 . Ya que se utilizará una base de datos. También se agrega un layout para agregar tres botones para realizar la operación de agregado. también se añade un layout tabla para los campos de texto en los cuales se ingresarán datos.APLICACIÓN UTILIZANDO APP INVENTOR Interfaz de Habitación. también se agrega y se le pone cualquier nombre que uno desee. Figura 3. editado y eliminado. primero se necesita una etiqueta para el titulo con nombre de Gestión. además de que para editar y eliminar se apoyará con el componente list picker para seleccionar la habitación que se quiera eliminar o editar. un layout tabla para los botones de la gestión como son agregar. Y por ultimo se añade una etiqueta para el titulo de Catálogo y otra etiqueta que contendrá todos los valores de cada habitación los cuales serán mostrados. contadorAuxiliarHabitacion: Para realizar el conteo de elementos en un ciclo. El método deshabilitarCampos. editar y eliminar. El método vaciarCamposHabitacion simplemente limpia los campos poniéndolos con cadena vacía. En esta aplicación se hará uso de métodos para que sea mejor el entendimiento del funcionamiento de la programación por bloques. si todos los campos contienen un texto. encabezadoHabitacion: Contiene un valor en texto para mostrar en catálogo. Este método fue creado para que cada vez que se realice una operación ya sea de editado. se vuelva a ocultar. También se crean variables que se ocuparan durante la aplicación. agregado o eliminado. entonces el método retorna un valor verdadero. ya que es obligatorio seleccionar una habitación antes de editar o eliminar. el list picker y los botones de operación. Cabe destacar que el layout que contiene los campos de texto y el de los botones de operación se debe de ocultar. catalogoHabitacion: Es un String en el cuál se almacena todo el texto de catálogo. El método sonValidos valida cada campo. ya que este método es utilizado cuando se realiza la operación de editar o eliminar. ya que solo será visible cuando se presione los botones. dentro de ellas se encuentran: indiceHabitacion: Para saber cuantos elementos hay en la tabla Habitación. El método ocultarCampos oculta los layout que contienen los campos de texto. INSTITUTO TECNOLÓGICO DE CHILPANCINGO 6 . deshabilita los campos de texto.APLICACIÓN UTILIZANDO APP INVENTOR Programación por bloques de Pantalla Habitación. Obviamente se desoculta al presionar los botos de agregar. APLICACIÓN UTILIZANDO APP INVENTOR valorAutoincrementalHabitacion: Se almacena el valor de el id que se incrementa. listaNombresHabitacion: Se almacena solamente los nombres de cada habitación. idEliminado: Es el valor del id que se quiere eliminar y así poder buscar. listaHabitacion: Es una lista que contiene una lista de con los valores de cada habitación que se agregue. INSTITUTO TECNOLÓGICO DE CHILPANCINGO 7 . idEditado: El valor del id que se desea editar. en este caso es el numero de la habitación. APLICACIÓN UTILIZANDO APP INVENTOR INSTITUTO TECNOLÓGICO DE CHILPANCINGO 8 . appinventor.org/ INSTITUTO TECNOLÓGICO DE CHILPANCINGO 9 .APLICACIÓN UTILIZANDO APP INVENTOR REFERENCIAS [1] App Inventor 2: http://www.