DFD, clase3 – mostrar variables

Hola a todos/as,

Bien yendo en un orden «cronologico» por asi llamarlo, en lo que es la creacion de algoritmos, ven que he ido primero enseñando como: mostrar constantes y con ese conocimiento, ya podiamos hacer un ejercico más «complejo» por asi llamarlo ( complejo porque ya entran en funcionamiento otros simbolos que no habiamos visto en ejercicios, pues recien comenzabamos ). Bien por eso vimos como: ingresar variables, para poder ahora usar una «mezcla de las dos clases anteriores» y así hacer un ejercicio donde se ingresen las variables y se las muestren junto a las constantes.

Bien, comencemos con un ejercicio simple ( parecido al de la clase anterior, solo que con unos cambios ).

3.) Hacer un algoritmo que permita ingresar 3 numeros y luego los muestre en pantalla separados por medio de tres asteriscos cada uno.

Analicemos el ejercico:

¿ Qué nos pide ?

3 numeros y que los mostremos separados por un simbolo especifico ( el asterisco tres veces por cada numero ) 😉

Ok, comencemos con el ejercicio:

– Abrimos el DFD

– Insertamos de que trata el algoritmo que vamos a realizar ( proceso del cual hablamos en la clase2 ), quedandonos algo así:

ampliar imagen

– Ahora declaramos las variables que vamos a necesitar, como el ejercicio dice que el programa le debe pedir al usuario 3 numeros, esas seran nuestras tres variables, por lo tanto para ponerle un nombre simplificado y que tenga relacion con lo que se está tratando en el ejercicio les colocaremos a cada una la letra «n» de número seguida del numero que le corresponde, así:

ampliar imagen

– le dimos un valor inicial de «cero (0)«, a las tres variables ( nuestros tres numeros que serán ingresados por algun usuario posteriormente ), porque queremos que no tengan valor al comienzo, lo que queremos es que el valor se los dé el usuario ( ésto ya se trató en la clase2, recomiendo que vean esa entrada si no entienden ésta, vamos en orden ).

– Bien, ahora ya tenemos el mensaje principal ( de lo que trata el programa ), tenemos tambien declaradas nuestras variables ( los tres numeros: n1,n2,n3 ), ahora debemos pedir los numeros al usuario y luego solo nos quedará mostrarlos 😉

– Para pedir los números no se trata de enseñarle la caja de texto ( textbox – simbolo de lectura en el DFD ), asi nomas «de la nada«, como se habló en la clase2, » debemos guiar al usuario que está al otro lado del pc, porque nosotros entendemos pero quizá él / la usuario/a no lo entiende del todo «, y los programas son para ayudar no para confundir o complicar 😉 . Por lo tanto vamos a indicarle al usuario que deberá ingresar el primer numero a continuacion, así:

ampliar imagen

Ahora lo que haremos es pedir mediante el simbolo de lectura como ya sabemos ( ver la: clase2 ), tendriamos algo así:

ampliar imagen

– Y ahora repetimos el proceso con cada uno de los numeros, así:

ampliar imagen

ampliar imagen

ampliar imagen

ampliar imagen

– Bien, ahora ya tenemos en nuestro algoritmo lo siguiente:

* mostrado el mensaje de que trata el mismo

* declaradas las variables

* mostrado el detalle de lo que se le pide ( el primer numero, el segundo, el tercero ) con su respectiva «lectura» ó caja de texto ( donde pusimos n1, n2, n3  )

¿ Qúe nos falta ? 😉

Solo nos falta mostrar los numeros ingresados, separados por tres asteriscos, tal y como lo dice el enunciado del ejercicio. Vamos a ello:

– Como se trata de mostrar, usaremos el simbolo de «salida«, como ya vimos en la clase1 cuando aprendimos a mostrar. Pero ahora no solo vamos a mostrar constantes si no que también variables, por eso tenias que aprender la clase1 para seguir 😉

– El formato cambia al mostrar variables y constantes, pero en una simple cosita nomas:

Las constantes se muestran entre comillas simples

Las variables se muestran sin comillas

– Osea que para mostrar los numeros podriamos hacer ésto:

ampliar imagen

– Encerré en un recuadro rojo lo que se va a mostrar, osea que cumple con la regla de mostrar variables que expuse arriba ( Las variables se muestran sin comillas ), pero ese no es el fin del ejercicio, ya que eso hará que el programa muestre n1,n2,n3. Pero el ejercicio lo que pide es que los muestre seguidos y separados con tres asteriscos, entonces ahí entra en juego un caracter que sirve para separar variables de constantes 😉

– Ese caracter es: «la coma» ( , ) pues la coma sirve de «separador» entre variables y constantes, cuando queremos mostrar a ambas en un solo simbolo de lectura ( ver simbolos ). Las comillas simples sirven para indicarle al programa que va a ser constante y que no, por lo tanto lo que lleva comillas simples es constante mientras que lo que no lleva comillas es tomado como una variable.

– Entonces lo que debemos hacer es así:

ampliar imagen

– En la imagen subrayé con verde lo que es constante, osea lo que no va a cambiar y «las comas» las subraye con rojo, lo que viene a ser nuestro separador de constantes y variables, y por ultimo las variables no las subraye para que queden claro donde están ( siempre despues de una coma o antes de una coma y sin comillas simples )

NOTA: despues de n3 pueden ver que no hay coma, eso es porque despues de n3 no se va a mostrar nada, osea en n3 termina lo que queriamos mostrar, pero para que les quede más claro el caso; si quisieramos mostrar algo más, ¿ qué hariamos ? 😉

Pues simple, como ya lo vinimos viendo ésta clase: lo que hariamos es añadirle una coma más y entre comillas simples poner lo que queramos o nos pida el enunciado del algoritmo / programa, por ejemplo «Gracias!«. Veamos:

ampliar imagen

– Lo ven, ya está con lo que hemos visto ya podemos dominar la parte de mostrar ya sean variables o constantes.

– Ahora corremos el programa para ver si funciona, con el botón «play»:

ampliar imagen

ampliar imagen

ampliar imagen

ampliar imagen

ampliar imagen

ampliar imagen

ampliar imagen

ampliar imagen

ampliar imagen

Funcionó correctamente, el programa será almacenado como todas las clases que voy subiendo en la sección biblioteca, Saludos 😉