34
ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

Embed Size (px)

Citation preview

Page 1: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

ESCUELA POLITECNICA DEL EJERCITO

“ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO”

CPTN. GRANDA ROBERT OCTUBRE 2013

Page 2: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

SUMARIO

MISION Y VISION DE LA EMPRESA CREACIONES SORTIJERITO

INTRODUCCION Y JUSTIFICACION OBJETIVOS ESPECIFICACION DE LOS REQUERIMIENTOS. METODOLOGIA UTILIZADA MODELO Y ACTORES DEL NEGOCIO. DISEÑO NAVEGACIONAL E INTERFAZ DE USUARIO. PRUEBAS CONCLUSIONES RECOMENDACIONES

Page 3: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

MISION

LA EMPRESA CREACIONES SORTIJERITO, DISEÑARA, CONFECCIONARÁ Y COMERCIALIZARÁ, PRODUCTOS HECHOS A MANO COMO LAZOS ,ESTRELLAS Y POMPONES EN CINTA SINTETICA, EN UNA INFINIDAD DE DISEÑOS, FORMAS Y COLORES, PARA CUBRIR LA DEMANDA DEL MERCADO, QUE BUSCA DE NUESTROS PRODUCTOS, EL VALOR AGREGADO PARA LA DECORACIÓN DE UN SINUMERO DE PRODUCTOS TERMINADOS.

Page 4: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

VISION

CONSOLIDAR HASTA EL 2018, EL MERCADO AMERICANO, CON LOS PRODUCTOS DE LA EMPRESA CREACIONES SORTIJERITO

Page 5: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

INTRODUCCION

El presente proyecto de tesis, tiene como objetivo principal, proveer a la Empresa Creaciones Sortijerito, una website que facilite promover sus productos a través del World Wide Web, con el uso de herramientas multimedia, apoyando de esta manera la comercialización y venta de sus productos con acceso a una DB corporativa Open Source que facilite la administración del negocio.

Creaciones Sortijerito, realiza el mercadeo de sus productos, a través de fotos, CD´s, además de muestras físicas, por ello, la variedad de lazos, estrellas y pompones, es muy amplia, las presentaciones vienen en diferentes tamaños, colores y diseños, la falta de un sitio web que permita mostrar al mundo estos productos, afecta directamente con el posicionamiento de la marca, logrando consolidar solamente mercados limitados.

Page 6: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

JUSTIFICACION

Aprovechando el diseño y desarrollo del sitio web informativo, se vio la necesidad de hacerlo como un sitio web dinámico, no solo para comercializar los productos de la Empresa en la internet, sino también, para ayudar en la administración del negocio, con la creación de la web corporativa, apoyados en herramientas Open Source y bajo tecnología web.

Los Portales Web han evolucionado a la par de los diferentes sistemas de comunicación y tecnología, convirtiéndose en la mejor forma de brindar informativos y servicios para que los usuarios utilicen sus aplicaciones Web.

Page 7: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

OBJETIVOS

GENERAL

Desarrollar un sitio web para proporcionar a la Empresa Creaciones Sortijerito, una herramienta que permita apoyar la comercialización y venta de sus productos, a través de la promoción desde un sitio web, con el uso de herramientas Open Source.

Page 8: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

OBJETIVOS

ESPECIFICOS

Analizar los requerimientos iniciales para desarrollar la aplicación, de forma que cubra las diferentes consideraciones metodológicas y técnicas.

Diseñar el sitio web de tal manera que se pueda cargar fácilmente el contenido de cada uno de los productos de venta.

Desarrollar el sitio web fundamentado en la metodología (OOHDM).

Conseguir que este espacio se convierta en un lugar básico de información de productos y artículos de la empresa promocionando la participación interactiva de los usuarios y clientes. .

Page 9: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

ESPECIFICACION DE REQUERIMIENTOS

El sitio web de la Empresa Creaciones Sortijerito, cubrirá los siguientes aspectos:

FUNCIONALES.

Crear del pedido del cliente en dos idiomas. Ingresar los clientes registrados a la tienda virtual en dos

idiomas. Envíar de mensajería por parte de cualquier cliente al email de la

empresa a través de un formulario diseñado en dos idiomas.

NO FUNCIONALES

Navegación de los usuarios al entorno estático en dos idiomas. Catálogo virtual básico de los productos de la Empresa por

categorías y colores en dos idiomas.

Page 10: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

METODOLOGIA DE DESARROLLO

Las metodologías de desarrollo Web, han determinado la necesidad de nuevas técnicas de desarrollo, obligando a los desarrolladores a mezclar los aspectos conceptuales y los de presentación, para solucionar este problema, para ello se creó la metodología OOHDM (Object Oriented Hypermedia Design Method).

Page 11: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

RAZONES PARA EL USO OOHDM

Los aspectos conceptuales del requerimiento del Staff de Creaciones Sortijerito.

Los aspectos de presentación, manejo de imagen marca, colores que se requiere atender para atraer la atención del cliente.

Al priorizar herramientas multimedia. Manejo de Objetos de interfaz. Cubre la concepción de aplicaciones multimedia.

Page 12: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

APLICACIÓN WEB

COMPONENTES WAMPSERVER 2.2

Apache 2.2.22

PHP 5.3.13

MySql 5.5.24

PHPMyAdmin 3.5.1

FRAMEWORK

Dreamweaver CS4

Page 13: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

MODELO DE NEGOCIO MODELO DE NEGOCIO DE CREACIONES SORTIJERITO

USUARIO ADMINISTRADOR CLIENTE REGISTRADOFas

e

INICIO

INGLES O ESPAÑOL

REVISA PRODUCTOS,

CATEGORIAS Y COLORES

