UNIVERSIDAD NACIONAL DE TRUJILLO

FACULTAD DE CIENCIAS FSICAS Y MATEMTICAS

ESCUELA ACADMICO PROFESIONAL DE INFORMTICA

Modelado e Implementacin de un Sitio Web de Comparacin de

Productos Basado en Redes Sociales
Trabajo de Graduacin

AUTOR:

Fredy Constante Vargas Romero

ASESOR:

Ing. Anthony Jos Gmez Morales.

AREA DEL PROYECTO:

Sistemas de Informacin

Trujillo, 10 de diciembre del 2013

RESUMEN

El presente proyecto de tesis consiste en Analizar, Modelar, Disear, Implementar y

Realizar Pruebas a un Sitio Web de Comparacin de Productos Basado en Redes
Sociales, esto con el fin de mejorar el proceso de comprar y vender.

El propsito de este trabajo es desarrollar un sitio web de comparacin de productos

de diferentes fuentes de venta tanto de empresas como personas que desean vender
algn producto nuevo o usado. El sitio web mostrar catlogos personalizados e
informacin ordenada de los productos ofrecidos.

En el ordenamiento de los productos se tomaran los siguientes aspectos: propiedades

del producto, perfil social del usuario, perfil social del vendedor, en cuanto al perfil
social del vendedor y comprador ser extrada de las redes sociales haciendo uso de
APIs que estas ofrecen.

Lo que se espera es que los compradores puedan usar el sitio web para buscar y
comparar productos tambin para informarse de los productos ofertados de su posible
inters. Para los vendedores puedan usar el sitio web para promocionar productos
nuevos o usados.

ABSTRACT

This thesis projectis to analyze, model, design, implementand, test a WebSite Product
Comparison Based on Social Network, this in order to improve the process of buying
and selling online.

The purpose of this work is to develop a website comparison of products from

different sources sales of both companies and individuals who want to sell a new or
used product. The website and information display customized catalogs ordered
products offered.

In the ordering of the products take the following aspects: properties of the product,
user's social profile, social profile of the seller, as to the social profile of the seller and
buyer will be extracted from social networks using APIs they offer.

The expectation is that buyers can use the site to search and compare products also for
information on the products offered by their possible interest. For marketers can use
the website to promote new or used products.

ndice General
1

PLAN DE LA INVESTIFACION ........................................................................................ 1

1.1 Descripcin del Problema .............................................................................................................. 1

1.2 Antecedentes....................................................................................................................................... 2
1.3 Formulacin del Problema ............................................................................................................. 4
1.4 Hiptesis .............................................................................................................................................. 4
1.5 Objetivos .............................................................................................................................................. 5
1.5.1
Objetivo General ...................................................................................................................... 5
1.5.2
Objetivos Especficos.............................................................................................................. 5
1.6 Justificacin del Estudio ................................................................................................................. 5
1.6.1
Acadmica. ................................................................................................................................. 5
1.6.2
Econmica. ................................................................................................................................. 5
1.6.3
Social. .......................................................................................................................................... 6
1.6.4
Tcnica. ....................................................................................................................................... 6

MARCO TERICO.................................................................................................................. 6

2.1 Proceso de Vender ............................................................................................................................ 6

2.1.1
La fase de Preparacin. .......................................................................................................... 6
2.1.2
La Fase de Argumentacin o Negociacin. ..................................................................... 7
2.1.3
La fase de Transaccin. .......................................................................................................... 8
2.2 Proceso de Comprar. ........................................................................................................................ 9
2.2.1
Fase Reconocimiento de la Necesidad. ............................................................................. 9
2.2.2
Fase de Bsqueda de Informacin. ..................................................................................... 9
2.2.3
Fase de Evaluacin de Alternativas. .................................................................................. 9
2.2.4
Fase Decisin de Compra. ..................................................................................................... 9
2.2.5
Fase Comportamiento Post compra................................................................................. 10
2.3 Evolucin del Comercio Electrnico. ...................................................................................... 10
2.4 Definicin de Comercio Electrnico. ...................................................................................... 11
2.5 Caractersticas del Comercio Electrnico. ............................................................................. 11
2.6 Clasificacin del Comercio Electrnico. ................................................................................ 14
2.7 Definicin de Redes Sociales..................................................................................................... 15
2.8 Redes Sociales en Latino Amrica y en el Per. .................................................................. 15
2.9 Comercio y las Redes Sociales .................................................................................................. 19
2.10
Definicin de Sitio Web de Comparacin. ........................................................................ 22
2.11
Futuro de los Sitios de Comparacin de Productos. ....................................................... 23
2.11.1 Servicio de Analizador de Datos. ..................................................................................... 23
2.11.2 Aplicaciones de Comparacin de Precios. .................................................................... 23
2.12
Comparacin de Productos Basado en Redes Sociales. ................................................ 24

MATERIALES Y METODOS ........................................................................................... 25

3.1 Tipo de Investigacin ................................................................................................................... 25
3.2 Variables del Proyecto.................................................................................................................. 25
3.2.1
Variable Dependiente........................................................................................................... 25
3.2.2
Variable Independiente........................................................................................................ 25
3.3 Operacionalizacion de las Variables. ....................................................................................... 25
3.3.1
Definicin de los indicadores. ........................................................................................... 25
3.4 Indicadores ....................................................................................................................................... 26
3.5 Poblacin y Muestra...................................................................................................................... 26
3.5.1
Poblacin ................................................................................................................................. 26
3.5.2
Muestras ................................................................................................................................... 26
3.6 Metodologa para el Desarrollo del Proyecto. ...................................................................... 27
3.6.1
Definicin de la Metodologa de la Solucin. .............................................................. 27

RESULTADOS ....................................................................................................................... 32

4.1 Iteracin 1 Fase Concepcin................................................................................................... 32

4.1.1
Identificacin de Requerimientos. ................................................................................... 32
4.1.2
Requerimientos Funcionales. ............................................................................................ 32
4.1.2.1
4.1.2.2
4.1.2.3
4.1.2.4
4.1.2.5
4.1.2.6

4.1.3
4.1.3.1
4.1.3.2

Requerimientos del Paquete Gestin de Informacin. .......................................................... 32

Requerimientos del Paquete Configuracin. ............................................................................ 33
Requerimientos del Paquete de Distribucin de Informacin. ........................................... 33
Requerimientos del Paquete Sitio. ............................................................................................... 34
Requerimientos del Paquete Reportes. ....................................................................................... 35
Requerimientos del Paquete Administracin. .......................................................................... 35

Requerimientos No Funcionales. ..................................................................................... 36

Atributos de Calidad. ........................................................................................................................ 36

Otros Requerimientos No Funcionales. ...................................................................................... 36

4.2 Iteracin 2 Fase de Elaboracin............................................................................................. 37

4.2.1
Especificacin de Actores del Sistema........................................................................... 38
4.2.1.1
4.2.1.2
4.2.1.3
4.2.1.4

4.2.2
4.2.3
4.2.3.1
4.2.3.2
4.2.3.3
4.2.3.4
4.2.3.5
4.2.3.6

4.2.4
4.2.5
4.2.5.1
4.2.5.2
4.2.5.3
4.2.5.4
4.2.5.5
4.2.5.6

4.2.6
4.2.6.1
4.2.6.2
4.2.6.3
4.2.6.4
4.2.6.5

4.2.7
4.2.7.1
4.2.7.2

Actor Administrador ......................................................................................................................... 38

Actor Comprador ............................................................................................................................... 38
Actor Vendedor .................................................................................................................................. 39
Actor Sitio ............................................................................................................................................ 40

Diagrama de Paquetes. ........................................................................................................ 40

Diagrama de Casos de Uso. ............................................................................................... 42

Casos de Uso del Paquete Gestin de Informacin ................................................................ 44

Casos de Uso del Paquete Configuracin .................................................................................. 46
Casos de Uso del Paquete Distribucin ...................................................................................... 47
Casos de Uso del Paquete Sitio ..................................................................................................... 48
Reportes ................................................................................................................................................. 50
Casos de Uso del Paquete Administracin ................................................................................ 52

Definicin de Clase de Anlisis. ...................................................................................... 53

Diagrama de Clases. ............................................................................................................. 55

Diagrama de Clases del Paquete Gestin de Informacin ................................................... 56

Diagrama de Clases del Paquetes Configuracin ................................................................... 57
Diagrama de Clases del Paquete Distribucin ......................................................................... 58
Diagrama de Clases del Paquete Sitio ........................................................................................ 59
Diagrama de Clases del Paquete Reportes ................................................................................ 60
Diagrama de Clases del Paquete Administracin ................................................................... 60

Diseo del Sistema. .............................................................................................................. 61

Definicin de la Arquitectura del Sistema. ............................................................................... 61

Metas y Restricciones de la Arquitectura. ................................................................................. 65
Vista Lgica ......................................................................................................................................... 65
Vista de Implementacin ................................................................................................................. 67
Vista de Despliegue ........................................................................................................................... 69

Diseo de la Interfaz Grfica de Usuario. ..................................................................... 71

Principios Bsicos .............................................................................................................................. 71

Diseo General ................................................................................................................................... 72

DISCUSIN DE RESULTADOS ..................................................................................... 82

CONCLUSIONES .................................................................................................................. 83

Bibliografa ....................................................................................................................................... 84

ndice de Figuras
Figura 2.1 Fases del Proceso de Ventas [12] ............................................................................. 8
Figura 2.2 Categoras de Internet que usan los peruanos ........................................................ 16
Figura 2.3 Horas Promedio que un Usuario usa las Redes Sociales ....................................... 17
Figura 2.4 Perfil de Usuario de Redes Sociales del Per Urbano ........................................... 18
Figura 2.5 Sectores Comerciales con ms Presencia en E-commerce..................................... 20
Figura 2.6 5 Tipos de Negocios y su uso en E-commerce....................................................... 21
Figura 2.7 Redes Sociales con ms Presencia en E-commerce ............................................... 21
Figura 2.8 Redes Sociales en los Diferentes Tipos de E-commerce ....................................... 22
Figura 4.1 Diagrama de Paquetes del Sitio.............................................................................. 41
Figura 4.2 Diagrama de Casos de Uso del Paquete Gestin de Informacin .......................... 46
Figura 4.3 Diagrama de Casos de Uso del Paquete Configuracin ......................................... 47
Figura 4.4 Diagrama de Casos de Uso del Paquete Distribucin ............................................ 48
Figura 4.5 Diagrama de Casos de Uso del Paquete Sitio ........................................................ 50
Figura 4.6 Diagrama de Casos de Uso del Paquete Reportes .................................................. 51
Figura 4.7 Diagrama de Casos de Uso del Paquete Administracin ....................................... 53
Figura 4.8 Diagrama de Clases del Paquete Gestin de Informacin ..................................... 56
Figura 4.9 Diagrama de Clases del Paquete Configuracin .................................................... 57
Figura 4.10 Diagrama de Clases del Paquete Distribucin ..................................................... 58
Figura 4.11 Diagrama de Clases del Paquete Sitio .................................................................. 59
Figura 4.12 Diagrama de Clases del Paquete Reportes ........................................................... 60
Figura 4.13 Diagrama de Clases del Paquete Administracin ................................................ 60
Figura 4.14 Relacin entre Mdulos de MVC ........................................................................ 64
Figura 4.15 Diagrama de Capa Lgica .................................................................................... 66
Figura 4.16 Diagrama de Componentes del Sitio de Comparaciones ..................................... 68
Figura 4.17 Diagrama de Distribucin del Sitio de Comparaciones ....................................... 70
Figura 4.18 Ventana de Autenticacin de la Interfaz de Usuario ............................................ 73
Figura 4.19 Ventana Principal de la Interfaz de Usuario ........................................................ 74
Figura 4.20 Ventana Principal - Mis Listas de la Interfaz de Usuario .................................... 75
Figura 4.21 Ventana Mis Listas - Mis Publicaciones de la Interfaz de Usuario ..................... 76
Figura 4.22 Ventana Mis Listas - Mis Favoritos de la Interfaz de Usuario............................. 77
Figura 4.23 Ventana Mis Listas - Mis Vendedores Favoritos de la Interfaz de Usuario......... 78
Figura 4.24 Ventana Principal - Noticias de la Interfaz de Usuario ........................................ 79
Figura 4.25 Ventana Principal - Publicar de la Interfaz de Usuario ........................................ 80
Figura 4.26 Ventana Principal - Mi Perfil de la Interfaz de Usuario....................................... 81

ndice de Tablas
Tabla 2.1 Usuarios de Redes Sociales en el Per .................................................................... 18
Tabla 2.2 Actividades de un Usuario Peruano en las Redes Sociales ..................................... 19
Tabla 3.1 Indicadores .............................................................................................................. 26
Tabla 4.1 Requerimientos del Paquete Gestin de Informacin ............................................. 33
Tabla 4.2 Requerimientos Funcionales del Paquete Configuracin ....................................... 33
Tabla 4.3 Requerimientos Funcionales del Paquete Distribucin ........................................... 34
Tabla 4.4 Requerimientos Funcionales del Paquete Sitio ....................................................... 34
Tabla 4.5 Requerimientos Funcionales del Paquete Reportes ................................................. 35
Tabla 4.6 Requerimientos Funcionales del Paquete Administracin ...................................... 35
Tabla 4.7 Atributos de Calidad de los Requerimientos No Funcionales ................................. 36
Tabla 4.8 Otros Requerimientos No Funcionales .................................................................... 37
Tabla 4.9Casos de Uso del Sitio de Comparaciones ............................................................... 42
Tabla 4.10 Descripcin de Clases ........................................................................................... 53

INTRODUCCION

El comercio es una actividad importante en la sociedad ya que permite el crecimiento

econmico y social, las empresas o comerciantes buscan la manera de cmo
dinamizar esta actividad para conseguir crecimiento. Sin embargo dentro del
comercio una persona para adquirir algn artculo usualmente lo que realiza es
recolectar informacin de diferentes centros comerciales, tambin en algunas
oportunidades hace uso de sitios web dedicados al comercio electrnico, es normal
que el cliente busque ofertas y vendedores con reputacin para realizar una compra
ms informada, para realizar todo este proceso es necesario disponer de mucho
tiempo. Por otro lado los vendedores hacen mltiples campaas publicitarias
ofertando o presentando nuevos artculos comerciales, otros no cuentan con recursos
para promocionar sus productos. Tambin las compaas publicitarias llegan a
personas desinteresadas en lo ofrecido lo que origina ineficiencia publicitaria.

