Portafolio Electrónico

Transcripción

1

2 Introducción Este tutorial 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.

3 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

4 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)

5 Accesible 24/7 Cero distancias Ventajas 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

6 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

7 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

8 Proceso de diseño Santamaría, F. (2007) Blog: Gabinete de Informática

9 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

10 Secciones del portafolio 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

11 Secciones del portafolio Multimedios: Vídeos variados de: YouTube y Google Video 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

12 Ejemplo

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

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

15 3. Selecciona la plantilla 4. Escribe el nombre del sitio 5. La dirección URL quedará ubicada (puede ser cambiada) Diseño del portafolio

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

17 7. Moore Options: Describe brevemente el sitio Web. 8. Selecciona el modo de publicación 9. Desactiva: Contenido de adultos 10. Escribe el código 11. Oprime: Create site Diseño del portafolio

18 12. User Settings: Cambia las configuraciones del idioma y zona horaria. 13. Oprime: Save changes

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

20 15. La pantalla cambiará al editor HTML. Al terminar de escribir, oprime Guardar. Escribe el título de la página

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

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

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

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

25 21. 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

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

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

28 24. Esta estructura se utiliza para agregar documentos en varios. formatos:.doc,.docx,.ppt,.pptx,.pps y.pdf 25. Organízalos en carpetas desde: Mover a

29 26. Añade un archivo desde tu computador o desde: Slideshare, Scribd, Box.net. 27. Describe brevemente el contenido de tu documento:

30 28. Pulsa en: Nueva entrada para redactar un artículo/anuncio:

31 29. Se;ecciona una plantilla de lista o crea una personalizada:

32 30. Trabaja sobre la nueva página desde el editor HTML. Oprime el botón: Utiliza las herramientas de redacción Al terminar de escribir, oprime GUARDAR Escribe el título de la página. Éste será el link que aparecerán el bloque de Navigation (secciones) Área de redacción

33 31. 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

34 32. Selecciona: Diseño del portafolio 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.

35 A. Muestra el reistro de las Actividades Recientes

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

37 C. Muestra los Archivos Adjuntos en las páginas.

38 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

39 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

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

41 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

42 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

43 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

44 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

45 32. El bloque de navegación editado se verá de esta forma: 33. 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.

46 34. La pantalla cambiará de la siguiente manera:

47 35. 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

48 36. 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.

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

50 39. 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. 40. Si deseas monitorear quiénes acceden a tu página utiliza el servicio Google Analytics con tu cuenta personal de Gmail.

51 Fin del tutorial