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

Fin del tutorial
Si desea compartir alg ún comentario, sugerencia u opinión acerca del tutorial, escriba a:
[email_address]
¡Gracias por tu atenci ón!

http://larazonesta.blogspot.com	273
http://lorenamargarido-blogdeaula.blogspot.com	238
http://mayuserreau-blogdeaula.blogspot.com	173
http://bc.inter.edu	168
http://formacion-digital.blogspot.com	161
http://raquelmartinez-blogdeaula.blogspot.com	152
http://danielsalvatierra-blogdeaula.blogspot.com	140
http://leyrerey-blogdeaula.blogspot.com	136
http://ainaramaeztu-blogdeaula.blogspot.com	133
http://www.slideshare.net	123
http://leyrerodrigo-blogdeaula.blogspot.com	117
http://inesliberalaranda-blogdeaula.blogspot.com	116
http://bayamon.inter.edu	111
http://analizarraga-blogdeaula.blogspot.com	106
http://moiseseguizabal-blogdeaula.blogspot.com	104
http://alexandramartinez-blogdeaula.blogspot.com	96
http://monicaserna-blogdeaula.blogspot.com	91
http://martadominguez-blogaula.blogspot.com	89
http://edumorfosis.blogspot.com	85
http://adrianasanguesa-blogdeaula.blogspot.com	84
http://sandraquichimbo-blogdeaula.blogspot.com	80
http://egiarteros-blogdeaula.blogspot.com	71
http://leyrelubiano-blogdeaula.blogspot.com	61
http://mariacristinadino.blogspot.com	47
http://dsfg-pablo.blogspot.com	47
http://lab3d.facmed.unam.mx	43
http://edumorfosis.posterous.com	43
http://villarsaioadidactica.blogspot.com	33
http://loreachocarro-aula.blogspot.com	32
http://mmn.edu20.org	29
http://www.blogger.com	24
http://ainhoabailo-aula.blogspot.com	23
http://usodelasticseneducacion.wikispaces.com	22
http://arantxamartin-blogdeaula.blogspot.com	20
http://mmmindmanager.blogspot.com	17
http://formacion-digital.blogspot.com.es	16
http://www.leyrerey-blogdeaula.blogspot.com	15
http://formacion-digital.blogspot.mx	14
http://inesliberal-blogdeaula.blogspot.com	14
http://antonioruiz-blogdeaula.blogspot.com	11
http://ainaramaeztu-blogdeaula.blogspot.com.es	10
http://www.raquelmartinez-blogdeaula.blogspot.com	9
http://psicologia-e-portafolios.blogspot.com	8
http://planeacionyorganizacion.wikispaces.com	8
http://inesliberalaranda-blogdeaula.blogspot.com.es	8
http://mariacristinadino.blogspot.com.ar	7
http://larazonesta.blogspot.mx	6
http://larazonesta.blogspot.com.ar	5
http://ainhoabailo-aula.blogspot.com.es	4
http://analizarraga-blogdeaula.blogspot.com.es	4
http://alexandramartinez-blogdeaula.blogspot.com.ar	4

Diseño de Portafolios Electrónicos

by Antonio Delgado on Jan 30, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

74 Embeds 3,471

Statistics

Diseño de Portafolios Electrónicos — Presentation Transcript