El presente proyecto trata de resolver este problema mediante el modelado e

Implementacin de un Sitio Web de Comparacin de Productos Basado en Redes
Sociales para mejorar el proceso de compra y venta.

Este proyecto se realizara con la finalidad de brindar al usuario un ambiente virtual

donde pueda ofrecer, comparar, buscar y acceder a catlogos personalizados. Todo
esto para dinamizar el comercio y aprovechar los beneficios y oportunidades que trate
las tecnologas de la informacin y comunicacin.

PLAN DE LA INVESTIFACION

1.1

Descripcin del Problema

El comercio es una actividad importante para la sociedad, para su crecimiento los

vendedores buscan la manera de cmo aumentar sus ventas, para ello se planifican
campaas publicitarias ya sea visual o auditiva; pero muchas veces esta publicidad
llega a personas desinteresas en el producto o servicio ofertado, provocando as una
ineficiencia publicitaria. Tambin para realizar estas campaas es necesario contar
con un presupuesto, as dejando de lado a las pequeas empresas o personas naturales
la opcin de ofertar y captar clientes como las grandes empresas lo hacen.

Por otro lado para la economa de los compradores, cuando se realizan compras de
una cantidad monetaria significativa es necesario buscar la mejor oferta que puede
existir en el mercado o buscar a la empresa o persona de mayor confianza, pero para
todo este proceso hoy en da se tiene que realizar personalmente y de modo manual,
una persona para adquirir algn producto lo que realiza es recolectar informacin de
diferentes centros comerciales, tambin en algunas oportunidades hace uso de sitios
web dedicados al comercio electrnico, con toda la informacin recolectada hace sus
comparaciones para poder realizar una compra informada, lo que es necesario
disponer tiempo para realizar este proceso de seleccin de un producto y vendedor
adecuado.

Lo que se resume de estos problemas en el comercio son:

Campaas publicitarias ineficientes.

Informacin publicitaria de productos que no es til para una persona.

Falta de una herramienta que agilice las compras informadas.

Dificultad para vender, tanto para una empresa o una persona individual.

Dificultad para encontrar un producto deseado.

1.2

Antecedentes
a) Sistema Automatizado de Bsqueda Web(web crawlers) de Promociones
de Tickets Areos y Portal Web para la Agencia de Viajes y Turismo
Mundo Valle
Tipo de Documento:
Tesis.
Autor:
Crdova Morales Christian Andrs
Fecha:
Octubre de 2011
Resumen:
En este proyecto tuvo como objetivo la construccin de una aplicacin
web que permite la compra y reservacin de paquetes tursticos en lnea en
la agencia de viajes Mundo Valle, adems de la bsqueda automatizada
de informacin relacionada con el turismo, que mejora el nivel de
eficiencia, calidad y control de las ventas, as como promueve la
publicidad de productos y servicios que ofrece la empresa.

En el desarrollo del aplicativo se utiliz la metodologa MIDAS, que

permiti realizar el anlisis, diseo y construccin del sistema de manera
eficiente, facilitando el desenvolvimiento del trabajo mediante sus
interacciones, dando como resultado un sistema que cumple con las
necesidades establecidas por los usuarios.

Para la bsqueda automatiza se realiz un anlisis sobre los algoritmo de

bsqueda, seleccionando el de anchura y/o amplitud, ya que adapt ms al
objetivo del proyecto en donde el algoritmo encuentra los datos en un
recorrido tipo grafo hasta hallar la solucin en internet.

El diseo de esta arquitectura fue desarrollada mediante herramientas de

cdigo abierto como: Lenguaje PHP, Joomla, servidor web Apache y base
de datos Mysql, ya que son excelentes productos donde la estabilidad ha
sido probada en grandes proyectos, mejorando el rendimiento, aumentando

la velocidad, disminuyendo costos de mantenimiento y desarrollo,

contribuyendo al xito en la creacin de la aplicacin web.

b) Anlisis y Diseo de un Sistema para el Manejo de Publicidad

Personalizada.
Tipo de Documento:
Tesis.
Autor:
Palacios Rosales Ren Eliezer
Fecha:
Abril de 2009.
Resumen:
El presente trabajo nos presenta la informacin necesaria para poder llegar
a comprender la fase de anlisis y diseo de un sistema definindonos el
significado de los diagramas utilizados y mostrando ejemplos de estos
diagramas, nos describe porque es importante realizar la fase de anlisis y
diseo que puntos son importantes a tomar en cuenta y que es lo que se
debe disear. Se presenta el anlisis y diseo de un sistema que ayuda a las
empresas a personalizar su publicidad y poder tener una mejor
comunicacin con sus clientes y este se presenta por medio de la
utilizacin de diagramas de uso de las procesos que se realizan, y se define
la arquitectura del sistema por medio de las 5 vistas las cuales son: Casos
de uso, lgica, procesos, produccin e implementacin.

a) Diseo e implementacin de una plataforma piloto de marketing

electrnico para el desarrollo de aplicaciones TICs en la comunidad de
cuidad Bolvar
Tipo de Documento:
Artculo.
Autores:
Pedraza Luis F.
Ramrez Garca Richard.

Hernndez scar Editson.

Fecha:
Enero 2011
Resumen:
En este proyecto se presenta el diseo de una plataforma pilo de marketing
electrnico dirigido a la comunidad de Ciudad Bolvar en Bogot,
Colombia, que permite ofrece productos y servicios a los habitantes de la
localidad y se pretende convertir en una plataforma para su mejoramiento
y desarrollo econmico, especialmente de las pequeas y medianas
empresas, a partir de la creacin de nuevas oportunidades de mercado y
nuevo objetivos de negocio.

En este documento se da a conocer un estudio socioeconmico de Ciudad

Bolvar que permite ubicarse en el entorno de desarrollo en el que se
implementa la herramienta, as como tambin permite conocer el diseo
estructural y software de aplicativo implementado en un servidor virtual
sobre internet.

La plataforma de marketing electrnico denominada MiMercado est

diseada para ofrecer consultas sobre los productos ms econmicos de la
localidad, ubicacin del lugar donde se venden, y la manera de contactar y
realizar negocios. El aplicativo diseado permite a los trabajadores
independientes y profesionales ofrecer servicios de una manera interactiva
y rpida con el fin de disminuir desempleo en la localidad y, a su vez,
mejor el acceso a las TICs de las personas del sector

1.3

Formulacin del Problema

Cmo mejorar el proceso de comprar y vender?

1.4

Hiptesis
El Modelado e Implementacin de un Sitio Web de Comparacin de Productos
Basado en Redes Sociales puede mejorar el proceso de comprar y vender.

1.5
1.5.1

Objetivos
Objetivo General
Modelar e Implementar un Sitio Web de Comparacin de Productos
Basado en Redes Sociales para mejorar el proceso de comprar y vender.

1.5.2

Objetivos Especficos
Analizar el contexto actual del Modelado e Implementar un Sitio Web de
Comparacin de Productos Basado en Redes Sociales para mejorar el
proceso de comprar y vender.
Modelar el Sitio Web de Comparacin de Productos Basado en Redes
Sociales para mejorar el proceso de comprar y vender.
Disear el Sitio Web de Comparacin de Productos Basado en Redes
Sociales para mejorar el proceso de comprar y vender.
Implementar el Sitio Web de Comparacin de Productos Basado en Redes
Sociales para mejorar el proceso de comprar y vender.
Realizar Pruebas al Sitio Web de Comparacin de Productos Basado en
Redes Sociales para mejorar el proceso de comprar y vender.

1.6

Justificacin del Estudio

1.6.1 Acadmica.
El proyecto utiliza las tecnologas de la informacin para promover el
comercio, haciendo ms rpidas las consultas y publicacin de
informacin de productos.
En este trabajo promueve el estudio de las redes sociales para acoplarlas
en el comercio.
1.6.2 Econmica.
El proyecto promueve la compra informada de productos as ocasionando
ahorro para los compradores y competencia en el mercado.
El proyecto promueve el comercio dando oportunidad de que cualquier
persona tenga la oportunidad de vender un producto usado o nuevo,

tambin a pequeas empresas puedan impulsar sus productos y captar

clientes por este entorno digital.
1.6.3 Social.
El desarrollo de este trabajo intenta disminuir la contaminacin visual que
ocasiona las diferentes campaas publicitarias elaboradas por los
vendedores u ofertantes por medio de catlogos personalizados para mayor
aceptacin de la publicidad.

1.6.4 Tcnica.
Este proyecto usara las diferentes Apis que brindas las redes sociales.
Los productos se ordenaran haciendo uso de lgica difusa y algoritmo
Rank.

2
2.1

MARCO TERICO
Proceso de Vender
El proceso de vender o de ventas est compuesto por tres fases: de preparacin,
de argumentacin o negociacin, de transaccin.

2.1.1 La fase de Preparacin.

En esta primera fase del proceso de ventas se produce un acercamiento al
cliente. En ella se intenta localizar a los clientes potenciales, se llevan a cabo
las gestiones oportunas para establecer el contacto y se concierta una
entrevista con ellos. De esta forma, se considera que dicha fase est compuesta
por las etapas siguientes: [12]
Etapa de Prospeccin.
Con el paso del tiempo, todo vendedor se enfrenta a la prdida inevitable
de clientes. Si no encuentra nuevos clientes que reemplacen a los que
pierde, corre el riesgo de que disminuyan los ingresos e, incluso, cabe la
posibilidad de que pierda su empleo.

La prospeccin es el proceso sistemtico de identificacin y localizacin

de clientes potenciales. A travs de l se construye una base de clientes

potenciales o prospectos, de la cual forman parte tanto los clientes actuales

de la empresa como los potenciales.
Etapa de Planificacin de la Presentacin.
El paso siguiente despus de realizada la labor de prospeccin es planificar
la presentacin de ventas. Y es que una buena planificacin tiene una
influencia positiva en la actitud del vendedor y le permite realizar mejor su
trabajo.

Durante la planificacin de la presentacin real de las ventas se determinan

los objetivos a conseguir con la presentacin y se prepara el desarrollo de
la misma.
Etapa de Contacto.
Una vez realizada la labor de prospeccin y preparada la presentacin,
llega el momento de establecer el contacto con el cliente potencial, con la
pretensin de conseguir tres objetivos bsicos:
o Crear un acuerdo mutuo con el cliente
o Captar toda su atencin
o Generar su inters hacia el producto
2.1.2 La Fase de Argumentacin o Negociacin.
La segunda fase del proceso de ventas conlleva el desarrollo de la relacin con
el cliente. Durante la misma, se llevan a cabo las siguientes actividades:
Etapa de Presentacin.
Durante la presentacin, el vendedor debe descubrir las necesidades del
cliente, seleccionar el producto ms adecuado para l y proporcionarle un
servicio de venta.
Etapa de Demostracin.
Una demostracin correctamente ejecutada agrega un atractivo sensorial al
producto, atrae la atencin del cliente, estimula su inters y suscita el

deseo de adquirirlo. De ella se derivan beneficios tanto para el cliente

como para el vendedor: el primero puede evaluar mejor el producto y al
segundo le resulta ms fcil comunicar lo que el producto es capaz de
hacer y cmo podr ajustarse a las necesidades del cliente.
Etapa de la Negociacin de los Objetos.
La negociacin no debe entenderse como un combate entre vendedor y
cliente, sino como una actividad de doble ganancia con la que ambos
pueden obtener la mejor solucin. Por ello, el vendedor no debe mostrarse
reacio a las posibles objeciones, resistencias o inconvenientes que le
presente el cliente, y debe tratar de hallar soluciones favorables para
ambas partes.
2.1.3 La fase de Transaccin.
La fase de transaccin representa el cierre de la venta y la obtencin del
pedido, as como el mantenimiento de relaciones posteriores que contribuyan a
fidelizar al cliente y convertirlo en un prescriptor del producto.

Figura 2.1 Fases del Proceso de Ventas [12]

2.2

Proceso de Comprar.

Toda decisin de compra requiere un proceso que puede ser ms o menos

consciente, pero no es necesario que ese proceso se efecte en el mismo lugar o
el mismo da.

Segn Phiilip Kotler, el proceso en la decisin de compra se desarrolla en cinco

faces que vemos a continuacin: [13]
2.2.1 Fase Reconocimiento de la Necesidad.
El individuo reconoce la necesidad y esto le plantea un problema. Identifica su
estado actual de insatisfaccin y lo compara con el que desea conseguir. En el
caso de las necesidades naturales (hambre o se), la necesidad se estimula de
forma interna o natural; en los otros casos, de forma externa: un anuncio
publicitario, un escaparate, despiertan el deseo.
2.2.2 Fase de Bsqueda de Informacin.
El consumidor tiende a buscar informacin. Puede hacerlo de dos maneras: de
forma prcticamente pasiva, limitndose a estar receptivo cuando escucha o ve
un anuncio publicitario; o bien de forma activa intentado encontrar
informacin o consultado a amigos, profesionales o familiares. Con esta
bsqueda, el consumidor conoce el producto, las diferentes marcas que lo
comercializan, las caractersticas, los precios, etc.
2.2.3 Fase de Evaluacin de Alternativas.
A partir de la informacin obtenida, el consumidor hace un balance de los
beneficios que obtendr de cada marca, valorando las caractersticas que ms
le interesan.
2.2.4 Fase Decisin de Compra.
Segn la valoracin de las alternativas, en esta fase el consumidor lleva a cabo
la compra, decidiendo la marca, la cantidad, y dnde, cundo y cmo efecta
el pago. Pero antes de decidirse a comprar podran pasar dos cosas:

Que otras personas le influyan con argumentos que no haba tenido en

cuenta. Si estos argumentos son absolutamente negativos, cambiar de
opinin.

Que el comprador desee complacer a otra persona, en cuyo caso tratar de

ponerse en su lugar.

2.2.5 Fase Comportamiento Post compra.

Depender de la satisfaccin o insatisfaccin que le produzca el producto una
vez comprado y usado; es decir, de si realmente tiene lo que esperaba. Si el
producto est al nivel de sus expectativas, volver a comprar casi con
seguridad; si no lo est, no comprar e incluso puede que al hablar con otras
personas no le recomiende.

