Diseño de la app calculadora de tendencias | App Inventor 2

y que vamos a desarrollar que lo que hace es calcular la moda la mediana y la media de una serie de datos para hacerlo solo hay que añadir los vamos añadiendo los números más hondos añadir y como pueden ver nos va dando la moda de dos y tres porque con los números que se repiten la mediana el 2.5 que sería la mitad entre el 2 y el 3 y la media del promedio que serían que serían tres y dos son cinco entre dos son 2.5 y agregamos otros dos por ejemplo la moda es el 21 se repite la media es el 3 porque divide la serie numérica y la media es el promedio de son 49 la media de 2.3 336 infinite eres bueno si le damos click al botoncito de aquí que es para limpiar nos va a limpiar los datos y los vamos a poder volver a escribir me gusta salir por uno más y sacar de la aplicación vamos a desarrollar está en este vídeo lo que les voy a enseñar va a ser a crear este diseño de esta aplicación a cómo se van a llamar cada objeto para cuando empezamos con la programación y así que para esto bueno nos vamos a nuestro app inventor bueno en el caso de aquí si a esto se le llama medias de tendencia central bueno a las medidas de tendencia central de lo que lo primero que tenemos que hacer es quitarle al screen lo que es este título invisible para que no aparezca esta parte cita vamos a cambiar el nombre a la a la aplicación una vez hecho esto ya es todos los cambios que le que le vamos a hacer bueno vamos a empezar haciendo la barrita parecemos ocupar un layout horizontal es el ancho lo ponemos fire paren y el late lo dejamos en automático vamos a agregar un botón y un segundo botón bueno el primer botón va a tener un tamaño del 20 por 20 la letra i lo que va a decir va a decir calculadora para poner el calculadora de tendencia lo vamos a poner en el texto vamos a poner white y a este botón esto lo vamos a poner fire paren para que abarque todo y en el caso de éste lo único más escribir le va a ser salir este es el alto vamos a poner fai panistas y el color de la letra vas a poner blanco bueno vamos a poner una pequeña preparación aquí de unos 10 píxeles bueno vamos a él es quinto cáncer es que todo se centre y vamos a crear el cuadrito donde se ubican el texto y el botón de añadir pero esta es la anchura vamos a poner a 1 en este 90% damos ok y ya nos va a abarcar el 90% para agregarlo hacer un texto y un botón bueno al texto lo vamos a poner de fondo pesa blanco a lo que es él grabado con el fire planning y la letra la vamos a poner al tamaño de 16 cuando la dejamos en 14 para que no se expanda tanto y le ponemos en la marca de agua escribe un número un número y lo ponemos que tengo más pueden escribir números y ponemos nombres online el color lo vamos dejar igual y el texto el botón de añadir vamos a poner a añadir mira en mayúsculas al ir el color va a ser blanco y en soria todo lo que le vamos a agregar a referente esa parte y vamos a poner un pequeño espacio entre sus dos para ello vamos a poner un layout aquí de ancho de 5 píxeles y de alto vamos a ponerle de uno solamente para que los separe para poner otra separación para la lista de números estamos a poner a un alto de 4 píxeles y vamos a agregar un leibel donde vas a llegar toda la lista de números a la cual le vamos a poner el texto b crema lista d y lo único que vamos a poner la letra vamos a mantener igual a 14 céntimos a 14 píxeles y el color va a ser el mismo negro bueno y lo que sigue sería poner lo que es electro de moda mediana y media para agregar 3 leiber que van a tener el mismo tipo de diseño bueno el primer leiber va a estar el tamaño de la letra va a ser 35 le ponemos 35 y le vamos a poner moda y el color va a ser marca bueno ahora seguimos con el siguiente que es mediana igual a 35 le ponemos mediana igual el color a ver way y por último lo que sería media igual a 35 y le ponemos media y le ponemos de color dar grade pero ahora lo que vamos a poner van a hacer los donde se van a escribir los números en esto es lo único que vamos a tener vamos a agregar otros tres leves normalmente en cada uno así bueno esto es lo que van a tener va a ser una medida de 20 píxeles de este tamaño de letra lo que van a contener va a ser espacio guión espacio y el color va a ser grave y del mismo modo del otro tamaño 20 el texto no bueno con hemos llegado en espacio guía a espacios en espacio y le ponemos en color grave y por último también a este lo vamos a poner a tamaño 20 y el color grave para lo único que falta es lo que es el botoncito para el botoncito vamos a poner un layout horizontal al cual vamos a ponerlo en la alineación va a ser derecha y vamos a poner lo que es un pequeño margen este margen va a ser d de lo que son 10 píxeles a ponerle de 15 píxeles y el alto de 1 solamente para hacer la separación de este lado y abajo vamos a poner también 1 igual de 15 enriquece también de 15 píxeles 15 píxeles y el ancho de 1 y por último sería sería todo y vamos a agregar lo que es un botón y adentro dónde vamos a ponerla lo que es la imagen vamos a cambiar primero azul sus dimensiones en este caso vamos a ponerle que tenga de alto 70 píxeles de ancho también tenga 70 píxeles no tiene ningún texto y vamos a agregarle una imagen que va a ser el icono y vamos a seleccionar la imagen y nos vamos a lo que con imágenes y aquí la tengo se llama clean miramos ok vamos a que cargue la imagen ya una vez cargada y es todo ahora no nos irá un poco a la parte de los bloques y vamos a abrir el script y vamos a abrir este bloque que se llama cuando inicializa de la aplicación y bueno vamos a poner lo que son los colores pues vamos a poner una variable en la cual se va a llamar color color y va a tener este color que es el que uso para los botones para crearlo como un rgb bueno el color es pero 162 y 122 también hay que cambiar el fondo del color al skin nos vamos aquí scream y buscamos un complemento que llama background color aquí en este bar gran color vamos a duplicar este mismo y vamos a poner lo que es de tamaño de color va a ser 230 230 y 230 es un quini se podría decir que cambiarle el fondo de color a lo que es el botón 1 qué tono de las barras qué va a hacer con la variable color que ya yo lo contiene al botón de atrás que sería el botón 2 y por último sería lo que es el botón 3 que es de añadir 3 lo que sus argumentos background color y le ponemos la variable nos vamos a diseño vamos a emular la aplicación nos vamos a conectar al company y vamos a escanear el código ya lo escaneado para esperar a que cargue y listo si bien dice calculadora de tendencias y ya está el botón y este a cada uno de los complementos como los dejamos bueno este es el diseño de la aplicación ahora viene algo muy muy importante para los demás vídeos conocer sobre cómo calcular la moda la mediana y la media ocupan saberse los nombres de los botones que no vamos a cambiar los botones oa los complementos que vamos a ocupar esto se va a llamar btn atrás para cuando seamos programando no confundirnos a este vamos a poner xbox a veces el texto donde coloca en el número luego va a ser botón 3 que se va a llamar de tn añadía añadir digamos lo que bueno ahora bien en lo que son las leyes a este vamos a ponerle ley ver vista y vamos a ponerle números vamos a ver que la lista de números el débil que va a contener la elipse números este ley del 5 es el de la moda que vamos a ponerle nomás leibel este vamos a poner que es el nivel mediano leiber mediana y por último va a ser el de level media leiber media de esta forma nos vamos a confundir al estar en la parte de la programación de los bloques y el botón no vamos a poner normal vtn limpia de esta forma vamos a ver cómo se llama cada elemento después de esto ya no ocupamos nada más son todos los elementos que vamos a ocupar para construir la aplicación bueno los siguientes vídeos donde vamos a explicar cómo calcular la moda lo vamos a ver cómo calcular la mediana y luego cómo calcular lo que es la media de esta misma aplicación bueno el económico y

As found on YouTube

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *