• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Diseño de Portafolios Electrónicos
 

Diseño de Portafolios Electrónicos

on

  • 58,962 views

Este tutorial trata sobre el diseño de portafolios electrónicos educativos. En el mismo se define el término, se mencionan las ventajas instruccionales, los pasos para su diseño, un ejemplo de un ...

Este tutorial trata sobre el diseño de portafolios electrónicos educativos. En el mismo se define el término, se mencionan las ventajas instruccionales, los pasos para su diseño, un ejemplo de un portafolio real y se proveen instrucciones detalladas para diseñar un portafolio electrónico utilizando el servicio Google Sites.

Statistics

Views

Total Views
58,962
Views on SlideShare
52,189
Embed Views
6,773

Actions

Likes
24
Downloads
1,063
Comments
5

135 Embeds 6,773

http://formacion-digital.blogspot.com 687
http://larazonesta.blogspot.com 400
http://tecnoeducajrs.blogspot.com 301
http://aulapostitulo.educacion.gob.ar 241
http://lorenamargarido-blogdeaula.blogspot.com 238
http://mariacristinadino.blogspot.com 178
http://mayuserreau-blogdeaula.blogspot.com 175
http://bc.inter.edu 175
http://disenoelectronico.alianzasuperior.com 173
http://mmmindmanager.blogspot.com 170
http://raquelmartinez-blogdeaula.blogspot.com 152
http://ainaramaeztu-blogdeaula.blogspot.com 140
http://danielsalvatierra-blogdeaula.blogspot.com 140
http://leyrerey-blogdeaula.blogspot.com 136
http://formacion-digital.blogspot.com.es 128
http://formacion-digital.blogspot.mx 125
http://edumorfosis.blogspot.com 125
http://moiseseguizabal-blogdeaula.blogspot.com 123
http://www.slideshare.net 123
http://leyrerodrigo-blogdeaula.blogspot.com 117
http://inesliberalaranda-blogdeaula.blogspot.com 116
http://lab3d.facmed.unam.mx 115
http://bayamon.inter.edu 115
http://analizarraga-blogdeaula.blogspot.com 106
http://mariacristinadino.blogspot.com.ar 105
http://www.scoop.it 102
http://alexandramartinez-blogdeaula.blogspot.com 96
http://larazonesta.blogspot.mx 93
http://monicaserna-blogdeaula.blogspot.com 91
http://martadominguez-blogaula.blogspot.com 89
http://mmmindmanager.blogspot.mx 88
http://adrianasanguesa-blogdeaula.blogspot.com 84
http://unaicincaple.blogspot.com.es 82
http://sandraquichimbo-blogdeaula.blogspot.com 81
http://egiarteros-blogdeaula.blogspot.com 71
http://usodelasticseneducacion.wikispaces.com 63
http://leyrelubiano-blogdeaula.blogspot.com 62
http://edumorfosis.posterous.com 54
http://www.tecnoeducajrs.blogspot.com 54
http://pregrado.virtualepn.edu.ec 52
http://dsfg-pablo.blogspot.com 47
http://villarsaioadidactica.blogspot.com 47
http://ainhoabailo-aula.blogspot.com 43
http://entornotic.milaulas.com 40
http://mariacristinadino.blogspot.com.es 39
http://loreachocarro-aula.blogspot.com 38
http://ainaramaeztu-blogdeaula.blogspot.com.es 36
http://formacion-digital.blogspot.com.ar 36
http://mariacristinadino.blogspot.mx 34
http://leyrerey-blogdeaula.blogspot.com.es 31
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

