Herramientas de la web para la elaboración del portafolio electrónico

1. Herramientas para la
elaboración del portafolio
electrónico
Universidad Nacional Autónoma de México

2. La mejor herramienta
Que no de problemas
Que sea invisible
Que este disponible en todo momento y en
todo lugar

4. PC
PowerPoint, Word, Openoffice, Carpetas, etc.
Software común en la computadora personal
Ventajas
• Se puede elaborar y modificar con un mínimo de esfuerzo
• Admite texto, imágenes, video, audio, gráficos, enlaces,
efectos de transición en la presentación
• Facilidad de crear copias
• Fácil de transportar
• Continuidad en el tiempo

5. Desventajas
• no permiten evaluar el proceso
• no permiten la interactividad
• (Carga fuerte de trabajo para el profesor)
Tutoriales
Video: elaboración de un portafolio en carpetas
Video: elaboración de un portafolio en Power Point
Presentación: elaboración de un portafolio en Power Point
Ejemplos
Version.pdf del portafolio de Helen Barret
http://dl.dropbox.com/u/29388295/Marvin.pdf
http://dl.dropbox.com/u/29388295/Portafolio%20-%20Manuel%20Sevilla.pdf
https://sites.google.com/a/unad.edu.co/caja-de-herramientas-para-e-portafolio/home/ficheros-
ycarpetas

6. WEB
• Se ejecutan en
cualquier navegador
• Manejan interfaces
claras y fáciles de usar
• Están dirigidas a
cualquier tipo de
usuario
• Se manejan con
estándares
internacionales http://www.flickr.com/photos/30465871@N05/3434587927/sizes/m/in/photostream/

7. Web 2.0
Los sitios de la web que permiten la
participación y la colaboración entre
los usuarios se dicen que
pertenecen a la web 2.0 llamada
también la web interactiva y de
redes sociales. En esta red, los
usuarios son nodos conectados con
otros, formando una red coordinada, http://pixabay.com/en/system-network-news-personal-63768/
una red de colaboración en la que
se ayudan unos a otros. A esta web
pertenecen todas las aplicaciones o
herramientas para la elaboración del
portafolio electrónico.
http://pixabay.com/es/red-telara%C3%B1a-la-figura-cifras-63770/

8. http://www.alexa.com/
Alexa es una empresa
dedicada a registrar la
cantidad de visitas que recibe
un sitio web y con base en
esto determina un rankig
mundial. Como se desprende
de esta web, los blogs y las
wikis son de los sitios más
populares en la red. Ambas
herramientas son excelentes
opciones para la elaboración
de un portafolio electrónico

9. Wiki
Una wiki es un tipo de servicio web cuya principal característica
es la construcción de contenidos de manera colaborativa,
organizado mediante una estructura hipertextual de páginas.
• otros usuario y tiene la posibilidad deeldecidirsea editadomejor
El administrador puede permitir que Wiki
cuál es la
por
para publicarla o cuál debe ser eliminada.
• modificarlos yelagregar"editar" para acceder a los contenidos,
Basta pulsar botón
comentarios.
• registrados con susefecha y autor.editar las páginas quedan
Los cambios que realizan al
• mediante correo electrónico ocuando elde feeds RSS, a
Los usuarios son notificados
lectores
sitio web se modifica,
donde se envía el artículo completo o un resumen de este.

10. Wiki
Tutoriales
Video: elaboración de un portafolio con una wiki
Wiki: herramientas para construir una wiki
Creating Educational Wikis
PBWorks
Ejemplos
http://recursosparaprofes.wikispaces.com/Bancos+de+Im%C3%A1genes
http://edutechwiki.unige.ch/en/Learning_e-portfolio#Specialized_software
Dr. Helen Barrett's Professional Portfolio
How to use WikiSpaces to create an interactive electronic portfolio by Dr. Helen Barrett

11. Blog
Sistema de publicación personal tipo pergamino con textos breves
llamados post (el texto se extiende hacia abajo, lectura secuencial
no ramificada) cronológico, en una secuencia temporal inversa (lo
último aparece primero).
• El texto es estático, una vez publicado, el post no cambia.
• audiencia.un “modo discusión”: que permite comentarios de la
Presenta
• Los enlaces sirven para conectar con el exterior del blog.

