Diseño de Portafolios Electrónicos

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

1 comments

Comments 1 - 1 of 1 previous next Post a comment

  • + guest23feff guest23feff 6 months ago
    Los Planeamientos de la Practica Docente
Post a comment
Embed Video
Edit your comment Cancel

2 Favorites

Diseño de Portafolios Electrónicos - Presentation Transcript

  1. Dise ño de Portafolios Electrónicos Prof. Antonio L. Delgado P érez Diseñador Instruccional
  2. 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.
  3. 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
  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. 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
  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 Fernando, S. (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 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
  12. Ejemplo
  13. Dise ño del portafolio
    • Accede a Google Site con tu cuenta de Gmail-Google
  14. Dise ño del portafolio
    • 2. Oprime el bot ón: Crear un sitio nuevo
  15. Dise ño del portafolio
    • 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
  16. Dise ño del portafolio
    • 10. Tu p ágina inicial ya está lista para trabajar. Oprime: Editar Página para comenzar a escribir
  17. Dise ño del portafolio
    • 11. La pantalla cambiar á al editor HTML. Al terminar de escribir, oprime Guardar
    Escribe el t ítulo de la página
  18. Dise ño del portafolio
    • 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
  19. Dise ño del portafolio
    • 13. Oprime Formato para ajustar el texto a diferentes estructuras de redacci ón
  20. Dise ño del portafolio
    • 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
  21. Dise ño del portafolio
    • 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
  22. Dise ño del portafolio
    • 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
  23. Dise ño del portafolio
    • 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
  24. Dise ño del portafolio
    • 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
  25. Dise ño del portafolio
    • 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
  26. Dise ño del portafolio
    • A. Muestra el reistro de las Actividades Recientes
  27. Dise ño del portafolio
    • B. Muestra el archivo de administraci ón de las páginas por: Autor, Actualización y Revisión
  28. Dise ño del portafolio
    • C. Muestra los Archivos Adjuntos en las p áginas
  29. Dise ño del portafolio
    • 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
  30. Dise ño del portafolio
    • 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
  31. Dise ño del portafolio
    • F. Suscripci ón al servicio Adsence para promoci ón de anuncios publicitarios
  32. Dise ño del portafolio
    • 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
  33. Dise ño del portafolio
    • 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
  34. Dise ño del portafolio
    • 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
  35. Dise ño del portafolio
    • 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
  36. Dise ño del portafolio
    • 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
  37. Dise ño del portafolio
    • 23. La pantalla cambiar á de la siguiente manera:
  38. Dise ño del portafolio
    • 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
  39. Dise ño del portafolio
    • 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
  40. Dise ño del portafolio
    • 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
  41. Dise ño del portafolio
    • 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
  42. 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!
SlideShare Zeitgeist 2009

+ Antonio DelgadoAntonio Delgado Nominate

custom

3594 views, 2 favs, 2 embeds more stats

Este tutorial trata sobre el diseño de portafolios more

More info about this document

© All Rights Reserved

Go to text version

  • Total Views 3594
    • 3589 on SlideShare
    • 5 from embeds
  • Comments 1
  • Favorites 2
  • Downloads 95
Most viewed embeds
  • 3 views on http://villarsaioadidactica.blogspot.com
  • 2 views on http://blogueaconmigo.blogspot.com

more

All embeds
  • 3 views on http://villarsaioadidactica.blogspot.com
  • 2 views on http://blogueaconmigo.blogspot.com

less

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel
File a copyright complaint
Having problems? Go to our helpdesk?

Categories