archivodiapositiva_2022720173336.pdf

PENSAMIENTO
COMPUTACIONAL
Unidad 3: Herramientas tecnológicas para diseño de algoritmos

LENGUAJE DE
PROGRAMACIÓN VISUAL
SUBTEMAS:
❑ Fuentes de acceso a la
herramienta: desktop y web
❑ Entorno, estructura del
programa y definición de
variables
❑ Operadores lógicos y
relacionales
❑ Ejercicios de práctica

Objetivo.-
❑Presentar a los estudiantes herramientas tecnológicas
que le ayudaran durante en el desarrollo de la materia.
❑Analizar los entornos de trabajo Online y Desktop de las
herramientas: Draw.io, PSeint, Scratch.

Fuentes de acceso a la herramienta: desktop y
web.-
Draw.io – Herramienta online de diagramas:
❑Draw.io es una aplicación de
diagramación gratuita que permite a los
usuarios crear y compartir diagramas
dentro de un navegador web.
❑La herramienta en línea funciona con G
Suite/Google Drive y Dropbox.
❑Los usuarios también pueden trabajar en
los diagramas sin conexión y guardar los
mismos localmente usando la aplicación
de escritorio de draw.io para macOS,
Windows y Linux.
Draw.io (2022). Recuperado 18 de Junio de 2022, de Adminisión y nivelación UNEMI
2021 : Acortador:https://n9.cl/yckdb
Link: Flowchart Maker & Online
Diagram Software

web.-
Draw.io – Herramienta desktop de
diagramas:
❑Draw.io proporciona una interfaz
intuitiva con funcionalidad de: arrastrar y
soltar, plantillas de diagramas
personalizables y una extensa biblioteca
de formas.
❑Los usuarios pueden crear y editar una
variedad de diagramas que incluyen
diagramas de flujo, organigramas,
diagramas de procesos, diagramas de ER,
UML, diagramas de red, entre otros.
Draw.io (2022). Recuperado 18 de Junio de 2022, de Adminisión y nivelación UNEMI
Link: Aplicaciones de
Microsoft

Actividad en clases.-
Draw.io – Introducción a la herramienta
Pixabay. (2020). 5 Alternativas para video hosting, Recuperado 14 de junio de 2021,
de Victoria Lloret website: https://n9.cl/68hba
Desde el canal e-Lexia.com en YouTube, visualicemos el video (2:55)
sobre: Draw.io, ep. 1(primeros pasos); https://n9.cl/6m445
Draw.io, ep. 1(primeros pasos). (2022-04-30). Recuperado 22 de junio de
2021, de YouTube Canal: e-Lexia.com website: https://n9.cl/6m445

Actividad después de clases.-
Draw.io – Lista de videos
Para conocer el manejo de la herramienta , detallamos una lista de videos
que lo guiará paso a paso para explorar la herramienta y conocer como usarla
en sus tareas, toda esta información la recuperamos del canal e-lexia.Com en
youtube.
1. Eligiendo plantillas de diagrama | draw.Io, ep. 2 – 4:16
2. Opciones básicas y configuración del diagrama | draw.Io, ep. 3 – 5:30
3. Posibilidades de edición del diagrama | draw.Io, ep. 4 – 4:47
4. Cómo organizar interfaz y elementos del diagrama | draw.Io, ep. 5 – 6:48
5. Conociendo la barra de herramientas | draw.Io, ep. 6 – 3:45
6. Construir diagramas | draw.Io, ep. 7 – 4:11
7. Edición de la apariencia del diagrama | draw.Io, ep. 8 – 4:57
8. Guardar, exportar y publicar un diagrama | draw.Io, ep. 9 – 4:11 Draw.io (2022). Recuperado 18 de Junio de 2022, de
Adminisión y nivelación UNEMI 2021 : Acortador:
https://n9.cl/yckdb
Link: Flowchart Maker
& Online Diagram
Software

web.-
PSeint – Herramienta desktop para
Seudocódigo:
❑PSeInt es una herramienta para asistir a
un estudiante en sus primeros pasos en
programación. Mediante un simple e intuitivo
pseudolenguaje en español (complementado
con un editor de diagramas de flujo), le permite
centrar su atención en los conceptos
fundamentales de la algoritmia computacional,
minimizando las dificultades propias de un
lenguaje y proporcionando un entorno de
trabajo con numerosas ayudas y recursos
didácticos.
Pseint (2022). Recuperado 18 de Junio de 2022, de Adminisión y nivelación UNEMI
Link: PSeInt (sourceforge.net)

web.-
PSeint – Herramienta desktop para
Seudocódigo:
❑PSeInt para conocer un poco mas de la
herramienta, se presenta los siguientes enlaces:
➢Características y Funcionalidades:
Descubra PSeInt (sourceforge.net)
➢Ejemplos: PSeInt (sourceforge.net)
❑PSeInt Lo puede descargar para los
sistema operativos ya conocidos: Linux,
MacOs y Windows
Pseint (2022). Recuperado 18 de Junio de 2022, de Adminisión y nivelación UNEMI
Link: PSeInt (sourceforge.net)

