company logo frank carlos malo pinza maría fernanda solórzano lombeida “anÁlisis,diseÑo e...

Company LOGO

www.company.com

Frank Carlos Malo PinzaMaría Fernanda Solórzano Lombeida

“ANÁLISIS,DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA LA CREACIÓN DE PORTAFOLIOS

ELECTRÓNICOS

ALBERTO

nuestro tema de tesis es:

Company LOGO

www.company.com

Agenda

1. Definición del Problema

2. Objetivo General

3. Objetivos específicos del trabajo

4. Análisis de la Solución

5. Mi Portafolio

6. Pruebas de Usabilidad

7. Conclusiones y Recomendaciones

Company LOGO

www.company.com

Definición del ProblemaESTUDIANTES

• No cuenta 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.

ALBERTO

el proceso debe emepzar no al finalizar la carrera sino en los primeros semestres dentro de la universidad

Company LOGO

www.company.com

Objetivo general

• Desarrollar una aplicación que permita al estudiante personalizar y administrar su portafolio virtual de una manera sencilla en la que pueda agregar contenidos en diferentes áreas (Personal, Profesional, Académica)

Company LOGO

www.company.com

Objetivos específicos del trabajo

1. Analizar las diferentes aplicaciones existentes en el mercado.

2. Analizar diferentes herramientas de desarrollo existentes en la Web 2.0.

3. Diseñar un sistema de e-portafolio

4. Implementar el diseño propuesto con herramientas Open Source y del Web 2.0.

5. Evaluar la interfaz y aceptación del sistema entre estudiantes fuera y dentro de ESPOL.

ALBERTO

y en comunidades de código abierto para el desarrollo de e-portafolios

ALBERTO

que permita almacenar y preservar la evidencia del crecimiento académico y personal del alumno.

Company LOGO

www.company.com

ANÁLISIS DE LA SOLUCIÓN

Company LOGO

www.company.com

Portafolio electrónico

TIPOS

Portafolio de trabajoPortafolio de presentaciónPortafolio de evaluación

CARACTERÍSTICAS

ALBERTO

SU DIFERENCIA RADICA EN EL CRITERIO DE SELECCION DE LOS TRABAJOS PROPUESTOS

Company LOGO

www.company.com

Web 2.0

Aplicación en la educación

Company LOGO

www.company.com

Herramientas existentes en el mercado

TIPO

APLICACIO

NOPENSOURCE x

ELGG MAHARA OSPI FOLIOTEK EPORTFOLIO2EFOLIO

MINESOTA

x x

TASKSTREAM

PEBBLEPADZUNALCLASS

CENTRAL

TIPO

APLICACIO

NOPENSOURCE x x x

x x

x

SERVICIO

GRATUITO

COMERCIAL

WIKIS

BLOGS X X x xMASHUPS x

AJAX X

PODCASTS XRSS X

RED SOCIAL X X x

CONSISTENCIA 5 4 5 5 4 4 4 4 5 5FACILIDAD DE NAVEGACIÓN 3 4 2 4 4 4 3 2 4 3FACILIDAD DE

USO 3 3 2 5 4 4 5 2 5 3VISIBILIDAD 3 3 2 5 5 4 3 4 1 1

LAYOUT PERSONALIZABLE 2 2 2 2 2 5 3 4 5 4

PLANTILLASPRECONFIGURADAS 1 1 1 5 5 5 1 5 5 5

INTERFAZ

HERRAMIENTASWEB 2.0

Totalmente en desacuerdo En desacuerdo 3:Ni en acuerdo ni Desacuerdo De acuerdo Totalmente de acuerdo

TIPO

x x

SERVICIO

GRATUITO

INSTITUCIONAL

xCOMERCIAL x x

x

51 42

ALBERTO

kambiar escala! y poner colores!!! a las taBLAS, Y RESALTAR LO KE KIERO..Con esto se logro determinar las fortalezas y debilidades de las herramientas existentes es asi que tomamos lo mejor y desechamos lo peor para determinar los requerimietos de nuestra herramienta.Además se realizo una encuesta a los potenciales usuarios a los cuales va dirigido la herramienta con los resultados de este analisis.

Company LOGO

www.company.com

Opinión en ESPOL

Compar

tir e

xper

ienci

as

Entrevi

sta

Labora

l

Fomen

tar e

l pro

fesi

onalis

mo

Refle

xión -t

rabaj

os

Regis

tro -

trabaj

os

Ninguna

de la

s an