DISPONIBLES

ES CLIENTE REGISTRADO

SOLICITA AL ADMINISTRADOR

VIA EMAIL

NO

SI

ENVIA AL CLIENTE SU USER Y

CONTRASEÑA VIA EMAIL

INGRESA AL SISTEMA

HACE PEDIDOS

INGRESA DATOS DEL

CLIENTE

INGRESA PRODUCTOS, COLORES Y

CATEGORIAS DISPONIBLES

REPORTES

CLIENTES

PRODUCTOS

PEDIDOSSEGUIMIENTO PEDIDOS

ENVIA PEDIDO AL CLIENTE

NO PEDIDO RECIBIDO

SI

FIN

Page 14: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

ACTOR DESCRIPCION

Cliente registrado

Es quien hace el pedido de los productos al sistema.Navega en inglés o español y visualiza los productos, categorías y colores disponiblesEs capaz de enviar email a la Empresa para interactuar con esta sobre diferentes requerimientos.

Administrador

Es quien tiene el control del sistema.Es capaz de realizar actualizar la información que el cliente registrado pide se cambie de su información personal.Es quien controla los pedidos realizados por el cliente registrado.Tiene la tarea realizar reportes tanto de clientes, productos y pedidos realizados.

ACTORES DE NEGOCIO

Page 15: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

TABLA DE ACTORES.

Administrador Sistema Cliente Registrado

El Administrador realiza las siguientes tareas1.  Recepciona la solicitud de cliente registrado2.  Envia datos al cliente3.  Registra productos, categorías y colores disponibles4. Imprime reportes de clientes, productos y pedidos.4. Resuelve sus inquietudes via email.

El sistema realiza las siguientes acciones1.   Genera matriz de envío email2.   Genera reportes de clientes, productos y pedidos.3. Genera el pedido.

El usuario realiza las siguientes tareas1.     Solicita ser cliente registrado via email2.     Hace el pedidoRevisa los productos, categorías y colores disponibles3.     Emite inquietudes vía email.

Page 16: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

DISEÑO NAVEGACIONAL.

Ingreso

Perfil UsuarioInicio

Usuario/Visitador

Inicio

Presentación

Páguina Inicial

Español

English

Ingreso

Reportes

Tienda

Inicio

Tienda virtual

E-mail

Apilables

Estrellas

Inicio

Pompones

Salir

Ingreso clientes

Ingreso productos

Reportes

Pedidos

Productos

Clientes

Tienda

Ingreso pedido

E-mail

Page 17: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

DISEÑO NAVEGACIONAL vs. INTERFAZ DE USUARIO.

Page 18: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

DISEÑO NAVEGACIONAL vs. INTERFAZ DE USUARIO.

Page 19: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

DISEÑO NAVEGACIONAL vs. INTERFAZ DE USUARIO.

Page 20: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

INTERFAZ DE USUARIO.

Page 21: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

INTERFAZ DE USUARIO.

Page 22: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

INTERFAZ DE USUARIO.

Page 23: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

INTERFAZ DE USUARIO.

Page 24: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

INTERFAZ DE USUARIO.

Page 25: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

INTERFAZ DE USUARIO.

Page 26: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

INTERFAZ DE USUARIO.

Page 27: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

INTERFAZ DE USUARIO.

Page 28: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

INTERFAZ DE USUARIO.

Page 29: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

INTERFAZ DE USUARIO.

Page 30: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

INTERFAZ DE USUARIO.

Page 31: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

PRUEBAS DE COMPATIBILIDAD.

BROWSER NAVEGACIÓN COMPATIBILIDAD PLUG-

IN

Internet

Explorer 7

OK OK OK

Mozilla

Firefox

1.0.2

OK OK OK

Safari OK OK OK

Page 32: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

Pruebas de Conectividad.Se utilizó el comando ping.

Pruebas FuncionalesSe verificó que el sitio desarrollado cuente con la funcionalidad deseadas dentro de los requerimientos del Administrador de Creaciones Sortijerito.

Pruebas de ConcurrenciaSe conectó 5 computadoras en una red LAN, dos de ellas utilizando Mozilla y Safari.

Pruebas de Caja NegraLas entradas y salidas del website se ejecutan correctamente.

Pruebas de Caja BlancaTodas las líneas de código se ejecutan obteniendo una completa compilación.

PRUEBAS DE COMPATIBILIDAD.

Page 33: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

CONCLUSIONES.

• La website de la Empresa Creaciones Sortijerito, se ajusta a las necesidades comerciales de la empresa, las ayudas de multimedia creadas bajo open source, afianzan esa fusión logrando proporcionar al cliente, una herramienta que ayude a cubrir sus expectativas y requerimientos de información sobre los productos y servicios que ofrece la Empresa Creaciones Sortijerito.

• Existen varios herramientas para el desarrollo web, que los costos de implementación varìan pero al utilizar software libre, como WAMPSERVER, con toda su suit, permite reducir costos considerablemente obteniendo soluciones robustas, seguras y amigables para el cliente interno como externo, facilitando por ejemplo con PHP, la interacción con cualquier DB, facilita a futuro así, la escalabilidad en función del crecimiento corporativo.

Page 34: ESCUELA POLITECNICA DEL EJERCITO “ANALISIS, DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA EMPRESA CREACIONES SORTIJERITO” CPTN. GRANDA ROBERT OCTUBRE 2013

RECOMENDACIONES.

• Sería importante contar con un servicio gratutito de hosting, que facilite la ESPE, para poder subir aplicaciones web de los proyectos de tesis de los estudiantes egresados.

• Continuar con la fase dos de este proyecto, donde se incluye perfiles de usario, e-commerce.