33
UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE INGENIERÍA DE SISTEMAS MACHALA 2018 TOBAR JARAMILLO LUIS FERNANDO INGENIERO DE SISTEMAS IMPLEMENTACIÓN DE UNA APLICACIÓN WEB UTILIZANDO COMERCIO ELECTRÓNICO B2C PARA LA SEGURIDAD EN EL HOGAR

UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

UNIDAD ACADÉMICA DE INGENIERÍA CIVIL

CARRERA DE INGENIERÍA DE SISTEMAS

MACHALA2018

TOBAR JARAMILLO LUIS FERNANDOINGENIERO DE SISTEMAS

IMPLEMENTACIÓN DE UNA APLICACIÓN WEB UTILIZANDOCOMERCIO ELECTRÓNICO B2C PARA LA SEGURIDAD EN EL HOGAR

Page 2: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

UNIDAD ACADÉMICA DE INGENIERÍA CIVIL

CARRERA DE INGENIERÍA DE SISTEMAS

MACHALA2018

TOBAR JARAMILLO LUIS FERNANDOINGENIERO DE SISTEMAS

IMPLEMENTACIÓN DE UNA APLICACIÓN WEB UTILIZANDOCOMERCIO ELECTRÓNICO B2C PARA LA SEGURIDAD EN EL

HOGAR

Page 3: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

UNIDAD ACADÉMICA DE INGENIERÍA CIVIL

CARRERA DE INGENIERÍA DE SISTEMAS

MACHALA17 de enero de 2018

TOBAR JARAMILLO LUIS FERNANDOINGENIERO DE SISTEMAS

IMPLEMENTACIÓN DE UNA APLICACIÓN WEB UTILIZANDO COMERCIOELECTRÓNICO B2C PARA LA SEGURIDAD EN EL HOGAR

MACHALA, 17 DE ENERO DE 2018

MOLINA RIOS JIMMY ROLANDO

EXAMEN COMPLEXIVO

Page 4: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación
Page 5: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

Urkund Analysis Result Analysed Document: TOBAR JARAMILLO LUIS FERNANDO_PT-011017.docx

(D33799962)Submitted: 12/14/2017 6:15:00 PM Submitted By: [email protected] Significance: 0 %

Sources included in the report:

Instances where selected sources appear:

0

U R K N DU

Page 6: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación
Page 7: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

DEDICATORIA El siguiente trabajo se lo dedico de la mejor manera a mi padre, por darme en primera

instancia la vida y así poder formar parte del mundo en el que habito cotidianamente,

de igual manera por los valores que me ha sabido inculcar en el transcurso de mi

desarrollo humano y sobre todo por el apoyo incondicional que me supo brindar en

toda mi vida académica

Sr. Tobar Jaramillo Luis Fernando.

1

Page 8: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

AGRADECIMIENTO

Mis agradecimientos más sinceros a todas las personas que de alguna u otra manera

han logrado tener un espacio en la vida que conllevo, tanto personal, académica y

profesional, aportando con ideas y enseñanzas

.

Sr. Tobar Jaramillo Luis Fernando.

2

Page 9: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

RESUMEN

IMPLEMENTACIÓN DE UNA APLICACIÓN WEB UTILIZANDO COMERCIO ELECTRÓNICO B2C PARA LA SEGURIDAD EN EL HOGAR

Tobar Jaramillo Luis Fernando, 0705367019

En la actualidad las aplicaciones web son un punto principal dentro de nuestras vidas,

tal es el caso que hoy en día la mayoría de las empresas cuentan con una aplicación

que les permiten ofrecer sus bienes y servicios a los consumidores. Por ello el

presente informe tiene como fundamento la implementación de un sistema web para la

empresa Seguridad CIA. LTDA que se dedica a la venta de productos para la

seguridad del hogar el mismo que será basado en el comercio electrónico tipo B2C

(Business to Consumer) que trata de estrategias enviadas directamente a los

consumidores a través del internet. Sabiendo de intrusos que intervienen en una

transacción de productos a través de la red, la aplicación está orientada bajo el

protocolo SSL que permite establecer una conexión segura de las transacciones del