No siempre el consumidor pasa necesariamente por todas estas fases del

proceso; por ejemplo, en la compra impulsiva se pasa directamente a la cuarta
fase.

2.3

Evolucin del Comercio Electrnico.

La necesidad del comercio electrnico se origina de la demanda de las empresas
y de la administracin, para hacer un mejor uso de la informtica y buscar una
mejor forma de aplicar las nuevas tecnologas para as mejorar la interrelacin
entre cliente y proveedor.

Es as que el comercio electrnico se inicia en el mundo de los negocios entre

empresas (business-to-business) hace ms de cuatro dcadas con la introduccin
del Intercambio Electrnico de Datos (EDI), el que se dio entre firmas
comerciales, con el envo y recibo de pedidos, intercambio de informacin, de
reparto y pago, etc..

Por otro lado el comercio electrnico, que est orientado al consumidor,

tampoco es tan nuevo, ya que desde hace un buen tiempo tenemos
conocimiento de lo que es un cajero automtico o una tarjeta de crdito, pues
cada vez que se hace uso de una de estas modalidades se est realizando una
transaccin de comercio electrnico.

10

Podramos decir que el verdadero despegue del comercio electrnico y la

inclusin del mismo en la economa de todo el mundo se dio desde la puesta en
marcha de Internet, la cual tuvo una aparicin progresiva pero significativa, ya
que de ser un proyecto militar ha pasado a ser un instrumento de suma
importancia en nuestro vida cotidiana.

Un paso ms se dio en la inclusin de la electrnica en el comercio, en especial

en el comercio internacional, la cual ha provocado que las industrias den un giro
en su forma de actuar para aprovechar las nuevas oportunidades, incluyendo los
nuevos canales de comercializacin de productos existentes y desarrollando un
nuevo tipo de informacin.

Es por eso, que esta utilizacin de las nuevas tecnologas y su aplicacin al

mundo de los negocios conlleva a un replanteamiento de los roles de los agentes
econmicos ya que la filosofa de la empresa cambia. Se vislumbra otra forma
de entender el mercado donde el la distancia y el tiempo son superados y donde
en la que el cliente no slo es el centro de todas las acciones, sino que abandona
su papel de receptor de informacin y se convierte en un consumidor activo y
con una mayor oferta.

2.4

Definicin de Comercio Electrnico.

El comercio Electrnico es un conjunto de aplicaciones y procesos de negocios
que vinculan organizaciones, clientes, proveedores y comunidades a travs de
transacciones electrnicas e intercambio electrnico de informacin, productos
y servicios mediante tecnologas como internet, que lo hacen posible.[4]

2.5

Caractersticas del Comercio Electrnico.

Al comercio electrnico posee las siguientes caractersticas: [14]

Transaccin de bienes y/o servicios

El comercio electrnico, es una clase de comercio electrnico, dira el
principal y de mayor importancia y, a su vez, est involucrado dentro del
comercio genrico, y como abarca la comercializacin de productos (tanto
bienes de consumo como bienes de capital) y servicios de informacin,

11

financieros y jurdicos), hasta actividades tradicionales (como asistencia

sanitaria, educacin) y otras actividades.

Utilizacin de Medios Electrnicos.

La caracterstica principal de esta clase de comercio, es que se realiza por
medio electrnico, o sistema telemtico, o por algn medio de
comunicacin. Si esto no fuera as estaramos ante un comercio
convencional.

La contratacin ms frecuente es la va Internet, debido a sus mltiples

aplicaciones como son: el correo electrnico, el chat, la web (World Wide
Web), etc.

Reduccin de Costes de Transaccin.

Los costes de transaccin son los costos en los que tenemos que incurrir
para celebrar un contrato. Estos incluyen los costos de negociacin, los
costos para encontrar informacin relevante, los costos de hacer cumplir los
contratos, los costos de encontrar opciones adecuadas y de elegir entre ellas,
entre otros.

La existencia de costes de transaccin es determinante en el desarrollo de

los mercados; se puede decir que los pases que han desarrollo mercados
dinmicos y eficientes son aquellos que han logrado reducir sustancialmente
los costes de transacciones, de manera que contratar se torna menos costoso,
ms rpido y eficiente.

Por el contrario si los costes de transaccin son demasiado elevados

entonces habrn menos contratos y con ello menor desarrollo del mercado y
perdida de los beneficios que su operacin podra generar a los
consumidores y a las empresas.

Los costes de transaccin en el comercio electrnico, se explican en el uso

de la tecnologa cada vez ms comn y al mismo tiempo ms barata y
asimismo por las ventajas que traen el uso de estas tecnologas aplicadas al

12

comercio: oferta de una variedad de servicios y productos, flexibilidad en

los horarios, eliminacin de desplazamientos etc.

Apertura de un Nuevo Mercado: El Mercado Virtual

En la actualidad podemos distinguir dos tipos de mercado que conviven y en
algunos casos se complementan entre s, cada uno de estos goza de
caractersticas diferentes tanto en lo que se refiere a su funcionamiento
como al papel de los agentes que lo componen; stos son: el mercado
tradicional o convencional y el mercado electrnico o virtual.

El mercado convencional se basa en la interaccin fsica entre un vendedor

y un comprador, tambin en un lugar fsicamente determinado. El contacto
entre ambos permite que el vendedor tenga un mayor conocimiento de las
necesidades del cliente y por lo tanto pueda utilizar las herramientas
necesarias para atraerlo hacia su o sus establecimientos.

Por su parte, el mercado virtual o electrnico se fundamenta en las nuevas

tecnologas y, contrariamente al mercado convencional, permite que las
transacciones comerciales se realicen sin importar el lugar fsico donde se
encuentre el comprador y el vendedor e incluso que la transaccin se lleve a
cabo en distintos momentos en el tiempo.

En este mercado se produce el fenmeno de la desgeografizacin, no existen

las fronteras entre los pases, todos podemos contratar, el mercado se
ampla, lo cual genera una mayor demanda de los bienes o servicios y la
reduccin de los precios, de los mismos. En otras palabras se puede decir
que el mercado se convierte en un mercado virtual, donde la distancia
geogrfica de las partes, no interesa para poder contratar.

Es indudable que la globalizacin de los mercados y la rpida expansin de

las tecnologas de la informacin y de la comunicacin, proporcionan claros
beneficios y ventajas en el comercio, pero asimismo se crean algunos
riesgos, ya que dan lugar a nuevos contextos

13

Comerciales con los que las personas no estn completamente

familiarizadas. Los negocios de hoy dependen cada vez mas de los sistemas
informticos, por lo que se han hecho particularmente vulnerable, por falta
de seguridad jurdica en estas transacciones.

2.6

Clasificacin del Comercio Electrnico.

Clasificacin segn la participacin de los sujetos o agentes econmicos que
intervienen: [14]

Comercio entre Empresas(B2B)

Que vendra a referirse al comercio electrnico entre empresas, el comercio
electrnico B2B es ms gil que el que se entabla con el consumidor, ya
que aqu no existe una relacin de desequilibrio entre las partes, que dota de
una legislacin de proteccin al consumidor frente a los posibles abusos del
empresario. Adems, es importante acotar que este comercio generalmente
es de gran escala es decir se trata de un comercio mayorista.

Comercio entre empresa y consumidor (B2C)

Que viene a ser la transaccin electrnica, que se realiza entre la empresa y
el consumidor. Internet, se ha convertido en el gran medio para la
comercializacin. Es as que se crearon nuevas empresas, las llamadas
empresas virtuales y las empresas, ya existentes, vieron en Internet un
negocio alternativo donde conseguir muchos, ms consumidores y as
incrementar sus transacciones.

Comercio entre las empresas y la administracin (B2A)

Que viene a darse cuando las empresas, realizan transacciones comerciales
actuando como proveedores de la administracin.

Comercio entre consumidores(C2C)

En esta clase de comercio, son los particulares los que interactan entre s,
realizando transacciones o intercambios de informacin. Internet est
dotado de diversas Webs de subastas virtuales entre consumidores, que

14

vienen teniendo gran xito entre particulares, y que viene a poner en

contacto a oferentes y demandantes de un determinado producto sin que
exista la necesidad de intermediario.

Comercio entre administracin y consumidor(A2C)

Se trata de una nueva incursin, de parte de algunas instituciones de la
administracin, an poco usada, pero con muy buenos resultados, como es
el caso de la administracin tributaria, usada incluso, para el pago de
impuestos va electrnica o en otras instituciones para la solicitud de
informacin.

2.7

Definicin de Redes Sociales.

Las Redes Sociales pueden definirse como un conjunto bien delimitado de
actores o individuos, grupos, organizaciones, comunidades, sociedades
globales, etc. vinculados unos a otros a travs de una relacin o un conjunto de
relaciones sociales. Mitchell (1969:2) aade que las caractersticas de estos
lazos en tanto que totalidad pueden ser usados para interpretar los
comportamientos sociales de las personas implicadas, pero parece ms bien un
objetivo genrico que un criterio especifico de definicin. Otras definiciones
son mis instrumentales o ms centradas en el aparato metodolgico, como la de
Freeman (1992: 12): coleccin ms o menos precisa de conceptos y
procedimientos analticos y metodolgicos que facilita la recogida de datos y el
estudio sistemtico de pautas de relaciones sociales entre la gente. El rasgo
ms caracterstico de las redes sociales consiste en que requieren conceptos,
definiciones y procesos en los que las unidades sociales aparecen vinculadas
unas a otras a travs de diversas relaciones (S. Wasserman y K. Faust, 1994:6).
[5]

2.8

Redes Sociales en Latino Amrica y en el Per.

Segn las estimaciones de eMarketer1, 299,5 millones de personas en Amrica
Latina sern los usuarios de internet este ao, exactamente 50% de la poblacin.

eMarketer es una organizacin independiente de investigacin de mercado la empresa que proporciona

informacin y tendencias relacionadas con el marketing digital , medios de comunicacin y el comercio

15

De hecho, el nmero de usuarios de internet en la regin crecer 13% este ao,

aunque las tasas de crecimiento disminuirn en los aos siguientes. [15]

Los internautas latinoamericanos rpidamente han accedido a las redes sociales.

Este ao 2013, ms 7 de cada 10 usuarios de internet utilizaban las redes
sociales mensualmente. Eso se traduce en slo el 36,2% de la poblacin total,
ya que la penetracin de internet sigue siendo relativamente baja, aunque
representa una considerable poblacin de casi 217 millones de personas.
eMarketer espera que el crecimiento de la audiencia de redes sociales llegue a
324.4 millones personas en 2017, lo que supone un 82,3% de usuarios de
internet y ms de la mitad de la poblacin de la regin. [15]

Segn los estudios realizados por la compaa de investigacin de marketing

ComScore2, publicado en la revista Futuro Digital Per3 2013, indican:
Social Media es la categora dentro de las 4 categoras en las que
consumen tiempo online los peruanos. [16]

Figura 2.2 Categoras de Internet que usan los peruanos

ComScore es una compaa de investigacin de marketing en Internet que proporciona datos de marketing y
servicios para muchas de las mayores empresas de Internet.
3
Futuro Digital Peru es una revista publicada por ComScore en edicion para Peru, incluye estudios de tendencias
tecnologicas.

16

 Per en el puesto 5 en los mercados ms involucrados con las redes

sociales en Latinoamrica. [16]

Figura 2.3 Horas Promedio que un Usuario usa las Redes Sociales

A continuacin en la Tabla 2.1 se presenta el resultado de los estudios

realizados por Ipsos Apoyo4, encuesta realizada entre el 15 de Mayo y 3 de Julio
del 2012, con una muestra aleatoria conformada por 933 internautas que
pertenecen a alguna red social de todos los nivel socioeconmicos de Lima
Metropolitana y de las principales ciudades del pas, cuyas edad fluctan entre 8
y 70 aos.

En Lima, el 79% de internautas pertenece a alguna red social mientras que en el

interior del pas un 71%. Tanto en Lima como el interior se aprecia un
crecimiento de aproximadamente 25% con respecto al ao anterior, en la regin
centro del interior se present un crecimiento por encima del 60%.

Ipsos Apoyo una organizacin de profesionales apasionados por la investigacin que aspira a dar voz a
ciudadanos y consumidores, de manera que la sociedad y el mercado puedan atender mejor sus necesidades.

17

Tabla 2.1 Usuarios de Redes Sociales en el Per

Per Urbano

Total Lima Interior

Regin
Norte
69%

Regin
Centro
39%

Regin
Sur
47%

Regin
Oriente
60%

56%
Usuarios
de 60% 64%
redes
sociales(2011)*
*
71%
80%
63%
64%
73%
Usuarios
de 75% 79%
redes
sociales(2012)*
*
** En base al total de internautas del Per Urbano entre 8 y 70 aos de todos los
niveles socioeconmicos
El perfil de usuario en las redes sociales en nuestro pas es como muestra la
figura 2.1.

Figura 2.4 Perfil de Usuario de Redes Sociales del Per Urbano

La gran mayora de usuarios de las redes sociales son muy participativos. Muchos de
ellos ya han subido fotos y lo hacen casi semanalmente. Adems, acostumbran
escribir en el muro o perfil de sus amigos, hacer comentarios en fotos y/o videos y
chatear, esta ltima actividad ha tenido un crecimiento aproximadamente del 10% con
respecto al ao anterior. En la Tabla 2.2. Se muestra las actividades que un usuario
realiza al momento de interactuar con las redes sociales.

18

Tabla 2.2 Actividades de un Usuario Peruano en las Redes Sociales

Actividades
Total
Acostumbra visitar los perfiles de sus amigos
88%
Acostumbra escribir en el muro o perfil de sus 77%
amigos
Acostumbra chatear en la red social
95%
Alguna vez ha subido fotos.
82%
Acostumbra comentar en fotos y/o videos
83%

2.9

Lima
87%
79%

Interior
88%
74%

93%
82%
85%

90%
83%
81%

Comercio y las Redes Sociales

Las redes sociales ha dejado de ser simples medios de comunicacin e
interaccin entre las personas para convertirse en enormes plataformas de
comercio electrnico, toda vez que existen millones de potenciales
consumidores

que

diariamente

acceden

comparten

sus

intereses,

