SlideShare una empresa de Scribd logo
1 de 14
Descargar para leer sin conexión
TRABAJO FINAL DE SISTEMAS DE INFORMACIÓN
El trabajo se va a calificar:
Los Títulos centrado, tipo de letra Arial, tamaño14 y en negrita.
Los Párrafos debe de estar justificados, en tipo de letra Arial y tamaño 12.
Las imágenes deben de estar centradas, claras y precisas.
A las hojas ponerles números de páginas.
Debe de contener la siguiente información:
1. PORTADA.
2. INTRODUCCIÓN.
3. ÍNDICE.
4. ANÁLISIS.
5. DISEÑO.
6. CODIFICACIÓN.
7. PRUEBAS.
8. VALIDACIÓN.
9. MANTENIMIENTO Y EVALUACIÓN.
1. En la Portada, deben de venir los integrantes del equipo, logotipo de la cecyte, de secretaria
de educación, el logotipo de su empresa, el logotipo y nombre de su Calculadora (Deben de
inventar y tener un buen nombre y logotipo de su calculadora). La portada debe de ser
creativa.
2. En la Introducción, ponen la importancia del porque realizaron una calculadora, sabiendo
que ya existe esa aplicación en los celulares, por ejemplo, pueden poner la ventaja de realizar
esta práctica de la calculadora desde cero. Debe de ser como mínimo media hoja.
3. En el Índice, van los títulos del lado izquierdo y del lado derecho el número de las paginas.
4. En el Análisis se coloca, la necesidad que se tiene y él porque es importante la aplicación de
la calculadora. Debe de ser como mínimo más de media hoja.
5. En el Diseño, deben de dibujar a mano, como se va a realizar su calculadora, le toman foto y
lo colocan en el reporte.
6. En Codificación, escribir que es la codificación en sistemas de información (lo investigan en
internet), después escribir de manera detallada todos los pasos de cómo se va a realizar, la
aplicación, que tipos de bloques utilizaron etc.
7. Pruebas, primero escribir que son las pruebas en sistemas de información (lo investigan en
internet), después escriben por ejemplo si al realizar la aplicación e instalaron en el celular,
algún botón ya sea de suma, resta etc. No realiza lo que debe de ser, escribir de manera
detallada como lo resolvieron.
8. En Validación, primero escribir que es la validación en sistemas de información (lo investigan
en internet), después escriben los pasos de cómo descargar la aplicación y como instalarlo en
celular.
9. En Mantenimiento y Evaluación, primero escribir que es la Mantenimiento y Evaluación en
sistemas de información (lo investigan en internet), después escriben las mejoras, que pueden
tener la aplicación, por ejemplo, si le hace falta imagen, si además de resolver problemas
sencillos, que también resuelva sistemas de ecuaciones, es dibujar lo que le hace falta y
explicarlo de manera detallada, (No se va a programar)
PASOS PARA DISEÑAR LA PRÁCTICA DE CODIFICACIÓN DE LA
CALCULADORA
Objetivo del Ejercicio:
Ser capaces de realizar una aplicación personalizada para realizar cálculos matemáticos.
Resultado final:
Con este ejercicio vamos a ser capaces de diseñar una calculadora en app Inventor. En la que
podamos sumar, dividir, restar y multiplicar números.
Funciones usadas:
En el ejercicio vamos a utilizar las opciones de los bloques: Etiqueta, Campo de texto, disposición
horizontal, botón.
Procedimiento
1. Abrir el navegador a utilizar se recomienda Chrome, después escribir en google
Appinventor. Damos clic en Crea Aplicaciones.
2. Con su cuenta de correo electrónico, entrar y hacemos clic en comenzar un proyecto nuevo.
Al que llamaremos: CalculadoraPatito (en vez de escribir patito, deben de poner el
nombre que pusieron para su calculadora, sin espacio).
Cambiar el idioma
de Ingles a
Español
3. Mostrará el entorno en el cual vamos a realizar nuestra aplicación
4. Damos clic en Screem1 de la columna componentes. En sus propiedades, cambiamos lo
siguiente:
ImagenDeFondo: Seleccionan la imagen que les pase fondocal.jpg.
AnimaciónCierreDePantalla: seleccionar zoom.
icono: poner logotipo del cecyte.
Título: EMSaD 36 "LA MERCED DEL POTRERO"
Debe de aparecer de la siguiente forma:
5. Arrastramos de la sección Interfaz de usuario, colocamos al visor, 2 etiquetas y 2 campos de
texto, como se muestra en la imagen.
6. Seleccionamos el componente Etiqueta 1, de la columna componentes cambiar el nombre
por Primer Número, y en propiedades donde dice texto, borrar y colocar igual Primer Número.
7. Seleccionamos el componente CampoDeTexto1, de la columna componentes cambiar el
nombre por Número1, y en propiedades donde dice pista, borramos el texto como se muestra
en la imagen.
8. Seleccionamos el componente Etiqueta 2, de la columna componentes cambiar el nombre
por Segundo Número, y en propiedades donde dice texto, borrar y colocar igual Segundo
Número.
9. Seleccionamos el componente CampoDeTexto2, de la columna componentes cambiar el
nombre por Número2, y en propiedades donde dice pista, borramos el texto como se muestra
en la imagen.
10. Ahora del lado izquierdo, pasamos a la sección Disposición, arrastramos al visor 3
disposiciones horizontales.
En las propiedades de los tres componentes. Marcamos en propiedades el ancho ajustar al
contenedor.
Quedará de la siguiente manera:
11. Ahora del lado izquierdo, en donde dice interfaz de usuario del lado izquierdo, debemos de
agregar 4 botones y lo agregamos dentro de la DisposicionHorizontal1. Quedará como la
siguiente imagen:
12. En las otras dos disposiciones horizontales añadimos un botón en cada una. Quedará como
la siguiente imagen:
13. Cambiamos los nombres de los botones en el área de COMPONENTES, seleccionamos cada
botón y en PROPIEDADES, en donde dice Texto, cambiar el texto de cada uno:
De los botones de la primera disposición horizontal les cambiaremos por:
Sumar, Restar, Multiplicar, Dividir.
Al texto para botón 5
Lo llamaremos raíz cuadrada del primer número.
Al texto para botón 6
Lo llamaremos raíz cuadrada del segundo número.
Quedará como la siguiente imagen:
14. Agregamos otro campo de texto al final, Seleccionamos el componente CampoDeTexto1, de
la columna componentes cambiar el nombre por Resultado, y en Propiedades
Habilitado: Lo desactivamos.
Pista: Resultado.
15. Agregamos un nuevo botón, en el área de Componentes le cambiamos el nombre que se
llame: Limpiar. En propiedades le cambiamos donde dice Texto poner Limpiar. En la imagen
se muestra el ejemplo de cómo quedará:
16. Insertar una Etiqueta hasta el final, donde deben de colocar solo los nombres de los
integrantes del equipo: Antes de pasar a bloques, debe de quedar de la siguiente manera:
17. Damos clic en la opción de Bloques, que se encuentra en la parte de arriba del lado
derecho:
18. Pasamos a dar funciones al botón Limpiar:
Seleccionamos el botón limpiar.
Seleccionamos el bloque de la imagen:
Seleccionamos el componente Resultado.
En los bloques que aparecen seleccionamos el que se ve en la imagen verde y lo encajamos
al bloque anterior.
Ir la sección de bloques Texto y encajar el primer bloque de la lista al final del bloque verde
Debe de visualizarse como en la siguiente imagen:
19.Pasamos a configurar todos los botones de operaciones:
Empezamos por el botón sumar:
Seleccionamos el primer bloque
Seleccionamos el componente Resultado.
En los bloques que aparecen seleccionamos el que se ve en la imagen verde y lo encajamos
al bloque anterior.
Ir a la sección de bloques llamada Matemáticas
Encajar al final del bloque verde, el bloque que pertenece a la operación de sumar.
Seleccionar el componente Numero1
De las opciones de bloques que surgen seleccionar el de la imagen. Para encajarlo en el
primer hueco del bloque azul de sumar.
Seleccionar el componente Numero2
De las opciones de bloques que surgen seleccionar el de la imagen. Para encajarlo en el
segundo hueco del bloque azul de sumar.
20.Repetir estos pasos para las otras operaciones matemáticas.
Cambiando el bloque azul por el de la operación que le corresponda de restar, dividir y
multiplicar. Como se muestra en la siguiente imagen:
21.Pasamos a configurar la raíz cuadrada:
Empezamos por seleccionar el componente del botón Raíz cuadrada del primer número:
Seleccionamos el primer bloque
Seleccionamos el componente Resultado.
En los bloques que aparecen seleccionamos el que se ve en la imagen verde y lo encajamos
al bloque anterior.
Ir a la sección de bloques llamada Matemáticas
Encajar al final del bloque verde, el bloque que pertenece a raíz cuadrada.
Seleccionar el componente Numero1
Arrastrar al final del bloque azul el bloque verde claro de la imagen.
22.Repetir los pasos para configurar las opciones de Raiz cuadrada del segundo numero.
Al final se deben de ver todos los bloques de la siguiente manera:
23. Damos Clic en la parte de arriba en donde dice Generar y luego en Android App (.apk)
24. Esperamos a que complete el 100%
25. Aparecerá la siguiente opción y deben de seleccionar la primera. Download .apk now, y se
descargara en la computadora.
26. Se deben de pasar el archivo al celular y lo deben de instalar. Les preguntará si lo quieren
instalar y le dicen que si.

