anexo b -...
TRANSCRIPT
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
3
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.
4
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 Applications1.
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.
5
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
Fuente: Autores
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
Fuente: Autores
6
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
Fuente: Autores
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
7
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
Fuente: Autores
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).
8
Figura 5 Ingresar
Fuente: Autores
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
Fuente: Autores
9
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
Fuente: Autores
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
Fuente: Autores
10
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
Fuente: Autores
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.
11
Figura 10 Cambio de foto de empresa
Fuente: Autores
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.
12
Figura 11 Agregar tienda
Fuente: Autores
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
Fuente: Autores
13
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
Fuente: Autores
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
Fuente: Autores
14
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
Fuente: Autores
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
Fuente: Autores
15
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
Fuente: Autores
Una vez agregado el producto, aparecerá un mensaje de éxito (Figura 18).
16
Figura 18 Producto agregado con éxito.
Fuente: Autores
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.
Fuente: Autores
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.
17
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.
Fuente: Autores
Figura 21 Editar producto.
Fuente: Autores
18
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.
Fuente: Autores
Figura 23 Mensaje de confirmación para eliminar producto.
Fuente: Autores
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).
19
Figura 24 Opción de graficas de producto.
Fuente: Autores
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
Fuente: Autores
En la Figura 26 se muestra un gráfico de un producto:
20
Figura 26 Ejemplo de gráfico de visitas por grupo demográfico
Fuente: Autores
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”
Fuente: Autores
21
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
Fuente: Autores
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”.