ANEXO B Manual de Usuario Promo Platform MANUAL DE USUARIO PROMO PLATFORM PROYECTO FINAL PROTOTIPO DE SOFTWARE DE UN SISTEMA RECOMENDADOR DE PRODUCTOS Y SERVICIOS EN PROMOCIÓN SOBRE UNA ARQUITECTURA WEB ORIENTADA A SERVICIOS CAMILA ALEJANDRA CARDONA OTÁLORA CÓD. 20102020018 SAÚL LEONARDO CELIS VALBUENA CÓD. 20102020023 UNIVERSIDAD DISTRITAL FRANCISCO JOSE DE CALDAS FACULTAD DE INGENIERIA INGENIERIA DE SISTEMAS BOGOTÁ, COLOMBIA 2015
CONTENIDO 1. INTRODUCCIÓN... 3 2. OBJETIVO DE ESTE MANUAL... 3 3. DIRIGIDO A... 4 4. LO QUE DEBE CONOCER... 4 5. ESPECIFICACIONES TÉCNICAS... 4 5.1. Hardware... 4 5.1.1. Cliente requerido... 4 5.2. Software... 4 5.1.2. Software del servidor... 4 6. INGRESO AL SISTEMA... 5 6.1. Información publica... 6 6.2. Ingresar... 7 6.3. Crear cuenta... 8 7. Cuenta de administrador de la empresa... 9 7.1. Configuración... 10 7.2. Agregar Tienda... 11 7.2. Lista de Tiendas... 13 7.3. Agregar Productos... 15 7.4. Lista de Productos... 16 7.4.1. Editar Producto... 17 7.4.2. Eliminar Producto... 18 7.4.3. Graficas del Producto... 18 7.4. Suscripción... 20
MANUAL DE USUARIO PROMO APP PROYECTO FINAL PROTOTIPO DE SOFTWARE DE UN SISTEMA RECOMENDADOR DE PRODUCTOS Y SERVICIOS EN PROMOCIÓN SOBRE UNA ARQUITECTURA WEB ORIENTADA A SERVICIOS 1. INTRODUCCIÓN En este documento se describirá los objetivos e información clara y concisa de cómo utilizar el portal web PROMO PLATFORM para la web y su funcionamiento. PROMO PLATFORM fue creado con el objetivo de permitir a pequeñas y grandes empresas que ofrecen productos y servicios el exponerlos a usuarios que les interesen estos, además de obtener información por medio de gráficos de las tendencias semanales de mercado por parte de los usuarios que han consultado estos productos. Es de mucha importancia consultar este manual antes y/o durante la visualización del portal web, ya que lo guiará paso a paso en el manejo de las funciones en él. Con el fin de facilitar la comprensión del manual, se incluye gráficos explicativos. Este es un aplicativo responsivo el cual es compatible no solo para computadores sino también para dispositivos móviles Android y IOS. 2. OBJETIVO DE ESTE MANUAL El objetivo primordial de este manual es ayudar y guiar a utilizar el aplicativo PROMO PLATFORM obteniendo información de cómo navegar en él, para poder solucionar los cuestionamientos que se tengan. En este será posible: Guía para acceder al portal web PROMO PLATFORM. Conocer cómo utilizar el portal web, mediante una descripción detallada e ilustrada de las opciones. Conocer el alcance de toda la información por medio de una explicación detallada e ilustrada. 3
3. DIRIGIDO A Este manual está orientado a los usuarios que deseen tener una vinculación ya sea siendo administrador o usuario del aplicativo PROMO PLATFORM. 4. LO QUE DEBE CONOCER Los conocimientos mínimos que deben tener las personas que operarán las páginas y deberán utilizar este manual son: Conocimientos básicos de Navegación Web. Conocimientos básicos de Internet. Conocimientos básicos de Windows y/o Linux. 5. ESPECIFICACIONES TÉCNICAS Para la implementación del portal web PROMO PLATFORM, se requiere de lo siguiente: 5.1. Hardware 5.1.1. Cliente requerido El software soporta Mozilla Firefox 21.0 y Google Chrome. Es recomendable utilizar los navegadores que permitan utilizar JavaScript y Cookies. Se recomienda que se utilicen los requerimientos expuestos anteriormente para la mejor funcionalidad del aplicativo. 5.2. Software 5.1.2. Software del servidor Esta aplicación fue desarrollada con el framework Angular el cual es extensible y permite crear Single page Applications 1. 1 SPA (Single-page Application) es una página web que encaja en una sola página web con el objetivo de proveer una mejor experiencia de usuario. 4
6. INGRESO AL SISTEMA Para ingresar al sistema hay que tener en cuenta algunos aspectos que a continuación se detallan: 1. Una vez encendido el computador acceder al explorador de internet preferido; de preferencia Mozilla Firefox o Google Chrome. (Ver Figura 1) Figura 1 Exploradores de internet 2. A continuación aparecerá la pantalla del explorador escogido, ubíquese en la barra de direcciones y escriba la dirección del sitio Web especificada por el proveedor de la aplicación. En la Figura 2 se observa un ejemplo de URL, la verdadera se la proporcionará el proveedor de la aplicación. Figura 2 Ejemplo de URL 5
3. A continuación aparecerá la pantalla de inicio de PROMO PLATFORM, en esta vista se podrá observar la introducción de los beneficios que proporciona el portal para las empresas (Figura 3) y más abajo muestra los tres tipos de suscripciones que puede adquirir la empresa: Standard: No permite acceso a plataforma de marketing la cual facilita información estadística, pero puede ingresar 2 promociones. Tiene un costo de COP $10.000. Profesional: Acceso a la plataforma de marketing y podrá ingresar hasta 10 promociones. Tiene un costo de COP $30.000. Premium: Tendrá acceso a la plataforma de marketing y podrá ingresar hasta 20 productos en promoción. Tiene un costo de COP $50.000. Se le llama Plataforma de marketing a la que muestra el resumen semanal en forma de gráficos de los productos publicados por el administrador de la empresa que maneja el portal web. Figura 3 Página de inicio Promo Platform A continuación se explican las opciones que se encuentran en dicha página: 6.1. Información publica Esta es una opción pública, es decir que cualquier persona puede acceder a esta opción, mostrará estudios de mercado en manera de gráficos (Figura 4) de acuerdo 6
a las categorías de productos que han sido vistos por los usuarios en Promo App (aplicación que muestra productos y servicios en promoción). Figura 4 Información pública La persona deberá elegir la categoría con la cual desee ver la gráfica, esto se hace haciendo clic en el botón verde Seleccione categoría de interés, e indicar un intervalo de fecha. La Figura 4 muestra el porcentaje de grupos demográficos que vieron la categoría cámaras semiprofesionales entre el 1 de julio de 2015 y el 12 de julio de 2015, en este caso el grupo demográfico Mujer 20 23 años. 6.2. Ingresar Si el administrador de la empresa tiene una sesión creada lo único que tiene que ingresar es el usuario y la contraseña y hacer clic en el botón Ingresar (Figura 5). 7
Figura 5 Ingresar 6.3. Crear cuenta Si al contrario no tiene una cuenta creada el parte superior izquierda se debe hacer clic en la opción Crear cuenta, allí el administrador de la empresa tendrá que poner su información personal: nombre, apellido, correo electrónico, usuario y contraseña (Figura 6). Con estas dos últimas se iniciará sesión una vez creada la cuenta. Figura 6 Crear cuenta 8
Una vez creada la cuenta aparecerá el mensaje de la Figura 7. Al darle clic a ok redirigirá a la página de iniciar sesión. Figura 7 Usuario registrado exitosamente 7. Cuenta de administrador de la empresa Cuando el administrador de la empresa inicia sesión por primera vez verá lo que se encuentra en la Figura 8: Figura 8 Vista de cuenta de administrador que ingresa por primera vez 9
A pesar de que le dejará agregar los productos que desee primero deberá comprar una suscripción para que los pueda publicar. A continuación se explicará detalladamente cada uno de los enlaces que componen la cuenta de un administrador: 7.1. Configuración En la parte superior derecha, al lado izquierdo de cerrar sesión se encuentra el botón de configuración, como se observa en la Figura 9 el administrador podrá cambiar el correo electrónico que puso al crear la cuenta, al igual que la contraseña; en la parte de Empresa podrá poner el nombre de la empresa y una foto. Figura 9 Configuración Cuando da clic en Guardar configuración aparecerá una vista como en la Figura 10 y en la parte izquierda, si realizo cambios en la empresa arriba de la barra lateral aparecerá el nombre y foto de la empresa. 10
Figura 10 Cambio de foto de empresa Agregar nombre y foto de la empresa no es obligatorio, sin embargo, los usuarios de Promo App podrán ver los productos que publique el administrador con nombre de la empresa si este la pone. 7.2. Agregar Tienda Antes de agregar cualquier producto es necesario agregar mínimo tienda. Las tiendas son sucursales de la empresa, por ejemplo la empresa Pronto tiene sucursales (tiendas) Pronto C.C. Santafe, Pronto C.C. Unicentro, entre otros. Para agregar una tienda debe ingresar su nombre, descripción aunque esta no obligatoria, y la dirección (ver Figura 11); esta última debe validarla con Google Maps y después ponerla en el espacio para ingresar la dirección, encontrará el link a Google Maps para que verifique la ubicación. Podría ingresar la cantidad de tiendas que desee. 11
Figura 11 Agregar tienda Una vez haya agregado los datos de la tienda los guarda haciendo clic en el botón Aceptar, enseguida aparecerá una ventana emergente como la de la Figura 12: Figura 12 Tienda creada con éxito 12
7.2. Lista de Tiendas En esta pestaña de la barra lateral encontrará la lista de las tiendas que ha agregado (ver Figura 13). Figura 13 Lista de tiendas Como se observa en la figura de arriba, cada tienda tiene tanto la opción de Editar como de Eliminar. Si se hace clic en la opción Editar, aparecerá una ventana emergente como en la Figura 14, en la cual podrá cambiar la información que desee. Figura 14 Editar tienda 13
Una vez realice los cambios hace clic en el botón Aceptar y aparecerá una ventana emergente de éxito (ver Figura 15). Figura 15 Producto actualizado satisfactoriamente Si hace clic en el botón Eliminar de la Figura 13, aparecerá una ventana emergente confirmando la solicitud (Figura 16). Figura 16 Mensaje de confirmación para eliminar tienda 14
7.3. Agregar Productos En esta sección se podrá agregar los productos en promoción. Lo que se pide al agregar un producto es (Figura 17): - Nombre. - Descripción. - Precio. - Imagen. - Categoría. - Disponibilidad en tiendas (Las tiendas en que se encuentra). - Descuento. - Fecha de expiración de la promoción. Todos los anteriores son obligatorios, excepto descripción e imagen. Figura 17 Agregar producto Una vez agregado el producto, aparecerá un mensaje de éxito (Figura 18). 15
Figura 18 Producto agregado con éxito. 7.4. Lista de Productos En esta sección aparecerán todos los productos que fueron agregados (Figura 19). Es importante tener en cuenta que los productos no se mostrarán si antes no se ha comprado una suscripción (ver sección 7.5). Figura 19 Lista de productos. Cuando publica un producto este será visto por los usuarios de la Promo App. La cantidad de productos que puede publicar depende de la suscripción que haya comprado. 16
Cada producto tiene la opción de ser editado, eliminado y de tener estadísticas sobre el (aunque este último depende de la suscripción que se tenga). 7.4.1. Editar Producto Si desea editar un producto, en la parte inferior izquierda de cada producto hay una imagen de un lápiz (Figura 20), al hacer clic sobre este lo llevará a la vista de editar producto (Figura 21). Figura 20 Opción de Editar producto. Figura 21 Editar producto. 17
7.4.2. Eliminar Producto Si desea eliminar un producto, en la parte inferior al medio de cada producto hay una imagen de un borrador (Figura 22), al hacer clic sobre este aparecerá un mensaje confirmación (Figura 23). Figura 22 Opción de Eliminar producto. Figura 23 Mensaje de confirmación para eliminar producto. 7.4.3. Graficas del Producto Si desea analizar las estadísticas de un producto, en la parte inferior derecha de cada producto hay una imagen de un gráfico de barras (Figura 24), al hacer clic sobre este lo llevará a la vista de editar producto (Figura 25). 18
Figura 24 Opción de graficas de producto. Al comienzo no aparecerá ninguna gráfica, ya que es necesario primero indicar el rango de fechas en el cual se desea saber las visitas al producto. Figura 25 Gráfico de visitas por grupo demográfico En la Figura 26 se muestra un gráfico de un producto: 19
Figura 26 Ejemplo de gráfico de visitas por grupo demográfico 7.4. Suscripción Esta es la última sección de la barra lateral. En ella encontrará 3 tipos de suscripciones: Standard, Profesional y Premium (ver Figura 27). Además del precio, lo que las diferencia es la cantidad de productos que con cada una se pueden publicar. En la stardard se pueden publicar 2 productos, en la profesional 10 y en la Premium 20; además, en la profesional y Premium es posible ver los gráficos de cada uno de los productos que se tenga. Figura 27 Vista Suscripción 20
Para adquirir una suscripción, se debe hacer clic sobre el nombre de la que se quiera obtener, enseguida aparecerá una ventana emergente como en la Figura 28 Figura 28 Obtención de una suscripción Para cada una de las suscripciones, se le mencionará los beneficios que obtendrá antes de adquirirla, si decide hacerlo debe hacer clic en el botón Suscribirse, en caso contrario en Cancelar. 8. Cerrar Sesión Para cerrar sesión se debe dirigir a la parte superior derecha y dar clic en el botón Cerrar Sesión. 21