Más contenido relacionado

Similar a CALCULADORA EN APPIVENTOR PASO A PASO

Macros taller tecnologia
Macros taller tecnologiaMacros taller tecnologia
Macros taller tecnologia
Andres Bravo
 
Practica 8
Practica 8Practica 8
Practica 8
12mary
 

Similar a CALCULADORA EN APPIVENTOR PASO A PASO (20)

APLICACIONES CREADAS PARA ANDROID
APLICACIONES CREADAS PARA ANDROIDAPLICACIONES CREADAS PARA ANDROID
APLICACIONES CREADAS PARA ANDROID
 
T3cn0l0g14 4l 4lc4nc3
T3cn0l0g14 4l 4lc4nc3T3cn0l0g14 4l 4lc4nc3
T3cn0l0g14 4l 4lc4nc3
 
Manual de excel y access, con ejemplos prácticos para su entedimiento
Manual de excel y access,  con ejemplos prácticos para su entedimientoManual de excel y access,  con ejemplos prácticos para su entedimiento
Manual de excel y access, con ejemplos prácticos para su entedimiento
 
Practica
PracticaPractica
Practica
 
Practica
PracticaPractica
Practica
 
Macros escrito
Macros escritoMacros escrito
Macros escrito
 
Macros escrito (1)
Macros escrito (1)Macros escrito (1)
Macros escrito (1)
 