15 of 5 previous next Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Diseño de Portafolios Electrónicos Diseño de Portafolios Electrónicos Presentation Transcript

    • DiseDiseño de Portafolios Electrónicosño de Portafolios ElectrónicosProf. Antonio L. Delgado PProf. Antonio L. Delgado PérezérezDiseñador InstruccionalDiseñador Instruccional
    • IntroducciónEsta guía trata sobre el diseño de portafolioselectrónicos utilizando Google Sites. La idea desu diseño responde a una transformaciónsocial que ha abierto un espacio para gestionarel conocimiento, colaborar socialmente y llevara cabo reflexiones profundas sobre losprocesos de aprendizaje que se realizan en lasdiversas experiencias personales,profesionales, académicas y socio-culturales.
    • Objetivos• Definir el concepto: Portafolio Electrónico• Presentar las ventajas de su diseño en elcontexto 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 utilizandoGoogle Sites
    • Portafolio Electrónico• Recopilación del trabajo pensado para un objetivoespecífico: “proporcionar un registro de logros”(National Learning Infrastructure Initiative, 2004)• Sistema de gestión de la información basado en laweb que usa medios y servicios electrónicos. Elaprendiz construye y mantiene un repositoriodigital de los artefactos (objetos), que puede usarpara dejar constancia de su capacidad yreflexionar sobre su aprendizaje.” (ePortfolio Portal, 2004)• Colecciones ensambladas, mantenidas y cuidadaspor el usuario, que evidencian o certifican lo queesa persona podría hacer para sí mismo o paraotros” (The E-Eearning Framework, 2004)
    • Ventajas• Accesible 24/7• Cero distancias• Evita el peso y espacio innecesario• Entorno interactivo para la gestión delconocimiento• Promueve el desarrollo de altos nivelescognitivos• Crea conexiones entre las experiencias deaprendizaje y de la vida real
    • Ventajas• Promueve el aprendizaje significativo• Crea un camino de evaluación centralizadoy bajo el control del aprendiz• Promueve la comunicación fuera de loslímites del salón• Familiarización con el uso de nuevastecnologías• Accede a los materiales de la clase desdecualquier computadora conectada a la red
    • Ventajas• Facilita la adquisición de conocimientos y eldesarrollo de destrezas y habilidades en labúsqueda, clasificación y organizaciónlógica de la información• Fomenta un aprendizaje activo y dinámico• Promueve el intercambio de información y lacolaboración social• Aumenta la interacción entre losparticipantes
    • Proceso de diseñoSantamaría, F. (2007)Blog: Gabinete de Informática
    • Secciones del portafolio• Inicio: Describe el propósito y la justificacióndel proyecto• Objetivos: Describe los objetivos deaprendizaje y las expectativas delestudiante• Datos del autor/a: Información personal quese desea compartir: pasatiempos, interesespersonales, lugares y actividades preferidas
    • Secciones del portafolio• Vitae: Trabajo ocupacional, comunitario yextracurricular• Experiencias: Documenta una serie deactividades personales y profesionales• Aportaciones: Proyectos realizadas ycreació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 yprogramas de las actividades en las quehayas participado: Congresos, talleres,presentaciones y eventos oficiales oinstitucionales
    • Ejemplo
    • Diseño del portafolio1. Accede a Google Site con tu cuenta deGmail.http://sites.google.comNombre uauario GmailContraseña Gmail
    • Diseño del portafolio2. Oprime el botón: Crear un sitio nuevo.
    • Diseño del portafolio3. Selecciona laplantilla4. Escribe el nombredel sitio5. La dirección URLquedará ubicada(puede ser cambiada)Tu nombre y apellidosedumorfosisbeginUtiliza un nombre de marca ocombinación de nombre y números.Asegúrate de que sea corto y fácilde memorizar. Esa será tu direcciónweb para acceder a tu portafolio.
    • Diseño del portafolio6. Choose a theme: Selecciona un tema de plantillahaciendo un click sobre la imagen.
    • Diseño del portafolio7. Moore Options:Describebrevemente el sitioWeb.8. Selecciona el modode publicación9. Desactiva:Contenido deadultos10. Escribe el código11. Oprime: Createsite
    • Diseño del portafolio12. User Settings: Cambia lasconfiguraciones del idioma y zonahoraria.13. Oprime: Save changes
    • Diseño del portafolio14. Tu página inicial ya está lista para trabajar.Oprime: Editar Página para comenzar aescribir.
    • Diseño del portafolio15. La pantalla cambiará al editor HTML. Alterminar de escribir, oprime Guardar.
    • Diseño del portafolio16. Oprime Insertar paraagregar imágenes,enlaces, líneas,calendario, documento,fotos de Picasa,presentaciones, hojasde cálculo, formulario,vídeos y otras.
    • Diseño del portafolio17. Oprime Formato paraajustar el texto a diferentesestructuras de redacción.
    • Diseño del portafolio18. Oprime Tabla para insertartablas completas, filas, ycolumnas.19. Oprime Diseño para ajustarla página en una o doscolumnas. Al terminar deredactar oprime Guardar.
    • Diseño del portafolio20. Oprime Tabla para insertartablas completas, filas, ycolumnas.
    • Diseño del portafolio21. Oprime para abrir una segunda página detrabajo. Crea las páginas que sean necesarias.Escribe el nombre de lapágina
    • Diseño del portafolio22. Selecciona la plantilla de trabajo, escribe elnombre de la página y presiona:Procesador de palabrasBitácora: noticias, reflexiones y artículosRepositorio de documentos: .doc/.ppt/.pdfGestor de proyectos o actividades
    • Diseño del portafolio23. La página web es un editor de texto en HTMLsimilar a MS Word.En este layout escribe toda la información que dea necesaria. No tienelímite. Puedes agregar hipervínculos, gráficos, fotos digitales y vídeos deYouTube. Al terminar, oprime:
    • Diseño del portafolio24. Esta estructura se utiliza para agregardocumentos en varios formatos: .doc, .docx, .ppt,.pptx, .pps y .pdf25. Organízalos en carpetas desde:
    • Diseño del portafolio26. Utilizado paradescargararchivos desdetu computadora oservicios de lanube.
    • Diseño del portafolio27. Utilizadopara vincular unarchivo en lanube. Serecomiendasubirlos desdeSlidesharePega el URL del archivo alojado en SlideshareEscribe el título del archivo a compartirRedacta una breve descripción del documento o presentaciónpara que los lectores sepan de qué trata el mismo.
    • Diseño del portafolio28. Pulsa en: para redactar un artículo,anuncio, evento, editorial o reflexión:Aparecerá la ventana de procesador depalabras HTML en la que redactarás tuproyecto personal.
    • Diseño del portafolio29. Selecciona un formato de las plantillas delistas o crea una personalizada:
    • Diseño del portafolio30. Trabaja sobre la página creada desde eleditor 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ónAl terminar de escribir, oprime GUARDAR
    • Diseño del portafolio31. Una vez creadas todaslas páginas del portafolio,cambia el orden de labarra denavagación lateral:12
    • Diseño del portafolio32. Oprime debajo de Sidebar(Navegación) para Editar elemento de labarra lateral.1. Sustituye el título: Navegación por: Enlaces2. Activa para mostrar título3. Desactivar la organizaciónautomática4. Añade las páginas creadas5. Desactiva el Sitemap6. Oprime Aceptar el terminar la edición7. Cierra la pantallade edición
    • Diseño del portafolio33. Muestra el Historial deRevisiones. Aquí puedesllevar a caboconfiguracionesimportantes de tu sitioweb.
    • Diseño del portafolioRetorna al portafolio electrónicoMuestra todas las actualizaciones realizadas en tu portafolioPresenta los cambios realizados en cada página creadaVerás un listado con todos los archivos adjuntosDescripcioń de los layouts del sistema, según descritos en el slide #26Accedes al Script Editor para configurar los comandos de aplicacionespara los desarrolladores de GoogleLista de los elementos que han sido eliminadosConfiguración general del sitio de Google creadoModifica el acceso a tu sitio web: Público en la web, Usuario con Enlace oPrivadoPermiso para que Google haga promociones en tu sitioMuestra la direción predeterminada de tu portafolioConfigura la estructura completa, cabecera, área de contenido,gadgets y navegación horizontal
    • Diseño del portafolio34. Configuración de Temas, Colores y fuentes12345
    • Diseño del portafolio35. Tu portafolio electrónico se veráprácticamente terminado. Puedes añadirle mássecciones, elementos (bloques) y editar elcontenido cuando sea necesario. Comparte tuURL con otras personas; permite que lacomunidad de usuarios acceda tu entorno dedesarrollo profesional y promociónalo.Si deseas la analítica de acceso a tu portafolio,utiliza el servicio Google Analytics con tucuenta personal de Gmail.
    • Fin del tutorialSi deseas compartir algún comentario,sugerencia u opinión acerca del tutorial,escribe a:antonio.delgado.perez@gmail.com¡Gracias por tu atenci¡Gracias por tu atención!ón!