terio

res

0

10

20

30

40

50

60

70

80

68.97

56.3259.77

35.63

60.92

4.6

Beneficios percibidos por los estudiantes%

%

%%

%

%

%

Company LOGO

www.company.com

Opinión en ESPOL

a Comentarios Profesores-Estudiantes

b Fácil de Personalizar

c Creación sea fácil y sencilla

d Crear y publicar currículum online

e Integración con LMS

f Administrar información (Personal, Profesional, Académica).

g Almacenar y clasificar (por semestre, materias)

h Ninguna de las anteriores

Aspectos más relevantes a considerar

a b c d e f g h0

10

20

30

40

50

60

70

80

65.5

50.6

70.1

64.4

57.5

43.7

56.3

8

%

%

%

%%

%

%

%

ALBERTO

sacar la i

Company LOGO

www.company.com

MI PORTAFOLIO

ALBERTO

NO SE SI DEBERIA LLAMARSE ESTA SECCIÓN (MI PORTAFOLIO)

Company LOGO

www.company.com

• Tipo de Portafolio– Servicio en línea: Institucional– Presentación.

• Usuarios objetivos

Estudiantes Universitarios(ESPOL)

Uso de Herramientas y tecnologías Web. 2.0– Sindicación:– AJAX:– Red Social

• • Funcionalidad:

– Sección Perfil– Sección Currículum– Sección Trabajos– Sección Contactos– Sección RSS

• •

Alcance

ALBERTO

seleccionar el contenido que va apublicar

ALBERTO

permita el manejo de seccion :

Company LOGO

www.company.com

Componentes del sistema

Perfil Currículum Trabajos Comentarios Contactos RSS configuraciones

SERVIDOR (MVC)

CLIENTE ( JS ORIENTADO A OBJETOS)

Perfil Currículum Trabajos Comentarios Contactos RSS configuraciones

request response

Layout Principal

Usuarios

ALBERTO

se diseno una aplicacion web baada en la arquitectura cliente servidor, donde los componentes del lado del cliente son consturido utilznado roientacion a objetos.MIentras que los componentes del lado del servidor fueron disenados siguiendo el patron vista controlador.los componentes tanto del servidor y cliente trabajan paralelalmente para la construccion d elos elementos de la interfaz y funcionalidad de cada seccion.

Company LOGO

www.company.com

Tecnología utilizada

Lenguaje de Programación PHP 5.2.5JavaScript

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

ALBERTO

el look and feel de una aplicación de escritorio, para que sea mas intituitava.

ALBERTO

uso d eplugins, agregar funcionalidad rapidamente del lado del servidor, la pate de manejo de usuarios, pdf, RSS...

Company LOGO

www.company.com

Video

Company LOGO

www.company.com

Pruebas de Usabilidad

• Efectividad: • Eficiencia: • Satisfacción:

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 del Usuario

ALBERTO

decir con cuantas personas probamos, y que caracteristicas tenian las personas.. 5 personas en la fiec y 5 personas fuera de espol que estan relacionadas al uso del computador.Realizamos 3 cuestionarios

Company LOGO

www.company.com

Resultados

• La tasa de efectividad fue del 100%.

• El número promedio de errores por tareas está dentro del límite esperado.

• La diferencia en el tiempo objetivo y “práctico” fue mínima (llegó a un máximo del 6.6%).

ALBERTO

el tiempo objetivo planteado por cada tarea no fue alcnzado, pero la diferencia enre el objetivo..

Company LOGO

www.company.com

Resultados

ALBERTO

poner porcentajes! en barras

Company LOGO

www.company.com

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.

ALBERTO

1) Las herramientas Web2.0 pueden ayudar fuertemente a los estudiantes en el pensamiento crítico, escritura, participación y reflexión en un mundo de información compartida y de aprendizaje social. Por ejemplo, los estudiantes utilizan los blogs para expresar sus opiniones, los wikis para realizar colaboraciones, marcadores sociales para compartir los recursos de Internet y podcast para revisar sus clases

ALBERTO

generacion rapida del curriculum y archivo PDF..

ALBERTO

te hacen mas competitivo,más profesional..

Company LOGO

www.company.com

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.

ALBERTO

y asociarlo a la sección de trabajos publicados por una persona.

ALBERTO

por ejemplo el SIDWEB y que permita obtener la información de los trabajos y tareas.

company logo frank carlos malo pinza maría fernanda solórzano lombeida “anÁlisis,diseÑo e...

Documents