Misión RAPTOR

BIENVENIDAS A

MIsión raptor

ÍNDICE

c) cREANDO LAS VARIABLES

A) dESCARGA DEL SOFTWARE

e) mUESTRA EL RESULTADO

B) lA MISIÓN

d) SUMA LAS VARIABLEs

f) EjecÚtalo

DESCARGA EL SOFTWARE

VAMOS A ABRIR UNA VENTANA PARA ENTRAR AL MUNDO DE LOS DINOSAURIOS

Para embárcanos en este viaje y estar preparados lo primero que debemos hacer es descargar la versión portable de RAPTOR, que será nuestro portal a ese prehistórico mundo.Para esto acede a la página oficial de RAPTOR - Flowchart Interpreter en:

https://raptor.martincarlisle.com/

Estas instrucciones de instalación de RAPTOR solo funciona en sistemas operativos Windows.

DESCARGA EL SOFTWARE 2

Puedes elegir entre descargar la versión para instalarla en tu equipo de cómputo o descargar la versión portable. En este manual describimos la instalación de la versión portable, que te permite ejecutar la aplicación sin necesidad de instalar el software en tu equipo de cómputo, únicamente se ejecuta el programa. Buscar donde dice “Portable Version” (versión portable), un par de líneas más abajo dice: “You can download the portable version here” y notarás que la palabra “here” (aquí) se ve en color azul; presiona sobre ésta y comenzará la descarga del archivo.

DESCARGA EL SOFTWARE 3

Una vez que la aplicación se haya descargado por completo ejecútala como se muestra con los números 1 y 2:

Al realizar esta acción se abrirá una pantalla de instalación que te pedirá seleccionar el idioma que prefieres. Selecciona “Español (Alfabetización Internacional)” y da clic en “Ok”.

Ahora comenzará a ejecutar el proceso de instalación de la versión portable de RAPTOR.

DESCARGA EL SOFTWARE 4

Posteriormente nos solicita una ruta para dejar la carpeta que será creada con el acceso a este software, es muy importante que recuerdes la ruta para acceder en futuras ocasiones. De manera preestablecida, creará la carpeta en “Descargas” (que en inglés es “Downloads”)

En la primera pantalla nos pide verificar si tenemos otra versión de RAPTOR, de ser así debemos cerrarla antes de ejecutar la versión que estamos descargando. Damos clic en “Siguiente”.

DESCARGA EL SOFTWARE 5

Aparecerá una barra de progresión que mostrará el avance de la instalación.

Una vez que hemos seleccionado la carpeta destino, damos clic en “Instalar”.

Cuando esta barra se llene completamente, es decir que llegue al 100%, aparecerá la siguiente pantalla con la que finaliza el proceso de instalación.

DESCARGA EL SOFTWARE 6

Si has activado el check de “Ejecutar Raptor Portable” te aparecerán de forma automática las siguientes 2 pantallas:

Activa el check de “Ejecutar Raptor Portable” para que al presionar el botón de “Terminar” se abra en automático la aplicación de RAPTOR.

DESCARGA EL SOFTWARE 7

Nota: Si no activaste el check de “Ejecutar Raptor Portable” o bien, si has cerrado la aplicación y la quieres abrir nuevamente, solo tienes que buscar la carpeta en donde instalaste RAPTOR y al dar doble clic en el archivo de nombre “RaptorPortable” para que se ejecute el software.

INtroducción

¿Recuerdas la pelÍculA de JuraSsic park? Pues, ¡bienvenida al mundo de los dinosaurios!

Mundo raptor

¡alto!

Hemos llegado a RAPTOR, un entorno (mundo) donde aprenderás a programar por medio de diagramas de flujo. Este entorno está específicamente diseñado para ayudar e iniciar a los estudiantes en temas de programación y se caracteriza porque para programar crearemos algoritmos, con los que podremos construir y observar cómo se ejecuta nuestro programa por medio de un diagrama de flujo.

¿Qué es un diagrama de flujo?

Un diagrama de flujo, también llamado flujograma, es una representación gráfica de un proceso o algoritmo; o sea una serie de pasos que nos ayudan a resolver un problema.

Los algoritmos son utilizados en muchas disciplinas, como: programación, economía, procesos industriales y psicología cognitiva, entre muchas otras.

Info

Info

La misión

sumar

En este mundo los dinosauiros son sumamente inteligentes (incluso han cursado estudios universitarios), pero siempre se les dificulta contar. La razón es muy simple, no tienen suficiente dedos para hacer las sumas.