cliente hacia el portal web y viceversa, además el desarrollo de cada etapa del

proyecto es manejado por la metodología ágil ICONIX.

Palabras Clave: Aplicación Web, Comercio Electrónico, B2C, SSL, ICONIX

3

Page 10: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

ABSTRACT

IMPLEMENTATION OF A WEB APPLICATION USING B2C ELECTRONIC COMMERCE FOR HOME SECURITY

Tobar Jaramillo Luis Fernando, 0705367019

Currently web applications are a main point in our lives, such is the case that today

most companies have an application that allows them to offer their goods and services

to consumers. Therefore, this report is based on the implementation of a web system

for the company Security CIA. LTDA is dedicated to the sale of products for home

security which will be based on B2C (Business to Consumer) electronic commerce that

deals with strategies sent directly to consumers through the internet. Knowing of

intruders that intervene in a transaction of products through the network, the application

is oriented under the SSL protocol that allows to establish a secure connection of the

client's transactions to the web portal and vice versa, as well as the development of

each stage of the project it is managed by the agile ICONIX methodology.

Keywords: Web Application, Electronic Commerce, B2C, SSL, ICONIX

4

Page 11: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

CONTENIDO

DEDICATORIA 1

AGRADECIMIENTO 2

RESUMEN 3

ABSTRACT 4

LISTA DE ILUSTRACIONES 7

INTRODUCCIÓN 8 Marco Contextual 9 Problema 9 Objetivo General 9

DESARROLLO 10 Marco Teórico 10

Aplicación Web 10 Comercio Electrónico 10

Lenguaje de Programación 10 PHP 5 10 JavaScript 10 JQuery 11

Framework 11 Symfony 11

Gestor de Base de datos 11 PostgreSQL 11

Modelo Cliente-Servidor 11 Windows Server 2012 11

Servicio Web 11 Apache 11

Protocolo de Seguridad 12 SSL 12

Modelo de proceso de software 12 Metodología ICONIX 12 Fases de la metodología ICONIX 12

Solución del Problema 12 Materiales 12 Modelo Entidad Relación 13 Modelo Relacional 13 Desarrollo de Metodología ICONIX 13

Fase 1: Análisis de Requisitos 13 Fase 2: Análisis y Diseño Preliminar 14

5

Page 12: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

Fase 3: Diseño 14 Fase 4: Implementación 14

Base de Datos 14 Escritura del Código 15

Resultados 15

Conclusiones 17

REFERENCIAS BIBLIOGRÁFICAS 18

ANEXOS 20

6

Page 13: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

LISTA DE ILUSTRACIONES

Ilustración 1: Ventajas de PHP 5 20 Ilustración 2: Modelo Entidad Relación 20

Ilustración 3: Modelo Relacional 21

Ilustración 4: Caso de uso - Generación de compra 21

Ilustración 5: Modelo de Dominio 22

Ilustración 6: Diagrama de paquetes 22

Ilustración 7: Prototipo - Catálogo 23

Ilustración 8: Ficha de caso 23

Ilustración 9: Diagrama de Robustez 23

Ilustración 10: Diagrama de Secuencia 24

Ilustración 11: Diagrama de componentes 24

Ilustración 12: Pantalla de bienvenida a la página 25

Ilustración 13: Añadir productos al carrito de compras 25

Ilustración 14: Registro de un cliente 24

Ilustración 15: Registro de información de pago del cliente 24

Ilustración 16: Validación de tarjeta de crédito 24

Ilustración 17: Administración de ficha técnica 27

7

Page 14: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

1. INTRODUCCIÓN

La tecnología crece a pasos agigantados, motivo por el cual es común encontrar

procesos automatizados que fomentan la productividad en el campo que se

encuentren aplicados [1] , es por ello que este proyecto se basa en el

IMPLEMENTACIÓN DE UNA APLICACIÓN WEB UTILIZANDO COMERCIO

ELECTRÓNICO B2C PARA LA SEGURIDAD EN EL HOGAR, misma que será

utilizada por SEGURIDAD CIA. LTDA empresa orientada a la seguridad en el hogar

