Diseño de Portafolios Electrónicos

Dise ño de Portafolios Electrónicos Prof. Antonio L. Delgado P érez Diseñador Instruccional

Introducci ón

Este tutorial trata sobre el diseño de portafolios electrónicos utilizando el servicio 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 hacer reflexiones profundas sobre los procesos de aprendizaje que se realizan en las diversas experiencias personales, profesionales y educativas.

Objetivos

Definir el concepto: Portafolio Electr ónico

Presentar las ventajas de su diseño en el proceso instruccional

Mostrar el proceso de diseño

Presentar las partes del contenido

Demostrar un portafolio electrónico real

Diseñar un portafolio electrónico utilizando el servicio 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 ño Fernando, S. (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

Resumé : 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

Multimedios : V í deos variados de: YouTube y Google V ídeo

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

Accede a Google Site con tu cuenta de Gmail-Google

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

3. Escribe el nombre del sitio

4. La direcci ón URL quedará ubicada

5. Desactiva: Contenido Adultos

6. Selecciona el modo de compartir

7. Selecciona la plantilla de la p ágina

8. Escribe el c ódigo

9. Oprime: Crear Sitio

Escribe el c ódigo

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

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

Escribe el t ítulo de la página

12. Oprime Insertar para agregar im ágenes, enlaces, líneas, calendario, documento, fotos de Picasa, presentaciones, hojas de cálculo, formulario, vídeos y otras

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

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

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

16. Oprime + Crear P ágina Nueva para abrir una segunda página de trabajo. Crea las páginas que sean necesarias

Puedes hacer cambios en todo momento oprimiendo el bot ón Editar página

17. Escribe el nombre de la p ágina, selecciona la plantilla de trabajo y presiona Crear

P ágina Web sencilla P ágina Web colunmas Repositorio de documentos en: Word, PPT, Excel y PDF Publica avisos o anuncios. Puedes agregar fotos Selecciona: Coloca la p ágina en el nive superior. Escribe el nombre aqu í Genera una lista de actividades. Selecciona una de las cuatro formas disponibles

18. Trabaja sobre la nueva p ágina 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

19. Al crear todas tus p áginas puedes cambiar el orden de las secciones de navagación. Oprime el enlace Editar Barra Lateral

En el bloque de

Navegación: editar

Al terminar oprime

Aceptar y Guardar

Cambios

T ítulo de la barra de Secciones Utiliza las flechas para mover las p áginas de orden

20. Selecciona:

para cambiar: Contenido, Configuración, Apariencia, Presentación, Colores/Fuentes y las plantillas de Temas del Sitio

Las siguientes pantallas mostrarán las configuraciones a realizar en cada una de las secciones

A. Muestra el reistro de las Actividades Recientes

B. Muestra el archivo de administraci ón de las páginas por: Autor, Actualización y Revisión

C. Muestra los Archivos Adjuntos en las p áginas

D. Muestra la p á gina de Administraci ón General del Sitio Web

Escribe el t ítulo del Sitio Espacio para escribir la descripci ón del sitio Opci ón para cambiar la página de inicio Google Analytics: Herramienta que se utiliza para monitorear el acceso de los usuarios a tu sitio Web Opci ón para borrar tu Sitio Web

E. Muestra los par ámetros de acceso a los usuarios de la Web

Selecciona el modo de acceso a invitados usuario@gmail.com, Acceso al p úblico en general C O N T A C T O S

F. Suscripci ón al servicio Adsence para promoci ón de anuncios publicitarios

G. Muestra la configuraci ón para cambiar el nombre de dominio del Sitio Web

Se utiliza para personalizar el nombre de dominio de tu Sitio Web

H. Muestra la pantalla para realizar los cambios estructurales de tu Sitio Web

Agrega en la cabecera un logotipo personalizado. Se recomienda dise ñar un banner con las siguientes dimensiones: W: 300 X H:125 aproximadamente Agrega nuevas barras laterales con textos o enlaces Web externos

I. Configura los colores y fuentes de las p áginas, barras, bloques, textos y enlaces

Selecciona la estructura a cambiar: 1. Página completa 2. Cabecera del sitio 3. Á rea de contenido 4. Gadgets del área de contenido 5. Gadgets de la barra lateral 6. Gadget de navegación

J. Muestra la pantalla para realizar los cambios estructurales de tu Sitio Web

Puedes cambiar la plantilla de dise ño de la página cuando lo desees. Hay sobre 56 diseños a escoger Oprime el clik en el círculo de opciones, al lado izquerdo del nombre de la plantilla Oprime Guardar los cambios para terminar

21. El bloque de navegaci ón editado se verá de esta forma:

22. Puedes añadir o eliminar elementos nuevos (bloques)

Oprime el enlace Editar barra lateral , localizado en la parte inferior de la pantalla de edición

23. La pantalla cambiar á de la siguiente manera:

24. Aparecerá un bloque en el que seleccionar ás uno de cinco elementos nuevos:

AdSense

Navegaci ón

Texto

Actividad reciente del sitio

Actividad reciente

Cuenta atrás

Oprime el bot ón para añadirlo Oprime el bot ón para añadirlo

25. Al agregar un Cuadro de texto se ver á como en la imagen de la derecha.

Pulsa sobe el enlace editar para entrar la información en el cuadro de texto

26. Se agregar á el elemento en la estructura de la página. Oprime en editar para realizar los cambios en el mismo

27. Oprime el enlace Volver al sitio para acceder el formato de edici ón de la página

1. Se escogi ó el elemento de texto 2. Escribe el título del elemento (bloque) 3. Escribe los nombres de tus entornos Web: Facebook, MySpace, Páginas Web pesonales u otros. 4. Oprime Enlace para activar el v ínculo 5. Oprime Aceptar y luego Guardar cambios 1. Escribe los nombres de los entornos Web que tengas: Facebook, MySpace, P áginas personales, sitios Web u otras 2. Oprime Enlace para activar el v ínculo hacia tu página personal 3. Al terminar, oprime el botón Aceptar. T us cambios ya están realizados 4. Oprime Volver al sitio para regresar a la pantalla de edición de tu página Escribe el t ítulo del bloque de texto

28. 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