Fracciones

 Ya llegamos casi al final de nuestro trabajo, lo que realizaremos ahora es ver como es el comportamiento de las fracciones y cómo podemos trabajar con ellas. Desde una manera quizás diferente a lo que nos han enseñado anteriormente. Para eso te invito a ver el siguiente link que quizás puede orientarte mejor a lo que tenemos que trabajar ahora: 

https://www.youtube.com/watch?v=TVCrJMR3MKk&ab_channel=AlexSarria

Crearemos un nuevo proyecto en nuestra aplicación, tal cual lo hemos realizado anteriormente, esta vez tendrá el nombre de fracciones.

Nos dirigimos a nuestro lado derecho de la pantalla y deslizamos Etiqueta a la parte del simulador del celular (Screen1), nos vamos a nuestro lado izquierdo de la pantalla de nuestra computadora en la parte de propiedades editaremos las propiedades de la etiqueta de la siguiente manera:

- Ancho: ajustar al contenedor.

-Alto: 35 pixeles.

- Texto: FRACCIONES

- Tamaño de letra: 35

- Negrita: activar

- Posición del texto: centro

- Color de texto: rojo

Te debe quedar de la siguiente manera:

Ahora, deberás guardar en tu sistema esta foto, ya que la usaremos a continuación:

Miramos nuestro lado derecho de la pantalla, abajo de componentes, encontraremos Medios, donde podremos insertar fotografías, allí le damos a subir archivo, y subiremos la foto de arriba que te señalé que usaríamos.

Ahora nos vamos  a interfaz y deslizamos una Imagen al Screen1, en propiedades de la Imagen le damos:

-Ancho y Alto: ajustar al contenedor.

-Foto: seleccionamos el archivo que subimos.

Nos debe aparecer así nuestro simulador:

Como ya hemos trabajo harto con esta aplicación, te colocaré los siguientes bloques que hay que colocar, para que uses tus habilidades encontrándolos y que queden de la misma manera, te dejo como deben quedar

Ahora a estos bloques les modificaremos los nombres para que luego nos sea más fácil lograr encontrarlos:

Y en tu pantalla simuladora debe verse de la siguiente manera, recuerda que para escribirle cosas o reemplazar lo que dice dentro, solo debes ir a propiedades y en texto editarlo.

Ahora realizamos lo mismo, pero con otros nombres agregándolo abajo de la primera fracción.

Nuevamente cambiaremos los nombres para que sea más sencillo verlo luego cuando trabajemos con bloques.

Nuestra pantalla debe quedar de la siguiente manera:

Recuerda guardar tu proyecto para que no pierdas el avance de este.

Ahora en la parte superior de la pantalla encontraremos la opción de añadir una nueva ventana, lo haremos y le pondremos screen2. Te saldrá una vez terminado de la siguiente manera:

Añadimos una etiqueta en el Screen 2 (porque comenzaremos a trabajar con el, así que selecciónalo). En la etiqueta editaremos sus propiedades igual que la vez anterior:

-Ancho: ajustar al contenedor

-Alto: automatico

-Negrita: activado

-Texto: SUMA DE FRACCIONES

-Posición texto: centrar

Ahora debemos crear una disposición tabular abajo de nuestro título, donde lo editaremos con 3 registros, para poder hacer la simulación. 

Deberás añadir en este orden todos las etiquetas, debe ser en este orden pues así te quedará ordenado.

A cada etiqueta que añadas, deberás editarle el texto, en los que dice numerador o denominador debes dejar el texto vacío y editarle el ancho y alto, el alto debe ser 50, y el ancho 60.

Los que solo dicen etiqueta son los que contienen los caracteres, esos solo deben ir con los signos +, = y en el caso de las lineas divisoras de las fracciones con un _____

Te muestro como debe quedarte:

Y el simulador en el diseño debe verse de la siguiente manera:

Ahora guarda tu trabajo, que comenzaremos con el trabajo de bloques, la parte de diseño ya la tenemos terminada!

Cambia a Screen1, y ve a la sección de Bloques. Vamos a variable e iniciaremos 4 variables las cuales serán N1, D1, N2, D2 que son los términos de nuestras fracciones. En matemáticas, seleccionamos el 0 y se lo añadimos a cada variable.

Como tenemos cambio de pantalla, la aplicación debe realizarlo, por eso, debes crear el siguiente bloque con mucho cuidado, de esta manera, nos ingresa los numeradores, denominadores y nos cambia de pantalla.

Ahora cambiamos en la parte superior de Screen1 a Screen2 (seguimos trabajando en los bloques)

Para que la aplicación sume los datos lo que debemos hacer es inicializar otro programa en el screen2 que es donde aparecerá todo eso. También aquí deberás crear las 4 variables iniciales, con valor 0 (lo mismo de screen1). Debe ser de la siguiente manera:

Para que nuestro botón de volver funcione, debe quedar de la siguiente manera nuestro bloque:

¡Con esto ya está terminado nuestro trabajo, creaste esta aplicación, felicidades!

ACTIVIDAD: Te dejaré como propuesta que resuelvas las siguientes sumas, para que veas que la aplicación funciona.

1)  1/5 + 1/5
2) 2/3 + 1/3
3) 4/8 + 2/4

A CONTINUACIÓN TE DEJO EL LINK DE DRIVE, DONDE PODRÁS VER ESTA APLICACIÓN QUE CREAMOS Y CÓMO FUNCIONA, SOLO HAZ CLIC Y TE INGRESARÁ

DRIVE PARA VER ARCHIVO APLICACIÓN