[2].

El impacto del internet es de gran influencia donde la mayoría de las personas tienen

acceso a ello, por ende las empresas sacan provecho de ello, haciendo énfasis al

comercio electrónico B2C (Business to Consumer) trata de que las empresas

negocian directamente con los clientes, donde se valen de medios electrónicos como

publicidades en redes sociales, creación de una aplicación web o móvil, etc, todo

aquello que permita dar conocer los bienes y servicios que la empresa posee [3] [4].

Existen protocolos de seguridad para intrusos que pueden intervenir en la transacción

de una compra o venta de un producto a través de una aplicación web, como SSL

(Secure Sockets Layer) permite cifrar y descifrar la información durante una

transacción, impulsando que la aplicación sea segura [5] [6], por ello la aplicación web

para la empresa SEGURIDAD CIA. LTDA emplea este protocolo para los

consumidores que requieran la compra de algún/nos producto/os.

El presente trabajo se encuentra dividido en tres capítulos:

● Capítulo 1: Información del proyecto, marco contextual, problemática a

solucionar y el objetivo general.

● Capítulo 2: Marco teórico, solución del proyecto y resultados.

● Capítulo 3: Conclusiones, fuentes bibliográficas y anexos.

8

Page 15: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

1.1. Marco Contextual

Conforme avanza el tiempo las empresas se orientan a procesos

automatizados en la mayoría de sus áreas con la finalidad de tener eficiencia y

eficacia. SEGURIDAD CIA. LTDA es una empresa orientada a la seguridad en

el hogar, se especializa en productos de seguridad para el hogar cómo kits

DVR de vigilancia multicámara, cámaras IP (Wireless y cloud), video

intercomunicadores para entradas, sistemas de alarma caseros con sensores

de puertas/ventanas y de movimiento [2], productos pequeños que pueden ser

incluidos en un catálogo de una aplicación web y que por medio de

e-commerce (comercio electrónico) pueden darse a conocer para los clientes.

1.2. Problema

La empresa SEGURIDAD CIA. LTDA requiere ofertar sus productos al por

menor a sus clientes ya que muchos de ellos han preferido comprar los equipos

con la competencia para instalarlos ellos mismos (debido a su relativa

facilidad), para lo cual decidieron ofrecer todos sus productos al por menor

desde una aplicación web [2].

1.3. Objetivo General

Implementar una aplicación web utilizando comercio electrónico B2C para la

seguridad en el hogar.

9

Page 16: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

2. DESARROLLO

2.1. Marco Teórico

2.1.1. Aplicación Web

Actualmente la red permite intercomunicar diversos dispositivos su

masificación e incorporación es rápida en la vida del ser humano [7], la

aplicación web es un medio importante de propagación de información en la

red permite ofrecer una variedad de servicios a los usuarios [8].

2.1.1.1. Comercio Electrónico

El comercio electrónico tipo B2C (Business to Consumer) involucra a

las empresas con los consumidores donde las empresas utilizan el

internet para alcanzar a los consumidores de esta forma los usuarios

tienen acceso a bienes y servicios a través de una plataforma web [3]

[4].

2.1.2. Lenguaje de Programación

Es un lenguaje formal de un conjunto de técnicas, símbolos, reglas y

métodos, mediante el análisis de procedimientos lógicos [9].

2.1.2.1. PHP 5

Es un lenguaje de script del lado servidor, trabaja conjuntamente con

HTML para la creación de páginas dinámicas. PHP versión 5 presenta

una variedad de ventajas (Anexo 1) [10].

2.1.2.2. JavaScript

Es un lenguaje de programación interpretado (capacidad de analizar y

ejecutar otros programas), de lado del cliente brinda mejoras en la

interfaz de usuario y en las páginas web dinámicas y de lado del

servidor permite enviar y recibir información además puede trabajar

con otras tecnologías como HTML, CSS [11].

10

Page 17: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

2.1.2.3. JQuery

Es una biblioteca multiplataforma de código abierto de JavaScript,

actualmente es más utilizado para diseños de software front-end [12].

2.1.3. Framework