Macros en Excel
Macros en Excel Macros en Excel
Macros en Excel
 
Macros taller tecnologia
Macros taller tecnologiaMacros taller tecnologia
Macros taller tecnologia
 
Como construir un DSS
Como construir un DSSComo construir un DSS
Como construir un DSS
 
Taller
TallerTaller
Taller
 
Practica 8
Practica 8Practica 8
Practica 8
 
Macros
MacrosMacros
Macros
 
Tutorial de MySQL Workbench
Tutorial de MySQL WorkbenchTutorial de MySQL Workbench
Tutorial de MySQL Workbench
 
Practica 8
Practica 8Practica 8
Practica 8
 
Manual arcgis
Manual arcgisManual arcgis
Manual arcgis
 
Taller app inventor
Taller app inventorTaller app inventor
Taller app inventor
 
Macros escrito (1)
Macros escrito (1)Macros escrito (1)
Macros escrito (1)
 
LOGICA DE PROGRAMCION GUIA DE PROYECTOS A REALIZAR
LOGICA DE PROGRAMCION GUIA DE PROYECTOS A REALIZARLOGICA DE PROGRAMCION GUIA DE PROYECTOS A REALIZAR
LOGICA DE PROGRAMCION GUIA DE PROYECTOS A REALIZAR
 
Taller
TallerTaller
Taller
 

