Diseño de Portafolios Electrónicos

Prof. Antonio L. Delgado Pérez

Diseñador Instruccional

Introducción

Esta guía trata sobre el diseño de portafolios electrónicos utilizando Google Sites. La idea de su diseño responde a una transformación social que ha abierto un espacio para gestionar el conocimiento, colaborar socialmente y llevar a cabo reflexiones profundas sobre los procesos de aprendizaje que se realizan en las diversas experiencias personales, profesionales, académicas y socio-culturales.

Objetivos

• Definir el concepto: Portafolio Electrónico• Presentar las ventajas de su diseño en el

contexto académico• Mostrar el proceso de diseño• Presentar las partes del contenido• Demostrar un portafolio electrónico real • Diseñar un portafolio electrónico utilizando

Google Sites

Portafolio Electrónico• Recopilación del trabajo pensado para un objetivo

específico: “proporcionar un registro de logros” (National Learning Infrastructure Initiative, 2004)

• Sistema de gestión de la información basado en la web que usa medios y servicios electrónicos. El aprendiz construye y mantiene un repositorio digital de los artefactos (objetos), que puede usar para dejar constancia de su capacidad y reflexionar sobre su aprendizaje.” (ePortfolio Portal, 2004)

• Colecciones ensambladas, mantenidas y cuidadas por el usuario, que evidencian o certifican lo que esa persona podría hacer para sí mismo o para otros” (The E-Eearning Framework, 2004)

Ventajas

• Accesible 24/7• Cero distancias • Evita el peso y espacio innecesario• Entorno interactivo para la gestión del

conocimiento• Promueve el desarrollo de altos niveles

cognitivos • Crea conexiones entre las experiencias de

aprendizaje y de la vida real

Ventajas

• Promueve el aprendizaje significativo • Crea un camino de evaluación centralizado

y bajo el control del aprendiz• Promueve la comunicación fuera de los

límites del salón• Familiarización con el uso de nuevas

tecnologías• Accede a los materiales de la clase desde

cualquier computadora conectada a la red

Ventajas

• Facilita la adquisición de conocimientos y el desarrollo de destrezas y habilidades en la búsqueda, clasificación y organización lógica de la información

• Fomenta un aprendizaje activo y dinámico • Promueve el intercambio de información y la

colaboración social• Aumenta la interacción entre los

participantes

Proceso de diseñoSantamaría, F. (2007)

Blog: Gabinete de Informática

Secciones del portafolio

• Inicio: Describe el propósito y la justificación del proyecto

• Objetivos: Describe los objetivos de aprendizaje y las expectativas del estudiante

• Datos del autor/a: Información personal que se desea compartir: pasatiempos, intereses personales, lugares y actividades preferidas

Secciones del portafolio

• Vitae: Trabajo ocupacional, comunitario y extracurricular

• Experiencias: Documenta una serie de actividades personales y profesionales

• Aportaciones: Proyectos realizadas y creación de productos innovadores

• Publicaciones: Artículos interesantes, investigaciones, reflexiones, análisis crítico, editoriales y diarios reflexivos

Secciones del portafolio

• Multimedios: Vídeos variados de: YouTube

• Galería imágenes: Afiches, hojas sueltas y

programas de las actividades en las que

hayas participado: Congresos, talleres,

presentaciones y eventos oficiales o

institucionales

Ejemplo

Diseño del portafolio

1. Accede a Google Site con tu cuenta de Gmail.

http://sites.google.com

Nombre uauario Gmail

Contraseña Gmail

Diseño del portafolio

2. Oprime el botón: Crear un sitio nuevo.

Diseño del portafolio

3. Selecciona la plantilla

4. Escribe el nombre del sitio

5. La dirección URL quedará ubicada (puede ser cambiada)

Tu nombre y apellidos

edumorfosis

begin

Utiliza un nombre de marca o combinación de nombre y números. Asegúrate de que sea corto y fácil de memorizar. Esa será tu dirección web para acceder a tu portafolio.

Diseño del portafolio

6. Choose a theme: Selecciona un tema de plantilla haciendo un click sobre la imagen.

Diseño del portafolio

7. Moore Options: Describe brevemente el sitio Web.

8. Selecciona el modo de publicación

9. Desactiva: Contenido de adultos

10. Escribe el código11. Oprime: Create

site

Diseño del portafolio

12. User Settings: Cambia las configuraciones del idioma y zona horaria.

13. Oprime: Save changes

Diseño del portafolio

14. Tu página inicial ya está lista para trabajar. Oprime: Editar Página para comenzar a escribir.

Diseño del portafolio

15. La pantalla cambiará al editor HTML. Al terminar de escribir, oprime Guardar.

