Skip to content

Commit

Permalink
Completando sección de pruebas de usabilidad y algunas pantallas de l…
Browse files Browse the repository at this point in the history
…os plugins desarrollados. Agregado .sh para generar el pdf de la tesis.
  • Loading branch information
Luciano Coggiola committed Sep 21, 2017
1 parent 6a1ce94 commit bc60ac3
Show file tree
Hide file tree
Showing 10 changed files with 59 additions and 14 deletions.
11 changes: 11 additions & 0 deletions generar_pdf.sh
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@

#latex -src -interaction=nonstopmode main.tex
bibtex main.aux
pdflatex -synctex=1 -interaction=nonstopmode --shell-escape main.tex
#bibtex main.aux
makeglossaries main
makeindex main.idx
pdflatex -synctex=1 -interaction=nonstopmode --shell-escape main.tex
rm pdf/tesis.pdf
cp ./main.pdf pdf/tesis.pdf
#rm main.acn main.alg main.aux main.bbl main.blg main.dvi main.idx main.ilg main.ind main.lof main.log main.lol main.lot main.out main.pdf main.pyg main.synctex.gz main.toc main.xdy main.acr
Binary file modified pdf/tesis.pdf
Binary file not shown.
4 changes: 3 additions & 1 deletion src/03-capitulo-3/funcionalidad.tex
Original file line number Diff line number Diff line change
Expand Up @@ -96,7 +96,9 @@ \subsubsection{Contenidos}

Este mecanismo permite de generar mapas dinámicos en base a una solicitud externa\footnote{El formato de estos datos se especifica en la documentación}. Opcionalmente (actualmente no implementado) se proveerán mecanismos para cachear la información de los mapas.

\figura{03-capitulo-3/app_mapa.png}{Contenidos Mapa de Google: Ejemplo de dibujo del recorrido del colectivo Universitario. Se utilizan polígonos y marcadores. El indicador verde muestra la posición actual del usuario}{app_mapa}{0.4}
En la figura \ref{fig:app_mapa} se ve un ejemplo de mapa con el dibujo del recorrido del colectivo Universitario. Se utilizan polígonos y marcadores. El indicador verde muestra la posición actual del usuario ayudando a visualizar la parada más cercana.

\figura{03-capitulo-3/app_mapa.png}{Contenidos Mapa de Google: Ejemplo}{app_mapa}{0.4}

Una funcionalidad interesante es que permite enviar información del usuario que accede al mapa: Cuando este lo abre, se envían los datos de \textit{id externo} y posición geográfica a la \gls{url} especificada por el servicio. Este la procesa y genera los datos de marcadores, centro y polígonos. De esta manera se pueden realizar operaciones en base a la posición de la persona que consulta el mapa.

Expand Down
5 changes: 5 additions & 0 deletions src/03-capitulo-3/plugins.tex
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,8 @@ \subsubsection{Personalización SIU Guaraní}
\item Fechas de parciales. Guaraní permite, desde su módulo \textit{Docente}, definir los parciales en cada comisión. La personalización envía a \nombreApp{} la fecha de los mismos, asociados al contexto de la materia y a todos sus inscriptos.
\end{itemize}

\figura{03-capitulo-3/plugin_guarani_envio_mensaje.png}{Guaraní: Pantalla de envío de mensajes que se verán en la \eng{app}}{plugin_guarani_envio_mensaje}{0.7}

Se planifica incorporar más novedades y eventos del calendario, como por ejemplo, fechas de inscripción a cursadas, mesas de examen, horarios y aulas de materias y notificación de carga de notas, entre otras.

Esta personalización estará disponible para otras Universidades que deseen implementar \nombreApp{}.
Expand All @@ -38,4 +40,7 @@ \subsubsection{Plugin Moodle}
\item Foro de novedades y consultas: Los anuncios que se realicen en el foro de novedades, serán enviados a través de \nombreApp{} a los alumnos del curso y además quedarán asociados a su contexto. De esta manera los alumnos que no pertenezcan al curso pero quieran estar al tanto de las novedades, puedan hacerlo, suscribiéndose.
\end{itemize}

\figura{03-capitulo-3/plugin_moodle_config.png}{Moodle: Pantalla de configuración de parámetros de \nombreApp{}.}{plugin_moodle_config}{0.7}
\figura{03-capitulo-3/plugin_moodle_config_notificaciones.png}{Moodle: Pantalla de configuración de qué notificará la aplicación}{plugin_moodle_config_notificaciones}{0.7}