proporcionando con ello herramientas para los anunciantes que por supuesto
deben saber aprovecharse. Es un hecho que cada vez ms compaas minoristas
y las grandes marcas estn enfocando sus estrategias de marketing hacia las
redes sociales.

A continuacin se presenta los resultados del estudio realizado del 1 al 29 de

noviembre del 2012 por FuturoLabs en el Per:
El sector con ms presencia en e-commerce son las flores y regales con
19.66%

19

Figura 2.5 Sectores Comerciales con ms Presencia en E-commerce

Se analiz un total de 450 negocios, de los cuales se escogieron 193 para

realizar el Estudio. Estos se categorizaron en 20 sectores. El sector Flores
y regalos es el que tiene ms presencia en el Per.

20

 El tipo de negocio ms utilizado es el B2C, o Bussiness to Consumer, con

73.6% de participacin.

Figura 2.6 5 Tipos de Negocios y su uso en E-commerce

La red social en la que ms comercios electrnicos tienen presencia es

Facebook, con 76.2%. La siguiente red social es Twitter con 57%.

Figura 2.7 Redes Sociales con ms Presencia en E-commerce

21

 Facebook es la red social con mayor uso para el comercio.

Figura 2.8 Redes Sociales en los Diferentes Tipos de E-commerce

o El pblico femenino representa el 55% mientras que el masculino, el 45%

o Abarca edades entre 20 y 50/60 aos.
o Son residentes, en su mayora, de Lima moderna.
o Est compuesta por personas modernas, informadas y que buscan
oportunidades de compra.
o Hay un pblico especializado, como Gamers y Buscadores de precios.
Evolucin de e-commerce en el Per.
o Tendencia a la especializacin y profesionalizacin del mercado.
o Incremento de medios de pago accesibles al usuario.
o Aparicin de nuevas empresas que impulsan el crecimiento de las categoras y
motivas la competencia en beneficio del comprador.
2.10 Definicin de Sitio Web de Comparacin.
Sitios de comparacin o compradores automticos son intermediarios
electrnicos que ayudan a comparar el producto y el precio de acuerdo a la
informacin que existe en Internet. En comparacin con otras tecnologas ms
tradicionales, la mayora de los compradores automticos no venden artculos
ellos mismos, sino que se renen informacin relevante de los productos

22

ofertados por terceros y presentan la informacin a los consumidores de manera

accesible y ordenada. Haciendo esto los consumidores puedes comprar de
manera ms fcil. Los compradores automticos tambin presentan enlaces a
sitios web de los proveedores. Estos enlaces permiten a un comprador navegar
rpidamente al sitio del vendedor. [7]
2.11 Futuro de los Sitios de Comparacin de Productos.
2.11.1 Servicio de Analizador de Datos.
Servicios de analizador de datos analizan datos detallados sobre los hbitos de
consumo de los consumidores, as recomendar de acuerdo a su perfil lo ms
recomendable que consuma. Ms de la mitad de los consumidores en la
investigacin cualitativa dicen que sera "muy probable"

que utilicen un

servicio como este.

Los consumidores, que son positivos acerca de la nocin del servicio

analizador de datos, como el hecho de que la herramienta hace el trabajo de
comparacin para ellos y ofrece una recomendacin para que se adapte a su
perfil de consumo. Ellos piensan que es probable que ahorrar dinero.

Sin embargo, incluso entre los consumidores ms interesados, existen

preocupaciones acerca de la privacidad y, en particular, sobre el intercambio
de datos personales y el uso con otros proveedores de productos, sin su
conocimiento o permiso.

Mientras que menos de la mitad de los consumidores dicen que es poco

probable que utilice un servicio analizador de datos, el principal barrera para
los consumidores es el deseo de proteger los datos personales y el uso, y la
preferencia por estar "en control" del proceso de investigacin de mejores
opciones de compra.

2.11.2 Aplicaciones de Comparacin de Precios.

Algunos proveedores de comparacin de precios estn comenzando a
desarrollar aplicaciones mviles para permitir las personas para acceder a sus

23

servicios en el movimiento. Aunque la mayora de los consumidores, que son

dueos de un telfono inteligente utilizar aplicaciones, no estn seguros si iban
a usar de comparacin de precios aplicaciones especficas en prctica.
Aproximadamente la mitad dicen que son "muy probable" para utilizar una
aplicacin de comparacin de precios.

Los consumidores, que son positivos acerca de aplicaciones, a menudo son los
grandes consumidores de Internet mvil, y valor de la comodidad que ofrecen
aplicaciones. Aquellos que opinan que es poco probable que el uso de precios
aplicaciones comparacin sienten que la comparacin es algo que no pueden
hacer "realizando alguna actividad", ya sea debido a que su telfono mvil
tiene una pantalla pequea que hara difcil el proceso, o porque prefieren
hacer las comparaciones de precios cuando no hay distracciones. Otros, ms
menores, preocupaciones incluyen preocupaciones el miedo a lo que pueda
pasar a los datos que el usuario tiene ingresado si el telfono se pierde o es
robada.
2.12 Comparacin de Productos Basado en Redes Sociales.
En un sitio comparacin automtica basada en redes sociales se usa el perfil
social de usuario para ser tomada en cuenta al momento ordenar la informacin
de los productos, de este sentido mostrar al usuario una informacin
personalizada. Con ello para el cliente ser ms fcil buscar e informarse de los
productos ofertados.

24

MATERIALES Y METODOS

3.1

Tipo de Investigacin
Aplicada.

3.2
3.2.1

Variables del Proyecto

Variable Dependiente
Mejorar el proceso mejorar el proceso de comprar y vender.

3.2.2

Variable Independiente
Modelado e Implementacin de un Sitio Web de Comparacin de
Productos Basado en Redes Sociales

3.3
3.3.1

Operacionalizacion de las Variables.

Definicin de los indicadores.
Tiempo de Obtencin de Informacin.
Tiempo que le toma a un comprador obtener informarse de un producto
que desea adquirir.
Nivel de Dificultad para Ofertar.
Nivel de dificultad que una persona o empresa tiene para ofertar algn
producto o servicio.
Nivel de Dificultad para Buscar.
Nivel de dificultad que un comprador tiene para encontrar un producto
indicado.
Nivel de Utilidad de la Informacin.
Nivel de utilidad de informacin publicitaria de un determinado producto,
para una persona.

25

3.4

Indicadores

Tabla 3.1 Indicadores

Variable

el Tiempo

Mejorar

mejorar Obtencin

proceso
el

Indicadores

proceso

comprar
vender.

Descripcin
de Tiempo

dificultad

dificultad

un Cronometro

producto que desea adquirir.

de Nivel de dificultad que tiene un Cuestionario
para vendedor

ofertar.
Nivel

toma

de comprador informarse de un

de Informacin.
y Nivel

que

Instrumento

en

ofertar

un

producto a sus clientes.

de Nivel de dificultad que tiene un Cuestionario
para comprador en encontrar un

buscar

producto indicado.

Nivel de Utilidad Nivel

de la Informacin

de

informacin

utilidad

de

publicitaria

la Cuestionario
de

productos, para una persona.

3.5
3.5.1

Poblacin y Muestra
Poblacin
Para este proyecto se tomara como poblacin:
Lugar: Facebook
rea: grupos sociales
Nombre: Te lo compro Te lo vendo TRUJILLO

3.5.2

Muestras
De acuerdo a nuestra poblacin, determinaremos el tamao de la muestra con
la siguiente frmula:

26

Dnde:
n: tamao de la muestra
: Nivel de fiabilidad de 95%(valor estndar de 1.96)
P: proporcin esperada (para un tamao de muestra optimo 0.50)
d: margen de error de 5% (valor estndar de 0,05)

Aplicando la formula en nuestra poblacin

En este proyecto se tendr como muestra a 385 miembros del grupo Te lo

compro Te lo vendo TRUJILLO de Facebook.

3.6

Metodologa para el Desarrollo del Proyecto.

3.6.1 Definicin de la Metodologa de la Solucin.

En la construccin de un sistema de software implica la toma de decisiones en
la arquitectura del sistema, es decir, definir los componentes del sistema de
software y sus interacciones. Estas decisiones son importantes en el xito o
fracaso del sistema resultante, por lo que es necesario seleccionar un proceso
que nos ayude en cuanto a la calidad del sistema de software y cumplir con los
requerimientos establecidos. Existen metodologas de ingeniera de software
atienden muy bien estos requerimientos y permiten al equipo encargado de
dicha labor asumir con propiedad su funcin. [10]

De acuerdo a lo descrito anteriormente, para el desarrollo del Sitio Web de

Comparacin de Productos Basado en Redes Sociales propuesto se decide
seleccionar el proceso de desarrollo basado en RUP Rational Unified
Process, El cual utiliza el lenguaje de modela UML, con la finalidad de
obtener un software de alta calidad que cumpla con los requerimientos,
planificacin y presupuesto establecido en este proyecto.

27

RUP es un proceso de ingeniera de software que ofrece una metodologa

disciplinada para la asignacin de tareas y responsabilidades en la
organizacin de desarrollo de software. Es un modelo que involucra un
anlisis de riesgo, cubre todo el ciclo de vida del producto, soporta un enfoque
de desarrollo iterativo e incremental, proporciona iteraciones tempranas que se
enfocan en validad y producir una arquitectura de software, y un ciclo de
desarrollo inicial que toma la forma de un prototipo que gradualmente
evoluciona convirtindose en el sistema final, adems tiene implcito en sus
procesos de desarrollo la evolucin continua de la calidad con respecto a los
requerimientos de calidad deseados.[10]

RUP ofrece a cada miembro del equipo las guas, plantillas y herramientas
necesarias para aprovechar al mximo las siguientes mejores prcticas:
Desarrollo iterativo.
Administracin de requerimientos.
Uso de arquitectura basada en componentes.
Modelado visual del software con el lenguaje de modelado UML.
Verificacin de la calidad del software.
Control de cambios al software.

A continuacin se describe las fases de desarrollo que se usaran para el

sistema propuesto, de acuerdo al proceso iterativo de RUP [10]. Cada fase se
concluye con un hito claramente definido, un punto en el tiempo en el cual se
debe tomar cierta decisin crtica y, por ende, se debe haber alcanzado un
objetivo clave.
Concepcin: Durante la fase se establece el caso de negocio del sistema y
se delimita el alcance del proyecto. Para ello se identifican todas las
entidades externas con las interacta el Sitio Web de Comparacin
(actores), as mismo se define el modo de cmo es la interaccin a alto
nivel. Esto involucra la identificacin de todos los casos de uso y las
especificaciones ms significativas.

28

Al final de la fase de concepcin se llega al primer hito: Los objetivos

definidos del proyecto.
Elaboracin: El propsito de esta fase es analizar el mbito del problema,
establecer la base de la arquitectura, desarrollar el plan de proyecto y
eliminar los elementos de mayor riesgo en el proyecto. En esta fase de ira
construir un prototipo de la arquitectura establecida en una o ms
iteraciones, el nmero de iteraciones ser definida por el alcance,
funcionales principales y requerimientos funcionales y no funcionales del
proyecto.

Al finalizar la fase de Elaboracin, se tendr la arquitectura,

requerimientos y planes definidos. Tambin se llega al segundo hito: La
arquitectura del proyecto.
Construccin: Durante esta fase de define todos los componentes y
funcionalidades del Sitio Web. Asimismo la funcionalidad ser probada.

Al final de esta fase de Construccin se llega al tercer hito: El producto

con capacidad operativa.
Transicin: Durante esta fase se realizan las pruebas de certificacin del
sistema.

Al final de la fase de Transicin se alcanza el cuarto hito: La versin

estable del producto.

En cada una de las fases descritas se llevan a cabo iteraciones, cada una
comprende actividades de Anlisis, Diseo, Implementacin y Pruebas.

Para el presente proyecto constara de 6 iteraciones, las cuales estn ligadas a

las fases del desarrollo.

29

 Iteracin 1 Fase Concepcin: Los objetivos principales de esta

iteracin son:

Definir Requerimientos Funcionales y No funcionales.

Iteracin 2 Fase Elaboracin: Los objetivos principales de esta

iteracin son los siguientes:

Modelado de casos de uso: identificacin de casos de uso, actores y

desarrollo de las especificaciones de los casos de uso.

Definir la arquitectura del sistema.

Construir un prototipo operativo, que incluya: interfaces graficas de

usuario con navegacin amigable e intuitiva y soporte a mltiples
navegadores web.

Iteracin 3 Fase Construccin: El objetivo principal de esta iteracin

es completar la funcionalidad de los siguientes requerimientos:

Gestionar productos.

Gestionar Campaas Publicitarias.

Gestionar Perfiles de Vendedores.

Gestionar Comentarios de Productos.

Gestionar Lista de Productos Favoritos.

Extraer perfiles sociales de los usuarios.

Programar Ofertas con lmite de tiempo.

Configurar Notificaciones.

Mandar invitaciones a los amigos del usuario.

Publicar informacin desde el sitio en las redes sociales.

Iteracin 4 Fase Construccin: El objetivo principal de esta iteracin

es completar la funcionalidad de los siguientes requerimientos:

Gestionar notificaciones a los usuarios.

Calificar a los vendedores.

Denunciar a un vendedor.

Calificar productos.

Seguir a un producto.

30

Autentificar usuarios.

Activar o Desactivar una publicacin.

Gestionar Base de Datos.

Gestionar Categoras de los productos.

Gestionar privilegios de administradores.

Generar Reportes.

Iteracin 5 Fase Construccin: El objetivo de esta iteracin consiste en

completar la funcionalidad de los siguientes del sistema:

Integracin de mdulos.

Validar datos del sitio.

Iteracin 6- Fase Transicin: Los objetivos principales de esta iteracin

son las siguientes:

Corregir errores identificados en las pruebas.

Obtener una versin estable del Sitio Web de Comparacin.

31

4
4.1

RESULTADOS
Iteracin 1 Fase Concepcin.
En esta iteracin el objetivo es definir requerimientos funcionales y no funcionales.

4.1.1 Identificacin de Requerimientos.

La definicin de requerimientos es la base para el desarrollo de cualquier
proyecto de Ingeniera de Software. Para resolver nuestro el problema
planteado se ha identificado los siguientes requerimientos:
4.1.2 Requerimientos Funcionales.
A continuacin se muestra los requerimientos funcionales que debe cumplir
el Sitio Web de Comparacin de Proyectos, para cada requerimiento
funcional se ha determinado la importancia que tiene en la solucin y la
dificultad que implica implementar cada uno de estos requerimientos.