la misión

Han solicitado nuestrO aPOYO para programarles una calculadora CON LA QUE puedan sumar dos númeroS y mostrar el resultado de la operación

iniciemos

Lo que se espera que haga esta calculadora es que reciba 2 números cualquiera, realice la operación de la suma e informe el valor obtenido.

¿qué debemos HACER?

73

14

59

Finalmente, un tercer espacio para el valor de la suma resultante entre los números contenidos en las variables 1 y 2.

Otro espacio para guardar el segundo número, es decir una segunda variable.

Debemos crear un espacio para guardar el primer número, esto se logra declarando una variable.

pASO 1

Lo primero que vamos a hacer es guardar nuestro proyecto, esto es importante para que funcione correctamente la presentación. Ve a la parte izquierda superior de la pantalla principal de RAPTOR y presiona en el menú “File” (que significa Archivo) y selecciona “Save as” (que significa Guardar como).

pASO 2

Aparecerá una pantalla que te solicitará poner un nombre a tu archivo y después dale click en el botón guardar.

Nota: todos los programas que realices en esta aplicación serán con la extensión *.rap

pASO 3

En la sección del lado izquierdo llamada "Symbols" (símbolos) vamos a hacer click sobre el que se llama “Input” (Entrada) para crear el primer espacio donde almacenaremos la variable 1.

Nota: Observa que hay dos círculos unidos con una flecha, uno dice “Start” (que significa “Inicio”) y el otro dice “End” (que significa “Fin”), entre estos dos debemos ir incluyendo todos los “Simbolos” que deseemos utilizar, ya que cuando “Corramos” (que quiere decir que ejecutemos el programa) solo se leerá lo que esté dentro de esta secuencia.

pASO 4

Una vez que la palabra “Input” está en color rojo demos click en medio de los dos cirulos “Start” (inicio) y el otro dice “End” (fin).

Nota: ahora tenemos un paralelogramo entre los dos círculos.

pASO 5

Nota: Verás cómo aparece una nueva pantalla, titulada “Enter Input".

Daremos doble click sobre la imagen de “Input” (Entrada) que tenemos debajo de “Start” (Inicio).

pASO 6

En esta pantalla que surgió escribiremos en el primer recuadro, debajo del título que dice “Enter Prompt Here” (que significa Ingrese el mensaje aquí); escribe "Ingresa el primer número que quieres sumar"

Nota que el texto debe ir entre comillas, para indicar que quieres que se muestre tal cual lo escribiste

pASO 7

En el siguiente recuadro, en esa misma pantalla, vamos a poner el nombre de la variable, que será el espacio dentro del sistema donde guardaremos el valor que escribamos y que llamaremos numero1

Nota que ahora no lleva comillas, esto es porque de esta forma le indicamos al programa que será una variable; es decir un espacio donde guardaremos información.

pASO 8

Nota: Al presionar “Done” desaparecerá la pantalla en la que estábamos trabajando y regresaremos a la pantalla principal, pero notarás que lo que escribimos ahora se encuentra dentro del símbolo de “Input” de la siguiente manera:

Presionamos el botón “Done” (que significa Hecho) y que se encuentra al final de la pantalla.

pASO 9

Vamos a agregar el segundo número que vamos a sumar y por lo tanto repetiremos los pasos anteriores, iniciando con validar que el símbolo de “Input” (Entrada) esta en color rojo. Si no esta por favor da click sobre éste para que se active.

pASO 10

Una vez que la palabra “Input” está en color rojo demos click en la flecha que esta antes de "End" (Fin), es decir, entre el símbolo donde esta nuestro numero1 y el círculo de “End”.

Nota: Esto hará que ahora tengamos otro paralelogramo en medio de los dos círculos, dando un total de 2 paralelogramos..

pASO 11

Daremos doble click sobre la nueva imagen de “Input” (Entrada) que se encuentra antes de “End” (Fin) y que aún no tiene nada escrito dentro de él.

Nota: Verás cómo aparece una nueva pantalla, llamada “Enter Input".

pASO 12

En esta nueva pantalla en el primer recuadro, debajo del título que dice “Enter Prompt Here” (que significa Ingrese el mensaje aquí); escribe "Ingresa el segundo número que quieres sumar"

Nota que el texto deberá ir entre comillas, para indicar que quieres que se muestre tal cual lo escribiste

pASO 13

En el siguiente recuadro vamos a poner el nombre de la variable donde guardaremos el segundo número de la suma y lo llamaremos numero2

