UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES IBARRA”
FACULTAD DE SISTEMAS MERCANTILES
CARRERA DE SISTEMAS
PROYECTO DE EXAMEN COMPLEXIVO PREVIO A LA OBTENCIÓN DEL TÍTULO DE INGENIERO EN SISTEMAS E
INFORMÁTICA
TEMA:
APLICACIÓN WEB PARA LA GESTIÓN DE COMPRA Y VENTAS EN LA EMPRESA HABBILLY DECORACIÓN.
AUTOR: VILLAVICENCIO MOLINA LENIN JOSÉ ASESOR: ING. LUIS ANTONIO LLERENA OCAÑA
CERTIFICACIÓN DEL ASESOR
El Ing. Luis Llerena, Asesor en el desarrollo proyecto de examen complexivo previo a
la obtención del Título de Ingeniero en Sistemas e Informática el cual consiste en el “APLICACIÓN WEB PARA LA GESTIÓN DE COMPRA Y VENTAS EN LA EMPRESA HABBILLY DECORACIÓN”. Manifiesta que la presente investigación de proyecto de Examen Complexivo de Grado ha sido realizada por el estudiante,
Villavicencio Molina Lenin José y sometida a revisión, por lo tanto autorizo la
presentación para la defensa.
Ibarra, Febrero del 2016
---
Ing. Luis Llerena
C.C: 1803971371
DECLARACIÓN DE AUTORÍA DE PROYECTO DE EXAMEN COMPLEXIVO
Yo Lenin Villavicencio, declaro que he trabajado en el presente Proyecto de examen de
Grado en el cual el tema es “APLICACIÓN WEB PARA LA GESTIÓN DE COMPRA
Y VENTAS EN LA EMPRESA HABBILLY DECORACIÓN”. El mismo que es de mi
originalidad y autoría; la cual he sometido a revisión por parte del Ing. Luis Llerena
Asesor del Proyecto de examen complexivo de Grado previo a la obtención del Título
de Ingeniero en Sistemas e Informática.
Ibarra, Febrero del 2016
Sr. Lenin Villavicencio
DEDICATORIA
Dedico este logro alcanzado principalmente a Dios quien me dio la oportunidad de vivir
y darme una familia maravillosa, por estar conmigo en cada paso que doy y por
permitirme llegar a este punto tan importante de mi formación profesional, le agradezco
también y por haber puesto en mi camino a todas aquellas personas que han sido mi guía
y apoyo en mi vida estudiantil.
Con mucho amor a mis padres quienes me dieron la vida y han estado conmigo en todo
momento y que gracias a ellos soy quien soy, por sus buenos consejos, por su apoyo
incondicional en los buenos y difíciles momentos, por su comprensión, por su amor.
Gracias por darme todo lo que soy, mis valores, mis principios, mi perseverancia, mi
coraje para salir adelante y conseguir mis objetivos, gracias a ustedes soy los que soy.
A mis hermanos por estar siempre presente apoyándome, guiándome por el camino del
bien, de los cuales aprendí aciertos y momentos difíciles y que gracias a su apoyo pude
salir adelante.
A mis maestros quienes marcaron cada etapa de mi vida estudiantil y que me ayudaron
en la asesoría y culminación de esta etapa estudiantil.
La dicha de la vida consiste en tener siempre algo que hacer, alguien a quien amar y
alguna cosa que esperar.
AGRADECIMIENTO
A Dios por ser la fortaleza en mi vida y guiarme a culminar esta meta propuesta.
A mis queridos padres y hermanos quienes han sido el pilar fundamental para seguir
adelante, quienes me han inculcado valores y han sabido creer en mí, apoyándome
siempre en las buenas y en las malas.
A Mayra Janeth Caicedo Revelo, Gerente Propietaria de la empresa HABBILLY
DECORACION, por su apoyo incondicional, por sus consejos, por ser una guía en este
camino de superación, por ser una parte muy importante en el camino de mi vida y
superación personal y profesional.
A la Universidad Regional Autónoma de los Andes “UNIANDES” por darme la
oportunidad de crecer como persona y por mi formación estudiantil y profesional.
De manera muy especial extiendo mi gratitud al Sr. Ing. Luis Llerena; asesor de este
trabajo de titulación, quien supo orientarme en la elaboración y culminación de este
trabajo de grado, quien con su paciencia y sabiduría supo guiarme y cumplir con las
expectativas planteadas.
ÍNDICE GENERAL CERTIFICACIÓN DEL ASESOR
DECLARACIÓN DE AUTORÍA DE PROYECTO DE EXAMEN COMPLEXIVO ÍNDICE GENERAL
ÍNDICE DE TABLAS ÍNDICE DE GRÁFICOS RESUMEN EJECUTIVO
1. INTRODUCCIÓN ... 1
1.1. Antecedentes de la Investigación ... 1
1.2. Planteamiento del problema ... 2
1.3. Formulación del Problema ... 3
1.4. Delimitación del problema ... 3
1.5. Identificación de la línea de Investigación ... 3
1.6. Objetivo General ... 3
1.7. Objetivos Específicos ... 4
1.8. Idea a defender ... 4
1.9. Justificación del tema ... 4
2. CAPITULO 1 ... 8
2.1.1. Web ... 8
2.1.2. HTML ... 10
2.1.3. Comercio Electrónico ... 12
2.1.3.1. Business to Business (B2B) ... 13
2.1.3.2. Consumer to Consumer (C2C) ... 14
2.1.3.3. Business to Consumer (B2C) ... 15
2.1.3.4. C2B o Consumer to Business ... 16
2.1.3.5. A2B Administration to Business ... 16
2.1.3.6. Business to Administration (B2A) ... 17
2.1.3.7. A2C Administration to Consumer ... 17
2.1.3.8. Situación actual del comercio electrónico ... 18
2.1.5. Lenguaje PHP ... 22
2.1.5.1. Características fundamentales del lenguaje PHP ... 23
2.1.6. Sistema de Bases de datos ... 25
3. CAPÍTULO II ... 37
3.1. DESARROLLO DE LA PROPUESTA ... 37
3.1.4. Metodología de desarrollo ... 37
3.1.5. Análisis Previo ... 38
3.1.5.1.1. Actores del Sistema ... 39
3.1.5.1.2. Caso de uso Sistema (Usuario Visitante) ... 41
3.1.5.1.3. Casos de uso Sistema (Usuario registrado-Cliente) ... 44
3.1.5.1.4. Caso de Uso Administración (sesión) ... 47
3.1.5.1.5. Caso de Uso Administración (productos) ... 49
3.1.5.1.6. Caso de Uso Administración (clientes) ... 50
3.1.5.1.7. Caso de Uso Administración (pedidos) ... 52
3.1.6.1. Diseño de la Base de Datos ... 56
3.1.6.3.1. Modelo Físico ... 59
3.1.6.3.2. Script de la Base de Datos ... 60
3.1.7. Desarrollo ... 62
3.1.7.1. Conexión ... 62
3.1.7.2. Formulario Principal ... 62
3.1.8. Pruebas ... 65
3.1.8.1. Definición ... 65
3.1.8.2. Objetivo de Pruebas ... 65
3.1.8.2.1. Control de Calidad del Software ... 66
3.1.8.2.2. Métricas de Proceso y Proyecto ... 66
3.1.8.2.3. Métricas de Dominios y del Proceso del Proyecto ... 66
3.1.8.2.4. Métricas para el Proceso y Mejora de Software ... 67
3.1.8.2.5. Determinantes para la Calidad y Eficacia del Software ... 67
3.1.8.2.6. Métricas del Proyecto ... 67
3.1.8.2.7. Medición del software ... 68
3.1.8.2.8. Métricas Orientadas al Tamaño ... 68
3.1.8.2.13.Corrección ... 70
3.1.8.2.17.Rango de evaluaciones ... 73
3.1.8.3. Prueba de Verificación ... 73
3.1.8.5. Prueba de funcionalidad ... 75
3.1.8.7. Prueba de usabilidad ... 76
3.1.8.8. Prueba de portabilidad ... 77
3.1.8.9. Prueba de tolerancia a fallos... 78
3.1.8.14. Resultados Obtenidos ... 81
3.2. Conclusiones y Recomendaciones ... 82
3.2.1. Conclusiones ... 82
3.2.2. Recomendaciones ... 83
Bibliografía ÍNDICE DE TABLAS Tabla 1- Consultar Categoría ... 41
Tabla 2- Buscar producto ... 42
Tabla 3- Consultar producto ... 42
Tabla 4- Reservación ... 43
Tabla 5- Añadir producto reservación ... 43
Tabla 6- Eliminar reservación ... 44
Tabla 7- Iniciar Sesión ... 45
Tabla 8- Cerrar Sesión... 45
Tabla 9- Consultar usuario ... 46
Tabla 10- Modificar usuario ... 46
Tabla 11- Realizar pedido ... 47
Tabla 12- Iniciar sesión Admin ... 48
Tabla 13- Cerrar sesión Admin ... 48
Tabla 14- Consultar productos Admin ... 49
Tabla 15- Modificar productos Admin ... 50
Tabla 16- Registro Usuario (Admin) ... 51
Tabla 17- Modificación – Cliente o usuario (Admin) ... 51
Tabla 18- Baja – Cliente o usuario (Admin) ... 52
Tabla 19- Alta pedido ... 53
Tabla 21- Baja pedido ... 54
Tabla 22- Diseño de interfaces ... 55
Tabla 23- Rango de Evaluaciones ... 73
Tabla 24-Pruebas de Verificación ... 74
Tabla 25-Pruebas de Validación ... 74
Tabla 26- Prueba de Funcionalidad ... 75
Tabla 27- Pruebas de Confiabilidad ... 76
Tabla 28- Pruebas de Usabilidad ... 77
Tabla 29- Pruebas de Portabilidad ... 78
Tabla 30- Pruebas de Tolerancia a Fallos ... 78
Tabla 31- Pruebas de Tiempo de Respuesta ... 79
Tabla 32- Pruebas de Flexibilidad ... 80
Tabla 33- Prueba de Interoperabilidad ... 80
Tabla 34- Resultado de Pruebas ... 81
ÍNDICE DE GRÁFICOS GRÁFICO 1- Comercio Electrónico ... 13
GRÁFICO 2- Caso de Uso Actores ... 39
GRÁFICO 3- Caso de Uso administrador ... 40
GRÁFICO 4- Caso de uso Usuario ... 41
GRÁFICO 5 - Caso de uso Usuario Registrado/cliente ... 44
GRÁFICO 6- Caso de uso Administración Sesión ... 47
GRÁFICO 7- Caso de uso Administración Productos ... 49
GRÁFICO 8- Caso de uso Administración Clientes ... 50
GRÁFICO 9- Caso de uso Administración pedidos ... 52
GRÁFICO 10- Flujo de datos nivel 0 ... 56
GRÁFICO 11- Flujo de datos nivel 1 ... 57
GRÁFICO 12- Modelo Lógico BDD ... 58
GRÁFICO 13- Modelo Físico BDD ... 59
GRÁFICO 14- Navegador de Internet ... 4
GRÁFICO 15- URL de Internet ... 4
GRÁFICO 16- Página de Inicio Habbilly Decoración ... 5
GRÁFICO 17- Menú de Procesos ... 5
GRÁFICO 18- Administración de Clientes ... 6
GRÁFICO 19- Factura Compras ... 6
GRÁFICO 20- Factura Ventas ... 7
RESUMEN EJECUTIVO
La realización de la Aplicación Web para la Gestión de Compra y Ventas en la Empresa
Habbilly Decoración, ha sido creada e implementada con la finalidad de cumplir con las
normas establecidas para lograr de esta forma el realce de la empresa y a su vez dar una
mejor atención al cliente y crear un mejor funcionamiento laboral, logrando así ser una
empresa más competitiva ante el mundo del comercio.
El presente proyecto se lo realizó con la finalidad de implementar un sistema
informático para la gestión de Compra y Ventas de productos en la empresa “HABBILLY DECORACIÓN” de la ciudad de Ibarra, lo cual permita un control
adecuado de la compra y venta de los diferentes productos y a su vez la emisión de sus
respectivos comprobantes de pago; el sistema informático permite a la empresa ser más
competitiva y de esta manera crecer ante el mundo del comercio innovando a sus
clientes con nuevos productos, ofertas y descuentos.
Se ha implementado una aplicación web para la gestión de los productos de la empresa “HABILLY DECORACIÓN” la misma que permite mejorar los procesos de
comercialización, reduce el tiempo de compra para el usuario, permite tener un control
adecuado de los diferentes pedidos, agiliza la atención al cliente, permite un control
adecuado de los productos existentes en bodega. La implementación de la aplicación
web permite a la empresa mejorar las transacciones de una manera confiable y segura
tanto para la empresa como para el cliente.
Se ha visto que el cambio tecnológico y el auge de nuevas formas de comunicación
avanzan notablemente es por esto que es muy importante que la empresa cuente con este
su mercadería y a su vez permitirá la promoción de la empresa y sus productos de
manera permanente, de igual forma permitirá la ampliación de mercados tanto a nivel
ABSTRACT
The deployment of a web system in the managment to purchase and sale at the company
"Habbilly Decoración" in the city of Ibarra was created in order to increase the sales as
well as offer better service to customers. Moreover, it is an importan tool to get a better
job perfomance by achieving competirivity in today's commerce world.
Thts research was made in order to deploy a compuer system for managing products'
purchases and sales in the company "Habbüly decoración" in the city of Ibarra. This
fírm provides good service and adecúate control when buying and selling various
products. The proposal also helps issuing rcceipts by offéring innovation to its
customers, new products and discounts.
The proposal is important because manages the company's products by improving
marketing processes, reducing purchasing time, keeping control of orders, keeping in
order the warehouse. Consequently, the deployment of this web systems gives
transactions confídence for both the company and customers.
It has been found that technological changes and communication ways are increasing so
far, that's why it is very important to get systems that allow sales people keeping control
of their goods, debts and clients. This proposal benefits the company in order to expand
business locally and nationally.
1
1. INTRODUCCIÓN
1.1. Antecedentes de la Investigación
“HABBILLY DECORACIÓN” es una empresa enfocada a la compra y venta de tarjetería
fina, así como también a la personalización de artículos para todo tipo de fiestas, es además
una empresa que ofrece servicio de decoración y ambientación de interiores para bodas,
cumpleaños, baby shower, bautizos, primera comunión, etc.
Las aplicaciones web se han convertido en muy poco tiempo en una de las oportunidades
de negocio y administración más importantes para las empresas e instituciones permitiendo
a los entes involucrados manejar de manera óptima los diferentes procesos puesto que las
Aplicaciones Web permiten tener un avanzado sistema de consultas, modificaciones de
datos provenientes de las diferentes áreas de la institución permitiendo de esta manera tener
la información actualizada, también otorga la flexibilidad para determinar el acceso según
la confidencialidad de los datos así como la transacción de datos seguros.
Este presente informe se encuentra dividido en tres partes fundamentales:
El objeto de Transformación que consiste en determinar las necesidades que posee el área
administrativa en cuanto se refiere a la gestión de compra y ventas en la empresa “HABBILLY DECORACIÓN”.
La utilización de una metodología es muy importante en el desarrollo de Aplicaciones Web
debido a que permite detectar falencias en las fases de elaboración, así como también
2
implementar la aplicación permitiendo cumplir con las diferentes etapas de manera eficaz
para evitar cambios futuros.
Para el desarrollo de una aplicación web es necesaria la utilización de una Base de Datos la
cual permitirá almacenar los mismos de manera organizada, flexible y evitando la
duplicidad de datos.
1.2. Planteamiento del problema
En la actualidad la empresa HABBILLY DECORACIÓN no cuenta con un sistema de
pedidos y reservaciones, lo hace de forma manual y empírica, ocasionando en varias
ocasiones falencias a la hora de gestionar los diferentes pedidos que realiza diariamente ya
que la escritura del personal encargado no siempre es legible y de fácil entendimiento
ocasiona conflictos a la hora de emitir las notas y facturas solicitadas por los cliente.
En varias ocasiones los clientes al realizar los diferentes pedidos solicitan un catálogo de
nuevos productos o descuentos existentes, promociones o asesoramiento en sus
decoraciones, el personal al no poseer un inventario o un registro digital de los productos
existentes en stock, no permite dar un buen servicio de manera oportuna y eficaz, debido a
que desconocen el numérico exacto de los diferentes tipos de productos que posee la
empresa, ocasionando inconformidad en los clientes, por lo que en reiteradas ocasiones
dichos clientes han realizado reclamos por sus falencias en los servicios prestados.
La empresa HABBILLY DECORACIÓN al no contar con una aplicación web que le
permita gestionar la mercadería que posee y dar a conocer sus productos, promociones,
servicios e información de la empresa hace que su integración en el campo comercial no
3
Debido a la gran competencia que existe en el mercado hoy en la actualidad por parte de las
diferentes empresas, existe la necesidad de darse a conocer y ofertar los productos y
servicios que posee la empresa esto le permitirá crecer y estar a la par en el ámbito
comercial y poder competir al mismo nivel con las demás empresas.
1.3. Formulación del Problema
¿Cómo mejorar la Gestión de Compra y Ventas de la Empresa HABBILLY
DECORACIÓN?
1.4. Delimitación del problema
Objeto de Investigación: Procesos informáticos
Campo de Acción: Sistemas de Información.
El proceso investigativo se llevó a cabo en la empresa HABBILLY DECORACIÓN de la
ciudad de Ibarra donde se registró los síntomas expuestos, se trabajó con la información
generada por la misma durante los años 2014-2015.
1.5. Identificación de la línea de Investigación Desarrollo de software y programación de sistemas
1.6. Objetivo General
4 1.7. Objetivos Específicos
Analizar fuentes bibliográficas referentes a portales web y sus herramientas de
desarrollo y fundamentar teóricamente los procesos que se llevan a cabo en el
comercio electrónico.
Diseñar una aplicación web para la gestión de compra y ventas en la Empresa
“HABBILLY DECORACIÓN”.
Validar la propuesta.
1.8. Idea a defender
¿Cómo mejorar los procesos en la Gestión de Compra y Ventas en la Empresa HABBILLY
DECORACIÓN?
1.9. Justificación del tema
Con el desarrollo de esta Aplicación Web se podrá obtener un mejor manejo de la
información que posee la empresa HABBILLY DECORACIÓN a través de inventarios ya
que ayudara al mejoramiento comercial, además el acceso de la información será
permanente permitiendo al usuario hacer uso de la misma cuando crea conveniente, de la
misma manera el usuario podrá visualizar los diferentes pedidos realizados por parte de la
empresa y sus clientes, también es posible realizar un control claro de ventas para de esta
manera tomar decisiones ante las necesidades de los diferentes artículos y materiales y así
cumplir con las exigencias de la clientela, esta aplicación web permitirá manejar de mejor
manera los datos, evitando un almacenamiento masivo de archivos físicos los cuales
5
Esta propuesta está basada en los lineamientos que rige la Empresa cumpliendo con las
diferentes líneas de investigación como son, base de datos, redes y sistemas de información,
este tipo de aplicaciones son de vital importancia para la empresa ya que de esta manera
puede ser más competitiva y cumplir con las expectativas de la misma, es por esto que la
automatización ayudara a cumplir estos objetivos que le permitirá crecer y estar a la par en
el ámbito comercial y poder competir al mismo nivel con las demás empresas.
1.10. Metodología investigativa a emplear
La metodología investigativa ayuda a determinar y analizar las diferentes necesidades que
tiene la empresa, así como también permite conocer más a fondo los procesos con los que
cuenta la empresa y sus falencias para posterior buscar una solución a las mismas a través
de esta investigación bibliográfica, en el desarrollo de este proyecto se emplea la
metodología inductiva la misma que permite profundizar dichos procesos mismos que
posterior serán analizados y procesados para de esta manera desarrollar un sistema que
cumpla con las expectativas y necesidades del usuario.
1.11. Resumen de la estructura del proyecto 1.11.1.Introducción
La introducción en el desarrollo de este proyecto nos permite conocer una breve reseña
histórica de la empresa en la cual nos vamos a enfocar para su estudio, así como también
permite describir y plantear la problemática existente en la empresa y su delimitación, se
busca también en esta fase plantear los objetivos planteados para el desarrollo de dicho
sistema, buscando una solución a los problemas existentes con una idea a defender la
misma que presenta los beneficios y las mejoras tanto para el manejo de personal como
6
problemática en la empresa el investigador tendrá un panorama más claro para dar solución
a la propuesta y su justificación.
1.11.2.Capitulo I. Fundamento teórico conceptual de la propuesta
El fundamento teórico conceptual de esta propuesta, permite el estudio riguroso y continuo
del tema a través de diversas metodologías de investigación, para este proyecto se ha
utilizado una investigación bibliográfica la cual permite profundizar explícitamente en la
lógica del desarrollo del proyecto y la fundamentación teórica la cual busca darle un
aspecto significativo y coherente, el cual permite al investigador desarrollar diversas
actividades para el planteamiento correcto como desglosar, desarrollar, analizar y definir el
problema de estudio, la investigación propuesta para el cumplimiento de los requerimientos
a este proyecto permite dar una continuidad de la redacción para sustentar el trabajo
realizado.
1.11.3.Capitulo II. Desarrollo de la propuesta
El desarrollo de la propuesta planteada es uno de los pasos más importantes del desarrollo
del proyecto ya que esta propuesta es la guía principal de la investigación, la cual al estar
bien planteada con los argumentos necesario lograra y facilitara el desarrollo de la misma,
en esta fase radica de forma explícita los diferentes procesos que existe en la problemática
planteada y la idea a defender, la presente propuesta permite también buscar una
alternativa de solución al mejoramiento y desarrollo a nivel empresarial de los diferentes
procesos que realiza la empresa, en esta fase se utiliza los casos de uso mismos que detallan
de manera correcta y funcional de los procesos para un mejor entendimiento por parte del
7 1.12. Aporte teórico y significación práctica.
El aporte teórico en el desarrollo de esta aplicación permite delimitar de una manera fácil
cada uno de los procesos, como también permite realizar el planteamiento y alternativas
para la implementación del sistema para la gestión de compra y venta de productos en la
cual se aplicará los conocimientos adquiridos teóricamente con la finalidad de optimizar los
diferentes procesos que existen en esta área.
Al implantar la aplicación web para la gestión de compra y ventas en la empresa
HABBILLY DECORACIÓN ayudará de una manera automatizada a optimizar los
procesos de compras y ventas que se lo realiza de manera empírica por parte del personal
administrativo minimizando así el tiempo de ejecución y llevando de una manera segura y
transparente los datos almacenados.
Al desarrollar la aplicación web con software libre se vuelve novedoso puesto que son
herramientas gratuitas y a la vez potentes y robustas para el desarrollo de sistemas
informáticos permitiendo también a las empresas de bajos recursos económicos adquirir
con facilidad este tipo de software de desarrollo, además la aplicación web será ejecutada a
través de un puerto seguro permitiéndole de esta manera al usuario realizar los diferentes
procesos de manera confiable puesto que este tipo de seguridad es realizado bajo nivel de
servidor, para la utilización de la tecnología RÍAS se utiliza AJAX permitiendo de esta
manera a la aplicación ser altamente compatible con la mayoría de sistemas operativos,
8
2. CAPITULO 1
2.1. FUNDAMENTO TEÓRICO CONCEPTUAL DE LA PROPUESTA 2.1.1.Web
Según (Ramos, 2011) internet es una gran red mundial de ordenadores conectados que,
como todas las redes, permite compartir recursos e intercambiar información. Opodemos
comunicarnos con personas ubicadas en diferentes partes del mundo, ya sea por motivos
personales, de trabajo, académico o simplemente de ocio. En esta gran red mundial, los
ordenadores están unidos a través de conexiones de varios tipos y para comunicarse utilizan
un lenguaje o protocolo común, el TCP/IP.
Los conceptos de internet y web a menudo se confunden y se tiende a creer que son lo
mismo, pero en realidad son diferentes. Internet engloba a las tecnologías que hacen posible
que los ordenadores ubicados en diferentes lugares del mundo se conecten entre sí y puedan
compartir información. Esta conexión es posible mediante cables, módems, líneas de
telefónicas, routers, protocolos, etc. A todo este conjunto de tecnologías se le llama
internet, la web es solo uno de los servicios que proporciona internet.
(Cabello, 2015) manifiesta que un sitio web debe verse como un conjunto complejo en el
que van a coexistir o vivir distintos sistemas que deben estar integrados entre sí (a modo de
ejemplo, se pueden citar bases de datos, servidores, redes, componentes de copias de
seguridad, reglas de acceso, etc.). Es por ello que las aplicaciones deben ser diseñadas sobre
9
Para el desarrollo web, es necesaria una gran base sobre las tecnologías que se pueden
aplicar, sabiendo cuál puede ser más fácil y más cómoda de trabajar. Por ello es necesario
tener nociones de.
Lenguaje de programación.
Bases de datos.
Protocolo TCP/IP.
Lenguaje HTML.
Lenguaje XML.
VENTAJAS DE UNA APLICACIÓN WEB
No es necesario instalar nada de parte del cliente.
No es necesario que el cliente actualice nada.
No hay problema de actualización de versiones. Todos usan la misma versión.
Centralización de información.
No se requiere un sistema operativo determinado, ni software ni hardware
determinado.
Se puede trabajar donde se quiera siempre que se disponga de un equipo y conexión de
10 DESVENTAJAS DE UNA APLICACIÓN WEB
Requiere de una conexión de red.
Su desarrollo es complejo, dado que hay que garantizar la compatibilidad con los
sistemas operativos, software y hardware de los clientes.
Su tiempo de respuesta suele ser algo más lento, aunque hoy en día la capacidad de
respuesta no tiene nada que envidiar a las aplicaciones de escritorio.
2.1.2.HTML
Según (Juan Diego Gauchat, 2012), HTML5 no es una nueva versión del antiguo lenguaje
de etiquetas, ni siquiera una mejora de esta ya antigua tecnología, sino un nuevo concepto
para la construcción de sitios web y aplicaciones en una era que combina dispositivos
móviles, computación en la nube y trabajos en la red. El limitado objetivo de HTML
motivó a varias compañías a desarrollar nuevos lenguajes y programas para agregar
características a la web nunca antes implementadas, de las opciones propuestas, java y flash
fueron las más exitosas, ambas fueron masivamente adoptadas y ampliamente consideradas
como el futuro de internet; el mayor inconveniente de Java y Flash fue la falta de
integración.
HTML5 es, de hecho, una mejora de esta combinación ya que propone estándares para cada
aspecto de la web y también un propósito claro para cada una de las tecnologías
involucradas. A partir de ahora, HTML provee los elementos estructurales, CSS se
encuentra concentrado en como volver esa estructura utilizable y atractiva a la vista, y
11
web completamente funcionales, cabe indicar que no todos los navegadores soportan
HTML5 y la mayoría de sus funciones se encuentran actualmente en estado de desarrollo.
HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca
fue declarado oficialmente pero, incluso cuando algunas APIs (Interface de Programación
de aplicaciones) y la especificación de CSS3 por completo no son parte del mismo,
HTML5 es considerado el producto de la combinación de HTML, CSS y JavaScript. Estas
tecnologías son altamente dependientes y actúan como una sola unidad organizada bajo la
especificación de HTML5.
(Luca, 2011) manifiesta que hay que tener en cuenta que en HTML5 se introducen algunos
cambios importantes en ciertos elementos y también en algunos atributos, si se utiliza <a>
sin aplicar href, estaremos aplicando un enlace al propio sitio. En el caso de <address>, se
emplea para secciones; la etiqueta <b> es para aplicar estilo, pero no tiene importancia
(como la tiene <strong>) para enfatizar. La etiqueta <menú> se redefinió para que pueda
ser empleada con los nuevos tipos de menú. En cambio la etiqueta <small> se usa para
comentarios al margen o impresiones que utilizan tipografías de pequeño tamaño.
Según (Lancker, 2013) HTML5 es menos formalista que html 4.0 o que xhtml 1.0, sigue
siendo indispensable validar el código fuente. Las ventajas de un código fuente perfecto y
por tanto de la validacion son:
Comprensión y verificación en profundidad de html5 por parte de programadores
12
Asegurar que la página se mostrará siempre de la forma correcta en la mayoría de los
navegadores. Una página inválida puede llevar a dos navegadores distintos a
interpretarla de forma muy diferente.
Demostracion de su propia capacidad y profesionalidad a la hora de realizar un código
de calidad, conforme a los estandares de html5.
2.1.3.Comercio Electrónico
Según (Jiménez, 2014) la irrupción de internet modificó sustancialmente la forma de hacer
negocios en la década de los noventa. Junto al resto de nuevas tecnologías de la
información y de las comunicaciones (TIC) permite modificar la forma de relacionarse de
las empresas y, por tanto, las actividades de distribución y marketing en general. La red no
supone más que una adaptación de las formas tradicionales de relación, incluyendo las
ventajas y caracteristicas de sistema abierto e interactividad que aporta la misma.
El e-business, o negocio electrónico, engloba el conjunto de actividades lucrativas que se
desarrollan a través de las TIC. De tal forma, una empresa realiza e-business desde el
momento en el que empieza a mantener relaciones con sus clientes utilizando este tipo de
tecnologías, mediante internet. El e-business incluye: la gestión de relaciones con los
clientes, que son sistemas empleados para mejorar el servicio al cliente y tratar de
retenerlo; la gestión del canal de distribución por medio de sistemas informáticos
interconectados.
El Comercio es el intercambio de productos o servicios por una determinada cantidad de dinero, que requiere el “contacto físico” entre comprador y vendedor. El comercio
13
comprador y vendedor en el momento de la transacción, ya que ésta se realiza por medios
electrónicos.
MODALIDADES DE COMERCIO ELECTRÓNICO
Promotores
Destinatarios
Consumidores Empresas Administraciones
Públicas
Empresas B2C B2B B2A
Consumidores C2C C2B C2A
Administraciones Públicas
A2C A2B A2A
GRÁFICO 1- Comercio Electrónico Fuente: Martínez-López y Maraver
2.1.3.1. Business to Business (B2B)
Se basa en las transacciones comerciales y la transmisión de información entre dos
empresas. Suponen el mayor volumen de tráfico de comercio electrónico en la actualidad,
esperándose que el futuro mantenga su papel predominante. Algunos aspectos básicos
realizados son el envío de documentos tales como pedidos de compra o facturas.
Abarca, tanto el comercio electrónico de bienes o servicios, como las transacciones de
información relacionada con procesos comerciales entre empresas, lo que se llama
e.business.
Es una evolución de los procesos de intercambio electrónico de datos, ya existentes antes
14 2.1.3.2. Consumer to Consumer (C2C)
Se lleva a cabo entre consumidores, bien sea mediante el intercambio de correos
electrónicos o a través de tecnologías P2P (peer to peer). Una de las estrategias más
comunes del comercio C2C para Internet viene definida por aquel tipo de negocio cuyo
objetivo es facilitar la comercialización de productos y/o servicios entre particulares.
Se refiere al comercio electrónico entre empresas y consumidores finales. Es lo que
normalmente todo el mundo entiende por comercio electrónico.
VENTAJAS
Facilita la compra – venta de artículos de uso y/o excedentes.
Facilita la incorporación de pequeños vendedores al mercado.
Facilita la compra de artículos escasos o especiales.
Es un factor de crecimiento del mercado.
Rompe barreras geográficas.
DESVENTAJAS
El servicio al comprador puede ser de baja calidad.
El artículo recibido puede diferir de exhibido.
Potencial para distintas formas de fraude.
15 2.1.3.3. Business to Consumer (B2C)
Se refiere a la estrategia que desarrollan las empresas comerciales para llegar directamente
al cliente o usuario final. Son sitios de venta al detalle, la característica principal de los
sitios B2C es la tienda virtual, la cual provee el visitante de la información sobre los
productos y un medio para hacer el pedido.
B2C permite la eliminación de intermediarios de clientes tradicionales y la venta de
productos directamente al cliente.
VENTAJAS
La compra suele ser más rápida.
Las ofertas y los precios están siempre actualizados.
Los centros de atención al cliente están integrados en la web.
Las telecomunicaciones por banda ancha han mejorado le experiencia de compra.
DESVENTAJAS
Las comisiones por este sistema de cobro suelen ser más altas que comprando
físicamente.
Posibilidad re reclamaciones.
Intentos de fraudes internacionales.
16 2.1.3.4. C2B o Consumer to Business
Se refiere a comercio electrónico entre consumidores y empresas, en las que el consumidor,
o un grupo de ellos, emplean Internet para conseguir productos a mejores precios o con
mejores condiciones. La forma usual de funcionamiento es una especie de puja en la que
los usuarios hacen una petición y las empresas hacen ofertas.
CARACTERÍSTICAS
Acciones directas.
Consumo colaborativo.
Segmentación detallada.
Interacción.
Bidireccionalidad.
2.1.3.5. A2B Administration to Business
Es el comercio electrónico entre la administración y las empresas. Se refiere a la prestación
de servicios por parte de la Administración a las empresas, como auditorías, certificaciones
de calidad o de denominación de origen, promoción exterior, etc.
CARACTERÍSTICAS
Las disposiciones administrativas se publican en internet y las compañías pueden
17
Las administraciones ofrecen la opción del intercambio electrónico para transacciones
como determinados impuestos, cotizaciones a la seguridad social y el pago de tasas
corporativas.
Mercado de comercio electrónico en el que se recogen todas las obras públicas para
que las empresas realicen sus ofertas.
2.1.3.6. Business to Administration (B2A)
Se trata del comercio electrónico entre las empresas y la Administración, en el que las
empresas venden sus productos o servicios a la administración mediante un sistema de
subastas, concursos, etc. Supone también la interactividad de la empresa con las
administraciones en temas como la presentación de solicitudes. El pago de tasas e
impuestos, solicitud de la información, entre otros.
Se aportan ventajas como una mayor agilidad en las gestiones, principalmente en el
departamento de administración.
Ésta relación se dará fundamentalmente con:
Agencia tributaria
Seguridad social ayuntamientos.
2.1.3.7. A2C Administration to Consumer
Es el comercio electrónico entre la administración y los consumidores finales. Se trata de
un modelo en el que la administración vende sus productos o servicios al consumidor final.
18 CARACTERÍSTICAS
La administración se comunica con el ciudadano y permite que el administrado pueda
obtener información sin necesidad de desplazarse entre unidades administrativas.
Permite eliminar las clásicas colas que se daba en las dependencias públicas para que el
ciudadano no pierda tanto tiempo en sus gestiones.
2.1.3.8. Situación actual del comercio electrónico
Internet ha registrado un fuerte crecimiento a escala mundial, tanto en número de usuarios,
como en volumen de comercio electrónico e inversión publicitaria en la red. Por su
volumen actual, se puede considerar ya un medio de comunicación de masas.
Los problemas que mencionan las empresas que se dedican al comercio electrónico son
principalmente:
Imposibilidad de acceso a un mercado suficientemente amplio.
Limitaciones tecnológicas, tanto en la empresa como en los consumidores.
Desconfianza en los sistemas de pago.
Falta de apoyo institucional.
Problemas derivados de la logística y la distribución.
Problemas derivados de la falta de financiación.
19
Respecto a los problemas que los consumidores perciben en el comercio electrónico,
destacamos los siguientes:
Desconfianza en los medios de pago.
Hábitos culturales.
Desconocimiento del medio.
Desconfianza en el tratamiento de los datos personales.
Desconfianza en que el producto satisfaga las expectativas.
Demasiados costes añadidos.
Problemas en la recepción de productos.
Oferta limitada de productos.
Dificultades en el proceso de búsqueda y compra.
No disponen de internet.
2.1.4.Servidores web
Para (José Talledo, 2015). Un servidor web es una aplicación informática del lado del
servidor que realiza conexiones bidireccionales y/o unidireccionales y síncronas o
asíncronas con el cliente generando una respuesta en cualquier lenguaje o aplicación del
lado del cliente.
Es decir, el Servidor Web atiende peticiones y no tiene por qué ser un navegador web. Solo
20
Dicho esto, el código recibido por el programa cliente suele ser interpretado y ejecutado por
un navegador web. Para la transmisión se utiliza el protocolo HTTP. Pertenece a la capa de
aplicación OSI, al protocolo HTTP se le asigna habitualmente el puerto 80.
Un servidor web puede utilizar también el protocolo HTTPS y, para ello, se suele utilizar el
puerto 443. Este protocolo es usado para la transferencia segura de páginas web.
2.1.4.1. Servidores web de uso común
Un servidor web no significa que sean los mejores únicamente por sus prestaciones, coste
económico, versatilidad y facilidad en su configuración los hace más significativos.
2.1.4.1.1. Apache
Es el servidor más utilizado. Su éxito se debe, principalmente, a que es multiplataforma y a
su estructura modular, esto permite emplear diversos lenguajes en el lado del servidor
(PHP, Python y Perl, programas CGI y otros), así como incorporar características como la
compresión de datos, las conexiones seguras y la utilización de URLs amigables. Aparte
del mencionado tiene, además, un proyecto llamado TOMCAT, el cual implementa las
especificaciones de los servlets y de Java Server Pages (JSP).
2.1.4.1.2. Microsoft IIS
Era más conocido por ser un servidor web con muchas vulnerabilidades más que por sus
características. IIS ha perdido mercado en los últimos años. Es el segundo servidor web
más usado y cuenta con un buen número de módulos, pero también con el gran hándicap de
21 2.1.4.1.3. Google Web Server (GWS)
Es el nombre del servidor web que utiliza Google en sus infraestructuras y servidores. La
información sobre este tipo de servidores es poco conocida. Google solo se limitó a decir
que es un servidor personalizado de desarrollo propio que se ejecuta en sistemas UNIX
como GNU/Linux.
2.1.4.2. Características básicas de un servidor web
Un servidor web, como aplicación del sistema, requiere una interactuación con la propia
máquina a través del Sistema Operativo. Es decir, necesita que la propia máquina que actúa
de servidor tenga unas características mínimas como: tipo de procesador, memoria interna,
memoria de intercambio, espacio en disco duro.
Habitualmente el servidor web suele convivir con otros servidores como un motor o
servidor de base de datos, la posibilidad de crear scripts o programas del lado del servidor.
Generalmente, a la existencia de este tipo de servidores en Linux se le denomina LAMP
(Linux, Apache, MySQL/MariaDB, Perl/PHP/Python/etc.).
2.1.4.3. Configuración de servidores web
Primero se debe saber cuál va a ser su raíz dentro del sistema operativo. Uno de los
principales problemas de seguridad es que los directorios del sistema que estén dentro del
ámbito del servidor web estarán con un nivel de exposición a ataques muy alto. En el
directorio raíz del servidor web se pueden colocar solo los archivos que requerirían un
22
Una buena distribución es que en el directorio raíz estén los documentos HTML y PHP (si
los hubiera).
En imágenes/ (images/ en inglés) estén todas las imágenes del sitio web.
En css/ todas las hojas de estilo.
En js/ todos los archivos JavaScript.
En multimedia/ todos los archivos multimedia que necesitemos para el sitio.
2.1.4.4. Seguridad en servidores web
Hoy en día, los servidores web son objetivos de ataque por parte de hackers. Los sitios web
pueden ser un punto de entrada a las empresas e instituciones para robar información o
realizar actos maliciosos. Por lo que estos servidores deben estar preparados y adoptar
medidas ante eventuales ataques.
Estos ataques vienen como consecuencia de una mala configuración del servidor o del
diseño del mismo. También pueden llegar por el desarrollo erróneo de programas y
aplicaciones que contenga el sitio web. Recordemos que los programas que se ejecutan en
el lado servidor pueden acceder a la base de datos, directorios e, inclusive, ejecutar scripts
específicos del sistema.
2.1.5.Lenguaje PHP
Para (Heurtel, 2014) php es un lenguaje de script que se ejecuta del lado del servidor, el
23
otros lenguajes de script que se ejecutan según el mismo principio: ASP(Active Server
Pages), JSP(Java Server Pages).
A diferencia de un lenguaje como Javascript, donde el código se ejecuta del lado del cliente
(en el explorador), el código PHP se ejecuta del lado del servidor. El resultado de esta
ejecucion se incrusta en la página HTML, que se envía al navegador. Este último no tiene
conocimiento de la existencia del procesamiento que se ha llevado a cabo en el servidor,
esta tecnica permite realizar páginas web dinámicas cuyo contenido se puede generar total
p parcialmente en el momento de la llamada de la página, gracias a la información que se
recopila en un formulario o se extrae de una base de datos.
Al ser PHP un lenguaje de programación del lado del servidor, lo primero que se requiere
es un servidor web. PHP puede trabajar con la totalidad de los servidores web más
conocidos. Lo más habitual es encontrar PHP sobre un servidor Apache, pero también es
posible instalarlo sobre los servidores de Microsoft: Microsoft Internet Information Server
y Personal Web Server.
2.1.5.1. Características fundamentales del lenguaje PHP
Para (Arias, 2013) PHP es un lenguaje interpretado libre, usado originalmente solamente
para el desarrollo de aplicaciones presentes y que actuarán en el lado del servidor, capaces
de generar contenidos dinámicos en la World Wide Web. Figura entre los primeros
lenguajes posibles para la inserción en documentos HTML. El código es interpretado en el
lado del servidor por el módulo PHP, que también genera la página web para ser
visualizada en el lado del cliente. Es posible instalar el PHP en la mayoría de los sistemas
24
PHP es un software gratuito y de código abierto publicado bajo la PHP license, este
lenguaje de programación pretende implementar soluciones web veloces, simples y
eficientes. Sus principales características:
Velocidad y robustez.
Estructurado y orientado a objetos.
Portabilidad- independencia de plataforma – escriba una vez, ejecute en cualquier
lugar.
Tipiado dinámico.
Sintaxis similar a C/C++ y Perl.
Open – source.
PHP está amparado bajo el movimiento open source (código abierto), que permite a los
programadores de aplicaciones poder sacar provecho de sus beneficios de manera
totalmente gratuita, sin la necesidad de pagar licenciamientos de uso ni actualizaciones. La
licencia consta principalmente de tres puntos: libertad para utilizar el programa (PHP),
posibilidad de modificar el programa si se accede a su código fuente, distribuir el programa
modificado o no. la licencia de PHP está disponible en www.php.net/license.
De igual forma la Disponibilidad. PHP no es la única alternativa a la hora de desarrollar
aplicaciones web, pero sin duda es la más popular. Al momento de contratar un servicio de
alojamiento, seguramente contaremos con el soporte necesario para empezar a programar
25
por los usuarios, en la mayoría de los casos PHP está instalado en nuestro servidor y listo
para ser utilizado.
2.1.6.Sistema de Bases de datos
Según (Coronel, 2011) el término sistema de base de datos se refiere a una organización de
componenetes que define y regula la captura, almacenamiento, administración y uso de
datos dentro de un ambiente de base de datos. Desde el punto ed vista de una
administracion general, el sistema de base de datos está compuesto en cinco partes
principales, hardware, software, personas, procedimientos y datos.
2.1.6.1. Hardware
El Hardware se refiere a todos los equipos físicos del sistema: por ejemplo, computadoras
(PC, terminales de trabajo, servidores y supercomputadoras), equipos de almacenamiento,
impresoras, equipos de redes (centros, conmutadores, ruteadores, fibras ópticas), así como
otros equiupos (cajeros automáticos, lectores de identificación, etc).
2.1.6.2. Software
Aún cuando el software que se identifica con más facilidad es el DBMS en sí, para que el
sistema de base de datos funcione a plenitud se requieren tres tipos de software: el sistema
operativo, software el DBMS y programas de aplicación y utilerías.
El software del sistema operativo maneja todos los componentes del hardware y hace
posible que todo el demás software se ejecute en las computadoras. Ejemplos de
26
El software del DBMS maneja la base de datos dentro del sistema de base de datos.
Algunos ejemplos de DBMS son SQL server de Microdoft, Oracle de Oracle
Corporation, MySQL de Sun y DB2 de IMB.
Los programas de aplicación y utilerias se usan para tener acceso y manipulación de
datos en el DBMS y manejar el ambiente de computadoras en el que tienen lugar el
acceso y la manipulación de datos.
Para (Coronel, 2011) los programas de aplicación por lo general se usan para tener
acceso a datos que se encuentran dentro de la base de datos para generar informes,
tablas y otros recursos para facilitar la toma de decisiones. Las utilerias son las
herramientas empleadas para ayudar a manejar los componentes de computadora del
sistema de base de datos. Por ejemplo, todos los principales vendedores de DBMS
ahora contienen interfáz gráfica de usuario (GUI) para ayudar a crear estructuras,
controlar el acceso y monitorerar operaciones de bases de datos.
2.1.6.3. Personas
Este componente incluye a todos los usuarios del sistema de base de datos. A partior de las
funciones centrales de un trabajo, se pueden identificar cinco tipos de usuario en un sistema
de base de datos: administradores del sistema, administradosres de la base de datos,
diseñadores de la base de datos, analistas y programadores del sistema y por último,
usuarios finales. Cada tipo de usuario, descrito a continuación, ejecuta funciones ya sea
únicas o complementarias.
Los administradores del sistema supervisan las operaciones generales del sistema de la
27
Los administradores de la base de datos, también conocidos como los DBA, manejan el
DBMS y aseguran que la base de datos se necuentre funcionando en forma correcta. La
funcion del DBA es sufucientemente importante para justificar una exploración
detallada de la administración y seguridad de base de datos.
Los diseñadores de bases de datos proyectan la estructura de la base de datos. Son, en
efecto, los arquitectos de una base de datos. Si el diseño de una base de datos es
deficiente, incluso los mejores programadores de aplicación y los mas dedicados DBA
no pueden producir un ambiente útil para bases de datos.
Los analistas y programadores del sistema diseñan y ponon en práctica los programas
de aplicación. Diseñan y crean las pantallas para introducir datos, informes y
procedimientos por medio de los cuales los usuarios finales tienen acceso y manipulan
los datos de una base de datos.
Los usuarios finales son las personas que usan los programas de aplicación para
ejecutar las operaciones diarias de una organización. Por ejemplo, los vendedores,
supervisores, gerentes y directores estarían clasificados como usuarios finales. Los
usuarios finales de alto nivel emplean la información obtenida desde la base de datos
para tomar decisiones de negocios tácticas y estratégicas.
2.1.6.4. Procedimientos
Según (Coronel, 2011) los procedimientos son las instrucciones y reglas que gobiernan el
diseño y uso del sistema de base de datos. Los procedimientos son un elemento crítico del
sistema, aun cuando es olvidado. Los procedimientos desempeñan una importante función
28
negocios dentro de la organización y con sus clientes. Los procedimientos también se
emplean para asegurar que hay una forma organizada de vigilar y auditar tanto los datos
que entran a la base de datos como la información que se genera con ellos.
2.1.6.5. Datos
La palabra datos comprende el conjunto de datos almacenados en la base de datos. Como
los datos son la materia prima de la que se genera información, la determinación de cuáles
han de introducirse en la base de datos y cómo han de organizarse es una parte vital del
trabajo del diseñador de una bese de datos.
2.1.7.MySQL
Según (Arias M. Á., 2015) MySQL es un sistema de gestión de bases de datos (SGBD),
que utiliza el lenguaje SQL (Lenguaje de Consultas Estructurada, del inglés Structured
Query Languaje) como interfáz. Actualmente es una de las bases de datos más populares,
con más de 15 millones de instalaciones en el mundo.
El éxito de MySQL se debe en gran medida a la fácil integración con PHP incluido, casi
que obligatoriamente, en los paquetes de hospedaje de webs del internet que se ofrecen
actualmente, wikipedia es un buen ejemplo de utilización de MySQL en webs de gran
audiencia.
Las principales caracteristicas de MySQL son:
29
Compatibilidad (existen drivers ODBC, JDBC y .NET y módulos de interfáz para
diversos lenguajes de programació, como Delphi, Java, C/C++, C#, Visual Basic,
Python, Perl, PHP, ASP y Ruby).
Excelente performance y estabilidad.
Poco exigente en cuanto a recursos de hardware.
Facilidad de uso.
Es un software libre en base a la GPL (sin embargo, si el programa al que accede
MySQL no es GPL, deberá adquirir la licencia comercial correspondiente).
Contempla la utilización de varios Storage Engines como InnoDB.
Soporta el control transaccional.
Soporta los triggers (desencadenantes).
Soporta los cursores (Non-Scrollable)
Soporta los procedimientos almacenados y las funciones.
Replicación facilmente configurable.
Interfaces gráficas (MySQL Toolkit) de fácil utilización cedidos por la MySQL Inc.
2.1.8.Ajax
Para (Arias A. , 2015) Ajax no es un lenguaje de programación nuevo, sino una técnica
para desarrollar software mejor y más rápidamente, y una aplicación más interactiva de las
30
Con Ajax, JavaScript puede comunicarse directamente con el usuario, usando el objeto
XMLHttpRequest del JavaScript. Con este objeto, JavaScript puede negociar datos con un
servidor web, sin necesidad de recargar la página.
AJAX usa la transferencia de datos asíncrona (peticiones del HTTP) entre el navegador y el
servidor web, permitiendo que las páginas webs envíen pedazos de pequeñas informaciones
del usuario en vez de enviar las páginas enteras. La técnica de AJAX hace que aplicaciones
de internet sean más pequeñas, más rápidas y más userfriendly (amigables para el usuario).
AJAX es independiente de la tecnología del navegador del software del servidor web, está
basado en los siguientes estándares de la Web Standards.
JavaScript
XML
HTML
CSS
Los estándares de la Web Standards usados en AJAX están bien definidos, y son
soportados por todos los principales navegadores, las aplicaciones AJAX son
independientes de los navegadores y de la plataforma en la que se ejecutan.
2.1.8.1. AJAX usa peticiones del HTTP
Según (Arias A. , 2015) en la codificación tradicional de JavaScript, cuando comienza
querrá comenzar con alguna información de una base de datos o con algún archivo del
31
HTML y enviar o recibir los datos del usuario. El usuario tendrá que enviar un “submit”
con el botón para enviar el formulario, esperando que la información sea enviada
correctamente, después se cargará una página nueva con el resultado del envío (enviado o
error de envío, normalmente).
El usuario se dirige a una página nueva cada vez que este envía información, por ello, las
aplicaciones web tradicionales pueden funcionar más lento de lo normal cuando recibe
mucha información de los usuarios y tiende a ser más user-friendly.
Con las peticiones del HTTP, una página web puede hacer una petición, y recibir una
respuesta de un servidor web, sin necesidad de recargar la página. El usuario permanecerá
en la misma página, y no apreciará como trabajan los scripts que reciben y que envían los
datos a un servidor web, ya que esto se realiza en segundo plano.
2.1.9.jQuery
jQuery para (Castillo, Curso de Prograacion Web, 2015) es una biblioteca de JavaScript
cross-browser desarrollada para simplificar los scripts client-side que interactúan con el
HTML. jQuery es una biblioteca de código abierto y posee licencia dual, haciendo uso de la
licencia MIT o de la GNU General Public License versión 2.4, la sintaxis del jQuery fue
desarrollada para hacer más simple la navegación por el documento HTML, la selección de
elementos, crear animaciones, manipular eventos y desarrollar aplicaciones AJAX. La
biblioteca también ofrece la posibilidad de creación de plugins sobre ella. Haciendo uso de
tales facilidades, los desarrolladores pueden crear capas de abstracción para interacciones
de más bajo nivel, simplificando el desarrollo de las aplicaciones web dinámicas de gran
32 2.1.9.1. Funcionalidades de jQuery
Resolución de la impatibilidad entre los navegadores.
Reducción de código.
Reutilización del código a través de plugins.
Utilización de una vasta cantidad de plugins creados por otros desarrolladores.
Trabaja con AJAX.
Implementación segura de recursos de CSS1, CSS2 y CSS3.
2.1.10.Framework de desarrollo
2.1.10.1. Adobe Dreamweaver cs6
Para (Mediactiva, 2013) el diseño de la interfaz de Dreamweaver CS6 es cómodo e
intuitivo y permite trabajar de forma rápida y racional. El espacio de trabajo de
Dreamweaver permite ver en todo momento las propiedades de los documentos y de los
objetos y muestra todas las ventanas y los paneles integrados de una única ventana.
La sencilla interfaz de Dreamweaver CS6 cuenta con una barra de menús en la parte
superior y reducida barra de aplicación, que cuenta únicamente con un conmutador de
espacios de trabajo y un campo de búsqueda. Para conocer con todo detalle el entorno de
Dreamweaver.
Debajo de la pestaña del documento, se encuentra la barra de herramientas documento, que
33
visualización, para obtener vistas previas y para dar nombre al documento, entre otras
acciones habituales.
Ocupando la mayor parte del espacio de la interfaz se encuentra la ventana del documento,
donde se muestra el documento actual mientras lo está creando y editando. En la parte
inferior de esta ventana se ubica la barra de estado, que incluye un selector de etiquetas,
botones para cambiar la visualización e información acerca del documento y por debajo el
inspector de propiedades, un útil panel que permite ver y modificar en cualquier momento
las propiedades de la página, del objeto o del texto seleccionados.
Desde el cuadro de propiedades de la página es posible modificar las características de la
página.
A la derecha de la interfaz se encuentra los paneles, que le ayudarán a supervisar y cambiar
el trabajo realizado. Puede reducir y ampliar los paneles haciendo doble clic en sus
pestañas, y pasar de uno a otro pulsando sobre ellas.
También puede activar los paneles desde el menú ventana. El conmutador de espacios de
trabajo de la barra aplicación se utiliza para cambiar el espacio de trabajo.
Para (Mediactiva, 2013), además de documentos HTML, Dreamweaver permite crear
documentos basados en texto (ASP, CSS) y archivos de código fuente (Visual Basic, .NET,
C# y Java). El cuadro nuevo documento ordena en categorías los diferentes tipos de archivo
que se pueden obtener. Los archivos pueden ser creados en blanco o basados en los diseños
de páginas preestablecidos. La categoría nuevo documento del cuadro preferencias permite
establecer un tipo de documento como predeterminado y generar automáticamente un
34
Como principal novedad en su versión CS6, Dreamweaver proporciona una nueva opción
para la creación de documentos. Se trata del denominado Diseño de cuadrícula fluida, cuya
ejecución puede iniciarse tanto desde el menú archivo como desde el cuadro de diálogo
nuevo documento. En cualquier caso, el programa proporciona una plantilla para crear
diseños web compatibles con diferentes plataformas y navegadores con un eficaz sistema
basado en CSS3. CSS3 es la última versión de las hojas de estilo CSS (Cascading Style
Sheets); estas hojas de estilo permiten definir de manera eficiente la presentación de las
páginas creadas con un programa como Dreamweaver. CSS3 contiene desde opciones de
sombreado y redondeado hasta funciones avanzadas de movimiento y transformación.
Para facilitar su gestión posterior, Dreamweaver permite estructurar un sitio antes de
empezar a editar sus documentos. El panel archivos permite visualizar archivos y carpetas,
diferenciando los asociados a un determinado sitio. Un sitio puede contener distintos tipos
de archivos, de formatos diferenciados. El panel archivos permite su generación, así como
del resto de documentos que el programa permite editar, además de cambiar su aspecto, el
cuadro administrar sitios presenta como novedad los botones Importar sitio de Business
Catalyst y Nuevo sitio de Business Catalyst.
2.1.10.2. MySQL workbench
Para (Deléglise, 2013) MySQL Workbench es una herramienta gráfica integrada, pensada
para desarrollar como para el administrador.
Permite realizar:
35
Desarrollo SQL (como reemplazo de MySQL Query Browser).
Administración de la base de datos (como reemplazo de MySQL Administrator).
Para (Lope, 2015) se trata de una aplicación en cliente compatible con sistemas operativos
Windows, Linux y Mac OS. En su última versión disponible, la versión 6.0, permite auditar
la base de datos en tiempo real, facilita las copias de seguridad y permite la migración de
datos de forma muy sencilla, entre otras funciones que ya incorporaban versiones
anteriores.
Según (García, 2015) MySQL Workbench es una completa aplicación gráfica gratuita que
sirve para gestionar la base de datos MySQL, ofreciendo modelado de datos, funciones para
la exportación e importación y configuración del sistema.
2.1.11.Conclusiones parciales del capítulo.
La fundamentación practica-teórica de este informe es muy importante para identificar los
puntos importantes a considerar en la implementación exitosa del sistema, de tal manera la
información adquirida cuenta con los aspectos necesarios para su buen entendimiento ya
que está sustentada en medios de información como libros e internet, la misma que está
ligada al presente informe manteniendo las políticas necesarias para el desarrollo e
implementación de sistemas informáticos.
El servidor de aplicaciones nos permite establecer un servidor el mismo que será utilizado a
través de la red para mejorar la gestión en la compra y venta de productos de la empresa
HABBILLY DECORACIONES de la ciudad de Ibarra, la misma que permitirá tener un
36
usuarios tener un mejor acceso a los productos que ofrece la empresa a su distinguida
clientela.
Con el servidor de base de datos MySQL server el administrador lograra tener guardada
toda la información competente de forma ordenada para tener un fácil acceso al mismo
evitando perdida de información y tener un control adecuado en el ingreso y salida de
mercadería para de esta forma realizar la toma de decisiones por parte del administrador.
Los lenguajes de desarrollo utilizados permiten el desarrollo correcto de la aplicación la
cual cumple con las expectativas y requerimientos tanto del administrador como de los
usuarios.
El framework utilizado en el desarrollo de la aplicación nos permite crear un entorno
gráfico amigable para los usuarios logrando así el buen uso de la misma logrando optimizar
los pedidos por parte de sus clientes, de igual forma permite tener un mejor entendimiento
de los pedidos por su fácil uso y acceso.
37
3. CAPÍTULO II
3.1. DESARROLLO DE LA PROPUESTA
3.1.1.Tema
Aplicación Web para la Gestión de Compra y Ventas en la Empresa HABBILLY
DECORACIÓN.
3.1.2.Descripción de la propuesta
La presente propuesta es una alternativa de solución al mejoramiento y desarrollo a nivel
empresarial, además es una respuesta al diagnóstico del problema realizado en el estudio de
investigación a través de instrumentos de investigación, para de esta manera orientar a
funcionar en el ámbito de la Web con características cliente/servidor para llegar a ser líder
en la organización de todo compromiso social.
3.1.3.Desarrollo de la propuesta
La propuesta planteada ante la solución del problema tiene como finalidad implementar una
aplicación Web para la Gestión de Compra y Ventas en la Empresa HABBILLY
DECORACIÓN, para el desarrollo de esta propuesta se ha tomado los siguientes aspectos:
3.1.4.Metodología de desarrollo
En el desarrollo de esta aplicación web se tomó en cuenta la metodología en Cascada, este
modelo es quizá el más antiguo y más ampliamente utilizado en el campo de desarrollo de
software, es un modelo lineal y por lo tanto es uno de los más simples a ser implementados,