La siguiente lista de requerimientos funcionales est separada por los

siguientes paquetes:
Paquete de Gestin de Informacin.
Paquete Configuracin.
Paquete Distribucin de Informacin.
Paquete Sitio.
Paquete Reportes.
Paquete Administracin.
4.1.2.1 Requerimientos del Paquete Gestin de Informacin.
A continuacin se muestra la Tabla 4.1 con los requerimientos del paquete
gestin de informacin del Sitio de Comparacin de Productos, el cual est
constituido por los requerimientos de ingreso y administracin de la
informacin que utilizara el Sitio de Comparacin de Productos.

32

Tabla 4.1 Requerimientos del Paquete Gestin de Informacin

Cdigo

Requerimientos Funcionales

GI-RQ001

Prioridad

El sitio permitir registrar y administrar la ALTA

Dificultad
MEDIA

informacin de productos/servicios.
GI-RQ002

El sitio permitir registrar y administrar ALTA

MEDIA

campaas publicitarias.
GI-RQ003

El sitio permitir registrar y administrar ALTA

MEDIA

los datos del usuario

GI-RQ004

El sitio permitir registrar y administrar MEDIA

MEDIA

una lista de productos favoritos.

4.1.2.2 Requerimientos del Paquete Configuracin.

A continuacin se muestra la Tabla 4.2 con los requerimientos del paquete
configuracin:
Tabla 4.2 Requerimientos Funcionales del Paquete Configuracin

Cdigo

Requerimientos Funcionales

Prioridad

Dificultad

CO-RQ001

El sitio permitir configura el intervalo

ALTA

MEDIA

de

tiempo

de

las

ofertas

de

los

configurar

las

MEDIA

MEDIA

El sitio permitir configurar el contenido

MEDIA

MEDIA

ALTA

MEDIA

productos/servicios.
CO-RQ002

El

sitio

permitir

notificaciones.
CO-RQ003

de los catlogos.
CO-RQ004

El sitio permitir configurar pblico

objetivo para las campaas publicitarias.

4.1.2.3 Requerimientos del Paquete de Distribucin de Informacin.

A continuacin en la Tabla 4.3 se muestran los requerimientos del paquete
de distribucin de informacin.

33

Tabla 4.3 Requerimientos Funcionales del Paquete Distribucin

Cdigo

Requerimientos Funcionales

Prioridad

Dificultad

DI-RQ001

El sitio tendr la opcin de que un usuario

MEDIA

MEDIA

MEDIA

MEDIA

puede invitar a otras personas para usar el

sitio.
DI-RQ002

El sitio tendr la opcin que el usuario

pueda publicar informacin en las redes
sociales desde el sitio.

4.1.2.4 Requerimientos del Paquete Sitio.

A continuacin en la tabla 4.4 se muestran los requerimientos del paquete
sitio.
Tabla 4.4 Requerimientos Funcionales del Paquete Sitio

Cdigo

Requerimientos Funcionales

Prioridad

Dificultad

SI-RQ001

El sitio permitir enviar notificaciones de

MEDIA

MEDIA

MEDIA

MEDIA

ALTA

MEDIA

ALTA

MEDIA

ALTA

MEDIA

MEDIA

MEDIA

MEDIA

BAJA

ALTA

ALTA

ALTA

ALTA

algn producto/servicio seguido.

SI-RQ002

El sitio permitir al usuario calificar a los

vendedores.

SI-RQ003

El sitio permitir que el usuario comentar

en un producto.

SI-RQ004

El sitio permitir que un usuario pueda

calificar a los producto/servicios

SI-RQ005

El sitio permitir que un usuario pueda

seguir a un producto.

SI-RQ006

El sitio deber usar las cuentas de las redes

sociales para autentificar al usuario.

SI-RQ007

El sitio deber permitir que un usuario

pueda denunciar a un vendedor.

SI-RQ008

El sitio permitir desactivar o activar la

publicacin de un producto/servicio.

SI-RQ009

El sitio generar catlogos personalizados

de acuerdo al perfil del usuario

SI-RQ010

El sitio generara campaas publicitarias

34

personalizadas de acuerdo al perfil del

usuario

4.1.2.5 Requerimientos del Paquete Reportes.

A continuacin se muestra la Tabla 4.5 con los requerimientos del paquete
reportes:
Tabla 4.5 Requerimientos Funcionales del Paquete Reportes

Cdigo

Requerimientos Funcionales

Prioridad

Dificultad

RE-RQ001

El sitio generar reportes de Rankings de

MEDIA

MEDIA

MEDIA

MEDIA

MEDIA

MEDIA

MEDIA

MEDIA

producto/servicios.
RE-RQ002

El sitio generar reportes de los productos

ms vendidos.

RE-RQ003

El sitio generara reportes de los mejores

vendedores.

RE-RQ004

El sitio generar reportes de productos ms

demandados.

4.1.2.6 Requerimientos del Paquete Administracin.

A continuacin se muestra la Tabla 4.6 con los requerimientos del paquete
administracin:

Tabla 4.6 Requerimientos Funcionales del Paquete Administracin

Cdigo

Requerimientos Funcionales

AD-RQ001

El sitio permitir gestionar las categoras

Prioridad Dificultad
MEDIA

MEDIA

ALTA

MEDIA

MEDIA

BAJA

de los productos/servicios.
AD-RQ002

El sitio permitir gestionar la base de

datos.

AD-RQ003

El sitio

permitir administrar los

privilegios de cada administrador del

sitio.

35

4.1.3 Requerimientos No Funcionales.

A continuacin se presentan los requerimientos no funcionales del Sitio de
Comparacin de Productos, los cuales estn divididos en Atributos de
Calidad y Otros Requerimientos No Funcionales.
4.1.3.1 Atributos de Calidad.
A continuacin se muestra la Tabla 4.7 con los atributos de calidad que
debe tener el Sitio de Comparacin de Productos.

Tabla 4.7 Atributos de Calidad de los Requerimientos No Funcionales

Cdigo

Atributo

Requerimientos No Funcionales

RQNF001

Performance

El Sitio deber soportar mltiples usuarios.

RQNF002

Portabilidad

El Sitio debe funcionar sin errores

en

cualquier navegador web.

RQNF003

Disponibilidad El Sitio debe estar en funcionamiento todo

el da.

RQNF004

Escalabilidad

El sitio debe permitir agregar nuevo

mdulos en un futuro.

RQNF005

Escalabilidad

RQNF006

Usabilidad

El Sitio debe permitir fcil mantenimiento.

El Sitio debe tener una interfaz de fcil
manejo para el usuario.

RQNF007

Seguridad

El sitio debe usar la autentificacin de

usuarios para su acceso.

RQNF008

Seguridad

Los datos ingresados por el usuario deben de

ser

validados

para

su

posterior

almacenamiento en la base de datos.

4.1.3.2 Otros Requerimientos No Funcionales.

A continuacin se muestra la Tabla 4.8 con los requerimientos no
funcionales de arquitectura, software y hardware.

36

Tabla 4.8 Otros Requerimientos No Funcionales

Cdigo

RQNF009

SW-HW-

Requerimientos No Funcionales de

Arquitectura

Software, Hardware y Arquitectura

Arquitectura

El Sitio debe usar tecnologa web y toda la

administracin debe realizarse desde un
navegador web.

RQNF010

SW-Servidor

Sistema Operativo Linux.

RQNF011

SW-Servidor

Servidor Web Apache 2.2

RQNF012

SW-Servidor

PHP 5.5

RQNF013

SW-Servidor

Motor de Base de Datos MySQL 5.5.

RQNF014

HW-Servidor

Capacidad de almacenamiento del Servidor

8 GB.

RQNF015

SW-

Rational Rose Enterprise

Desarrollo
RQNF016

SW-

Sublime Text 2 editor.

Desarrollo
RQNF017

SW-

Framework PHP Laravel 4.

Desarrollo
RQNF018

SW-Cliente

Navegador Safari, Mozilla Firefox, Internet

Explorer, Opera, Chrome (recomendado).

4.2

Iteracin 2 Fase de Elaboracin.

Los objetivos en esta iteracin son:

Modelado de casos de uso: identificacin de casos de uso, actores y

desarrollo de las especificaciones de los casos de uso.

Definir la arquitectura del sistema.

Construir un prototipo operativo, que incluya: interfaces graficas de

usuario con navegacin amigable e intuitiva y soporte a mltiples
navegadores web.

37

4.2.1 Especificacin de Actores del Sistema.

A continuacin se definen los actores que interactan con el sistema y que
forman parte de la cadena de procesos y funcionamiento del Sitio de
Comparacin de Productos.

4.2.1.1 Actor Administrador

Actor Administrador

El administrador es quien se encarga del buen funcionamiento ante posibles

fallas del sistema, as mismo es el encargado de gestionar las diferentes
categoras de los productos. Tambin es quien evala el mal o buen
funcionamiento del sistema, para poder informar a los desarrolladores para su
mantenimiento.
Funciones:
o Mantenimiento de la base de datos.
o Gestionar las categoras de los productos/servicios.
o Gestionar las Campaas Publicitarias.
o Gestionar los privilegios de los administradores del sitio.
4.2.1.2 Actor Comprador

Actor Comprador

38

El actor comprador es el usuario que busca informacin, recomienda a un

producto/ servicio de su inters.
Funciones:
o Buscar informacin de un producto/servicio.
o Recomendar un producto/servicio con sus amigos.
o Consultar por un producto/servicio.
o Denunciar a un producto por publicidad falsa, tambin a un mal
vendedor.
o Comparar productos de su inters.
o Seguir a un producto/servicio.
o Gestionar lista de productos favoritos.
4.2.1.3 Actor Vendedor

Actor Vendedor

El actor vendedor es quien puede publicar informacin sobre algn

producto/servicio. Tambin es quien compite por que su oferta sea la mejor
entre otros.
Funciones:
o Gestionar las publicaciones de sus productos/servicios.
o Responder consultas de algn producto/servicio.
o Crear Campaas publicitarias.
o Registras informacin de los productos.
o Programar ofertas de algn producto.
o Recomendar el sitio a sus contactos.

39

4.2.1.4 Actor Sitio

Actor Sitio
El actor sitio es el que se encarga de la parte automtica del sitio, hace uso del
tiempo para ejecutar tareas programadas por los usuarios. Tambin es quien
ordena e integra la informacin.
Funciones:
o Activar o desactivar campaas publicitarias.
o Activar o desactivar la publicacin de productos en oferta.
o Enviar Notificaciones a los usuarios.
o Integrar informacin de los productos.
o Ordenar informacin de los productos.
o Obtener informacin de los usuarios haciendo uso de APIs de las
redes sociales.
4.2.2 Diagrama de Paquetes.
Los paquetes ofrecen un mecanismo general para la organizacin de los
mdulos que integran el Sitio. Cada paquete corresponde a un mdulo del
Sitio.

40

A continuacin se muestra la Figura 4.1 con el diagrama de paquetes del sitio

de comparacin de productos y la dependencia que se presentan entre ellos.

Configuracio
n
Distriubucion

Gestion de
Informacion

Sitio

Reportes

Administraci
on

Figura 4.1 Diagrama de Paquetes del Sitio

Descripcin de cada mdulo representado por un paquete en la Figura 4.1.

Paquete Gestin de Informacin
Este mdulo incluye las funcionalidades que permiten ingresar, modificar,
eliminar informacin de los partes integrantes del sitio.
Paquete Configuracin
Este mdulo incluye las funcionales que permiten a los diferentes usuarios
del sitio puedan configurar los diferentes opciones que el sitio ofrece para
un mejor uso del sitio.
Paquete Distribucin
Este mdulo incluye las funcionales que permite el sitio comunicarse con
sistemas externos, para distribuir informacin fuera del sitio con el fin de
interconectar al sitio con otros sistemas, as tambin interconectar a los
usuarios.

41

 Paquete Sitio
Este mdulo incluye las funcionales que el sitio ofrece al usuario cuando
este navega dentro, estas funcionales son las que permite que el usuario
interacte con la interfaz, otros usuarios y productos. Tambin est todo lo
relacionado al ordenamiento de la informacin y presentacin de la
informacin de productos, publicidad.
Paquete Reportes
Este mdulo incluye las funcionales de reportes que son presentados a los
diferentes usuarios con el fin de tener un resumen de la informacin
contenida en la base de datos.
Paquete Administracin
Este mdulo incluye las funcionalidades que estn relacionadas a la
administracin del sitio, estas son las que el usuario administrador usara
para tener el buen funcionamiento del sitio.

4.2.3 Diagrama de Casos de Uso.

En esta seccin se muestran los casos de uso y las relaciones que tienen con
los actores que se han definido en la seccin anterior. Estos diagramas de
casos de uso estn divididos en paquetes antes definidos en la Figura 4.1.

A continuacin se muestra el cuadro 4.9 con los casos del sitio y los
requerimientos funcionales que involucran a cada uno.
Tabla 4.9 Casos de Uso del Sitio de Comparaciones

Cdigo

Caso de Uso

Requerimiento

Paquete Gestin de Informacin

GI-CU001

Registrar Producto

GI-RQ001

GI-CU002

Modificar Producto

GI-RQ001

GI-CU003

Eliminar Producto

GI-RQ001

GI-CU004

Registrar Campaa

GI-RQ002

GI-CU005

Modificar Campaa

GI-RQ002

42

GI-CU006

Eliminar Campaa

GI-RQ002

GI-CU007

Registrar Usuario

GI-RQ003

GI-CU008

Obtener Perfil Usuario

GI-RQ003

GI-CU009

Modificar Perfil Usuario

GI-RQ003

GI-CU010

Crear Lista Favoritos

GI-RQ004

GI-CU011

Modificar Lista Favoritos

GI-RQ004

Paquete Configuracin
CO-CU001

Programar Tiempo Oferta

CO-RQ001

CO-CU002

Configurar Notificaciones

CO-RQ002

CO-CU003

Configurar Catalogo

CO-RQ003

CO-CU004

Configurar Objetivo Campaa

CO-RQ004

CO-CU005

Definir Poblacin

CO-RQ004

Paquete Distribucin
DI-CU001

Mandar Invitacin

DI-RQ001