PSeInt – Introducción a la herramienta
Introducción a PSEINT. (2014-08-26). Recuperado 22 de junio de 2021, de
YouTube Canal: Ericka Zavala website: https://n9.cl/snuri

web.-
Scratch – Herramienta desktop para
Seudocódigo:
❑Scratch “Con Scratch puedes programar
tus propias historias interactivas, juegos y
animaciones y compartir tus creaciones con
otros en la comunidad online.
❑Scratch ayuda a los jóvenes a aprender a pensar
de forma creativa, a razonar sistemáticamente,
y a trabajar de forma colaborativa —
habilidades esenciales para la vida en el siglo
21.” (MIT, 2008).
Scratch (2022). Recuperado 18 de Junio de 2022, de Adminisión y nivelación UNEMI
Link: Scratch - Imagine, Program, Share
(mit.edu)

web.-
Scratch – Herramienta desktop para
FlujoGrama:
❑Según (MIT, 2008), Scratch es un proyecto
del Grupo Lifelong Kindergarten del MIT
Media Lab. Se ofrece de forma gratuita, la
aplicación está desarrollada en dos
versiones:
➢Sitio web - Scratch - Imagina, Programa, Comparte
(mit.edu)
➢Desktop - Scratch - Editor sin conexión de
Scratch (mit.edu)
Scratch (2022). Recuperado 18 de Junio de 2022, de Adminisión y nivelación UNEMI
Link: Scratch - Imagine, Program, Share
(mit.edu)

Scratch – Introducción a la herramienta
Desde el canal Yo Androide en YouTube, visualicemos el video (9:32)
sobre: Scratch: tutorial para principiantes; https://n9.Cl/nsibt
Scratch: tutorial para principiantes. (2020-01-12). Recuperado 22 de
junio de 2021, de YouTube Canal: Yo Androide website: https://n9.Cl/nsibt

Conociendo el entorno, estructura del
programa, definición de variables.-
Scratch – Entorno de trabajo:
❑Estando en la aplicación o en la
versión web, damos clic en crear, y se
abrirá una pantalla similar a la que
aparece en la imagen.
❑Utilizando todas estas opciones
podrás crear, editar y ejecutar tus
proyectos.
❑La pantalla muestra lo que
denominamos entorno de desarrollo,
la versión desktop es muy parecida.
Scratch(2022). Recuperado 18 de Junio de 2022, de Adminisión y nivelación UNEMI 2021 :
Acortador: https://n9.cl/7wl4d

Scratch – Entorno de trabajo:
❑ Escenario: zona del entorno donde se ejecutan
los proyectos.
❑ Lista de objetos: zona del entorno donde se
muestran los objetos añadidos al proyecto.
❑ Sección de bloques: los bloques representan
las instrucciones que se encuentran en las
paletas o secciones de bloques (pestaña
programas).
❑ Área del programa: zona donde se diseña el
algoritmo, se arrastran los bloques para que los
objetos ejecuten dichas órdenes.
❑ Mochila: esta zona se utiliza para copiar
programas, objetos, sonidos… entre proyectos.
Solo disponible en la versión online.

Scratch – Entorno de trabajo - Online:
❑ Paso 1: Lo primero que debemos hacer, es
estar dentro de nuestro proyecto.
❑ Paso 2: Click en “Archivo” y seleccionar
“Guardar ahora” y listo automáticamente se
guardar nuestro archivo
❑ Si deseamos tener una copia aparte de
nuestro proyecto original, lo que debemos
hacer, es seleccionamos la opción “Guardar
como copia” del menú archivo.

Creación de variables
❑ Paso 1: En la sección de bloques damos clic en
Variables, y luego damos clic en Crear una
variable, aparecerá la ventana que nos pide
que especifiquemos el nombre de la nueva
variable.
❑ Paso 2: Pongamos como nombre de variable
edad, defínela como global, para que todos los
objetos puedan acceder a ella, y a continuación
haz clic en Aceptar.
❑ Paso 3: Cuando ya se han creado las variables,
estas aparecen simbolizadas en un cuadro de
lados redondeados, con este bloque ya
podemos acoplarlo en el código del proyecto
que estemos diseñando.

Operadores lógicos
❑Scratch permite obtener resultados a
partir de que se cumpla una determinada
condición aplicando operadores lógicos
como: and, or y not, damos clic en la
opción operadores de la sección bloques
y nos mostrará las opciones relacionada a
estos operadores.