Es un marco de trabajo que emplea un mecanismo esquematización entre el

lenguaje de programación y el lenguaje de diseño [13].

2.1.3.1. Symfony

Considerado como el mejor marco de trabajo para aplicaciones web,

contiene bibliotecas que proporcionan flexibilidad a los desarrolladores

de software [14].

2.1.4. Gestor de Base de datos

2.1.4.1. PostgreSQL

Es un sistema de gestión de datos relacional orientado a objetos de

código abierto, una de la principales características es que puede

ejecutar funciones en el servidor [15] [16].

2.1.5. Modelo Cliente-Servidor

2.1.5.1. Windows Server 2012

Windows server 2012 Un ambiente de cliente/servidor permite, que es

sistema operativo flexible que responde a necesidades cada vez más

exigentes por los desarrolladores [17].

2.1.6. Servicio Web

2.1.6.1. Apache

Servicio web más utilizado en el mundo debido a su gran desempeño,

además de ser gratuito es de código abierto lo cual contribuye a su

rápida masificación y posicionamiento [18].

11

Page 18: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

2.1.7. Protocolo de Seguridad

2.1.7.1. SSL

SSL (Secure Sockets Layer) es un protocolo que realiza autentificación

de identidad a través de la verificación del certificado de parte del

emisor y receptor [5] [6].

2.1.8. Modelo de proceso de software

2.1.8.1. Metodología ICONIX

Es una metodología ágil considerada de desarrollo de software

práctico, está comprendida entre la RUP ( Rational Unified Processes)

y la XP ( Extreme Programming), presenta procesos simplificados

orientados a objetos con la finalidad de incluir todo el ciclo de vida de

un proyecto [19] [20] [21] [22] .

2.1.8.2. Fases de la metodología ICONIX

ICONIX se guía mediante los casos de uso, el ciclo de vida es iterativo

e incremental, su objetivo es que a través de los casos de vida se

tenga un resultado final del producto, presenta 4 fases de desarrollo:

análisis de requisitos, análisis y diseño preliminar, diseño y

implementación [23].

2.2. Solución del Problema

2.2.1. Materiales

12

Page 19: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

2.2.2. Modelo Entidad Relación

El primer paso para el modelado de la base de datos con el que se empezó

fue el diseño del Modelo Entidad Relación el cual refleja entidades,

interrelaciones y propiedades relevantes. (Ver Anexo 2).

2.2.3. Modelo Relacional

Con el Modelo Entidad Relación elaborado, se procedió con el modelo

relacional el cual nos permite modelar la base de datos acorde a las

necesidades y su objetivo principal es utilizar las relaciones, es decir se

toma de una manera hipotética las relaciones como si fuesen tablas que

contienen registros y columnas. (Ver Anexo 3)

2.2.4. Desarrollo de Metodología ICONIX

2.2.4.1. Fase 1: Análisis de Requisitos

Según el problema de la empresa SEGURIDAD CIA. LTDA. en el cual

se detalla la actividad que realiza y la nueva funcionalidad a

implementar, se identificaron los requisitos funcionales y no

funcionales que serán utilizados como base fundamental para el

desarrollo del sistema

Una vez identificados cada uno de los requisitos, se elaboró los

respectivos casos de uso para detallar las actividades o pasos a seguir

para que un proceso sea culminado y/o ejecutado, a la vez dando a

conocer los actores (usuarios) que se involucran directamente. (Ver

Anexo 4)

Paso seguido se realizó el modelo de dominio (Ver Anexo 5), que

engloba temas relacionados al problema general en el que también se

describen atributos, entidades y relaciones.

Luego se elaboró un diagrama de paquetes (Ver Anexo 6) para

determinar agrupaciones lógicas del sistema y las dependencias que

tenga cada una de estas. Además, se diseñaron prototipos acordes a

cada funcionalidad (Ver Anexo 7).

13

Page 20: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

2.2.4.2. Fase 2: Análisis y Diseño Preliminar

Para los caso de uso desarrollados previamente se realizó fichas

correspondientes las cuales contienen nombre, descripción,

precondición, postcondición respectivamente. (Ver Anexo 8)

