GUÍA 2 GRADO 8° PASO A PASO PARA USAR DRAW.IO EN LA SALA DE SISTEMAS

 Muy buena noche.  Les doy a conocer la guía No 2.  Es muy importante tenerla en físico para trabajar dentro del aula de clase. La idea es practicar lo más que se pueda para lograr obtener el aprendizaje y agilidad en el uso del DRAW.I0 en la sala de sistemas.

CONTENIDOS:

·    Introducción a Draw.io y su utilidad para la representación de algoritmos.

·    Creación de diagramas de flujo en Draw.io.

·    Identificación y uso de los símbolos básicos de los diagramas de flujo.

·    Guardado y exportación de diagramas.

·    Actividades prácticas con ejemplos sencillos.

ESTRATEGIAS DE EVALUACIÓN

• Observación directa del proceso de creación de diagramas.
• Revisión de los diagramas creados por los estudiantes.
• Evaluación del cumplimiento de la actividad práctica.
• Retroalimentación sobre la claridad y organización del diagrama.

(INICIO)

1.EXPLORACIÓN:

·   Pregunta guiada: “¿Alguna vez han visto un diagrama de flujo? ¿Para qué creen que sirven?”

·   Presentación interactiva de Draw.io y su utilidad.

2. ESTRUCTURACIÓN:

·   Explicación de los pasos para acceder y utilizar Draw.io.

·   Demostración de la creación de un diagrama de flujo básico.

·   Identificación de los símbolos y su uso.

2. PRÁCTICA:

·     Los estudiantes acceden a Draw.io y crean su primer diagrama siguiendo los pasos dados. 

·     Diseño de un diagrama de flujo que represente el proceso de preparación de un jugo natural.

·     Conexión de símbolos y alineación de elementos.

3. TRANSFERENCIA:

·    Creación de un diagrama de flujo que indique si un número es positivo o negativo.

·    Exportación y guardado de los diagramas creados.

Presentación de trabajos al docente y reflexión sobre el aprendizaje.

RECURSOS: Computadores con acceso a Draw.io o versión instalada. Material de apoyo visual (presentación o ejemplos impresos). Guía paso a paso impresa o digital.

GUÍA PASO A PASO PARA USAR DRAW.IO EN LA SALA DE SISTEMAS

🔹 Objetivo: Aprender a crear diagramas de flujo en Draw.io para representar algoritmos de manera visual y comprensible.

PASOS PARA USAR DRAW.IO EN LA SALA DE SISTEMAS

1️. Acceder a Draw.io

 ✅ Opción 1 (Online):

1. Abrir Google Chrome (u otro navegador disponible en los computadores).
2. En la barra de búsqueda, escribir: https://app.diagrams.net/ y presionar Enter.
3. Se abrirá la pantalla de inicio de Draw.io.

✅ Opción 2 (Sin Internet – Instalación previa):

1. Si Draw.io ya está instalado en los computadores, buscar el icono en el escritorio o en el menú de inicio.
2. Hacer doble clic en Draw.io para abrirlo.

 2️. Crear un Nuevo Archivo

1. Al abrir Draw.io, aparecerá una ventana preguntando dónde guardar el archivo.
• Si hay conexión a internet, seleccionar "Dispositivo" y luego "Crear nuevo diagrama".
• Si es en local, elegir "Guardar en el computador".
2. Escribir un nombre para el archivo, por ejemplo: "Mi Primer Diagrama".
3. Seleccionar la opción "Diagramas de flujo" y hacer clic en Crear.

 3️. Explorar la Interfaz de Draw.io

Los elementos básicos:

• Barra de herramientas (izquierda): Contiene las figuras que se pueden arrastrar y soltar al lienzo.
• Área de trabajo (centro): Espacio donde se dibujará el diagrama.
• Opciones de formato (derecha): Personalización de colores, tamaños y textos.

 4️. Insertar los Símbolos de un Diagrama de Flujo

1. Arrastrar y soltar símbolos desde la barra izquierda al área de trabajo.
• 🔵 Óvalo (Inicio y Fin del algoritmo).
• 🟨 Paralelogramo (Entrada y salida de datos).
• 🟩 Rectángulo (Proceso o acción).
• 🔶 Rombo (Decisión con respuesta "Sí" o "No").
2. Ejemplo práctico (Algoritmo de sumar dos números):
• Inicio → Arrastrar un óvalo y escribir "Inicio".
• Entrada de datos → Usar un paralelogramo y escribir "Ingresar número 1 y número 2".
• Proceso → Arrastrar un rectángulo y escribir "Sumar los dos números".
• Salida → Usar otro paralelogramo con "Mostrar resultado".
• Fin → Arrastrar otro óvalo con "Fin".

5️. Conectar los Elementos con Flechas

1. Hacer clic en un símbolo y notar que aparecen puntos azules en sus bordes.
2. Arrastrar una flecha desde un punto azul hasta otro símbolo.
3. Ordenar los elementos de manera clara y alineada.

6️. Guardar y Exportar el Diagrama

✅ Guardar el trabajo:

1. Hacer clic en Archivo → Guardar como.
2. Elegir la ubicación en la computadora o memoria USB.
3. Escribir un nombre de archivo y presionar Guardar.

✅ Exportar como imagen:

1. Hacer clic en Archivo → Exportar como.
2. Seleccionar PNG o PDF.
3. Descargar y compartir con el docente o compañeros.

 7️. Actividad para los Estudiantes

Ejercicio 1: Crear un diagrama de flujo para preparar un jugo natural.
Ejercicio 2: Hacer un diagrama de flujo que indique si un número es positivo o negativo.
Ejercicio 3: Guardar el diagrama y mostrarlo a profesor y compañeros.

 LES RECUERDO:

POR FAVOR, MUCHA LECTURA Y PRÁCTICA.  ES IMPORTANTE EL COMPROMISO DE CADA UNO.