Estructura del programa.
❑Para efectos de la práctica y aprendizaje de
Scractch, vamos a ir desarrollando la
construcción de un programa a partir de un
flujograma y según van apareciendo las
funcionalidades de la herramienta la vamos
a ir aprendiendo y aplicando en ejercicio
base. (desarrollado en clases anteriores)
❑Ejercicio 1: Elabore un programa en
Scratch, que calcule el sueldo a pagar de un
empleado, considerando el número de
horas trabajadas y que el valor por hora de
trabajo es $3. Scratch(2022). Recuperado 18 de Junio de 2022, de Adminisión y nivelación UNEMI
2021 : Acortador: https://n9.cl/7wl4d

Estructura del programa – Definición de variables
Ejercicio 1:
❑La codificación es el proceso de pasar el algoritmo a
programa fuente, para nuestra práctica, vamos a
tomar del seudocódigo al flujograma y de allí lo
vamos a llevar a su correspondiente programa en
Scratch.
Scratch(2022). Recuperado 18 de Junio de 2022, de Adminisión y nivelación UNEMI 2021 : Acortador: https://n9.cl/7wl4d

Estructura del programa – Definición de variables
Ejercicio 1:

Estructura del programa – Definición de
variables
Ejercicio 2:
❑Elabore un programa en Scratch, que
presente el promedio de un estudiante a
partir de sus 3 notas parciales.

Conociendo el entorno, estructura del programa,
definición de variables.-
Estructura del programa – Definición
de variables
Ejercicio 2:
Scratch(2022).
Recuperado
18
de
Junio
de
2022,
de
Adminisión
y
nivelación
UNEMI
2021
:
Acortador:
https://n9.cl/7wl4d

Actividad para después de clases. -
❑Para complementar el estudio de la unidad #3
Tema #1 y motivar el desarrollo del
autoaprendizaje; realice la lectura y estudio del
material complementario que se detalla a
continuación.
❑FACI_Adm_S4_U3_T1_Guia_Pseint_2016
❑FACI_Adm_S4_U3_T1_Guia_Scratch_2020
❑Nota: El material contiene ejercicios que le
ayudaran a practicar lo estudiado en clases.
Image Tarea Png (2021). Recuperado 13 de Junio de 2021, de PNG EGG University
2017 : Acortador: https://n9.cl/82crf

Ejercicios para después de clases.-
❑Ejercicio propuesto #1: Realice un programa en Scratch que lea el valor en
kilómetros y presente por pantalla expresado en metros. Sabiendo que 1
kilómetro equivale a 1000 metros (1km = 1000m).
Fórmula = UnidadesKm * 1000m
❑Ejercicio propuesto #2: Realice un programa en Scratch, que lea dos números y
los imprima en forma ascendente.
❑Ejercicio propuesto #3: Realice un programa en Scratch que aplique un
descuento del 20% si el total de la compra es mayor a 100, caso contrario no
aplicar descuento.

Ejercicios para después de clases.-
❑Ejercicio propuesto #4: Realice un programa en Scratch, ingresada una
calificación del 1 al 10, muestre por pantalla los siguiente mensajes.
Cuando la calificación sea de 7 o superior mostrar “APROBADO” y si no obtuvo esa
calificación mostrar “REPROBADO”
❑Ejercicio propuesto #5: Realice un programa en Scratch que lea un número de
dos cifras y determine si es palíndromo o no. (Un número es palíndromo cuando
se lee exactamente igual de izquierda a derecha que de derecha a izquierda). Por
ejemplo:
➢77-> 77 es palíndromo
➢24 > 42 NO es palíndromo

Video recomendado – Crear un video juego con Scratch
Desde el canal Platzi en YouTube, visualicemos el video (39:51)
sobre: Cómo crear tu primer videojuego; https://n9.cl/wabh13
Cómo crear tu primer videojuego (2022-04-01). Recuperado 22 de
junio de 2021, de YouTube Canal: Platzi website:
https://n9.cl/wabh13

Cierre de clases. -
La clave de la educación antes y después del COVID-19 (2021). Recuperado 6 de mayo
de 2021, de CETYS University 2017 : Acortador: https://n9.cl/31qzs
Revisión de conceptos
Palabras claves
Preguntas finales

Bibliografía. -
• Joyanes, L. (2008). Fundamentos d e programación. Madrid: MC GRAW HILL.
Recuperado de https://goo.gl/vJQbJt
• Pseudocódigo y PSEINT - Programa Educativo Ingeniero en Software . Itson.mx. (2016).
Recuperado el 25 de junio de 2022, de https://n9.cl/nfomns.
• García Cortés, J. (2020). Introducción a Scratch . Lsi.vc.ehu.es. Recuperado el 25 de
junio de 2022, de https://n9.cl/z3orp.

archivodiapositiva_2022720173336.pdf

archivodiapositiva_2022720173336.pdf

Recomendados

Recomendados

Más contenido relacionado

Similar a archivodiapositiva_2022720173336.pdf

Similar a archivodiapositiva_2022720173336.pdf (20)

Último

Último (20)

archivodiapositiva_2022720173336.pdf