Company 
LOGO 
www.company.com 
ANÁLISIS,DISEÑO E 
IMPLEMENTACIÓN DE UNA 
APLICACIÓN WEB PARA LA 
CREACIÓN DE PORTAFOLIOS ...
Company 
LOGO 
Agenda 
1. Definición del Problema 
2. Objetivo General 
3. Objetivos Específicos 
4. Análisis de la Soluci...
Company 
LOGO 
Definición del Problema 
Estudiantes 
• No cuentan con referencias personales. 
• La evidencia de sus traba...
Company 
LOGO 
Objetivo General 
Crear una aplicación que permita al estudiante 
personalizar y administrar su portafolio ...
Company 
LOGO 
Objetivos Específicos 
• Analizar y clasificar las diferentes aplicaciones 
existentes en el mercado. 
• An...
Company 
LOGO 
Análisis de la Solución 
www.company.com
Company 
LOGO 
Portafolio Electrónico 
Tipos 
• Portafolio de trabajo 
• Portafolio de presentación 
• Portafolio de evalu...
Company 
LOGO 
www.company.com 
Aplicación en la 
educación 
Web 2.0
Company 
LOGO 
Características y Clasificación 
• Tipo: Aplicacion y Servicio 
• Uso de Herramientas del Web 2.0 
• Wikis,...
Company 
LOGO 
Herramientas existentes en el mercado 
www.company.com
Company 
LOGO 
Beneficios percibidos por los estudiantes 
68.97 
80 
70 
60 
50 
40 
30 
20 
10 
www.company.com 
56.32 
5...
Company 
LOGO 
Opinión en ESPOL: 
Aspectos más relevantes a considerar 
65.5 
80 
70 
60 
50 
40 
30 
20 
10 
% 
www.compa...
Company 
LOGO 
Mi Portafolio 
www.company.com
Company 
LOGO 
Alcance de la Solución 
• Tipo de Portafolio 
• Servicio en línea: Institucional 
• Presentación 
• Usuario...
Company 
LOGO 
Componentes del Sistema 
CLIENTE ( JS Orientado a Objetos) 
Layout Principal 
Perfil Currículum Trabajos Co...
Company 
LOGO 
Tecnología utilizada 
Lenguaje de Programación PHP 5.2.5 
www.company.com 
JavaScript 
Lenguaje de intercam...
Company 
LOGO 
www.company.com 
Video
Company 
LOGO 
Pruebas de Usabilidad 
• Efectividad 
• Eficiencia 
• Satisfacción 
www.company.com 
MÉTRICAS ATRIBUTO 
DE ...
Company 
LOGO 
Resultados 
Resultados 
• La tasa de efectividad fue del 100%. 
• El número promedio de errores por tareas ...
Company 
LOGO 
Resultados 
Resultados 
www.company.com
Company 
LOGO 
Conclusiones 
• Las herramientas Web2.0 mejoran el proceso de aprendizaje. 
• Herramientas Web 2.0 idóneas ...
Company 
LOGO 
Recomendaciones 
• Uso de Folksonomía y Marcadores Sociales 
• Módulo de administración, para el control de...
Company 
LOGO 
Fuentes - Imágenes 
Introduction - Desire2Learn EPortfolio Basic Guide. - EPortfolio Training 
https://uwsy...
Próxima SlideShare
Cargando en…5
×

Análisis,diseño e implementación de una aplicación web para la creación de portafolios electrónicos

507 visualizaciones

Publicado el

Bachelor's thesis slides

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
507
En SlideShare
0
De insertados
0
Número de insertados
2
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.
  • 3
  • 4
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 14
  • 15
  • 16
  • 18
  • Análisis,diseño e implementación de una aplicación web para la creación de portafolios electrónicos

    1. 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. 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. 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. 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. 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. 6. Company LOGO Análisis de la Solución www.company.com
    7. 7. Company LOGO Portafolio Electrónico Tipos • Portafolio de trabajo • Portafolio de presentación • Portafolio de evaluación www.company.com Características
    8. 8. Company LOGO www.company.com Aplicación en la educación Web 2.0
    9. 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. 10. Company LOGO Herramientas existentes en el mercado www.company.com
    11. 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. 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. 13. Company LOGO Mi Portafolio www.company.com
    14. 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. 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. 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. 17. Company LOGO www.company.com Video
    18. 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. 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. 20. Company LOGO Resultados Resultados www.company.com
    21. 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. 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. 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

    ×