CALCULADORA EN APPIVENTOR PASO A PASO

  • 1. TRABAJO FINAL DE SISTEMAS DE INFORMACIÓN El trabajo se va a calificar: Los Títulos centrado, tipo de letra Arial, tamaño14 y en negrita. Los Párrafos debe de estar justificados, en tipo de letra Arial y tamaño 12. Las imágenes deben de estar centradas, claras y precisas. A las hojas ponerles números de páginas. Debe de contener la siguiente información: 1. PORTADA. 2. INTRODUCCIÓN. 3. ÍNDICE. 4. ANÁLISIS. 5. DISEÑO. 6. CODIFICACIÓN. 7. PRUEBAS. 8. VALIDACIÓN. 9. MANTENIMIENTO Y EVALUACIÓN. 1. En la Portada, deben de venir los integrantes del equipo, logotipo de la cecyte, de secretaria de educación, el logotipo de su empresa, el logotipo y nombre de su Calculadora (Deben de inventar y tener un buen nombre y logotipo de su calculadora). La portada debe de ser creativa. 2. En la Introducción, ponen la importancia del porque realizaron una calculadora, sabiendo que ya existe esa aplicación en los celulares, por ejemplo, pueden poner la ventaja de realizar esta práctica de la calculadora desde cero. Debe de ser como mínimo media hoja. 3. En el Índice, van los títulos del lado izquierdo y del lado derecho el número de las paginas. 4. En el Análisis se coloca, la necesidad que se tiene y él porque es importante la aplicación de la calculadora. Debe de ser como mínimo más de media hoja. 5. En el Diseño, deben de dibujar a mano, como se va a realizar su calculadora, le toman foto y lo colocan en el reporte. 6. En Codificación, escribir que es la codificación en sistemas de información (lo investigan en internet), después escribir de manera detallada todos los pasos de cómo se va a realizar, la aplicación, que tipos de bloques utilizaron etc. 7. Pruebas, primero escribir que son las pruebas en sistemas de información (lo investigan en internet), después escriben por ejemplo si al realizar la aplicación e instalaron en el celular, algún botón ya sea de suma, resta etc. No realiza lo que debe de ser, escribir de manera detallada como lo resolvieron. 8. En Validación, primero escribir que es la validación en sistemas de información (lo investigan en internet), después escriben los pasos de cómo descargar la aplicación y como instalarlo en celular. 9. En Mantenimiento y Evaluación, primero escribir que es la Mantenimiento y Evaluación en sistemas de información (lo investigan en internet), después escriben las mejoras, que pueden tener la aplicación, por ejemplo, si le hace falta imagen, si además de resolver problemas sencillos, que también resuelva sistemas de ecuaciones, es dibujar lo que le hace falta y explicarlo de manera detallada, (No se va a programar)
  • 2. PASOS PARA DISEÑAR LA PRÁCTICA DE CODIFICACIÓN DE LA CALCULADORA Objetivo del Ejercicio: Ser capaces de realizar una aplicación personalizada para realizar cálculos matemáticos. Resultado final: Con este ejercicio vamos a ser capaces de diseñar una calculadora en app Inventor. En la que podamos sumar, dividir, restar y multiplicar números. Funciones usadas: En el ejercicio vamos a utilizar las opciones de los bloques: Etiqueta, Campo de texto, disposición horizontal, botón. Procedimiento 1. Abrir el navegador a utilizar se recomienda Chrome, después escribir en google Appinventor. Damos clic en Crea Aplicaciones. 2. Con su cuenta de correo electrónico, entrar y hacemos clic en comenzar un proyecto nuevo. Al que llamaremos: CalculadoraPatito (en vez de escribir patito, deben de poner el nombre que pusieron para su calculadora, sin espacio). Cambiar el idioma de Ingles a Español
  • 3. 3. Mostrará el entorno en el cual vamos a realizar nuestra aplicación 4. Damos clic en Screem1 de la columna componentes. En sus propiedades, cambiamos lo siguiente: ImagenDeFondo: Seleccionan la imagen que les pase fondocal.jpg. AnimaciónCierreDePantalla: seleccionar zoom. icono: poner logotipo del cecyte. Título: EMSaD 36 "LA MERCED DEL POTRERO" Debe de aparecer de la siguiente forma: 5. Arrastramos de la sección Interfaz de usuario, colocamos al visor, 2 etiquetas y 2 campos de texto, como se muestra en la imagen.
  • 4. 6. Seleccionamos el componente Etiqueta 1, de la columna componentes cambiar el nombre por Primer Número, y en propiedades donde dice texto, borrar y colocar igual Primer Número. 7. Seleccionamos el componente CampoDeTexto1, de la columna componentes cambiar el nombre por Número1, y en propiedades donde dice pista, borramos el texto como se muestra en la imagen.
  • 5. 8. Seleccionamos el componente Etiqueta 2, de la columna componentes cambiar el nombre por Segundo Número, y en propiedades donde dice texto, borrar y colocar igual Segundo Número. 9. Seleccionamos el componente CampoDeTexto2, de la columna componentes cambiar el nombre por Número2, y en propiedades donde dice pista, borramos el texto como se muestra en la imagen. 10. Ahora del lado izquierdo, pasamos a la sección Disposición, arrastramos al visor 3 disposiciones horizontales.
  • 6. En las propiedades de los tres componentes. Marcamos en propiedades el ancho ajustar al contenedor. Quedará de la siguiente manera: 11. Ahora del lado izquierdo, en donde dice interfaz de usuario del lado izquierdo, debemos de agregar 4 botones y lo agregamos dentro de la DisposicionHorizontal1. Quedará como la siguiente imagen:
  • 7. 12. En las otras dos disposiciones horizontales añadimos un botón en cada una. Quedará como la siguiente imagen: 13. Cambiamos los nombres de los botones en el área de COMPONENTES, seleccionamos cada botón y en PROPIEDADES, en donde dice Texto, cambiar el texto de cada uno: De los botones de la primera disposición horizontal les cambiaremos por: Sumar, Restar, Multiplicar, Dividir. Al texto para botón 5 Lo llamaremos raíz cuadrada del primer número. Al texto para botón 6 Lo llamaremos raíz cuadrada del segundo número. Quedará como la siguiente imagen:
  • 8. 14. Agregamos otro campo de texto al final, Seleccionamos el componente CampoDeTexto1, de la columna componentes cambiar el nombre por Resultado, y en Propiedades Habilitado: Lo desactivamos. Pista: Resultado. 15. Agregamos un nuevo botón, en el área de Componentes le cambiamos el nombre que se llame: Limpiar. En propiedades le cambiamos donde dice Texto poner Limpiar. En la imagen se muestra el ejemplo de cómo quedará:
  • 9. 16. Insertar una Etiqueta hasta el final, donde deben de colocar solo los nombres de los integrantes del equipo: Antes de pasar a bloques, debe de quedar de la siguiente manera: 17. Damos clic en la opción de Bloques, que se encuentra en la parte de arriba del lado derecho:
  • 10. 18. Pasamos a dar funciones al botón Limpiar: Seleccionamos el botón limpiar. Seleccionamos el bloque de la imagen: Seleccionamos el componente Resultado. En los bloques que aparecen seleccionamos el que se ve en la imagen verde y lo encajamos al bloque anterior. Ir la sección de bloques Texto y encajar el primer bloque de la lista al final del bloque verde Debe de visualizarse como en la siguiente imagen:
  • 11. 19.Pasamos a configurar todos los botones de operaciones: Empezamos por el botón sumar: Seleccionamos el primer bloque Seleccionamos el componente Resultado. En los bloques que aparecen seleccionamos el que se ve en la imagen verde y lo encajamos al bloque anterior. Ir a la sección de bloques llamada Matemáticas Encajar al final del bloque verde, el bloque que pertenece a la operación de sumar. Seleccionar el componente Numero1 De las opciones de bloques que surgen seleccionar el de la imagen. Para encajarlo en el primer hueco del bloque azul de sumar. Seleccionar el componente Numero2 De las opciones de bloques que surgen seleccionar el de la imagen. Para encajarlo en el segundo hueco del bloque azul de sumar. 20.Repetir estos pasos para las otras operaciones matemáticas. Cambiando el bloque azul por el de la operación que le corresponda de restar, dividir y multiplicar. Como se muestra en la siguiente imagen:
  • 12. 21.Pasamos a configurar la raíz cuadrada: Empezamos por seleccionar el componente del botón Raíz cuadrada del primer número: Seleccionamos el primer bloque Seleccionamos el componente Resultado. En los bloques que aparecen seleccionamos el que se ve en la imagen verde y lo encajamos al bloque anterior. Ir a la sección de bloques llamada Matemáticas Encajar al final del bloque verde, el bloque que pertenece a raíz cuadrada. Seleccionar el componente Numero1 Arrastrar al final del bloque azul el bloque verde claro de la imagen. 22.Repetir los pasos para configurar las opciones de Raiz cuadrada del segundo numero.
  • 13. Al final se deben de ver todos los bloques de la siguiente manera: 23. Damos Clic en la parte de arriba en donde dice Generar y luego en Android App (.apk) 24. Esperamos a que complete el 100%
  • 14. 25. Aparecerá la siguiente opción y deben de seleccionar la primera. Download .apk now, y se descargara en la computadora. 26. Se deben de pasar el archivo al celular y lo deben de instalar. Les preguntará si lo quieren instalar y le dicen que si.