Diseño del portafolio

16. Oprime Insertar para

agregar imágenes,

enlaces, líneas, calendario, documento, fotos de Picasa, presentaciones, hojas de cálculo, formulario, vídeos y otras.

Diseño del portafolio

17. Oprime Formato para ajustar el texto a diferentes estructuras de redacción.

Diseño del portafolio

18. Oprime Tabla para insertar tablas completas, filas, y columnas.

19. Oprime Diseño para ajustar la página en una o dos columnas. Al terminar de redactar oprime Guardar.

Diseño del portafolio

20. Oprime Tabla para insertar tablas completas, filas, y columnas.

Diseño del portafolio

21. Oprime para abrir una segunda página de trabajo. Crea las páginas que sean necesarias.

Escribe el nombre de la página

Diseño del portafolio

22. Selecciona la plantilla de trabajo, escribe el nombre de la página y presiona:

Procesador de palabras

Bitácora: noticias, reflexiones y artículos

Repositorio de documentos: .doc/.ppt/.pdf

Gestor de proyectos o actividades

Diseño del portafolio

23. La página web es un editor de texto en HTML similar a MS Word.

En este layout escribe toda la información que dea necesaria. No tiene límite. Puedes agregar hipervínculos, gráficos, fotos digitales y vídeos de YouTube. Al terminar, oprime:

Diseño del portafolio

24. Esta estructura se utiliza para agregar documentos en varios formatos: .doc, .docx, .ppt, .pptx, .pps y .pdf

25. Organízalos en carpetas desde:

Diseño del portafolio

26. Utilizado para descargar archivos desde tu computadora o servicios de la nube.

Diseño del portafolio

27. Utilizado para vincular un archivo en la nube. Se recomienda subirlos desde Slideshare

Pega el URL del archivo alojado en Slideshare

Escribe el título del archivo a compartir

Redacta una breve descripción del documento o presentación para que los lectores sepan de qué trata el mismo.

Diseño del portafolio

28. Pulsa en: para redactar un artículo, anuncio, evento, editorial o reflexión:

Aparecerá la ventana de procesador de palabras HTML en la que redactarás tu proyecto personal.

Diseño del portafolio

29. Selecciona un formato de las plantillas de listas o crea una personalizada:

Diseño del portafolio

30. Trabaja sobre la página creada desde el editor HTML. Oprime el botón:

Escribe el título de la página. Éste será el link que aparecerán el bloque de Navigation (secciones)

Utiliza las herramientas de redacción

Área de redacción

Al terminar de escribir, oprime GUARDAR

Diseño del portafolio

31. Una vez creadas todas las páginas del portafolio, cambia el orden de la barra de navagación lateral:

1

2

Diseño del portafolio

32. Oprime debajo de Sidebar (Navegación) para Editar elemento de la barra lateral.

1. Sustituye el título: Navegación por: Enlaces2. Activa para mostrar título

3. Desactivar la organización automática

4. Añade las páginas creadas

5. Desactiva el Sitemap

6. Oprime Aceptar el terminar la edición 7. Cierra la pantalla de edición

Diseño del portafolio

33. Muestra el Historial de Revisiones. Aquí puedes llevar a cabo configuraciones importantes de tu sitio web.

Diseño del portafolioRetorna al portafolio electrónico

Muestra todas las actualizaciones realizadas en tu portafolio

Presenta los cambios realizados en cada página creada

Verás un listado con todos los archivos adjuntos

Descripcioń de los layouts del sistema, según descritos en el slide #26

Accedes al Script Editor para configurar los comandos de aplicaciones para los desarrolladores de Google

Lista de los elementos que han sido eliminados

Configuración general del sitio de Google creadoModifica el acceso a tu sitio web: Público en la web, Usuario con Enlace o PrivadoPermiso para que Google haga promociones en tu sitio

Muestra la direción predeterminada de tu portafolio

Configura la estructura completa, cabecera, área de contenido, gadgets y navegación horizontal

Diseño del portafolio

34. Configuración de Temas, Colores y fuentes

1

23

4

5

Diseño del portafolio

35. Tu portafolio electrónico se verá prácticamente terminado. Puedes añadirle más secciones, elementos (bloques) y editar el contenido cuando sea necesario. Comparte tu URL con otras personas; permite que la comunidad de usuarios acceda tu entorno de desarrollo profesional y promociónalo.

Si deseas la analítica de acceso a tu portafolio, utiliza el servicio Google Analytics con tu cuenta personal de Gmail.

Fin del tutorial

Si deseas compartir algún comentario, sugerencia u opinión acerca del tutorial, escribe a:

antonio.delgado.perez@gmail.com

¡Gracias por tu atención!