DI-CU002

Cargar Lista de Contactos

DI-RQ001

DI-CU003

Obtener Datos Red Social

DI-RQ001

DI-CU004

Publicar en Red Social

DI-RQ002

DI-CU005

Mandar Datos Red Social

DI-RQ002

Paquete Sitio
SI-CU001

Generar Catlogos

SI-RQ009

SI-CU002

Generar Campaas Publicitarias

SI-RQ010

SI-CU003

Obtener Perfil de Usuario

SI-RQ009
SI-RQ010

SI-CU004

Notificar Usuario

SI-RQ001

SI-CU005

Calificar Vendedor

SI-RQ002

SI-CU006

Calificar Producto

SI-RQ004

SI-CU007

Seguir Producto

SI-RQ005

SI-CU008

Comentar Producto

SI-RQ003

SI-CU009

Autentificar Usuario

SI-RQ006

SI-CU010

Autentificar en Red Social

SI-RQ006

SI-CU011

Denunciar Vendedor

SI-RQ006

SI-CU012

Publicar Producto

SI-RQ008

43

Paquete Reportes
RE-CU001

Reportar Productos ms Demandados

RE-RQ004

RE-CU002

Reportar Ranking Productos

RE-RQ001

RE-CU003

Reportar Productos ms Vendidos

RE-RQ002

RE-CU004

Obtener Informacin Productos

RE-RQ001
RE-RQ002
RE-RQ004

RE-CU005

Reportar Mejores Vendedores

RE-RQ003

RE-CU006

Obtener Informacin Vendedores

RE-RQ003

Paquete Administracin
AD-CU001

Registrar Categora

AD-RQ001

AD-CU002

Modificar Categora

AD-RQ001

AD-CU003

Eliminar Categora

AD-RQ001

AD-CU004

Crear Administrador

AD-RQ003

AD-CU005

Modificar Administrador

AD-RQ003

AD-CU006

Eliminar Administrador

AD-RQ003

AD-CU007

Designar Privilegios

AD-RQ003

AD-CU008

Realizar Backup BD

AD-RQ002

AD-CU009

Recuperar BD

AD-RQ002

A continuacin se muestran los diagramas de casos de uso principales del sitio

de comparacin de productos. Los diagramas estn divididos por paquetes.

4.2.3.1 Casos de Uso del Paquete Gestin de Informacin

En la Figura 4.2 se muestran los casos de uso que permiten el
funcionamiento del paquete Gestin de Informacin.

Los casos de uso que incluye el paquete Gestin de Informacin son:

Registrar Producto: El propsito de este caso de uso es registrar los

nuevos productos que un vendedor quiere vender.

Modificar Producto: El propsito de este caso de uso es la informacin

de un producto registrado puede ser cambiada si existe algn error o
algn cambio en los datos guardados.

44

Eliminar Producto: El propsito de este caso de uso es poder eliminar

la informacin de los productos que el usuario no desea tener en sus
registros.

Registrar Campaa: El propsito de este caso de uso es crear una

campaa de algn producto para poder promocionarlo.

Modificar Campaa: El propsito de este caso de uso es modificar los

datos del registro de alguna campaa.

Eliminar Campaa: El propsito de este caso de uso es eliminar de la

lista de campaas de un usuario una campaa no deseada.

Registrar Usuario: El propsito de este caso de uso es registrar los

datos de un usuario nuevo en el sitio.

Obtener Perfil Usuario: El propsito de este caso de uso es extraer el

perfil social de la red social con la que est inscrito el usuario en el sitio.

Modificar Perfil Usuario: El propsito de este caso de uso es actualizar

la informacin del perfil social, esto en el caso de que haya ms
informacin importante publicada en la red social o que el usuario quiera
agregar o quitar en el sitio.

Crear Lista Favoritos: El propsito de este caso de uso es crear una

lista con los productos favoritos que desea tener notificaciones
posteriores.

Modificar Lista Favoritos: El propsito de este caso de uso es eliminar

o agregar ms productos de inters en la lista de favoritos del usuario.

45

Modificar Producto
Registrar Producto

Crear Lista Favoritos

Eliminar Producto

Registrar Campaa

Modificar Perfil Usuario

Vendedor

Comprador

Modificar Campaa
Registrar Usuario
<<include>>

Administrador
Eliminar Campaa

Modifcar Lista Favoritos

Obtener Perfil de Usuario

Sitio

Figura 4.2 Diagrama de Casos de Uso del Paquete Gestin de Informacin

4.2.3.2 Casos de Uso del Paquete Configuracin

En la Figura 4.3 se muestran los casos de uso que permiten el
funcionamiento del paquete configuracin.
Los casos de uso que incluye el paquete configuracin son:

Programar Tiempo Oferta: El propsito de este caso de uso es designar

a un producto que se encuentra en oferta un tiempo de inicio y de fin.

Configurar Notificaciones: El propsito de este caso de uso es cambiar el

modo que un usuario desea recibir notificaciones.

Configurar Catalogo: El propsito de este caso de uso es cambiar la

personalizacin de presentacin del catlogo, el usuario puede agregar
algunos filtros a los productos que desea recibir en su catlogo.

Configurar Objetivo Campaa: El propsito de este caso de uso es

configurar el alcance de una campaa sobre un producto, as tambin
definir tiempos de inicio y fin de una campaa.

Definir Poblacin: El propsito de este caso de uso es seleccionar la

poblacin que se tiene como objetivo para promocionar un producto.

46

Programar Tiempo Oferta

Vendedor
Configurar Notificaciones

Configurar Catalogo

Comprador

<<include>>

Configurar Objetivo
Campaa

Definir Poblacion

Administrador

Figura 4.3 Diagrama de Casos de Uso del Paquete Configuracin

4.2.3.3 Casos de Uso del Paquete Distribucin

En la Figura 4.4 se muestran los casos de uso que permiten el
funcionamiento del paquete distribucin.

Los casos de uso que incluye el paquete distribucin son:

Mandar Invitacin: El propsito de este caso de uso es que un usuario

puedo mandar invitacin a sus amigos sobre el sistema.

Cargar Lista de Contactos: El propsito de este caso de uso es obtener

la lista de correos de los amigos de un usuario para poder mandar
invitaciones o informacin de un determinado producto.

Obtener Datos Red Social: El propsito de este caso de uso es permite

conectarse a la API de la red social del usuario para poder obtener
informacin de sus amigos para poder mandar recomendaciones de un
producto.

47

Publicar en Red Social: El propsito de este caso de uso es conectarse a

la API de una red social para poder mandar informacin.

Mandar Datos Red Social: El propsito de este caso de uso es enviar

informacin a la red social.

<<include>>

Cargar Lista de Contactos

Obtener Datos Red Social

<<include>>

Comprador
Mandar Invitacion

Sitio

<<include>>

Publicar en Red Social

Mandar Datos Red Social

Vendedor

Figura 4.4 Diagrama de Casos de Uso del Paquete Distribucin

4.2.3.4 Casos de Uso del Paquete Sitio

En la Figura 4.5 se muestran los casos de uso que permiten el
funcionamiento del paquete sitio.

Los casos de uso que incluye el paquete sitio son:

Generar Catlogos: El propsito de este caso de uso es ordenar los

productos dentro de una lista personalizada de acuerdo al perfil social del
usuario.

Generar Campaas Publicitarias: El propsito de este caso de uso es

generar las campaas publicitarias de acuerdo al perfil social del usuario.

48

Obtener Perfil de Usuario: El propsito de este caso de uso es extraer

de la base de datos el perfil social, para luego extraer los parmetros con
los que se generara los catlogos y las campaas publicitarias para cada
usuario.

Notificar Usuario: El propsito de este caso de uso es avisar al usuario

por medio de interfaz que tiene notificaciones nuevas.

Calificar Vendedor: El propsito de este caso de uso es registrar el

calificativo que los usuarios le asignan a un determinado vendedor.

Calificar Producto: El propsito de este caso de uso es registrar el

calificativo que los usuarios pueden asignarle a un determinado producto.

Seguir Producto: El propsito de este caso de uso es registrar el

producto que un usuario desea recibir notificaciones del producto
seguido.

Comentar Producto: El propsito de este caso de uso es registrar los

comentarios que un usuario hace a un producto.

Autentificar Usuario: El propsito de este caso de uso es crear la sesin

y asignarle permisos de acceso al sitio a un usuario.

Autentificar en Red Social: El propsito de este caso de uso es

conectarse a la red social para pedirle que valide de la cuenta del usuario
y as poder asignarle permisos en el sitio.

Denunciar Vendedor: El propsito de este caso de uso es registrar una

denuncia que se le puede hacer a un vendedor.

Publicar Producto: El propsito de este caso de uso es activar o

desactivar la publicacin de un producto.

49

<<include>>

Generar Catalogos
Obtener Perfil de Usuario

<<include>>

Generar Campaas
Publicitarias
Comentar Producto
Notificar Usuario

Sitio

Calificar Vendedor
Comprador

Calificar Producto

Seguir Producto

Autentificar Usuario

<<include>>

Autentificar en Red Social

Denunciar Vendedor

Vendedor

Publicar Producto

Figura 4.5 Diagrama de Casos de Uso del Paquete Sitio

4.2.3.5 Casos de Uso del Paquete Reportes

En la Figura 4.6 se muestran los casos de uso que permiten el
funcionamiento del paquete reportes.
Los casos de uso que incluye el paquete reportes son:

Reportar Ranking Productos: El propsito de este caso de uso es

generar reportes del ranking de los productos.

50

Reportar Productos ms Vendidos: El propsito de este caso de

uso es generar reportes con la lista de los productos ms vendidos.

Reportar Mejores Vendedores: El propsito de este caso de uso es

generar una lista con los mejores vendedores.

Reportar Productos ms Demandados: El propsito de este caso

de uso es generar una lista con los productos ms demandados.

Obtener Informacin Productos: El propsito de este caso de uso

es extraer de la base de datos informacin de los productos y procesar
para generar el reporte.

Obtener Informacin Vendedores: El propsito de este caso de uso

es extraer de la base de datos informacin de los vendedores y
procesar para generar el reporte.

<<include>>

Reportar Productos mas

Demandados

<<include>>

Obtener Infomacion
Productos

Reportar Ranking Productos

Sitio
<<include>>

Reportar Productos mas

Vendidos
<<include>>

Reportar Mejores
Vendedores

Obtener Informacion
Vendedores

Figura 4.6 Diagrama de Casos de Uso del Paquete Reportes

51

4.2.3.6 Casos de Uso del Paquete Administracin

En la Figura 4.7 se muestran los casos de uso que permiten el funcionamiento
del paquete administracin.
Los casos de uso que incluye el paquete administracin son:

Registrar Categora: El propsito de este caso de uso es registrar una

nueva categora de productos que el sitio ofrecer a los usuarios.

Modificar Categora: El propsito de este caso de uso es cambiar los

datos de la categora.

Eliminar Categora: El propsito de este caso de uso es eliminar una

categora que no se desea.

Crear Administrador: El propsito de este caso de uso es registrar un

nuevo administrador para el sitio.

Modificar Administrador: El propsito de este caso de uso es

modificar los datos de un administrador.

Eliminar Administrador: El propsito de este caso de uso es eliminar a

un administrador.

Designar Privilegios: El propsito de este caso de uso es registrar los

permisos que se designan a un administrador.

Realizar Backup BD: El propsito de este caso de uso almacenar en

disco un backup de la base de datos.

52

Recuperar BD: El propsito de este caso de uso es usar un archivo

backup antes guardado, esto en el caso de falla.

Realizar Backup BD
Eliminar Categoria
Recuperar BD
Modificar Categoria

Administrador

Designar Privilegios

Registra Categoria

Modifcar Administrador
Crear Administrador

Eliminar Administrador

Figura 4.7 Diagrama de Casos de Uso del Paquete Administracin

4.2.4 Definicin de Clase de Anlisis.

Siguiendo los pasos definiendo en la metodologa, se identifica las clases
conceptuales (objetos de negocio) a partir de la lista de requerimientos. En la
Tabla 4.10 se hace una descripcin de cada clase.
Tabla 4.10 Descripcin de Clases

Clase
Administrador

Descripcin
Es el encargado de velar por el buen funcionamiento del
sitio,

tambin

administrada

campaas

publicitarias,

categoras de producto.
Amigo

Hace referencia al amigo de un usuario del sitio, es a quien

puede mandar recomendaciones de algn producto.

Base de Datos

Representa a la base de datos del sitio y a las operaciones que

53

puede realizar un administrador sobre ella.

Calificacin

Representa a la calificacin que un usuario puede asignar a

un producto o vendedor.

Calificacin

Representa a la calificacin que un usuario puede asignar a

Producto

un determinado producto.

Calificacin

Representa a la calificacin que un usuario puede asignar a

Vendedor

un determinado vendedor.

Campaa

Representa

la

campaa

publicitaria

creada

para

promocionar a un producto.
Catalogo

Representa a la lista de productos que se le ofrece a un

usuario, esto con se ordena de acuerdo al perfil social del
usuario.

Categora

Representa a la categora de un grupo de productos.

Comentario

Representa al comentario que un usuario puede realizar a un

determinado producto.

Comprador

Representa al usuario quien ofrece productos por medio del

sitio.

Denuncia

Representa a la denuncia hecha por un usuario a un vendedor

que este infringiendo reglas de comercio.

Invitacin

Representa a la invitacin que un usuario puede realizar a sus

amigos sobre productos o de unin al sitio.

Notificacin

Representa a las noticias sobre algn producto o algn

acontecimiento en el sitio que le importe al usuario.

Oferta

Representa al detalle de la oferta de un producto.

Perfil Social

Representa a la informacin personal de un usuario.

Permiso

Representa la informacin que es necesaria para el libre

acceso en el sitio.

Poblacin

Representa al grupo de usuario a quienes llegara una

determinada campaa publicitaria

Post

Representa a la informacin que es publicada en la red social

donde pertenece el usuario.

Producto

Representa a los productos o servicios que son ofrecidos por

medio del sitio.

54

Producto Favorito

Representa al producto que un usuario tiene inters.

Producto Oferta

Representa al producto que se encuentra en oferta.

Red Social

Representa a la red social que usa el usuario para acceder al

sitio, tambin es la que se usa para la comunicacin con el
sitio.

Reporte

