TEORIA TECNOLOGÁ - GRADOS 903 Y 904 SEPTIEMBRE

DISEÑO WEB - MIRO APP 

TUTORIAL MIRO

¿Qué es Miro?

Miro es una pizarra digital colaborativa en línea que permite trabajar en equipo desde cualquier lugar, en tiempo real.

📌 ¿Para qué se usa?

• Lluvia de ideas (brainstorming): usar notas adhesivas, mapas mentales y diagramas.

• Planificación y organización: diseñar cronogramas, flujos de trabajo y tableros Kanban.

• Trabajo colaborativo: varios usuarios pueden editar y comentar al mismo tiempo.

• Clases y talleres: explicar temas de forma visual e interactiva.

• Prototipos y diagramas: crear esquemas, mapas de procesos y diseños previos a un proyecto.

Pasos para usar Miro

1. Acceder a Miro

   • Entra al sitio web de Miro (por ejemplo: miro.com) o utiliza la app si está disponible. YouTube

   • Si no tienes cuenta, regístrate; si ya la tienes, inicia sesión. YouTube

2. Explorar la interfaz

   • Familiarízate con el tablero de trabajo (canvas), los menús, la barra de herramientas. YouTube

   • Observa cómo se organizan los paneles, cómo moverte sobre el tablero, hacer zoom, etc. YouTube

3. Crear o seleccionar un tablero (board)

   • Puedes iniciar uno nuevo en blanco (“blank board”) o usar alguna plantilla (“template”) ofrecida por Miro. YouTube

   • Explorar las diferentes plantillas te ahorra tiempo si tienes un objetivo claro (mapas mentales, diagramas, flujos, etc.). YouTube

4. Usar las herramientas del tablero

   • Insertar cuadros de texto, formas geométricas, líneas de conexión, post-its (notas adhesivas digitales). YouTube

   • Cambiar colores, tamaños, mover objetos, girarlos, agruparlos. YouTube

5. Colaborar con otras personas

   • Invitar compañeros al tablero usando un enlace de acceso. YouTube

   • Todos pueden editar, comentar y ver en tiempo real los cambios que hagan. YouTube

6. Guardar y exportar

   • Miro guarda automáticamente tus tableros. YouTube

   • Exporta tu tablero si lo necesitas en PDF, imagen u otro formato para compartir o presentar. (Verifica las opciones disponibles según tu plan) YouTube

7. Uso de plantillas específicas

• Selecciona plantilla según tu necesidad: mapas mentales, diagramas de flujo, cronogramas, etc. YouTube

• Ajusta la plantilla con tus contenidos, colores, estructura. YouTube

SITIO WEN DISEÑO GRAFICO    

😊  VIDEO TUTORIAL  

¿Qué es Figma? 

Figma es una herramienta de diseño web y de escritorio que permite crear y prototipar interfaces para apps y sitios web. Su mayor ventaja es la colaboración en tiempo real, ya que varios usuarios pueden trabajar y comentar en el mismo proyecto.

¿Para qué sirve?

• Diseñar interfaces → Crear pantallas para apps y páginas web.

• Prototipar → Simular cómo funcionará la navegación y botones.

• Sistemas de diseño → Usar componentes y estilos reutilizables.

• Colaborar → Trabajar en equipo en tiempo real y dejar comentarios.

• Wireframes y mockups → Hacer esquemas y maquetas antes del producto final.

pasos básicos de Figma resumidos:

1. Crear cuenta en figma.com.

2. Abrir un nuevo archivo en blanco o con plantilla.

3. Explorar la interfaz: herramientas, capas y propiedades.

4. Diseñar pantallas usando frames/artboards.

5. Usar estilos y componentes reutilizables.

6. Prototipar con interacciones entre pantallas.

7. Colaborar invitando a otros usuarios.

8. Exportar o compartir el proyecto.