La extensión queda disponible con licencia \gls{gnugpl} versión 3 en \url{https://github.com/tanoinc/moodle-message_miuniversidad}.
53 changes: 40 additions & 13 deletions src/03-capitulo-3/pruebas.tex
Original file line number Diff line number Diff line change
Expand Up @@ -10,40 +10,50 @@ \subsection{Pruebas de Usabilidad}

Los encuentros se llevaron a cabo en el \gls{cespi}, fueron en persona y moderados. Los participantes pertenecían a diversos ámbitos relacionados con la Universidad (alumnos, egresados, docentes y no docentes).

\subsubsection{Preparativos previos}
\subsubsection{Etapa preliminar}
\label{desarrollo_pruebas_usabilidad_preparativos}

Esta etapa consistió en preparar lo indicado en las siguientes secciones.
Esta etapa consistió el la preparación de los elementos necesarios para las reuniones. Estos son indicados en las siguientes secciones.

\paragraph{Producto}
\paragraph{Preparación del producto}
\label{desarrollo_pruebas_usabilidad_preparativos_producto}

Se configuró un servidor de prueba con la \gls{api}, apuntando a servicios externos de desarrollo (\gls{guarani} y Moodle). Además se crearon aplicaciones de \eng{testing} en Facebook (para relacionar las cuentas de usuario), en Google (para los mapas) y en los servicios de Ionic (para enviar notificaciones).

Para las pruebas de ingreso con Facebook fue necesario agregar a las personas como participantes de la aplicación de prueba (en Facebook). Esto es necesario ya que la utilizada para el \eng{test} no es pública.

\paragraph{Participantes}
\paragraph{Selección de participantes}
\label{desarrollo_pruebas_usabilidad_preparativos_participantes}

El grupo de personas y sus perfiles consistió en las indicadas en el cuadro \ref{perfiles_usabilidad}.
El grupo de personas y sus perfiles consistió en las indicados en el cuadro \ref{perfiles_usabilidad}.

\begin{table}[htbp]
\centering
\caption{Perfiles de usuarios para pruebas de Usabilidad}
\label{perfiles_usabilidad}
\begin{tabular}{|l|l|p{2.5cm}|p{2.5cm}|p{2cm}|l|}
\begin{tabular}{|l|l|p{2.5cm}|p{2.5cm}|l|l|}
\hline
& \multicolumn{1}{c|}{\textbf{Nombre}} & \multicolumn{1}{c|}{\textbf{Ocupación}} & \multicolumn{1}{c|}{\textbf{Estudios}} & \textbf{Docente UNLP} & \textbf{Egresado} \\ \hline
U1 & Tomás & Estudiante, Empleado & Periodismo (UNLP) & No & No \\ \hline
U2 & Maximiliano\footnotemark{} & Estudiante & Informática (UNLP), Locución & No & No \\ \hline
U3 & Francisco & Estudiante & Ingeniería/Informática (UNLP) & No & No \\ \hline
U4 & Graciela & Empleada & Informática (UNLP) & No & Si \\ \hline
U5 & Quimey & Docente & Bellas Artes (UNLP) & Si & Si \\ \hline
& \multicolumn{1}{c|}{\textbf{Nombre}} & \multicolumn{1}{c|}{\textbf{Ocupación}} & \multicolumn{1}{c|}{\textbf{Estudios}} & \textbf{Edad} & \textbf{Egresado} \\ \hline
U1 & Tomás & Estudiante, Empleado & Periodismo (UNLP) & 29 & No \\ \hline
U2 & Maximiliano\footnotemark{} & Estudiante & Informática (UNLP), Locución & 31 & No \\ \hline
U3 & Francisco & Estudiante & Ingeniería/Informática (UNLP) & 22 & No \\ \hline
U4 & Graciela & Empleada & Informática (UNLP) & 51 & Si \\ \hline
U5 & Quimey & Docente (UNLP) & Bellas Artes (UNLP) & 28 & Si \\ \hline
\end{tabular}
\end{table}
\footnotetext{Maxi es no vidente, miembro activo en temas de accesibilidad en la Universidad y ha colaborado en pruebas para varios desarrollos del \gls{cespi}}

La lista de tareas a realizar era:
\paragraph{Selección de coordinación}
\label{desarrollo_pruebas_usabilidad_preparativos_coordinacion}

El \eng{focus group} se llevó a cabo bajo la guía de Paola Amadeo e Ivana Harari (además de mí).

\subsubsection{Etapa de diseño}
\label{desarrollo_pruebas_usabilidad_diseno}

El propósito de la prueba fue determinar el grado de aceptación y satisfacción de los usuarios con el diseño de la interfaz y la terminología elegida. Además se observó el comportamiento del grupo, y se les solicitó su opinión e ideas para determinar nuevas mejoras.

Para relevar esta inforamción se requirió que cada integrante intente completar con la aplicación la siguiente lista de tareas:
\begin{itemize}
\item Crear una cuenta de usuario.
\item Ingresar al sistema con una cuenta del sistema.
Expand All @@ -66,6 +76,22 @@ \subsubsection{Preparativos previos}
\item Desloguearse de la aplicación.
\end{itemize}

Por último se preguntó a cada persona si el diseño le resultaba agradable y claro y si era fácil y cómodo de utilizar.

\subsubsection{Desarrollo}
\label{desarrollo_pruebas_usabilidad_desarrollo}

Se realizaron dose encuentros, cada uno tuvo una duración de una hora y media. En el segundo se incorporaron algunas mejoras que surgieron del primero.
A cada participante se le indicó de dónde descargar la aplicación y cómo configurar el modo de desarrollador para poder instalarla.
Se requirió que todos utilicen Android 4.4 o superior.

Durante la segunda reunión surgieron algunos inconvenientes por un problema en la configuración del servidor respecto de las notificaciones \eng{push}. Igualmente se completó la prueba haciendo las salvedades necesarias.

\figura{03-capitulo-3/focus_group.png}{Algunas fotos del \eng{focus group}}{focus_group}{0.9}

\subsubsection{Resultados}
\label{desarrollo_pruebas_usabilidad_resultados}

En base a lo hablado con los usuarios se determinaron las siguientes mejoras en el diseño\footnote{Si bien todas son tenidas en cuenta, solo algunas se implementan dentro del alcance de esta tesis}:
\begin{itemize}
\item Agregar aclaración del tamaño de clave al registrar un nuevo usuario.
Expand All @@ -85,3 +111,4 @@ \subsubsection{Preparativos previos}
\item Cambiar término de \comillas{suscripción a temas} a \comillas{suscripcion a categorías}.
\end{itemize}

Además de las mejoras, los resultados fueron satisfactorios ya que los usuarios comentaron que la interfaz les resultó cómoda, agradable y fácil de utilizar.
Binary file added src/imagenes/03-capitulo-3/focus_group.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/imagenes/03-capitulo-3/focus_group.xcf
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit bc60ac3

Please sign in to comment.