Representa el resumen del procesamiento de informacin

extrada de la base de datos.

Reporte Producto

Representa el resumen de los productos guardados en la base

de datos del sitio.

Reporte Vendedor

Representa el resumen de los vendedores guardados en la

base de datos del sitio.
Representa al sitio, este es quien ejecuta la parte automtica

Sitio

que necesita el sitio.

Usuario

Representa a la persona que navega u oferta productos por

medio del sitio.

Vendedor

Representa al usuario quien publica productos y realiza

campaas publicitarias de productos.

4.2.5 Diagrama de Clases.

Un diagrama de clases representa las clases que sern utilizadas dentro de un
sistema y las relaciones que existen entre ellas.

Los diagramas han sido divido de acuerdo a los paquetes definidos en la

Figura 4.1.

55

4.2.5.1 Diagrama de Clases del Paquete Gestin de Informacin

En la Figura 4.8 se muestran las clases y las relaciones que sern
implementadas en este paquete:

1..*

Comentario
1..*

posee
1

1..*

Producto
1..*

contiene

emite
Producto Oferta

Producto Favorito

1..*

Campaa
1..* 1..*

tiene

Usuario
administra administra

1
1

Comprador
Vendedor

Administrador

dispone de

dispone de

1
1

Perfil Social

Figura 4.8 Diagrama de Clases del Paquete Gestin de Informacin

56

gestiona

4.2.5.2 Diagrama de Clases del Paquetes Configuracin

En la Figura 4.9 se muestran las clases y las relaciones que sern
implementadas en este paquete:

promociona
contiene
1..*

Producto

tiene noticias de
1..*
1

Notificacion
Producto Oferta

Producto Favorito
1..*

1..*

programa

modifica
1

Usuario

configura

Catalogo
1

Vendedor

Administrador

Comprador

administra
1..*

1..*

administra

Campaa
1

llega a
pertence

1..*
1

Poblacion

Figura 4.9 Diagrama de Clases del Paquete Configuracin

57

4.2.5.3 Diagrama de Clases del Paquete Distribucin

En la Figura 4.10 se muestran las clases y las relaciones que sern
implementadas en este paquete:

Sitio
1

controla
1..*

Amigo

Red Social

recibe

1..*

Invitacion

1..*
1..*

1..*

conoce

es publicado
1

Post

Comentario
0..1

1..*
1

crea

Usuario

Vendedor

Comprador

Producto

Figura 4.10 Diagrama de Clases del Paquete Distribucin

58

envia

4.2.5.4 Diagrama de Clases del Paquete Sitio

En la Figura 4.11 se muestran las clases y las relaciones que sern
implementadas en este paquete:

publica
Red Social
1

Catalogo

1..*
1es

dado por

Permiso
1

genera

Sitio

optiene

1..*

se le asigna

Usuario

recibe

1..*

1..*

1..*

Campaa

Notificacion

pertenece a

1..*

1..*

Producto

informa de

Denuncia
1..*

emite

Comprador

realiza

tiene
1

Calificacion
Vendedor

informa de

1
1

genera

1..*

envia
Vendedor

contiene

Perfil Social

1..*

extraido de

designa

1..*

Producto
Favorito

Calificacion
Producto

1..*

sigue a

Calificacion
1

tiene

Figura 4.11 Diagrama de Clases del Paquete Sitio

59

4.2.5.5 Diagrama de Clases del Paquete Reportes

En la Figura 4.12 se muestran las clases y las relaciones que sern
implementadas en este paquete:

Sitio

genera

1..*

Reporte

Reporte
Producto

Reporte
Vendedor

notifica de

informa de
1..*

Producto

Vendedor

Figura 4.12 Diagrama de Clases del Paquete Reportes

4.2.5.6 Diagrama de Clases del Paquete Administracin

En la Figura 4.13 se muestran las clases y las relaciones que sern
implementadas en este paquete:

Base de Datos
1

gestiona

guarda

mantiene

1..*

Categoria
1..*

gestiona

Administrador

contiene
Producto

1..*

Figura 4.13 Diagrama de Clases del Paquete Administracin

60

1..*

4.2.6 Diseo del Sistema.

En este parte se describe la arquitectura de la solucin y los criterios utilizados
para el diseo de la interfaz grfica de usuario.
4.2.6.1 Definicin de la Arquitectura del Sistema.
La arquitectura que se propone es un sistema basado en Web. Esta aplicacin
seguir un modelo cliente-servidor que desde el punto de vista funcional, se
puede definir la computacin Cliente/Servidor como una arquitectura
distribuida que permite a los usuarios finales obtener acceso a la informacin
en forma transparente an en entornos multiplataforma. [18]

Cliente
El cliente es el proceso que permite al usuario formular los requerimientos y
pasarlos al servidor, se le conoce con el trmino front-end [18].

El Cliente normalmente maneja todas las funciones relacionadas con la

manipulacin y despliegue de datos, por lo que estn desarrollados sobre
plataformas que permiten construir interfaces grficas de usuario (GUI),
adems de acceder a los servicios distribuidos en cualquier parte de una red.

Las funciones que lleva a cabo el proceso cliente se resumen en los

siguientes puntos:
Administrar la interfaz de usuario.
Interactuar con el usuario.
Procesar la lgica de la aplicacin y hacer validaciones locales.
Generar requerimientos de bases de datos.
Recibir resultados del servidor.
Formatear resultado.

Servidor
Es el proceso encargado de atender a mltiples clientes que hacen peticiones
de algn recurso administrado por l. Al proceso servidor se le conoce con
el trmino back-end [18].

61

El servidor normalmente maneja todas las funciones relacionadas con la

mayora de las reglas del negocio y los recursos de datos.

Las funciones que lleva a cabo el proceso servidor se resumen en los

siguientes puntos:
Aceptar los requerimientos de bases de datos que hacen los clientes.
Procesar requerimientos de bases de datos.
Formatear datos para trasmitirlos a los clientes.
Procesar la lgica de la aplicacin y realizar validaciones a nivel de
bases de datos.

Entre los beneficios del uso de los sistemas Web tenemos:

Actualizacin: Los sistemas web son fciles de actualizar, sin requerir

los usuarios interfieran en este proceso.

Bajos requerimientos de hardware: Los sistemas web demandan

menor performance de hardware por tener la capacidad de ejecutarse en
los servidores del proveedor, as tambin en los dispositivos del usuario
estos sistemas web no afectan a otras aplicaciones que el usuario este
usando.

Compatibilidad:

Los

sistemas

web

tienen

compatibilidad

multiplataforma, lo que permite que usuarios con sistemas operativos

diferentes puedan usar el sistema sin problemas.

Acceso Inmediato: Dado que los sistemas web no necesitan ser

descargados, instalados y configurados en cada uno de los equipos, un
usuario puede acceder de forma remota mediante un navegador Web y
comenzar a trabajar sin importar la configuracin y el hardware de su
equipo.

Mltiples Usuarios Concurrentes: Los sistemas web pueden ser

utilizados por mltiples usuarios al mismo tiempo, con lo cual diferentes
usuarios pueden ver e incluso editar toda la informacin de manera
conjunta.

62

Informacin en lnea: Las aplicaciones web permiten acceder a la

informacin almacenada en los servidores desde un computador
conectado a Internet o a su red local de una forma segura, por lo cual
puede disponer de la misma en sus desplazamientos y desde cualquier
lugar del mundo, dado que cuenta con una informacin centralizada
almacenada en bases de datos remotas.

Menos Errores y Fallas: Los sistemas web son menos propensos a

crear problemas tcnicos debido a conflictos con el software, hardware o
con otras aplicaciones existentes. Con los sistemas web todos los
usuarios utilizan la misma versin y por ende los posibles errores
pueden ser corregidos tan pronto como sean descubiertos, y ningn
usuario habr actualizado individualmente el sistema.

A continuacin se presenta el patrn arquitectnico, metas y restricciones de

la arquitectura. Tambin se presenta la arquitectura desde tres vistas
diferentes: Lgica, de implementacin y de despliegue.
4.2.6.1.1 Patrn Arquitectnico
Como patrn arquitectnico se propone utilizar el Modelo Vista Controlador
(MVC). MVC es un patrn arquitectnico que considera dividir una aplicacin
en tres mdulos claramente identificables y con funcionalidad bien definida:
El modelo, las Vistas y el Controlador [17].
El Modelo.
El modelo es un conjunto de clases que representan la informacin del
mundo real que el sistema debe procesar, sin tomar en cuenta ni la forma
en la que esa informacin va a ser mostrada ni los mecanismos que hacen
que esos datos estn dentro del modelo, es decir, sin tener relacin con
ninguna otra entidad dentro de la aplicacin.
Las Vistas
Las vitas son el conjunto de clases que se encargan de mostrar el usuario la
informacin contenido en el modelo. Una vista est asociada a un modelo,
pudiendo existir varias vistas asociadas al mismo modelo. Una vista

63

obtiene del modelo solamente la informacin que necesita para desplegar y

se actualiza cada vez que el modelo del dominio cambia por medio de las
notificaciones generadas por el modelo de la aplicacin.
El Controlador.
El controlador es un objeto que se encarga de dirigir el flujo del control de
la aplicacin debido a mensajes externos, como datos introducidos por el
usuario u opciones del men seleccionadas por l. A partir de estos
mensajes, el controlador se encarga de modificar el modelo o de abrir y
cerrar vistas. El controlador tiene acceso al modelo y a las vistas, pero las
vistas y el modelo no conocen la existencia del controlador.

En la Figura 4.14 se muestra la relacin entre los mdulos de MVC [17].

Figura 4.14 Relacin entre Mdulos de MVC

64

4.2.6.2 Metas y Restricciones de la Arquitectura.

A continuacin se presentan los objetivos y las restricciones de la
arquitectura de la solucin propuesta.
Objetivos:

El sitio de comparacin de productos ser implementado como una

aplicacin Web que ser accedida mediante navegadores web.

El sitio para la comparacin de producto se basara en el perfil social

del usuario.

El sitio usar el perfil social de cada usuario para personalizar los

catlogos de productos y campaas publicitarias.

Restricciones:

El sitio de comparacin propuesto solo se basara en la red social

Facebook con la que interactuara con la informacin que presenta por
medio de su API.

La personalizacin de los catlogos de productos y campaas

publicitarias dependern de la disponibilidad de informacin del perfil
social del usuario.

La interfaz solo se enfocara en un correcto funcionamiento para

computadoras.

4.2.6.3 Vista Lgica

La vista lgica permite analizar la arquitectura de la aplicacin web tomando
la perspectiva del usuario final y el cumplimiento de los requerimientos. En la
Figura 4.15 se muestra el diagrama de la vista lgica de la arquitectura
propuesta como solucin.

65

Figura 4.15 Diagrama de Capa Lgica

Capa Presentacion: Esta capa se encarga de la interfaz de usuario y el

manejo de los diferentes componentes que integran la interfaz, los
componentes esatn dividos en:

Componentes de Presentacion: Componentes de la interfaz que

permite a los usuarios interactuar con la aplicacion web, formatear la
informacion para su presentacion, capturar y validar informacion
ingresada por el usuario.

Componentes de Procesos: Componentes que controlan las acciones

o eventos que realizar un usuario para interactuar con la aplicacion
web.

Capa de Negocio: Es donde se reciben las peticiones del usuario y se

envan las respuestas tras el proceso. Se denomina capa de negocio porque
es aqu donde se establecen todas las reglas que deben cumplirse. Esta
capa se comunica con la capa de presentacin, para recibir las solicitudes y

66

presentar los resultados, y con la capa de datos, para solicitar al gestor de

base de datos almacenar o recuperar datos de l. Esta constituido por los
componentes:

Logica del Negocio: Encapsula las reglas del negocio o la forma

como los datos seran obtenidos de la capa presentacion

para ser

manipulados o transformados para complir con los requerimientos del

negocio.

Entidades de Negocio: Representa a las clases y objetos que

intervienen en la aplicacion web.

Utilitario: Representa a los metodos de las clases para cumplir con

alguna funcion que tiene que realizar el objeto sobre la informacion.

Capa de Acceso a los Datos: Esta capa se encargada de acceder a los

datos de negocio. Esta capa realiza todo el almacenamiento de datos,
recibe solicitudes de almacenamiento o recuperacin de informacin desde
la capa de negocio. Esta compuesta por:

Logica de Acceso a los Datos: Representan a las consultas

estructuradas para la obtencion de informacion que la capa del negocio
necesita.

Componentes Utilitarios y Auxiliares: Representa al motor de base

de datos y al ORM que se usara.

4.2.6.4 Vista de Implementacin

Esta vista muestra la arquitectura desde el punto de vista de la programacion
permite ver como los componentes estan organizados. En la Figura 4.16 se
muestra la vista de implementacion.

67

Figura 4.16 Diagrama de Componentes del Sitio de Comparaciones

En el diagrama anterior se muestran los compoentes que conforman el Sitio de

Comparaciones y los componentes externos con los que se conecta( Google
mail, Facebook API). A continuacion se describen los componentes:
Sitio de Comparaciones
En este componente esta implementado lo relacionado a la presentacion de
interfaz de usuario, lo constituyen formularios web, tablas, plantillas, la
logica de las peticiones del usuario al momento de navegar por la
aplicacion web, asi tambien los controladores de eventos de cada
componente de la interfaz.

Este componente requiere de las siguientes interfaces:

o Open Graph, permite acceder a la informacion de usuario tal como
perfil, amigos, gustos.
o FQL, permite hacer consultas sql sobre los perfiles del usuario, por
medio de Open Graph.
o Localization, permite obtener la obtener la localizacion de alguna
publicacion, usuario, interactuar con mapas.

68

o Dialogs, ofrece un consunto de ventanas de dialogo como: login,

pedir permiso al usuario, etc.
o Google Mail, permite mandar mensajes a la cuenta gmail del usuario.
Entidades de Negocio.
Compenente donde estan implementadas las clases que integran a la
aplicacion web.
Logica del Negocio
Este componente tiene implementadas las clases controladoras de los
datos, es donde se procesa la informacion para q luego sea presentada.
Utilitario
Componente donde estan implementadas clases de uso comun para los
objetos de diferentes componentes.
Acceso a los Datos
Componente donde se implementan las clases que interactuan con la base
de datos para su obtencion o insercion de informacion.
Base de Datos
Componente que contiene las tablas que integran la base de datos.