Utilizando el diagrama de robustez (Ver Anexo 9) se detalla el sistema

en objetos con lo que se tiene una idea más clara y sencilla para el

entendimiento del mismo.

Se puede decir que, el diagrama de robustez viene de una

combinaciòn entre los diagramas de actividades y los diagramas de

clases, conformado por varios objetos como lo son: las entidades, los

controles y los objetos fronterizos, que tiene como objetivo definir

¿Qué hacer? siendo este el análisis y el diseño vendría a ser el

¿Cómo hacerlo?.

2.2.4.3. Fase 3: Diseño

Entrando en la parte del diseño juega un papel protagonista el

diagrama de secuencia (Ver Anexo 10), aquí se plasman todos los

elementos del sistema dando a conocer las posibles incidencias o

procesos a seguir evidenciando los requisitos recolectados en fases

previas.

2.2.4.4. Fase 4: Implementación

Con el respectivo análisis y el diseño terminado comienza el desarrollo

del software. Aquí se utiliza el diagrama de componentes (Ver Anexo

11), el cual nos muestra la organización y cómo los componentes

dependen de otros para su debido funcionamiento

2.2.5. Base de Datos

Para el manejo y almacenamiento de la información se hizo uso de un

ORDBMS (Sistema Gestor de Base de Datos Objeto Relacional) de código

abierto como lo es PostgreSQL.

14

Page 21: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

PostgreSQL cuenta con grandes ventajas que lo hacen uno de los más

robustos ORDBMS entre las cuales se puede mencionar su seguridad, la

integridad referencial, transacciones entre otras no menos importantes.

2.2.6. Escritura del Código

Siendo PHP uno de los lenguajes más robustos cuenta con librerías bastas

dar soluciones más limpias y eficaces.

En cuanto a el framework Symfony, al crear nuestro proyecto nos da la

opción de configurar nuestra conexión con nuestro gestor de base de datos

y para ello solicita información como el host, database, username, password

y puerto. Para luego una vez creado el proyecto almacenar esta información

en el archivo parameters.yml ubicado dentro de la carpeta de configuración.

2.3. Resultados

Dada la demanda de los clientes de SEGURIDAD CIA. LTDA, pone a su

disposición su página web para el comercio electrónico tipo B2C, con sus

siguientes funcionalidades:

Tomando las fases de la metodología ICONIX, en la fase 1 se diseñaron el

modelo de dominio, diagrama de paquetes y los prototipos de interfaz de cada

ventana programada. En la fase 2 se obtuvo las fichas de requisitos de los

casos de uso y el respectivo diagrama de robustez , en la fase 3 se diseñó el

diagrama de secuencia y por último en la fase 4 utilizando como guía básica al

diagrama de componentes se comenzó con la programación de la aplicación

haciendo uso de PHP como lenguaje base y Symfony como framework.

La primera cara de la aplicación es una página de bienvenida (Ver Anexo 12),

donde presenta noticias e información destacada para acaparar la atención del

cliente y darle a conocer posibles promociones del momento.

Podrá navegar por todo el sitio sin necesidad de tener una cuenta o estar

registrado; podrá agregar productos al carrito (Ver Anexo 13) de compras hasta

que decida terminar la transacción.

15

Page 22: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

Para comenzar el proceso de pago si el usuario es nuevo, este deberá pasar

por el proceso de registro, donde se le pedirá información general (Ver Anexo

14) para poder generar la factura correspondiente. Una vez iniciada la sesión

del cliente se procede a pedir información de pago (Ver Anexo 15) entre ello su

número de tarjeta para su validación (Ver Anexo 16).

Realizado el pago, el cliente podrá verificar en su correo electrónico (el cual

ingresó al momento de registrarse) la factura emitida automáticamente luego

de realizar su compra y dando de baja al stock de cada uno de los productos

pertenecientes a la compra.

Por otro lado en el área administrativa se cuenta con la gestión de la ficha

técnica de productos (Ver Anexo 17), la cual permite la manipulación de toda la

información de un producto en específico, dando al usuario una forma fácil de

administrar la información.

16

Page 23: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

