manualUsuario/manualUsuario.tex

   1 \chapter{Manual del usuario}
   2
   3 \section{Aplicación Web}
   4
   5 \subsubsection{Página de bienvenida y registro de nuevos usuarios}
   6
   7 La pantalla inicial para el acceso a la aplicación Web se muestra en la Figura~\ref{fig:LoginWeb}) Los usuarios desde esta página pueden hacer \emph{log in} usando su usuario y password o su correo y password. En caso de ser un usuario no registrado, desde esta misma página se puede acceder a la página de registro. Porque hay dos clases de usuarios Web, también hay dos páginas de registro diferentes: para los usuarios de tipo empresa, la página de registro se muestra en la Figura~\ref{fig:RegistroEmpresaWeb}) mientras que para los usuarios genéricos (aquellos que descargarán anuncios en sus dispositivos móviles) la página de registro se muestra en la Figura~\ref{fig:RegistroUsuarioWeb})
   8
   9 \begin{figure}[H]
  10     \centering
  11         \includegraphics[width=\textwidth]{fig/LoginWeb}
  12     \caption{\emph{Página de acceso aplicación Web}}
  13     \label{fig:LoginWeb}
  14 \end{figure}
  15
  16 \begin{figure}[H]
  17     \centering
  18         \includegraphics[width=1\textwidth,height=0.5\textheight]{fig/RegistroUsuarioWeb}
  19     \caption{\emph{Resto de usuarios: página de registro aplicación Web}}
  20     \label{fig:RegistroUsuarioWeb}
  21 \end{figure}
  22
  23 \begin{figure}[H]
  24     \centering
  25         \includegraphics[width=\textwidth,height=0.6\textheight]{fig/RegistroEmpresaWeb}
  26     \caption{\emph{Empresas: página de registro aplicación Web}}
  27     \label{fig:RegistroEmpresaWeb}
  28 \end{figure}
  29
  30
  31 Como se puede observar en las Figuras~\ref{fig:RegistroUsuarioWeb} y \ref{fig:RegistroEmpresaWeb} es necesario la introducción de un captcha para poder registrarse. Para la generación de los captchas se está utilizando tecnología proporcionada por Google y en concreto se está haciendo uso de ReCAPTCHA\footnote{Para más información acerca de ReCAPTCHA ver: \url{http://www.google.com/recaptcha}}. En la página de registro, el usuario puede indicar el lenguaje que desea utilizar, de este modo puede internacionalizarse la información mostrada y no solo basarse en el idioma proporcionado de forma automática por el navegador Web (todo navegador Web proporciona cierta información acerca de sí mismo, parte de esta información es el idioma del usuario)
  32
  33 \subsubsection{Resto de usuarios: selección de categorías}
  34
  35 Aquellos usuarios que no tienen el rol empresa, una vez se autentican contra el servidor (el proceso de \emph{log in} explicado en la sección anterior) accederán a la página mostrada en la Figura~\ref{fig:UsuarioSeleccionWeb}) Aquí el usuario puede seleccionar aquellas categorías sobre las cuales desea recibir anuncios en su dispositivo móvil. Las categorías son presentadas de forma jerárquica y para poder persistir los cambios es necesario que el usuario pulse sobre el botón que aparece en la zona inferior derecha de la página Web.
  36
  37 \begin{figure}[H]
  38     \centering
  39         \includegraphics[width=\textwidth]{fig/UsuarioSeleccionWeb}
  40     \caption{\emph{Resto de usuarios: selección de categorías de interés en la Web}}
  41     \label{fig:UsuarioSeleccionWeb}
  42 \end{figure}
  43
  44
  45 \subsubsection{Usuarios empresa y normales: visualización y modificación de datos personales}
  46
  47 Los dos tipos de usuarios (empresa y normales) pueden editar sus datos personales, para lograr dicha edición existen dos páginas, las cuales se muestran las Figuras~\ref{fig:DatosUsuarioWeb} y \ref{fig:EdicionDatosUsuarioWeb} donde se puede observar la pantalla en la cual cualquier usuario puede visualizar sus datos personales. En la esquina inferior derecha de la página mostrada en la Figura~\ref{fig:DatosUsuarioWeb}), se observa el botón que permite acceder a la página mostrada en la Figura~\ref{fig:EdicionDatosUsuarioWeb}) desde la cual el usuario (con rol empresa o sin él) puede actualizar sus datos personales. Un usuario normal, no puede realizar más acciones, en cambio el usuario con rol empresa como se verá en la próxima sección puede realizar muchas más tareas desde el entorno Web proporcionado por el sistema implementado en este Trabajo Fin de Carrera.
  48
  49 \begin{figure}[H]
  50     \centering
  51         \includegraphics[width=\textwidth]{fig/DatosUsuarioWeb}
  52     \caption{\emph{Todo tipo de usuarios: visualización datos personales en la Web}}
  53     \label{fig:DatosUsuarioWeb}
  54 \end{figure}
  55
  56 \begin{figure}[H]
  57     \centering
  58         \includegraphics[width=\textwidth]{fig/EdicionDatosUsuarioWeb}
  59     \caption{\emph{Todo tipo de usuarios: edición de datos personales en la Web}}
  60     \label{fig:EdicionDatosUsuarioWeb}
  61 \end{figure}
  62
  63 \subsubsection{Usuarios rol empresa: visualización y edición de los datos de una empresa}
  64
  65 En el servidor Web los datos relativos a una compañía serán su Código de Identificación Fiscal o CIF, su nombre y un \emph{logo}. El \emph{logo} en sí, actualmente no tiene ninguna utilidad pero podría ser utilizado para generar una página web desde la cual mostrar a usuarios autenticados o no las últimas empresas que se han registrado en el sistema o las últimas que han modificado o añadido algún anuncio o dato en el servidor Web. La página de visualización de los datos se muestra en la Figura~\ref{fig:DatosCompaniaWeb}) y la de edición en la Figura~\ref{fig:EdicionDatosCompaniaWeb}) Por último indicar que el tamaño del \emph{logo} está limitado, y en caso de superar este límite se mostrará un mensaje del error al usuario.
  66
  67 \begin{figure}[H]
  68     \centering
  69         \includegraphics[width=\textwidth]{fig/DatosCompaniaWeb}
  70     \caption{\emph{Usuarios rol empresa: visualización datos de la compañía en la Web}}
  71     \label{fig:DatosCompaniaWeb}
  72 \end{figure}
  73
  74 \begin{figure}[H]
  75     \centering
  76         \includegraphics[width=\textwidth]{fig/EdicionDatosCompaniaWeb}
  77     \caption{\emph{Usuarios rol empresa: edición datos de la compañía en la aplicación Web}}
  78     \label{fig:EdicionDatosCompaniaWeb}
  79 \end{figure}
  80
  81 \subsubsection{Usuarios rol empresa: listado, edición y creación de anuncios}
  82
  83 En la Figura~\ref{fig:ListadoAnunciosWeb}) se muestra la página Web que lista todos los anuncios que pertenecen al usuario actual. En la parte superior derecha del listado se puede seleccionar el lenguaje de los anuncios a mostrar. Esto es debido a que un mismo anuncio se puede definir en uno o más lenguajes, mediante la selección del lenguaje de los anuncios que se quieren listar se consigue que el usuario pueda decidir en cada momento el lenguaje de los anuncios listados evitando mostrar anuncios que no han sido definidos en el lenguaje seleccionado. El índice de anuncios se muestra con un paginador para evitar presentar un índice de anuncios demasiado largo en una sola página Web.
  84
  85 \begin{figure}[H]
  86     \centering
  87         \includegraphics[width=\textwidth]{fig/ListadoAnunciosWeb}
  88     \caption{\emph{Usuarios rol empresa: listado de anuncios en la aplicación Web}}
  89     \label{fig:ListadoAnunciosWeb}
  90 \end{figure}
  91
  92 Desde la ventana de listado de anuncios el usuario con rol de empresa puede borrar, editar los datos de un anuncio o crear un anuncio nuevo. En la Figura~\ref{fig:CreacionAnunciosWeb}) se muestra parte de la página que permite crear y editar nuevos anuncios. Se observa como el usuario puede para el mismo anuncio editar los datos en múltiples idiomas (actualmente el sistema solo permite Inglés y Castellano, pero el número de idiomas puede ampliarse fácilmente con solo añadir más idiomas a la tabla de la base de datos que maneja dicha información) También se observa la posibilidad de asignar una latitud y longitud a un determinado anuncio. Para la introducción de las coordenadas geográficas se utiliza la API JavaScript de Google Maps, a través de la cual y de una forma gráfica el usuario puede asignar una localización espacial a su anuncio. Basta con pinchar sobre la longitud o la latitud para que se abra de forma automática una ventana emergente que nos permite seleccionar la posición geográfica a través de Google Maps. Las dimensiones de la imagen asociada con un anuncio son limitadas de forma automática por el sistema, esto es debido a que la imagen en cuestión será la que finalmente los usuarios vean en sus dispositivos móviles, si no hubiera ninguna restricción en cuanto al tamaño, en caso de ser demasiado grande la imagen consumiría demasiado ancho de banda para su descarga y además quedaría descolocada respecto a otras imágenes en la aplicación para dispositivos móviles (en nuestro caso la aplicación Android). Por último observar que es necesario asignar una categoría de empresa a un anuncio si queremos que el anuncio llegue finalmente al usuario. Las categorías de empresa a su vez se asocian con categorías generales que son las que el usuario final ve (como mostradas en la Figura~\ref{fig:UsuarioSeleccionWeb}) Por tanto hay una relación directa entre categorías generales, categorías de empresa y anuncios. Si no existe esta relación el usuario final no recibirá el anuncio aunque éste haya sido creado y exista en el sistema.
  93
  94 La posibilidad de tener el mismo anuncio en diferentes idiomas permite que éste pueda llegar a más usuarios finales, pues cada usuario final tiene asociado un tipo de idioma y solo recibirá anuncios en ese lenguaje. Si se guarda el mismo anuncio en todos los idiomas que admite el sistema, el usuario con rol empresa sabrá que el anuncio creado por él siempre llegará a un usuario final sea cual sea su idioma.
  95
  96 \begin{figure}[H]
  97     \centering
  98         \includegraphics[width=\textwidth]{fig/CreacionAnunciosWeb}
  99     \caption{\emph{Usuarios rol empresa: creación y edición de anuncios en la aplicación Web}}
 100     \label{fig:CreacionAnunciosWeb}
 101 \end{figure}
 102
 103
 104 \subsubsection{Usuarios rol empresa: listado, edición y creación de categorías}
 105
 106 Al igual que sucedía con los anuncios, el usuario con rol empresa puede listar sus categorías. Este listado es jerárquico, de tal forma que habrá categorías y tantas subcategorías como el usuario quiera. Siempre existe una categoría raíz denominada Producto que no puede ser borrada y desde la cual se podrán añadir nuevas categorías. En la Figura~\ref{fig:ListadoCategoriasWeb}) se muestra la página Web que lista las categorías; desde ahí se pueden editar, borrar o añadir nuevas categorías.
 107
 108 \begin{figure}[H]
 109     \centering
 110         \includegraphics[width=\textwidth]{fig/ListadoCategoriasWeb}
 111     \caption{\emph{Usuarios rol empresa: listado de categorías en la aplicación Web}}
 112     \label{fig:ListadoCategoriasWeb}
 113 \end{figure}
 114
 115 En la Figura~\ref{fig:CreacionCategoriasWeb}) se muestra cómo el usuario con rol empresa puede crear o editar una categoría. El campo más importante es aquel que hace referencia a la categoría general existente en el sistema pues como se ha comentado previamente, solamente si un anuncio está asociado indirectamente con una categoría general será recibido por el usuario final en su dispositivo móvil.
 116
 117 \begin{figure}[H]
 118     \centering
 119         \includegraphics[width=\textwidth]{fig/CreacionCategoriasWeb}
 120     \caption{\emph{Usuarios rol empresa: creación y edición de categorías}}
 121     \label{fig:CreacionCategoriasWeb}
 122 \end{figure}
 123
 124
 125 \subsubsection{Usuarios rol empresa: listado, edición y creación de oficinas}
 126
 127 El usuario con rol empresa puede crear oficinas o sucursales y asignar a éstas una localización geográfica, además las oficinas o sucursales pueden tener anuncios asociados de tal forma que si un usuario se encuentra dentro del área de acción de una determinada oficina o sucursal y además esta oficina o sucursal tiene asociado un anuncio de interés para el usuario, el usuario final recibirá en su dispositivo móvil ese anuncio o notificación. Por tanto no solo se localiza geográficamente anuncios si no también oficinas y no solamente existe un radio de acción para anuncios si no también para oficinas o sucursales. Este radio de acción actualmente se encuentra predefinido en el propio sistema pero en desarrollos futuros, tal y como fue comentado en el capítulo 8, podría ser modificado por el usuario previo pago de una algún tipo de cuota.
 128
 129 La Figura~\ref{fig:ListadoOficinasWeb}) muestra la página Web con el listado de oficinas desde donde también se puede acceder a las páginas de edición o creación de nuevas sucursales (como mostrado en la Figura~\ref{fig:CreacionOficinasWeb}) si se pincha sobre el botón situado en la parte inferior derecha de la ventana, o también se puede acceder a la página desde la cual asociar anuncios a una determinada sucursal tras pinchar sobre el correspondiente link como se muestra en la Figura~\ref{fig:AsociacionOficinasWeb}). Al igual que sucedía con los anuncios, se utiliza un paginador para evitar generar un listado demasiado grande, además el usuario puede ordenar la información por país, región, ciudad, dirección o código postal con solo pinchar en la cabecera de la lista mostrada.
 130
 131 \begin{figure}[H]
 132     \centering
 133         \includegraphics[width=\textwidth]{fig/ListadoOficinasWeb}
 134     \caption{\emph{Usuarios rol empresa: listado de oficinas o sucursales}}
 135     \label{fig:ListadoOficinasWeb}
 136 \end{figure}
 137
 138 En la Figura~\ref{fig:CreacionOficinasWeb}) se observa la página Web donde el usuario puede editar o crear los datos de una oficina o sucursal. Como sucedía con los anuncios, para la introducción de los datos relacionados con la posición geográfica (la latitud y la longitud) se hace uso de la API JavaScript de Google Maps, donde se muestra una ventana emergente con un mapa que permite seleccionar de forma gráfica las coordenadas geográficas de la sucursal u oficina.
 139
 140 \begin{figure}[H]
 141     \centering
 142         \includegraphics[width=\textwidth]{fig/CreacionOficinasWeb}
 143     \caption{\emph{Usuarios rol empresa: creación y edición de oficinas o sucursales}}
 144     \label{fig:CreacionOficinasWeb}
 145 \end{figure}
 146
 147 Por último y no menos importante, se muestra la Figura~\ref{fig:AsociacionOficinasWeb}) donde se observa la página Web que permite asociar anuncios a una determinada oficina o sucursal. Hemos dicho que si un usuario final se encuentra en el radio de acción de una determinada oficina recibirá inmediatamente una notificación o anuncio relacionado con una categoría de interés para él acerca de un producto que se encuentra en dicha oficina o sucursal. Es a través de esta página Web donde el usuario con rol empresa añade anuncios (relacionados con productos) a una determinada oficina, indicando de este modo que esa sucursal tiene el producto relacionado con el anuncio añadido en la página Web mostrada en la Figura~\ref{fig:AsociacionOficinasWeb})
 148
 149 \begin{figure}[H]
 150     \centering
 151         \includegraphics[width=\textwidth]{fig/AsociacionOficinasWeb}
 152     \caption{\emph{Usuarios rol empresa: asociación de anuncios a oficinas o sucursales}}
 153     \label{fig:AsociacionOficinasWeb}
 154 \end{figure}
 155
 156
 157 \section{Aplicación Android}
 158
 159