📅 Semana 3 · Clases 5 y 6
🏅 Nota 2

🐾 Wiki de Animales

Recibe la maqueta base y transfórmala en una wiki completa con scroll, GIFs y navegación

⏱ 2 × 90 min🛠 Figma + archivo .fig🏅 Nota 2📤 Entrega en Classroom

🎯 Objetivos de la semana

📖 Clase 5 — Wiki de Animales: Exploración y construcción
🟢
Inicio
10 minutos

Contextualizar el desafío y presentar el archivo base

  • Presentación: ¿qué es una wiki de animales y qué elementos debe tener?
  • El docente entrega el archivo base .fig (maqueta no funcional)
  • Revisión grupal del archivo: identificar qué falta y qué hay que agregar
🔵
Desarrollo
70 minutos

Importar, explorar y comenzar a construir la wiki

1
Importación y exploración del archivo base 10 min
  • Descargar el archivo .fig desde el enlace entregado por el docente
  • En Figma: Archivo → Importar → Seleccionar archivo .fig
  • Explorar los frames existentes sin modificar la estructura base
2
Agregar fichas nuevas de animales (3+) 30 min
  • Duplicar una ficha existente como plantilla
  • Cambiar nombre, imagen de alta resolución y descripción del animal
  • Buscar imágenes en unsplash.com o pexels.com
  • Agregar al menos 3 fichas nuevas: tigre, colibrí, delfín, zorro, ballena, etc.
3
Implementar scroll vertical en el Home 20 min
  • Seleccionar el frame principal (Home / Inicio)
  • Extender la altura del frame para acomodar todas las fichas
  • En la pestaña Prototype: Scroll behavior → Vertical
  • Probar el desplazamiento con Present
4
Revisar navegación y conexiones 10 min
  • Conectar cada tarjeta de animal al frame de detalle correspondiente
  • Verificar que el menú inferior esté conectado a sus vistas
  • Probar el flujo completo de navegación con Present
🟡
Cierre
10 minutos

Evaluar el avance y definir lo que falta para la entrega

  • Guardar el trabajo con nombre descriptivo en Figma
  • El docente recorre la sala revisando el avance de cada wiki
  • Docente indica los elementos pendientes para completar en la próxima clase
⚠️

Para la próxima clase — Nota 2

Completar antes de la entrega: scroll horizontal, GIFs animados de los animales y la navegación completa entre todos los frames. El trabajo se sube a Google Classroom al finalizar la próxima clase.

🏅 Clase 6 — Entrega Wiki de Animales · Nota 2
🟢
Inicio
10 minutos

Última revisión antes de la entrega formal

  • Chequeo rápido: ¿está todo lo requerido en la rúbrica?
  • Aclaración del procedimiento de entrega en Google Classroom
  • El docente recuerda el plazo máximo de entrega
🔵
Desarrollo
70 minutos

Completar, pulir y entregar la Wiki de Animales

1
Completar los elementos avanzados pendientes 30 min
  • Implementar scroll horizontal en galería o sección de categorías
  • Insertar GIFs animados de los animales (desde giphy.com)
  • Agregar efectos de imagen o filtros creativos en las fichas
  • Conectar toda la navegación: Home → fichas → detalles → menú
2
Autoevaluación y pulido final 20 min
  • Revisar cada criterio de la rúbrica y verificar el propio trabajo
  • Últimos ajustes de diseño visual: colores, tipografía, alineación
  • Probar la navegación completa con scroll y GIFs en modo Present
  • El docente recorre la sala y da retroalimentación individual
3
Entrega en Google Classroom 20 min
  • En Figma → clic en Compartir → activar "Cualquiera con el enlace puede ver"
  • Copiar el enlace del prototipo desde Figma
  • Abrir Google Classroom → ir a la tarea Semana 3 — Wiki de Animales
  • Hacer clic en "Agregar o crear" → pegar el enlace de Figma
  • Clic en "Entregar" y confirmar la entrega
  • Verificar que el estado aparezca como ✓ Entregado
🟡
Cierre
10 minutos

Verificación de entregas y presentación del desafío final

  • El docente verifica en Classroom que todos hayan enviado el trabajo
  • Retroalimentación general sobre los trabajos de la semana
  • Presentación del desafío final: App Personal — libertad creativa total con Figma
🏅

Nota 2 — Wiki de Animales

La nota se calcula sobre 100 puntos: 40% por la entrega oportuna en Classroom y 60% por los aspectos de la wiki según la rúbrica.

← Semana 2Semana 4 — App Personal →

📋 Rúbrica — Wiki de Animales · Nota 2

Nota 2 · Semana 3 · Entrega vía Google Classroom

40%
Entrega
60%
Aspectos
40 PUNTOSENTREGA DEL TRABAJO
0
No entregó o más de 3 días de atraso
20
2 a 3 días de atraso
30
1 día de atraso o incompleta
40
Completa y en fecha
60 PUNTOSASPECTOS DE LA APP (6 criterios × 10 pts)
Criterio0 pts5 pts8 pts10 pts
Diseño visual generalSin diseño / caóticoBásico e inconsistenteCoherente y atractivoDestacado y muy bien logrado
Paleta de coloresSin paleta definidaColores inconsistentesPaleta coherente con el temaArmóniosa, creativa y consistente
Fichas de animales (contenido)Sin fichas nuevas o vacías1-2 fichas con datos incompletos3+ fichas con nombre, imagen y descripción4+ fichas completas y bien presentadas
Scroll vertical en HomeNo implementadoAplicado con erroresFuncional y fluidoOptimizado y bien distribuido
Scroll horizontal y GIFsSin ninguno de los dosSolo uno implementadoAmbos implementados correctamenteAmbos con animaciones atractivas
Navegación completaSin conexiones entre framesNavegación parcialFlujo Home→ficha→detalle funcionalFlujo intuitivo, completo y fluido
Puntaje total100 pts  (40 entrega + 60 aspectos)