Nota que este texto no lleva comillas, esto es porque de esta forma le indicamos al programa que será una variable; es decir un especio donde guardaremos información.

pASO 14

Nota: Después de haber presionado el botón “Done” desaparecerá la pantalla en la que estábamos trabajando y regresaremos a la pantalla principal, pero notarás que lo que hemos escrito ahora se encuentra dentro del segundo símbolo de “Input”, de la siguiente manera:

Presionamos el botón “Done” (que significa Hecho) que se encuentra al final de la pantalla.

pASO 15

Ahora vamos a tomar los dos números y los sumaremos, esto será realizado por medio del “Symbols” (Símbolos) de “Assignment” (que significa Asignación). Presiona el símbolo que tiene forma de rectángulo, dentro de la sección de Símbolos y que se llama “Assignment”, para que se vea de color rojo.

pASO 16

Da click en la flecha que apunta hacia “End” (Fin) y verás cómo aparece un rectángulo justo antes de ese círculo.

pASO 17

Ahora da doble click en este símbolo de asignación que es el rectángulo "Assigment"

Nota: aparecerá una nueva pantalla donde podremos pedirle al sistema que haga la suma de las variables que declaramos antes.

pASO 18

En el espacio llamado “Set” escribiremos el nombre de la variable que almacenará el resultado de la suma de los 2 números que hemos solicitado anteriormente. Escribe aquí suma.

Nota que este texto no lleva comillas, esto es porque de esta forma le indicamos al programa que será una variable; es decir un especio donde guardaremos información.

pASO 19

En el segundo espacio llamado “to” escribiremos la operación matemática para sumar nuestras dos variablesescribe: numero1 + numero2

Nota: Al presionar “Done” desaparecerá la pantalla en la que estábamos trabajando y regresaremos a la pantalla principal, pero notaras que lo que hemos escrito ahora se encuentra dentro del símbolo de “Assigment", de la siguiente manera:

pASO 20

Presionamos el botón “Done” (que significa Hecho) que se encuentra al final de la pantalla.

pASO 21

Lo último que resta por hacer es mostrar el resultado de la suma, para ello utilizaremos de la sección de “Symbols” (Símbolos) el paralelogramo de “Output” (que significa Salida). Presiona el símbolo de “Output” para que se vea de color rojo

pASO 22

Una vez que está en rojo, da click en la fecha que apunta hacia “End” (Fin) y verás como aparece un paralelogramo justo después del rectángulo, pero antes del círculo final.

Notarás que aparecerá una nueva pantalla donde podremos pedirle al sistema que muestre el resultado de la suma que hemos hecho

pASO 23

A continuación, da doble click en este símbolo de “Output” (Salida).

pASO 24

Este paso es muy importante ya que mostrará todo el trabajo que hemos realizado.Vamos a poner el siguiente mensaje: "El resultado de sumar" + numero1 + " y " + numero2 + " es de: " + suma + ". Hecho por TuNickName."

"El resultado de sumar " --> Esto es un texto + --> El "+" nos ayuda a unir las cosasnumero1 --> Es la primera variable + --> El "+" nos ayuda a unir las cosas " y " --> Esto es un texto+ --> El "+" nos ayuda a unir las cosasnumero2 --> Es la segunda variable + --> El "+" nos ayuda a unir las cosas " es de: "--> Esto es un texto + --> El "+" nos ayuda a unir las cosas suma --> Valor asignado de la operación de sumar las dos variables + --> El "+" nos ayuda a unir las cosas". Hecho por Alegria123." --> Esto es un texto que queremos que aparezca tal cual

Nota: Por favor sustituye Alegria123 por el Nickname con el que te registraste para obtener los puntos de evidencia.

Nota: Al presionar “Done” desaparecerá la pantalla en la que estábamos trabajando y regresaremos a la pantalla principal, pero notarás que lo que hemos escrito ahora se encuentra dentro del símbolo de “Output", de la siguiente manera:

pASO 25

Finalmente presionamos el botón “Done” (que significa Hecho) que se encuentra al vinal de la pantalla.

pASO 26

De cualquier manera, al finalizar deberás ver algo similar a esto:

Como último vamos a ejecutar o como dicen los programadores "correr nuestro programa" (en inglés “Run”), da click en el botón que se se marca con rojo:

Si prefieres, también puedes ir viendo paso a paso cómo se ejecuta cada símbolo con el siguiente botón:

¡Felicitaciones! ¡lo lograste!

¡Esperamos te hayas divertido y aprendido mucho!

Girl Tech Fest México 2020

¡Gracias!