Bachelor's thesis *Paper: http://www.dspace.espol.edu.ec/handle/123456789/7670 Currently there are many tools for the creation of electronic portfolios, but one of the most notable weaknesses is that the majority of these systems are not collaborative tools. Namely, they do not exploit the advantages that the web 2.0 has to offer. The tools that allow the use of applications, such as blogs or social networks, do not possess a personalized and usable interface . For these reasons, this paper proposes to design a tool capable to fulfill three basic important points in a portfolio tool: Commit students to the learning content, assist student to acquire critical-thinking and self evaluation skills and document student’s learning, using web 2.0 tools. Complete thesis document: http://www.dspace.espol.edu.ec/xmlui/handle/123456789/10158

1. Company
LOGO
www.company.com
ANÁLISIS,DISEÑO E
IMPLEMENTACIÓN DE UNA
APLICACIÓN WEB PARA LA
CREACIÓN DE PORTAFOLIOS
ELECTRÓNICOS
Frank Carlos Malo Pinza
María Fernanda Solórzano Lombeida

2. Company
LOGO
Agenda
1. Definición del Problema
2. Objetivo General
3. Objetivos Específicos
4. Análisis de la Solución
5. Mi Portafolio
6. Pruebas de Usabilidad
7. Conclusiones y Recomendaciones
www.company.com

3. Company
LOGO
Definición del Problema
Estudiantes
• No cuentan con referencias personales.
• La evidencia de sus trabajos y conocimiento no ha
sido debidamente almacenada.
Institución educativa
No puede evidenciar las competencias de sus
estudiantes.
www.company.com

4. Company
LOGO
Objetivo General
Crear una aplicación que permita al estudiante
personalizar y administrar su portafolio virtual con el fin de
evidenciar el conocimiento y experiencias recolectado
durante su carrera universitaria.
www.company.com

5. Company
LOGO
Objetivos Específicos
• Analizar y clasificar las diferentes aplicaciones
existentes en el mercado.
• Analizar diferentes herramientas de desarrollo
existentes en la Web 2.0.
• Diseñar un sistema de E-portafolio con herramientas
Open Source y del Web 2.0.
• Evaluar la interfaz y aceptación del sistema entre
estudiantes fuera y dentro de ESPOL.
www.company.com

6. Company
LOGO
Análisis de la Solución
www.company.com

7. Company
LOGO
Portafolio Electrónico
Tipos
• Portafolio de trabajo
• Portafolio de presentación
• Portafolio de evaluación
www.company.com
Características

8. Company
LOGO
www.company.com
Aplicación en la
educación
Web 2.0

9. Company
LOGO
Características y Clasificación
• Tipo: Aplicacion y Servicio
• Uso de Herramientas del Web 2.0
• Wikis, Blogs, MashUps, Ajax, Red Social
• Usabilidad de la Interfaz
• Consistencia, Facilidad de Navegación, Facilidad
de uso, Visibilidad del estado del sistema,
Personalización
www.company.com

10. Company
LOGO
Herramientas existentes en el mercado
www.company.com

11. Company
LOGO
Beneficios percibidos por los estudiantes
68.97
80
70
60
50
40
30
20
10
www.company.com
56.32
59.77
35.63
60.92
4.6
0
Compartir
experiencias
Entrevista Laboral Fomentar el
profesionalismo
Reflexión -trabajos Registro - trabajos Ninguna de las
anteriores
%
%
%
%
%
%
Opinión en ESPOL:

12. Company
LOGO
Opinión en ESPOL:
Aspectos más relevantes a considerar
65.5
80
70
60
50
40
30
20
10
%
www.company.com
50.6
70.1
64.4
57.5
43.7
56.3
8
0
%
%
%
%
%
a b c d e f g h
%
%

13. Company
LOGO
Mi Portafolio
www.company.com

14. Company
LOGO
Alcance de la Solución
• Tipo de Portafolio
• Servicio en línea: Institucional
• Presentación
• Usuarios objetivos
Estudiantes Universitarios (ESPOL)
• Uso de Herramientas y tecnologías Web. 2.0
• RSS | AJAX | Red Social
• Funcionalidad
• Sección Perfil
• Sección Currículum
• Sección Trabajos
www.company.com
• Sección Contactos
• Sección RSS

15. Company
LOGO
Componentes del Sistema
CLIENTE ( JS Orientado a Objetos)
Layout Principal
Perfil Currículum Trabajos Comentarios Contactos RSS configuraciones
request response
Perfil Currículum Trabajos Comentarios Contactos RSS configuraciones
www.company.com
Usuarios
SERVIDOR (MVC)

16. Company
LOGO
Tecnología utilizada
Lenguaje de Programación PHP 5.2.5
www.company.com
JavaScript
Lenguaje de intercambio de
datos
Ajax -> CSS,DOM,JSON
Servidor Apache 2.2.8
Framework del Cliente Extjs 2.1.0
Framework del Servidor Symfony 1.0.19
Motor de Base de Datos MySQL Version 5.0.51a
ORM Propel

17. Company
LOGO
www.company.com
Video

18. Company
LOGO
Pruebas de Usabilidad
• Efectividad
• Eficiencia
• Satisfacción
www.company.com
MÉTRICAS ATRIBUTO
DE USABILIDAD
Tasa de efectividad Eficacia
Número Promedio de errores
por tarea
Eficacia
Tiempo al completar una tarea. Eficiencia
Apreciaciones de la facilidad
de uso del sistema y facilidad
de realización de una tarea
dada.
Satisfacción
Evaluar:

19. Company
LOGO
Resultados
Resultados
• La tasa de efectividad fue del 100%.
• El número promedio de errores por tareas está
dentro del límite establecido.
• La diferencia en el tiempo objetivo y “práctico”
fue mínima (llegó a un máximo del 6.6%).
www.company.com

20. Company
LOGO
Resultados
Resultados
www.company.com

21. Company
LOGO
Conclusiones
• Las herramientas Web2.0 mejoran el proceso de aprendizaje.
• Herramientas Web 2.0 idóneas para integrar un sistema de portafolio
Electrónico:
Folksonomía
Sindicación
Redes Sociales
• Diseño propuesto permitió alcanzar un buen nivel de escalabilidad y
modularización.
• Los usuarios de prueba recomiendan y consideran de utilidad la
herramienta
• El uso de este tipo de herramientas debería ser promovido en las
instituciones de educación superior.
www.company.com

22. Company
LOGO
Recomendaciones
• Uso de Folksonomía y Marcadores Sociales
• Módulo de administración, para el control de usuarios, roles
y permisos.
• Conexión con un LMS
• Sección de trabajos este asociada a la sección de proyectos
realizados del Currículum.
www.company.com

23. Company
LOGO
Fuentes - Imágenes
Introduction - Desire2Learn EPortfolio Basic Guide. - EPortfolio Training
https://uwsystem.courses.wisconsin.edu/d2l/eP/presentations/presentation_
preview_popup.d2l?ou=1561395&presId=28336&pageId=1673
Web 1.0 Vs Web 2.0
http://www.blaine.k12.wa.us/CTE/LEADERSHIP/Web%2012.html
Web 2.0 para docentes
http://ntexanxere.blogspot.nl/2013_03_01_archive.html
www.company.com