1. Página1 de 11
INSTITUTO TECNOLÓGICO SUPERIOR JOSÉ OCHOA LEÓN
TECNOLOGÍA EN ANÁLISIS DE SISTEMAS
IMPLEMENTACIÓN DE UNA PÁGINA WEB INFORMATIVA Y
REGISTRO DE CLIENTE DONDE PROMOCIONA PRODUCTOS Y
SERVICIOS ENFOCADOS EN LA TECNOLOGÍA DE LA EMPRESA
“MAOSOFT” 2018
Autores
Galarza Aguilar Daysi Piedad
Imbaquingo Dueñas VíctorHugo
Jacho Riofrio Kevin Darío
Olmedo Parra Jenniffer Julissa
Solano Sánchez John Jairo
Ing. Ángel Mauricio Ramón Noblecilla.
Ing. Nixon Rafael Paladines Enríquez.
Ing. William Celso Reyes Banchón.
Ing. Mayra Saldaña Méndez.
Tnlgo. Silvio Vinicio Quezada Puchaicela.
Lcdo. Froilán Manuel Jácome Cedillo.
Pasaje - El Oro
2018
2. Página2 de 11
IMPLEMENTACIÓNDE UNA PÁGINA WEB INFORMATIVAY REGISTRO
DE CLIENTE DONDE PROMOCIONAPRODUCTOS Y SERVICIOS
ENFOCADOS EN LATECNOLOGÍADE LA EMPRESAMAOSOFT.
Galarza Aguilar Daysi Piedad, Imbaquingo Dueñas Víctor Hugo, Jacho Riofrio Kevin
Darío, Olmedo Parra Jenniffer Julissa, Solano Sánchez John Jairo
dayse_2487@hotmail.com , victorhugo9516@gmail.com , keninjacho0@gmail.com
, jennifer-122010@hotmail.es , djmaicolrdsonidosdenvow@gmail.com
Instituto Tecnológico Superior José Ochoa León
San Martín entre Av. Quito y 9 De Mayo
Pasaje – Ecuador
RESUMEN
Este proyecto se lo elaboró para la empresa Maosoft, para el propietario que labora
en dicho departamento no cuenta con la herramienta adecuada para llevar el control
de registros de clientes y productos, tardando mucho tiempo en buscar información
la cual la lleva de forma manual por lo cual mediante el uso de técnicas de
investigación se constató la presente problemática, es por ello que nos plantemos el
siguiente objetivo: Desarrollar un aplicativo web mediante las herramientas de Visual
Studio C#, Plantillas de ASP.Net y la Gestor de Base de Datos MySQL con la
finalidad de viabilizar la información de la empresa obteniendo como hipótesis que
los procesos que se generan en cuanto a los registros son demasiados lentos.
De esta manera con la implementación de esta página web ayudara al propietario a
ahorrar tiempo en la gestión de los procesos de ingreso, búsqueda, modificación o
eliminación de los registros y realizarlos de una manera más rápida optimizando el
tiempo al momento de dar una respuesta. Finalmente, se puede concluir que la
página Web será de vital importancia para la empresa porque ayudara automatizar
de todos los procesos realizados en la misma.
Palabras Claves: ASP.Net, Información, MySQL, Plantillas, Visual Studio
3. Página3 de 11
ABSTRACT
This project was developed for the company Maosoft, where the owner who works in
that department does not have the right tool to keep track of customer records and
products, taking a long time to find information which takes it manually so which,
through the use of research techniques, revealed the present problem, that is why we
set ourselves the following objective: To develop a web application using the tools of
Visual Studio C #, ASP.Net Templates and the MySQL Database Manager with the
purpose of making viable the information of the company obtaining as hypothesis
that the processes that are generated as far as the registries are too slow. In this way
with the implementation of this web application we will be helping the owner to save
time in the management of the processes of entry, search, modification or elimination
of the records and perform them in a faster way optimizing the time when giving an
answer.
Key words: ASP.Net, Information, MySQL, Templates, Visual Studio
Introducción
Maosoft está ubica en las calles Eloy Alfaro entre 9 Octubre y Machala se dedica a
la venta, mantenimiento, configuración e instalación de computadoras, redes y
cámaras de vigilancia no cuenta con una página web es por ello que nos planteamos
la siguientes interrogantes ¿Cómo solucionar la falta de control en el registro de los
clientes?, ¿Cómo saber que productos existen?, ¿Cómo optimizar tiempo al
momento de realizar la búsqueda de una información? según nuestro punto de vista
basándonos en la investigación que realizamos es que esta empresa no posee
ningún sistema de información y este inconveniente hace aún más difícil y a su vez
más lento el proceso de recolección no solo de la información de los clientes si no
de la facturación e inventario de la empresa. Además lleva los registros de forma
manual dificultando la búsqueda de los mismos, motivo por el cual se desarrolló este
página web para agilitar la búsqueda e impresión. Como resultado de las técnicas de
la investigación aplicadas nos llevaron a deducir la siguiente hipótesis: En el
Departamento de Ventas los trámites que se generan en cuanto a los servicios o
ventas que maneja el Propietario son demasiados lentos. Con el planteamiento de
hipótesis nos trazamos el siguiente objetivo es Implementar una página web para la
empresa Maosoft que permita facilitar el desarrollo y servicio ofrecido a sus clientes
buscando una mejora en el area de organización administrativa.
Las variables identificadas durante la elaboración de este proyecto son: Página Web
como variable independiente ya que en la aplicación se va a gestionar todos los
procesos que se realicen en el Departamento de Ventas y la variable dependiente
es automatizar procesos, esto se va a ejecutar una vez este instalada la aplicación
con el fin de optimizar los recursos y mejorar la calidad de atención.
Con la aplicación de las técnicas de investigación específicamente la encuesta la
cual fue aplicada al clientes de la misma se pudo conocer la necesidad de
desarrollar una página para dicho Departamento, como resultado de la pregunta
¿Está usted de acuerdo que la empresa cuente con una página web para
4. Página4 de 11
automatizar los procesos? Obtuvimos que el 70% de los encuestados respondieran
que si están de acuerdo, que la misma cuente con una página web ya que este
avance tecnológico beneficiaria tanto a clientes como al propietario, de la misma
manera se realizó otra pregunta ¿Le gustaría que el Propietario tuviera una página
web para llevar los distintos registros ordenados? Tenemos como resultado que un
80% respondieron que si Maosoft tuviera una página web los registros y gestiones
se los realizaría de manera más rápida. Con la tabulación excautiva de los
resultados obtenidos mediante la encuesta podemos hacer hincapié que una
página web es de gran ayuda para agilitar la búsqueda de un registro o producto.
Como resultados de las investigaciones arrojaron que si es necesario desarrollar e
implementar una página que ayude a generar los procesos de manera rápida y
efectiva, teniendo la información sistematizada y ordenada para que al propietario o
secretaria se le haga rápido dar una respuesta al momento de brindar información
de cualquier producto o cliente existente.
El alcance que pretendemos obtener con el desarrollo de esta página web es
mejorar el control de la información, permitiendo facilitar el trabajo y así mismo
identificar los clientes frecuentes de esta empresa, y a partir de esto crear
estrategias de ventas, finalmente en tiempo respuesta al momento de buscar un
registro o realizar algún trámite sea inmediato para optimizar el tiempo y brindar un
mejor servicio a sus clientes.
Marco Teórico
Página Web
Una Página Web es un documento electrónico que forma parte de la WWW (World
Wide Web) generalmente es construido en el lenguaje HTML que los usuarios
pueden utilizar accediendo a un servidor web a través de internet o de una intranet
mediante un navegador. En otras palabras, es un programa que se codifica en un
lenguaje interpretable por los navegadores web en la que se confía la ejecución al
navegador. (Hurtado, 2014).
Información
La información se puede definir como el conjunto de fuentes de conocimiento
necesario para emprender situaciones, tomar decisiones o evaluarlas ya tomadas
datos. (Abascal, 2009).
MySQL Server Front
MySQL es un sistema de administración de bases de datos (Database Management
System, DBMS) para bases de datos relacionales. Así, MySQL no es más que una
aplicación que permite gestionar archivos llamados de bases de datos. (Deléglise,
2013)
Visual Basic .NET
Para entender lo que es Visual Basic.NET es imprescindible decir antes lo que es
Microsoft .NET Framework. Se trata de un entorno de desarrollo multilenguaje
diseñado por Microsoft para simplificar la construcción, distribución y ejecución de
5. Página5 de 11
aplicaciones para Internet. Es un lenguaje elegante y seguro orientado a objetos que
permite a los desarrolladores crear una variedad de aplicaciones seguras y robustas
que se ejecutan en .NET (Ceballos, 2011).
Asp.Net
Es un entorno para aplicaciones web desarrollado y comercializado por Microsoft. Es
usado por programadores y diseñadores para construir sitios web dinámicos,
aplicaciones web y servicios web XML. Apareció en enero de 2002 con la versión 1.0
del .NET Framework, y es la tecnología sucesora de la tecnología Active Server
Pages (ASP). ASP.NET está construido sobre el Common Language Runtime,
permitiendo a los programadores escribir código ASP.NET usando cualquier
lenguaje admitido por el .NET Framework. (Conesa, 2010)
Templates
Las plantillas o templetes permiten predeterminar los recursos iniciales de la
aplicación. Una plantilla es un conjunto de archivos que determinan la estructura y el
aspecto visual de un sitio web, y tiene como ventaja principal disminuir tiempos y costos de
desarrollo.
Un template es la solución ideal para muchos sitios web institucionales, ya que
permiten resolver el aspecto gráfico del sitio en forma rápida y eficiente. Por
supuesto que dependerá de cada empresa comprar un template o elegir un diseño
web a medida. (Ramirez, 2007)
Materiales y Métodos
El desarrollo de la página web se lo realizo en el programa Visual Studio con el
apartado de C#, en donde se realiza la codificación de cada uno de los botones que
serán implementados en el página web, Para darle un mejor diseño usamos los
Templates los cuales son plantillas con estilos css ya definidos para ser aplicados,
para llevar el control de la información se utilizó el Sistema Gestor de Bases de
Datos MySQL Server Front, donde se va almacenar toda la información de Maosoft.
Como materiales extras se utilizó, un cuaderno para tomar apuntes, un bolígrafo, 10
hojas a 4 donde almacenamos toda la documentación. Además de los materiales
tecnológicos como: Laptops donde se realiza la elaboración del aplicativo web,
teléfonos inteligentes que nos ayudan hacer una consulta, memorias USB donde se
respalda la información, impresora e internet.
Para la elaboración de este proyecto se realizó una visita a la Empresa para hablar
con el Propietario de la misma, con la finalidad de dar a conocer lo importante que
es el desarrollo de una página web, obteniendo así información necesaria para el
contenido de esta. Con la información obtenida fue necesario utilizar tanto el
estándar IEEE-830, el mismo que permitió la correcta realización de la
Especificación de Requerimientos de Software (ERS), como el estándar ISO 27001,
ya que permite mantener segura la información, por tal motivo se lo ha considerado
en la realización del plan de seguridad para que la empresa tenga conocimiento de
cuáles deben ser las prioridades de protección de los activos de información de la
misma.
6. Página6 de 11
En cuanto a la metodología utilizada para el desarrollo de la página web, se escogió
la metodología Scrum debido a su agilidad que tiene para crear proyectos. Para el
desarrollo de la página web, se desarrollaron las siguientes fases:
Fase de Inicial: En esta fase, se realiza el análisis de requerimientos en la que se
estableció una visita previa de la misma en la cual se pudo obtener información
indispensable que debe contener la página, En cuanto a los requerimientos de la
página web, que abarca el documento ERS, se identificó los requerimientos más
importantes que necesitan ser implementados
Análisis y Diseño: En esta fase se tiene en cuenta el análisis y diseño de la página
web. En cuanto al análisis, se buscó entender la problemática que se quiere
resolver, para ello se identificó la información que se maneja en la empresa, para
diseñar los diagramas de actividades, donde se visualizó la interacción del usuario
administrador con la aplicación en ambiente web, en cuanto al diseño, con los
requerimientos identificados y analizados, se realizó, el modelo entidad-relación,
donde se identificó las entidades necesarias y como se relacionan entre sí, luego se
creó el modelo de datos con el cual se pudo organizar y almacenar la información de
tal forma que funcione correctamente. Además, se realizaron las respectivas
interfaces de la aplicación, teniendo en cuenta que va a cubrir los requerimientos
identificados y el análisis realizado con la finalidad de permita al, administrador
automatizar los procesos.
Ejecución: En esta fase incluye la implementación y pruebas de la página web. En
cuanto a la implementación, se utilizó Visual Studio, haciendo uso del entorno de
desarrollo web ASP.NET, para el diseño de las interfaces de la página, debido a que
permite inserción de cajas de texto, botones, entre otros, de una manera rápida y
sencilla, lo que facilita el diseño. Además, se utilizó el lenguaje de programación C#,
con la finalidad de que la aplicación en ambiente web permita actualizar, eliminar y
guardar registros. Para almacenar toda la información se creó una Base de Datos
en Mysql. Sin embargo, como todo proyecto de software, fue recomendable realizar
pruebas, esto permitió evaluar de forma clara el funcionamiento de la página
considerando los requerimientos identificados previamente.
Entrega del Producto: En esta fase, se entrega el proyecto terminado al cliente
para uso real, por lo que fue recomendable la realización de un manual de usuario
utilizando el estándar IEEE-1063, con el objetivo de llevar mejor el control de la
gestión de la página, además que tenga un mejor conocimiento de su correcta
utilización. Junto a ello, se realizó un plan de seguridad y un plan de contingencia en
el que les permita estar enterados de que se debe hacer en caso de ocurrir un
desastre informático. Finalmente se consideró necesario la elaboración de un
documento en que muestre el proceso a seguir en el uso de las redes sociales, con
la finalidad de que la Empresa haga el buen uso de las mismas.
Soporte y Mantenimiento: En esta última fase servirá para corregir errores que no
se detectaron antes, adaptarse al entorno de trabajo y mejorar la aplicación.
7. Página7 de 11
Durante la recolección de la información se utilizó las siguientes técnicas de
investigación para recopilar la mayor cantidad de información que nos servirá en el
desarrollo de la página web.
La observación es un proceso de recolección de información de manera sistemática
valida y confiable que requiere atención voluntaria dirigida hacia un objeto de
conocimiento con el fin de obtener información del objeto de conocimiento y las
posibles relaciones que se establecen. Esta técnica se la utilizo para recabar
información de manera visual la cual consiste en una visita a la empresa para
observar los procesos que realiza el propietario o secretaria al momento de buscar
un registro sobre registro o producto y de la misma manera observar si dicho
departamento cuenta con un equipo que servirá para alojar el página web, se
utilizaron instrumentos tecnológicos como teléfonos celulares, para realizar esta
acción.
La entrevista es un intercambio de ideas, opiniones mediante una conversación que
se da entre una, dos o más personas donde un entrevistador es el designado a
realizar las preguntas de manera coherente. La entrevista se le aplico al Propietario
a cargo del departamento, con el fin de conocer su necesidad y la importancia que
tiene el desarrollo de un sistema que ayude con la gestión y el rápido manejo de los
registros
Finalmente nuestro equipo de trabajo aplico una encuesta que está constituida por
una serie de preguntas dirigidas a una porción representativa de una población y
tiene como finalidad averiguar estados de opinión, actitudes o comportamientos de
las personas ante asuntos específicos. La encuesta se la aplico a usuarios y a
clientes para conocer como es la situación actual es decir sin una página web, y
cuáles serán sus expectativas de tener una aplicación en el Maosoft que ayude a la
gestión y rápido manejo de procesamiento de información. Dentro de esta técnica se
utilizaron los instrumentos como teléfono celular los cuales nos ayudaron a visualizar
las falencias o necesidades para así poder dar solución o al menos minimizar la falta
de control de datos.
La aplicación de las técnicas de investigación nos ayudó a recabar y recopilar la
información para el diseño y desarrollo de la página, facilitando todo lo necesario
para proceder al desarrollo de la misma.
A continuación se detallan las preguntas aplicadas en la encuesta.
Encuesta
1 – Está usted de acuerdo Maosoft cuente con una página web para registra
clientes productos.
Análisis
Mediante los datos de la tabla 1 se pudo conocer que un total de 13 personas que
corresponde al 65% de los encuestados están muy de acuerdo que la institución
educativa cuente con una aplicación web para el uso del psicólogo, en contraste un
total de 6 personas correspondiente al 30% de los encuestados están de acuerdo, y
una persona que corresponde al 5% de los encuestados está en desacuerdo.
8. Página8 de 11
2.- Usted tiene conocimiento sobre lo que es una página web.
Análisis
Mediante los datos de la tabla 2 se pudo conocer que un total de 20 personas que
corresponde al 100% de los encuestados tienen conocimientos sobre lo que es una
página web.
3.- La aplicación web será un beneficio para el propietario de la empresa.
Análisis
Mediante los datos de la tabla 3 se pudo conocer que un total de 14 personas que
corresponde al 70% de los encuestados creen que si será beneficiosa para el
propietario de la empresa, en contraste un total de 3 personas correspondiente al
15% de los encuestados no creen que sea beneficiosa, y 3 personas que
corresponde al 15% de los encuestados creen que tal vez que sea beneficiosa.
4.- Como va a beneficiar la página web a la empresa.
Análisis
Mediante los datos de la tabla 4 se pudo conocer que un total de 18 personas que
corresponde al 90% de los encuestados creen que se mejoraría la atención la
atención al cliente, en contraste un total de 2 personas correspondiente al 10% de
los encuestados creen que empeoraría la atención.
5 – ¿Cree Ud. que será fácil la búsqueda de información en la página web?
Análisis
Mediante los datos de la tabla 5 se pudo conocer que un total de 19 personas que
corresponde al 95% de los encuestados creen que si podrán buscar fácil la
información en contraste una persona correspondiente al 5% de los encuestados
que será dificultoso encontrar la información.
Resultado y Discusión
En el momento que se ejecutó las técnicas de investigación se pudo palpar las
falencias con las que contaba el Maosoft, una de las problemáticas más grande es
que el propietario llevaba sus registros a mano por lo que genera mucho tiempo
perdido al momento de realizar una búsqueda de algún registro o producto
Constatando todas las necesidades que el Departamento necesita se le sugirió al
propietario de la Empresa que implementará un sistema el cual este basado en
realizar registro de clientes, búsqueda, modificación, eliminación e impresión de
9. Página9 de 11
reportes de manera que agilite los procesos y optimice tiempo para que la atención
sea rápida y de calidad.
Indagando a profundidad las necesidades y falencia encontradas nos planteamos
unas interrogantes las cuales nos ayudaron con los requerimientos para la
aplicación: ¿Cómo solucionar la falta de control en el registro de los clientes?,
¿Cómo saber los productos existentes?, ¿Cómo optimizar tiempo al momento
de realizar la búsqueda de una información?
Mediante el planteamiento de las interrogantes nos trazamos un objetivo general el
cual es: Desarrollar un página en ambiente web mediante las herramientas de
Visual Studio C#, Plantillas de ASP.Net y la Gestor de Base de Datos MySQL
con la finalidad viabilizar la información de Maosoft
Como resultado del proyecto obtuvimos lo siguiente:
Implementación de un plan de seguridad y contingencia para salvaguardar la
información y evitar pérdidas, hurto o manipulación de los datos por terceras
personas. Esto nos ayuda a tener una aplicación segura libre de vulnerabilidades
que pueden existir por los ataques cibernéticos.
Plan de Social Media Marketing como medio de comunicación con la comunidad
donde se dé a conocer los eventos, ofertas, promociones. Al desarrollar un plan
social de media marketing estamos creando una comunicación entre el Empresa y la
sociedad en general ya que en las redes sociales como Facebook, Twitter e
Instagram podrán encontrar información relevante de Maosoft
Desarrollo de fichas técnicas de hardware, software de tal manera las. Fichas
técnicas nos facilita la verificación de los recursos que posee el Departamento y
constatar si existe alguna falla o si todos los recursos están funcionando de manera
correcta.
Programación y diseño de la aplicación web mediante ASP.NET, obtuvimos un
sistema amigable y de fácil uso que es exclusivamente diseñado para el Usuario y
Administrador
Creación de máquinas virtuales y servidores web para visualizar la aplicación en una
intranet. Mediante la virtualización podemos generar maquinas que nos presenten la
aplicación y que pueda ser visualizada en una intranet.
10. Página10 de 11
Conclusión
El proyecto que realizamos ha contribuido de manera muy importante para identificar
y resaltar los puntos que hay que cubrir y considerar para llevar a cabo una
implementación exitosa de los sistemas de información. Nos deja muchas cosas
importantes que reflexionar y muchas otras las ha reforzado como puntos angulares
para llevar a cabo una buena implementación.
En la introducción de este documento hablamos sobre cuáles son los objetivos que
se desean lograr con el proyecto, y mencionamos una parte importante de las
empresa es brindar un servicio de calidad integral al cliente, ya que es más caro
conseguir nuevos clientes que mantener a los actuales. Los sistemas por sí solos no
van a ser que se mejore la calidad en el servicio al cliente, sin embargo, en este
caso son una herramienta importante que le permite a la gente dedicar más tiempo a
tareas productivas más que a las administrativas.
11. Página11 de 11
Bibliografía
Abascal,E. (2009). ESIC. Madrid.
Ceballos,J.(2011). Ra-Ma. Alcalá.
Conesa,J.(2010). Introduccion ASP.NET. Barcelona:UOC.
Deléglise,D.(2013). Guia de referencia del desarrollador. Barcelo:EdicionesENIesunamarca
registradade EdicionesSoftware.
Hurtado,C. (6 de Juliode 2014). www.enprendelo.es. Obtenidode
http://www.madrid.org/cs/StaticFiles/Emprendedores/GuiaEmprendedor/tema7/F49_7.9_
WEB.pdf
Ramirez,M. (2007). Aprenda Utilizando Visual. Mexico:PabloMiguel.