3. Conclusiones

Una vez finalizada la aplicación web para el comercio electrónico, se puede

decir que, se logró cumplir con cada punto propuesto en la demanda de

SEGURIDAD CIA. LTDA. ofreciendo al cliente información acerca de sus

productos. Siendo posible todo esto gracias a la metodología de desarrollo y al

framework que aportó con una funcionalidad impecable.

Siendo una página web, está se mantiene con información actualizada de los

productos que ofrece la empresa, ya que se comunica directamente con la

base de datos que se mantiene actualizada después de cada transacción.

Está solución dará la confianza a los clientes dándoles seguridad al realizar sus

compras ya que les garantiza que la empresa cuenta con el stock necesario

para realizar la venta y a su vez la facilidad de pago mediante un medio

electrónico.

17

Page 24: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

REFERENCIAS BIBLIOGRÁFICAS [1] J. Cordeiro, «El futuro de la tecnología y la tecnología del futuro,» Dialnet, vol. 4,

nº 2225-515X, p. 271, 2014.

[2] UTMACH, «PROBLEMA PRACTICO PROGT ING01,» OCTUBRE 2017. [En

línea]. Available:

https://drive.google.com/open?id=0BzQsf40yoIvbRmZjS1p5WDhnVTA. [Último

acceso: 10 NOVIEMBRE 2017].

[3] C. Aqueveque y C. Fernández, «El efecto de las características culturales de un

país en la adopción del Comercio Electrónico B2C.,» Dialnet, vol. 17, nº

2145-941X, pp. 39-64, 2015.

[4] G. Tarazona , V. Medina y L. Giraldo, «MODELO DE IMPLEMENTACIÓN DE

SOLUCIONES DE COMERCIO ELECTRÓNICO,» Redalyc, vol. 12, nº