4.2.6.5 Vista de Despliegue

Esta vista nos permite ver la topologa del sitio de comparaciones y como los
componentes de software estn distribuidos entre los componentes fsicos.
En la Figura 4.17 se muestra el diagrama de despliegue.

69

Figura 4.17 Diagrama de Distribucin del Sitio de Comparaciones

Dispositivo Cliente
Artefacto que un usuario usa para acceder a la aplicacion web, lo hace
mediante su navegador web. Tambien es donde el usuario interactua
con la interfaz de usuario.
Servidor Facebook
La aplicacion web se conecta a este servidor para poder usar las APIs
de facebook asi obtener perfil de usuario, publicar en su muro, etc.
Servidor Google
La aplicacion web uas este servidor para mandar correos electronicos a
las bandejas de los usuarios con notificaciones.

70

 Servidor Sitio Web de Comparaciones

En este servidor es donde estan los componentes que integran a la
aplicacion web.
4.2.7 Diseo de la Interfaz Grfica de Usuario.
En esta seccin se detalla la Interfaz Grfica del Usuario (GUI). Se lista los
principios que debe cumplir, se describir la estructura general del sitio de
comparaciones.
4.2.7.1 Principios Bsicos
La interfaz grfica es de suma importancia, puede determinar si el sitio es
exitoso o no, por este motivo es de especial inters el desarrollo de una
interfaz que siga los principios de usabilidad para una mejor experiencia del
usuario. Los principios bsicos de usabilidad tendrn las siguientes
caractersticas: [19]

Ser consistente.
La interfaz grfica propuesta tendr dos estructuras generales: una
estructura para las pginas accedidas por los usuarios y otra para las
pginas accedidas para los administradores del sistema. Ambas estructuras
sern consistentes en la distribucin del espacio, colores, iconos,
componentes de interfaz. Esto permitir al usuario familiarizarse
rpidamente con la aplicacin web.

Ser simple
La interfaz de usuario ser simple para que los usuarios puedan reconocer
fcilmente cada una de las opciones disponibles. Las opciones tendrn una
descripcin que represente la funcionalidad que realiza. Las opciones que
tendrn iconos representativos y al ser sealados con el mouse mostraran
un mensaje de ayuda o indicacin (tooltip).

Ser atractiva
La interfaz deber tener una estructura y diseo atractivo. Los colores,
estilos y la organizacin de la informacin deben captar la atencin del

71

cliente. Esta caracterstica es muy importante porque nos permitir

presentar una aplicacin web llamativa para los usuarios.

Ser ilustrativa
Uno de los principales objetivos presentar la informacin personalizada
de los productos, parte de esta informacin los productos tendrn imgenes
de referencia del producto para una mejor descripcin del producto, as
tambin se dispondr de mapas para la localizacin de algunos productos
dependiendo del ofertante.

Seguir las mejores prcticas

El diseo de la interfaz de usuario en una aplicacin web influye en la
atraccin en los usuarios. Por este motivo se han generalizados las mejores
prcticas que debe seguir el diseo. Dentro de las mejores prcticas de la
interfaz con la que interacta el cliente se seguir:
o Los productos deben disponer de imgenes, un ttulo de
presentacin al navegante, alerta de oferta si lo tuviera, nivel de
confianza del vendedor.
o La interfaz debe tener un buscador de acceso rpido para la
bsqueda rpida de un producto de inters.
o La interfaz debe presentar en la pgina principal todos los
componentes importantes, para que el usuario tenga fcil acceso.

4.2.7.2 Diseo General

A continuacin se presentas las vistas principales de la aplicacin web:
Ventana de Bienvenida
Esta ventana que se muestra en la Figura 4.28 es la primera que se muestra
a un visitan a la aplicacin web, en donde se le pide que se autentifique
usando su cuenta de Facebook.

72

Figura 4.18 Ventana de Autenticacin de la Interfaz de Usuario

Ventana Principal
En la Figura 4.19 se muestra la ventana principal de la aplicacin web, para
acceder a esta ventana se tiene que estar autentificado. Esta ventana est
integrada por las secciones como: Cabecera, categoras, publicidad, ofertas,
vendedores, mesa de trabajo.

Cabecera: Esta seccin contiene el men en la parte superior, un

buscador.

Men Lateral: Esta seccin contiene las categoras donde pertenecen

los diferentes productos, un buscador de categoras. As tambin
menos de acuerdo a la ventana.

Publicidad: En esta seccin se muestra la publicidad de los productos

que tienen mejor oferta.

Ofertas: En esta seccin se muestra una lista con las mejores ofertas.

Vendedores: En esta seccin se muestra una lista con los mejores

vendedores y ms recomendados.

73

Mesa de Trabajo: La seccin donde se muestran los catlogos, listas

de vendedores y productos, productos favoritos para el usuario, etc.

CABECERA

PUBLICIDAD

MENU LATERAL
OFERTAS

MESA DE TRABAJO

VENDEDORES

Figura 4.19 Ventana Principal de la Interfaz de Usuario

74

 Ventana Principal Mis Listas

En la Figura 4.20 se muestra la ventana de mis listas, esta contiene las listas
del usuario como: Mis Publicaciones, Mis Favoritos, Mis Vendedores
Favoritos, a travs de esta ventana se puede mostrar al detalle de las listas.

Figura 4.20 Ventana Principal - Mis Listas de la Interfaz de Usuario

75

 Ventana Mis Listas Mis Publicaciones

En la Figura 4.21 se muestra Mis Publicaciones que es una lista del
usuario, donde puede administrar los productos que oferta.

Figura 4.21 Ventana Mis Listas - Mis Publicaciones de la Interfaz de Usuario

76

 Ventana Mis Listas Mis Favoritos

En la Figura 4.22 se muestra la ventana con la lista de los productos
favoritos del usuario.

Figura 4.22 Ventana Mis Listas - Mis Favoritos de la Interfaz de Usuario

77

 Ventana Mis Listas Mis Vendedores Favoritos

En la Figura 4.23 se muestra la ventana con la lista de vendedores
favoritos del usuario.

Figura 4.23 Ventana Mis Listas - Mis Vendedores Favoritos de la Interfaz de Usuario

78

 Ventana Principal Noticias

En la Figura 4.24 se muestra la ventana con las noticias de los productos o
notificaciones para el usuario.

Figura 4.24 Ventana Principal - Noticias de la Interfaz de Usuario

79

 Ventana Principal Publicar

En la Figura 4.25 se muestra la ventana para publicar algn producto, este
consta de un formulario con los datos necesarios.

Figura 4.25 Ventana Principal - Publicar de la Interfaz de Usuario

80

 Ventana Principal Mi Perfil

En la Figura 4.26 se muestra la ventana con el perfil de usuario, dentro hay
una formulario para agregar ms productos o servicios de inters del
usuario.

Figura 4.26 Ventana Principal - Mi Perfil de la Interfaz de Usuario

81

DISCUSIN DE RESULTADOS
Luego de aplicar las dos primeras iteraciones de la metodologa propuesta para la
solucin del proyecto, se obtuvo como resultados:

En la primera iteracin de la metodologa RUP se defini los requerimientos

funcionales y no funcionales, los cuales tiene como fuente el grupo de
Facebook Te lo Compro, Te lo Vendo TRUJILLO, del cual se extrajo los
requerimientos que estn implicados en el funcionamiento del grupo. Tambin
se definieron otros requerimientos independientes al grupo, entre estos estn
los requerimientos que satisfacen los principios bsicos en la creacin de una
aplicacin web.

En la segunda iteracin de la metodologa se defini las diferentes entidades

que participan en el negocios, relaciones que tienen en los diferentes paquetes
en los que estn divididos los requerimientos, se defini la arquitectura de la
aplicacin, diseo de interfaz de usuario, todo esto a partir de requerimientos
definidos en la primera iteracin. En el diseo de interfaz de usuario las reas
de distribucin estn basada en las redes sociales como facebook, tweeter;
pero tambin se hizo un cambio para evitar una copia a estas. Tambin se
propone el uso de ventanas flotantes, se tom en cuenta la tcnica Interfaz de
una Sola Pgina (SPI) para proporcionar una experiencia al usuario ms fluida
similar a una aplicacin de escritorio.

82

CONCLUSIONES

Se logr cumplir el

objetivo de analizar el contexto del modelado e

implementacin del proyecto, esto aplicando la primera iteracin de la

metodologa propuesta, en la cual se defini y se analiz los requerimientos
funcionales y no funcionales.

Se logr cumplir el objetivo de modelar el sitio web de comparacin de

producto, el modelo permiti definir las entidades del negocio y las relaciones
entre ellas, todo esto a partir de los requerimientos obtenidos en la primera
iteracin de la metodologa.

Se logr cumplir el objetivo de disear el sitio de comparacin de productos,

en el cual se defini la arquitectura para la construccin de sitio, as tambin la
interfaz de usuario que satisface los requerimientos definidos en la primera
iteracin de la metodologa.

83

Bibliografa
[1] Crdova Morales Christian Andrs (2011). Sistema Automatizado de
Bsqueda Web (web crawlers) de Promociones de Tickets Areos y Portal
Web para la Agencia de Viajes y Turismo Mundo Valle [en lnea].
[Recuperado 01 de septiembre del 2013] disponible en:
http://repositorio.espe.edu.ec/bitstream/21000/4744/1/T-ESPE-032866.pdf
[2] Ren Eliezer Palacios Rosales (2009).Anlisis y Diseo de un Sistema
para el Manejo de Publicidad Personalizada [en lnea]. [Recuperado 02
de
setiembre
del
2013]
disponible
en:
http://biblioteca.usac.edu.gt/tesis/08/08_0416_CS.pdf
[3] Pedraza Luis F, Ramrez Garca Richard, Hernndez scar Editson
(2011).Diseo e implementacin de una plataforma piloto de marketing
electrnico para el desarrollo de aplicaciones TICs en la comunidad de
cuidad Bolvar [en lnea]. [Recuperado 02 de septiembre del 2013]
disponible en:
http://www.redalyc.org/pdf/2570/257019614005.pdf
[4] Gmez Gualdron, Janeth Gissella (2004). Adam: Aplicacin de los
agentes Mviles al Comercio Electrnico [en lnea]. [Recuperado 04 de
septiembre del 2013] en:
http://repositorio.uis.edu.co/jspui/handle/123456789/2368
[5] Carlos Lozares. La Teora de las Redes Sociales [en lnea]. [Recuperado
06 de septiembre del 2013] en:
http://alejandrogg.com.mx/temario3/Carlos-redes%20sociales.pdf
[6] Uso de las Redes Sociales en el mbito Empresarial. Next Vision [en
lnea].
[Recuperado
06
de
septiembre
del
2013]
en:
http://www.nextvision.com/img/pdf/informe-redessociales.pdf
[7] Moraga Gonzlez Jos, Wildenbeest Matthijs R. (2011). Comparison
Sites [en lnea]. [Recuperado 10 de septiembre del 2013] en:
http://www.tinbergen.nl/~moraga/CompSites.pdf
[8] Expsito Miguel, Castaedo Crespo A., Lezcano Lastra A. (2010).
Arquitectura de Integracin de Datos del ICANE [en lnea]. [Recuperado
12
de
septiembre
del
2013]
en:
http://www.jecas.org/ponencias/viernes/manana/desarrollosIII/Arquitectura
IntegracionDatosICANE.pdf
[9] Adam Drozdek (2007). Estructuras de datos y algoritmos con Java
.Cengage Learning Editores
[10] Praire Ccile, Edwards Mike, Fernndez Angelo (2007). The IBM
Rational Unified Process for System z [en lnea]. [Recuperado 15 de
septiembre
del
2013]
en:
http://www.redbooks.ibm.com/redbooks/pdfs/sg247362.pdf

84

[11] Deacom John(2009).Model View Controller (MVC) architecture [en

lnea].
[Recuperado
15
de
septiembre
del
2013]
en:
http://www.jdl.co.uk/briefings/MVC.pdf
[12] Rodrguez Ardura Imna, K ster oluda Ins. Venta Personal y Direccin
de Ventas [en lnea]. [Recuperado 10 de noviembre de 2013] en:
http://alfonsogu.files.wordpress.com/2009/03/venta-personal-y-direccionde-ventas.pdf
[13]Stanton William (2004). La Decisin de Compra del Consumidos [en
lnea]. [Recuperado 11 de noviembre de 2013] en: http://www.mcgrawhill.es/bcv/guide/capitulo/8448176081.pdf
[14]Nieto Melgarejo Patricia. Nociones Generales Sobre el Comercio
Electrnico [en lnea]. [Recuperado 11 de noviembre 2013] en:
http://www.derecho.usmp.edu.pe/cedetec/articulos/el_comercio_electronico
.pdf
[15]Emarket (25 de septiembre del 2013). New Global Media Intelligence
Report finds social networking hugely popular in Latin America,
particularly Brazil [en lnea]. [Recuperado 12 de noviembre de 2013]
desde:
http://www.emarketer.com/Article/Majority-of-Latin-AmericaFinally-Becomes-Web-Enabled/1010246
[16] Comcore (mayo 2013). El Estado Actual de la Industria Digital y las
Tendencias que Estn Modelando el Futuro [en lnea]. [Recuperado 15 de
noviembre del 2013] de: http://es.scribd.com/doc/145069946/FuturoDigital-en-Latinoamerica-2013
[17]Ernesto ascn Pantoja. El patrn de diseo MODELO VISTA
CONTROLADOR (MVC) y su Implementacin en Java Swing [en lnea].
[Recuperado
el
15
de
noviembre
del
2013]
de:
http://www.ucbcba.edu.bo/Publicaciones/revistas/actanova/documentos/v2
n4/v2.n4.bascon.pdf
[18] Elas Nio. Fundamentos para el desarrollo de Aplicaciones en Red [en
lnea]. [Recuperado el 16 de noviembre del 2013] de:
http://manglar.uninorte.edu.co/bitstream/handle/10584/2205/Modelo%20cli
ente%20servidor.pdf?sequence=2
[19] Steve Krug (2005). No me Hagas Pensar [en lnea]. [Recuperado el 16 de
noviembre del 2013] de: http://mblazquez.es/blog-ccdoc-arquitecturainformacion/documentos/no-me-hagas-pensar.pdf

85