SlideShare una empresa de Scribd logo
1 de 7
Descargar para leer sin conexión
UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE
ZACATECAS
UAP
DESARROLLO DE APLICACIONES III
INTRODUCCION A DESARROLLO DE APLICACIONES MOVILELS
Carrera: Tecnologías de la Información y Comunicación
Alumno (a): Ma. Cecilia Hernández Jiménez
Profesor: Eloy Contreras de Lira
Grado y Grupo: V-“A”
	
  
	
  
	
  
	
  
	
  
	
  
	
  
	
  
DEARROLLO DE APLICACIÓN MOVIL ANDROID
App inventor es un framework creado inicialmente por el MIT (Instituto tecnológico
de Massachusetts) y fue cogido por google, para que cualquier persona con
interés pueda crearse su propia aplicación móvil, ya sea para su empresa, para su
casa o por otros intereses.	
  
Se realizara una aplicación básica para Android utilizando App Inventor (
http://appinventor.mit.edu/explore/ ) esta aplicación tendrá dos imágenes en su
interfaz que al seleccionarla se reproducirá la risa del personaje seleccionado.
En mi aplicación lo primero que diseñe fue la interfaz grafica así asignando colores
y los elementos a utilizar (Botones, Reproductores de sonido, Etiquetas, etc.) al
igual que cargar o incluir a la aplicación las imágenes y sonidos a utilizar.
Así pude diseñar mi aplicación como lo deseaba ya con los elementos que fueron
requeridos y componentes.
En el apartado interfaz de usuario
Seleccione 2 Boten y 2 etiquetas que
fueron utilizadas.
En el apartado de Medios de
Comunicación seleccione Jugador
también aplicando 2 , que son los que
nos ayudaran a darle play a los sonidos.
En el apartado componentes nos
aparecen los componentes que
aplicamos.
En el apartado Propiedades
podemos editar color, forma,
fondos ,textos de los elementos
que se selecciones.
Ejemplo: En esa imagen vemos
las propiedades de un Botón
donde podemos asignar la
imagen como fondo.
Así seleccione los colores deseados, en cada botón o asignación de una imagen ,
a cada reproductor asigne un sonido y las etiquetas agregue el texto deseado al
igual aplicando variables en ellos creando nuestra interfaz.
Después realice la edición y asignación de bloques, para su funcionamiento a si
asignando el bloque que al seleccionar por ejemplo en Button1 ,se asigne una
condicional, después de asignar la condicional de si presiona el Button1 se
reproduzca el Player1 también a signando un bloque para eso, aparte fue
asignado otro bloque que al ser clic en el Button1 y que una ves ya este
reproducido el sonido tenga una leve vibración de 100 miliseconds.
En la Sección de Bloques seleccionamos
el botón donde queremos crear o asignar
la función como se ve seleccionamos el
botón1 y seleccionamos el Expectador
que da función al hacer un clic.
Después seleccione Jugador1 que es
para producir el sonido ,
seleccionando el Expectador de que
cuando mandemos llamarlo se
reproduzca el sonido.
En la misma sección de Jugador uno
en el apartado Expectador que
cuando mandemos llamar play1
vibre x cierto tiempo.
En el apartado de bloques en la
sección incorporado , se selecciona
Incorporado-Matematicas donde
seleccionamos el primer elemento que
será para la asignación de tiempo.
Siendo igual la asignación para el Button2 solo la diferencia son las variables para
que no se reproduzca lo mismo en lugar de Player1 que sea el 2 la programación
es la misma para ambos botones ya que tendrán la misma función.
Al ir asignando los bloques y funcionamiento , desde un principio que se asigna la
interfaz podemos ver como quedara nuestra aplicación en el móvil con ayuda de
emulador o con la aplicación App Inventor que se puede descargar directo al
celular así se escanea un código QR que se escanea con los móviles , una ves
escaneado se abre la aplicación en el celular y se puede ver el avance y
funcionamiento de lo asignado.
Una ves concluida la aplicación y ya vista en el celular , viendo sus
funcionamientos doy por concluida la aplicación quedando de este modo una ves
instalada en el móvil.

Más contenido relacionado

La actualidad más candente

Diseño de material didáctico con software libre
Diseño de material didáctico con software libreDiseño de material didáctico con software libre
Diseño de material didáctico con software libreVane Palomeque
 
Crear aplicaciones para Android en Google
Crear aplicaciones para Android en GoogleCrear aplicaciones para Android en Google
Crear aplicaciones para Android en GoogleSanti Yaguargos
 
Ambiente grafico de windows
Ambiente grafico de windowsAmbiente grafico de windows
Ambiente grafico de windowsBrenda Asnicar
 
Guia 2 de j clic sexto
Guia 2 de j clic   sextoGuia 2 de j clic   sexto
Guia 2 de j clic sextolisvancelis
 
El entorno de windows
El entorno de windowsEl entorno de windows
El entorno de windowsracso oscar
 
Para Descarga J Clic
Para Descarga J ClicPara Descarga J Clic
Para Descarga J Clicgabrielamelo
 
Documentacion appinventor
Documentacion appinventorDocumentacion appinventor
Documentacion appinventorbrenddaa
 
Flash profesional 8[1]
Flash profesional 8[1]Flash profesional 8[1]
Flash profesional 8[1]Olga Lidia
 
Informatica windows
Informatica windowsInformatica windows
Informatica windowseducardaniel
 
El sistema operativo windows
El sistema operativo windowsEl sistema operativo windows
El sistema operativo windowsJahir Gzz
 
Practicas windows xp
Practicas windows xpPracticas windows xp
Practicas windows xpIvanvaro
 
Informatica inicio
Informatica inicioInformatica inicio
Informatica iniciomarinaab
 
Ambiente gráfico
Ambiente gráficoAmbiente gráfico
Ambiente gráficoAligia
 
Ventana de windows
Ventana de windowsVentana de windows
Ventana de windowsDavid Guacho
 

La actualidad más candente (20)

Diseño de material didáctico con software libre
Diseño de material didáctico con software libreDiseño de material didáctico con software libre
Diseño de material didáctico con software libre
 
Manual para aprender Word.
Manual para aprender Word.Manual para aprender Word.
Manual para aprender Word.
 
Crear aplicaciones para Android en Google
Crear aplicaciones para Android en GoogleCrear aplicaciones para Android en Google
Crear aplicaciones para Android en Google
 
Ambiente grafico de windows
Ambiente grafico de windowsAmbiente grafico de windows
Ambiente grafico de windows
 
Guia 2 de j clic sexto
Guia 2 de j clic   sextoGuia 2 de j clic   sexto
Guia 2 de j clic sexto
 
El entorno de windows
El entorno de windowsEl entorno de windows
El entorno de windows
 
Para Descarga J Clic
Para Descarga J ClicPara Descarga J Clic
Para Descarga J Clic
 
Documentacion appinventor
Documentacion appinventorDocumentacion appinventor
Documentacion appinventor
 
Flash profesional 8[1]
Flash profesional 8[1]Flash profesional 8[1]
Flash profesional 8[1]
 
Informatica windows
Informatica windowsInformatica windows
Informatica windows
 
El sistema operativo windows
El sistema operativo windowsEl sistema operativo windows
El sistema operativo windows
 
Escritorio de windows
Escritorio de windowsEscritorio de windows
Escritorio de windows
 
Dued02
Dued02Dued02
Dued02
 
Fundamentos de Windows
Fundamentos de WindowsFundamentos de Windows
Fundamentos de Windows
 
Practicas windows xp
Practicas windows xpPracticas windows xp
Practicas windows xp
 
Windows
WindowsWindows
Windows
 
Informatica inicio
Informatica inicioInformatica inicio
Informatica inicio
 
Ambiente gráfico
Ambiente gráficoAmbiente gráfico
Ambiente gráfico
 
Ventana de windows
Ventana de windowsVentana de windows
Ventana de windows
 
Presentacion de ubuntu
Presentacion de ubuntuPresentacion de ubuntu
Presentacion de ubuntu
 

Destacado (9)

MIT App Inventor 2 "Aplicacion"
MIT App Inventor 2 "Aplicacion"MIT App Inventor 2 "Aplicacion"
MIT App Inventor 2 "Aplicacion"
 
Hacer aplicaciones para android
Hacer aplicaciones para androidHacer aplicaciones para android
Hacer aplicaciones para android
 
Instalación de app inventor 2
Instalación de app inventor 2Instalación de app inventor 2
Instalación de app inventor 2
 
Svp - Aplicaciones AppInventor 2013
Svp - Aplicaciones AppInventor 2013Svp - Aplicaciones AppInventor 2013
Svp - Aplicaciones AppInventor 2013
 
Tutorial app inventor
Tutorial app inventorTutorial app inventor
Tutorial app inventor
 
Primera aplicación con app inventor para android
Primera aplicación con app inventor para androidPrimera aplicación con app inventor para android
Primera aplicación con app inventor para android
 
Aplicacion sencilla en AppInventor
Aplicacion sencilla en AppInventorAplicacion sencilla en AppInventor
Aplicacion sencilla en AppInventor
 
App Inventor: Ejercicio 2
App Inventor: Ejercicio 2App Inventor: Ejercicio 2
App Inventor: Ejercicio 2
 
App inventor primeros pasos i
App inventor   primeros pasos iApp inventor   primeros pasos i
App inventor primeros pasos i
 

Similar a AppInventor (20)

Aplicacion
AplicacionAplicacion
Aplicacion
 
Android
Android Android
Android
 
Android
Android Android
Android
 
Android
Android Android
Android
 
Android
Android Android
Android
 
MIT App Inventor2 Pintar en Imagen
MIT App Inventor2 Pintar en ImagenMIT App Inventor2 Pintar en Imagen
MIT App Inventor2 Pintar en Imagen
 
Tutorial actividad MI PERÙ - Mg Maria Luisa Quispe Chàvez
Tutorial actividad MI PERÙ - Mg Maria Luisa Quispe ChàvezTutorial actividad MI PERÙ - Mg Maria Luisa Quispe Chàvez
Tutorial actividad MI PERÙ - Mg Maria Luisa Quispe Chàvez
 
Ensayo unidad 6
Ensayo unidad 6Ensayo unidad 6
Ensayo unidad 6
 
Documento de Aplicación Movil
Documento de Aplicación MovilDocumento de Aplicación Movil
Documento de Aplicación Movil
 
Tema app inventor
Tema app inventorTema app inventor
Tema app inventor
 
Manual aplicaciones moviles cristian
Manual aplicaciones moviles cristianManual aplicaciones moviles cristian
Manual aplicaciones moviles cristian
 
20001121 Introducción a VoxML
20001121 Introducción a VoxML20001121 Introducción a VoxML
20001121 Introducción a VoxML
 
MANUAL
MANUAL MANUAL
MANUAL
 
Tutorial App Inventor 2
Tutorial App Inventor 2Tutorial App Inventor 2
Tutorial App Inventor 2
 
APLICACIONES CREADAS PARA ANDROID
APLICACIONES CREADAS PARA ANDROIDAPLICACIONES CREADAS PARA ANDROID
APLICACIONES CREADAS PARA ANDROID
 
Empezando a programar raptor
Empezando a programar raptorEmpezando a programar raptor
Empezando a programar raptor
 
ensayo unidad 6.pptx
ensayo unidad 6.pptxensayo unidad 6.pptx
ensayo unidad 6.pptx
 
Manual scratch
Manual scratchManual scratch
Manual scratch
 
MANUAL DE RAPTOR (PARTE 3)
MANUAL DE RAPTOR (PARTE 3)MANUAL DE RAPTOR (PARTE 3)
MANUAL DE RAPTOR (PARTE 3)
 
Taller app inventor
Taller app inventorTaller app inventor
Taller app inventor
 

Más de Cecy Hernandez

Más de Cecy Hernandez (17)

Cuaderno of Ingenieria
Cuaderno of IngenieriaCuaderno of Ingenieria
Cuaderno of Ingenieria
 
Cuaderno of Ingenieria
Cuaderno of IngenieriaCuaderno of Ingenieria
Cuaderno of Ingenieria
 
Mc Call_Factores y metricas
Mc Call_Factores y metricasMc Call_Factores y metricas
Mc Call_Factores y metricas
 
Metrica de Mc Call
Metrica de Mc Call Metrica de Mc Call
Metrica de Mc Call
 
Wbs
WbsWbs
Wbs
 
Calidad de Softwaree
Calidad de SoftwareeCalidad de Softwaree
Calidad de Softwaree
 
Aplicaciones RIA y Tradicionales , web 1.0 y 2.0
Aplicaciones RIA y Tradicionales , web 1.0 y 2.0Aplicaciones RIA y Tradicionales , web 1.0 y 2.0
Aplicaciones RIA y Tradicionales , web 1.0 y 2.0
 
PatronesDeDiseño
PatronesDeDiseñoPatronesDeDiseño
PatronesDeDiseño
 
A3 ap sistemas_tecnologicos
  A3 ap sistemas_tecnologicos  A3 ap sistemas_tecnologicos
A3 ap sistemas_tecnologicos
 
INDEX_MySQL
INDEX_MySQLINDEX_MySQL
INDEX_MySQL
 
Manual
ManualManual
Manual
 
ManualDeWindows
ManualDeWindowsManualDeWindows
ManualDeWindows
 
DerechoDeAutor
DerechoDeAutorDerechoDeAutor
DerechoDeAutor
 
Manual de organizacion afi
Manual de organizacion afiManual de organizacion afi
Manual de organizacion afi
 
Manual de organizacion
Manual de organizacionManual de organizacion
Manual de organizacion
 
Paradigma de Programacion
Paradigma de ProgramacionParadigma de Programacion
Paradigma de Programacion
 
ENRUTAMIENTO ESTADO ENLACE
ENRUTAMIENTO ESTADO ENLACEENRUTAMIENTO ESTADO ENLACE
ENRUTAMIENTO ESTADO ENLACE
 

AppInventor

  • 1. UNIVERSIDAD TECNOLÓGICA DEL ESTADO DE ZACATECAS UAP DESARROLLO DE APLICACIONES III INTRODUCCION A DESARROLLO DE APLICACIONES MOVILELS Carrera: Tecnologías de la Información y Comunicación Alumno (a): Ma. Cecilia Hernández Jiménez Profesor: Eloy Contreras de Lira Grado y Grupo: V-“A”                
  • 2. DEARROLLO DE APLICACIÓN MOVIL ANDROID App inventor es un framework creado inicialmente por el MIT (Instituto tecnológico de Massachusetts) y fue cogido por google, para que cualquier persona con interés pueda crearse su propia aplicación móvil, ya sea para su empresa, para su casa o por otros intereses.   Se realizara una aplicación básica para Android utilizando App Inventor ( http://appinventor.mit.edu/explore/ ) esta aplicación tendrá dos imágenes en su interfaz que al seleccionarla se reproducirá la risa del personaje seleccionado. En mi aplicación lo primero que diseñe fue la interfaz grafica así asignando colores y los elementos a utilizar (Botones, Reproductores de sonido, Etiquetas, etc.) al igual que cargar o incluir a la aplicación las imágenes y sonidos a utilizar. Así pude diseñar mi aplicación como lo deseaba ya con los elementos que fueron requeridos y componentes. En el apartado interfaz de usuario Seleccione 2 Boten y 2 etiquetas que fueron utilizadas. En el apartado de Medios de Comunicación seleccione Jugador también aplicando 2 , que son los que nos ayudaran a darle play a los sonidos.
  • 3. En el apartado componentes nos aparecen los componentes que aplicamos. En el apartado Propiedades podemos editar color, forma, fondos ,textos de los elementos que se selecciones. Ejemplo: En esa imagen vemos las propiedades de un Botón donde podemos asignar la imagen como fondo.
  • 4. Así seleccione los colores deseados, en cada botón o asignación de una imagen , a cada reproductor asigne un sonido y las etiquetas agregue el texto deseado al igual aplicando variables en ellos creando nuestra interfaz. Después realice la edición y asignación de bloques, para su funcionamiento a si asignando el bloque que al seleccionar por ejemplo en Button1 ,se asigne una condicional, después de asignar la condicional de si presiona el Button1 se reproduzca el Player1 también a signando un bloque para eso, aparte fue asignado otro bloque que al ser clic en el Button1 y que una ves ya este reproducido el sonido tenga una leve vibración de 100 miliseconds.
  • 5. En la Sección de Bloques seleccionamos el botón donde queremos crear o asignar la función como se ve seleccionamos el botón1 y seleccionamos el Expectador que da función al hacer un clic. Después seleccione Jugador1 que es para producir el sonido , seleccionando el Expectador de que cuando mandemos llamarlo se reproduzca el sonido. En la misma sección de Jugador uno en el apartado Expectador que cuando mandemos llamar play1 vibre x cierto tiempo.
  • 6. En el apartado de bloques en la sección incorporado , se selecciona Incorporado-Matematicas donde seleccionamos el primer elemento que será para la asignación de tiempo. Siendo igual la asignación para el Button2 solo la diferencia son las variables para que no se reproduzca lo mismo en lugar de Player1 que sea el 2 la programación es la misma para ambos botones ya que tendrán la misma función.
  • 7. Al ir asignando los bloques y funcionamiento , desde un principio que se asigna la interfaz podemos ver como quedara nuestra aplicación en el móvil con ayuda de emulador o con la aplicación App Inventor que se puede descargar directo al celular así se escanea un código QR que se escanea con los móviles , una ves escaneado se abre la aplicación en el celular y se puede ver el avance y funcionamiento de lo asignado. Una ves concluida la aplicación y ya vista en el celular , viendo sus funcionamientos doy por concluida la aplicación quedando de este modo una ves instalada en el móvil.