12. Blog
Tutoriales
Blogs y wikis, parecidos razonables y diferencias significativas
¿Blogs o wikis?
Pasos para crear un blog
Portafolio de evidencias en blog educativo
Tutorial sobre como convertir un blog en un portafolio virtual
e-Portfolios with Word Press
Ejemplos
http://hbarrett.wordpress.com/
http://blog.helenbarrett.org/

13. Mahara
Portafolio electrónico
Gestor de blogs
Gestor de redes sociales
• Distintos niveles de privacidad
• Exportable
• dinámicaconcreciente
Cuenta
y
una comunidad
• Puede integrarse a Moodle
• curriculum vitae el
Opción para elaborar

14. Mahara
Tutoriales
Documentación de Mahara en español
Mahara guía de uso
Introducción a Mahara
Ejemplos
http://foliofor.me/view/view.php?id=4448
https://mahara.org/

15. Otras herramientas de la web 2.0
Específicas para portafolio Sitios web que pueden ser utilizados
para la elaboración del portafolio
Edu-Portfolio Yola
https://www.yola.com/es
http://eduportfolio.org/
Weebly
ThePortfolium
http://www.weebly.com/?lang=es
http://www.theportfolium.com/
Webnode
Folioforme
http://www.webnode.mx/
http://foliofor.me/

16. Otras herramientas de la web 2.0
Tutorial
Free website builder Yola.com
How to make a website with Yola
Using the Weebly website builder
Weebly - tips to creating an amazing weebly website
Create your website free with Webnode
Make a free website with Webnode
Ejemplos
http://hbarrett.yolasite.com/
http://eportfolioca.org/index.php?option=com_content&view=article&id=84
http://my-ecoach.com/project.php?id=10310
http://foliofor.me/view/view.php?id=4448

17. PASOS para la creación de un sitio web (que se aplica prácticamente
a todos los sitios ya mencionados para la creación del e-portafolio)
1. Ingresar a la página web
2. Llenar el registro, crear una cuenta, autenticarse
3. Escoger entre las opciones de creación: nombre, permisos,
plantillas
4. Habilitar la edición y herramientas
5. Iniciar la construcción del portafolio según el diseño
6. Guardar los cambios
7. Salir

18. Otras herramientas de la web 2.0
Tutoriales
Free website builder Yola.com
How to make a website with Yola
Using the Weebly Website Builder
Ejemplos
Weebly - tips to creating an amazing weebly website
http://foliofor.me/view/view.php?id=4448
https://mahara.org/
http://hbarrett.yolasite.com/
http://eportfolioca.org/index.php?option=com_content&view=article&id=84
http://my-ecoach.com/project.php?id=10310
http://foliofor.me/view/view.php?id=4448
http://www.epsilen.com/jafari

19. Google Apps
Google Apps es un conjunto de aplicaciones gratuitas en la Web para
crear sitios web y documentos en línea.
• Procesador de textos
• Hoja de cálculo
• Programa de presentación básico
• Almacén online de archivos
• Google sites

20. Google Apps
Tutoriales
Tutorial google docs
Google Drive: Crear y Compartir Documentos
Cómo crear un sitio web con google sites
Ejemplos
https://sites.google.com/site/eportfolioapps/
https://sites.google.com/site/helenbarrettportfolio/other-versions-of-my-online-portfolio
https://sites.google.com/site/nawazlearningeportfoliobackup/qualifications
https://sites.google.com/a/unad.edu.co/caja-de-herramientas-para-e-portafolio/home/ficheros-
ycarpetas
https://sites.google.com/site/teachingportfoliobackup/home

21. Repositorios
Un repositorio, es un almacén de archivos, notas, páginas web en un
sitio web.
● Los archivos pueden ser compartidos con otros usuarios
● Puede sincronizar archivos web-PC-teléfono móvil
● Recuperación de archivos eliminados
● Funciona incluso cuando no hay conexión.
Dos excelentes opciones son:
Dropbox https://www.dropbox.com/home
Evernote https://evernote.com/intl/es/

22. Referencias
• Ramírez, L. N. (2013) Diseño instruccional del Portafolio de evidencia clínica en plataforma
Moodle. Revista Digital Universitaria. Vol 14 (2)
http://www.revista.unam.mx/vol.14/num2/art12/index.html
• Dr. Helen Barrett. Electronic Portfolio Development: http://electronicportfolios.com
— Taller creando el portafolio electrónico
http://www.slideshare.net/nildassantiago/el-portafolio-profesional-taller-de-portafolio-electronico
• Portafolios electrónicos y educación superior en España: Situación y tendencias
http://www.um.es/ead/red/M8/