1692-3324, pp. 131-143`, 2013.

[5] L. We, X. Shuyue y C. Shuangbao, «Improvement Method of SSL Protocol

Identity Authentication Based on the Attribute Certificate,» IEEE, vol. 1, nº

978-0-7695-4719-0, pp. 1154-1157, 2012.

[6] S. Petridou y S. Basagiannis, «Towards energy consumption evaluation of the

SSL handshake protocol in mobile communications,» IEEE, vol. 1, nº

978-1-4577-1721-5, pp. 135-168, 2012.

[7] I. Naas, «La página web,» Redalyc, vol. 24, nº 0798-0582, p. 191, 2012.

[8] J. Molina, M. Zea, M. Contento y F. García, «Estado del arte: Metodologías de

desarrollo en aplicaciones web.,» Revista Latinoamericana de Ingenieria de

Software., vol. 6, nº 2254-4143, pp. 54-71, 2017.

[9] A. Miños, «Uso didáctico de estrategias inductivas en un curso introductorio de

programación estructurada.,» Dialnet, vol. 1, nº 0121-3814, pp. 95-100, 2016.

[10] R. Fitri y A. Irwan, «Implementation of biological diversity information system for

sustaina environment in campus,» IEEE, vol. 1, nº 978-1-4673-5963-4, pp.

244-248, 2013.

[11] C. González y R. Vargas, «Editor web visual para HTML, CSS y JavaScript de

apoyo a la docencia,» Dialnet, vol. 8, nº 1853-6530, pp. 136-152, 2017.

[12] J. Raigoza y R. Thakkar, «Browser Performance of JavaScript Framework,

SAPUI5 & jQuery,» IEEE, vol. 1, nº 978-1-5090-5510-4, pp. 1420-1421, 2016.

18

Page 25: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

[13] S. Bolaños, R. González, V. Medina y J. Barón , «Conceptual framework

language – CFL –,» Dialnet, vol. 81, nº 0012-7353, pp. 124-131, 2014.

[14] J. Qian, «The research on intelligent system of digital publishing based on the

framework of Symfony2.0,» IEEE, vol. 1, nº 978-1-14799-3277-1, pp. 796-799,

2014.

[15] I. Afyouni, C. Ray, S. Ilarri y C. Claramunt, «A PostgreSQL extension for

continuous path and range queries in indoor mobile environments,»

ScienceDirect, vol. 1, nº 1574-1192, pp. 1-23, 2013.

[16] S. Sultana y D. Sunanda, «Indexes in PostgreSQL,» IEEE, vol. 1, nº

978-1-5090-5960-7, pp. 512-515, 2017.

[17] T. Neild y M. Jones, Windows Server 2012 R2: Administración avanzada, ENI,

2014.

[18] J. Márquez, L. Sampedro y V. Félix, «Instalación y configuración de Apache, un

servidor Web gratis,» Redalyc, vol. 1, nº 0122-3461, pp. 10-23, 2002.

[19] A. Navarro, J. Fernández y J. Morales, «Revisión de metodologías ágiles para el

desarrollo de software,» Redalyc, vol. 11, nº 1692-8261, pp. 30-39, 2013.

[20] L. Amavizca, A. García, E. Jiménez, G. Duarte y J. Vázquez, «Aplicación de la

metodología semi-ágil ICONIX para el desarrollo de software: implementación y

publicación de un sitio WEB para una empresa SPIN - OFF en el Sur de Sonora,

México.,» 22 Julio 2014. [En línea]. Available:

http://www.laccei.org/LACCEI2014-Guayaquil/RefereedPapers/RP246.pdf.

[Último acceso: 10 Noviembre 2017].

[21] J. Molina, M. Zea, J. Honores y A. Gómez, «Analysis Methodologies Web

Application Development,» SCOPUS, vol. 11, nº 0973-4562 , pp. 9070-9078,

2016.

[22] M. Zea, M. Valarezo, J. Molina y M. Contento, «Analysis of Upper CASE Tools in

Software Design Process,» SCOPUS, vol. 11, nº 0973-4562 , pp. 9377-9384,

2016.

[23] ICONIX, «Manual Introductorio de Iconix,» 2013. [En línea]. Available:

http://ima.udg.edu/~sellares/EINF-ES2/Present1011/MetodoPesadesICONIX.pdf.

[Último acceso: 10 Noviembre 2017].

19

Page 26: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

ANEXOS

Anexo 1 Ilustración 1: Ventajas de PHP 5

Elaborado por: El Autor Anexo 2 Ilustración 2: Modelo Entidad Relación

Elaborado por: El Autor

20

Page 27: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

Anexo 3 Ilustración 3: Modelo Relacional

Elaborado por: El Autor Anexo 4 Ilustración 4: Caso de uso - Generación de compra

Elaborado por: El Autor

21

Page 28: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

Anexo 5 Ilustración 5: Modelo de Dominio

Elaborado por: El Autor Anexo 6 Ilustración 6: Diagrama de paquetes

Elaborado por: El Autor

22

Page 29: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

Anexo 7 Ilustración 7: Prototipo - Catálogo

Elaborado por: El Autor Anexo 8 Ilustración 8: Ficha de caso

Elaborado por: El Autor Anexo 9 Ilustración 9: Diagrama de Robustez

Elaborado por: El autor

23

Page 30: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

Anexo 10 Ilustración 10: Diagrama de Secuencia

Elaborado por: El Autor Anexo 11 Ilustración 11: Diagrama de componentes

Elaborado por: El Autor

24

Page 31: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

Anexo 12 Ilustración 12: Pantalla de bienvenida a la página

Elaborado por: El Autor Anexo 13 Ilustración 13: Añadir productos al carrito de compras

Elaborado por: El Autor

25

Page 32: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

Anexo 14 Ilustración 14: Registro de un cliente

Elaborado por: El Autor Anexo 15 Ilustración 15: Registro de información de pago del cliente

Elaborado por: El Autor Anexo 16 Ilustración 16: Validación de tarjeta de crédito

Elaborado por: El Autor

26

Page 33: UNIDAD ACADÉMICA DE INGENIERÍA CIVIL CARRERA DE …repositorio.utmachala.edu.ec/bitstream/48000/12245/1/TUAIC_2017_… · transacción de productos a través de la red, la aplicación

Anexo 17 Ilustración 17: Administración de ficha técnica

Elaborado por: El Autor

27