Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Bogotá, Colombia
Año 2020
Aplicativo web 2
Trabajo aplicado
Bogotá, Colombia
Año 2020
Aplicativo web 3
NOTA DE ACEPTACIÓN
Tabla de contenido
Resumen..........................................................................................................................................9
Abstract..........................................................................................................................................10
Capítulo I.......................................................................................................................................11
Introducción...................................................................................................................................11
Justificación...................................................................................................................................13
Problema De Investigación............................................................................................................14
Formulación del problema.........................................................................................................14
Formulación de la pregunta.......................................................................................................16
Objetivos........................................................................................................................................16
Objetivo General........................................................................................................................16
Objetivos específicos.................................................................................................................16
Capítulo II Marco Referencial.......................................................................................................17
Marco Teórico...........................................................................................................................17
Aplicaciones web:..................................................................................................................17
Software.................................................................................................................................18
Ingeniería del Software:.....................................................................................................18
Diseño e implementación de software:..............................................................................19
Test/prueba del software:...................................................................................................19
Validación del software:....................................................................................................20
Marco Metodológico.................................................................................................................21
El modelo prototipo,......................................................................................................22
Scrum,............................................................................................................................23
Lean Development,........................................................................................................23
Crystal Methodologies,..................................................................................................23
Feature Driven Development,........................................................................................24
Dynamic Systems Development Method......................................................................24
Adaptive Software Development,..................................................................................24
Extreme Programming (XP),.........................................................................................24
Metodología XP:............................................................................................................25
Marco Conceptual......................................................................................................................25
Aplicativo web 6
Marco Legal...............................................................................................................................28
LEY 527 DE 1999.................................................................................................................28
Parte I Parte General..............................................................................................................28
Capítulo I Disposiciones Generales.................................................................................28
Artículo 1. Ámbito De Aplicación.....................................................................................28
Artículo 2. Definiciones.....................................................................................................28
a) Mensaje de Datos.................................................................................................28
b) Comercio electrónico...........................................................................................29
c) Firma Digital........................................................................................................29
d) Entidad de Certificación.......................................................................................29
e) Intercambio Electrónico de Datos (EDI).............................................................29
f) Sistema de Información.......................................................................................29
Capítulo V. Superintendencia de Industria y Comercio...................................................30
Artículo 41. Funciones de la Superintendencia.................................................................30
Artículo 42. Sanciones.......................................................................................................31
Parte IV Reglamentación Y Vigencia....................................................................................31
Artículo 45.........................................................................................................................31
Artículo 46. Prevalencia de las leyes de protección al consumidor..................................31
Artículo 47. Vigencia y Derogatorias................................................................................32
Metodología de la Investigación....................................................................................................32
De acuerdo al fin que se persigue:.............................................................................................32
Investigación aplicada:..........................................................................................................32
De acuerdo a los tipos de datos analizados................................................................................32
Investigación Cualitativa.......................................................................................................32
Metodología de Desarrollo............................................................................................................33
Elaboración del Aplicativo o Producto de Software......................................................................35
Manual de Usuario.........................................................................................................................35
Conclusiones..................................................................................................................................36
Anexos...........................................................................................................................................36
Bibliografía....................................................................................................................................37
Aplicativo web 7
Resumen
prototipo tecnológico el proceso de recepción de pedidos para la empresa TATIS CL. Esto con el
Para una mejor ilustración, este prototipo se ejecutó por medio de un plugin de
empresa en las redes sociales con sus clientes, generando un beneficio de mayor oferta y
De esta manera, el aplicativo facilita a los usuarios el uso y la interacción con la web
permitiendo del mismo modo a la empresa gestionar la disposición de una base de datos en la
Abstract
the industry through the use of state-of-the-art technologies and is a necessity for personalization
Specifically, in this project, a web application was developed where you want to improve
the process of receiving orders for the company TATIS CL through a technological prototype.
This in order to modernize inventory management and sales made, improving communication
For better illustration, this prototype was executed by means of a WordPress plugin called
WooCommerce, which uses a MySQL database. Obviously, this allows the development of the
functionality required for the company's interrelation in social networks with its customers,
In this way, the application makes it easier for users to use and interact with the web, thus
allowing the company to manage the provision of a database in which to manage the registration
Capítulo I
Introducción
Este proyecto tiene como objetivo la creación, diseño y simulación de un aplicativo con
que actualmente la empresa maneja y así poder llevar un mejor control del estado de la recepción
y ventas de los productos. Por esta razón, se pretende aportar elementos de tecnologías de la
información y las comunicaciones (TICS) que sirven de soporte a la utilización tanto como de
En esta línea de ideas y sin apartar la importancia, “las aplicaciones web permiten la
usuario o el desarrollo del comercio electrónico. Además, una aplicación web permite interactuar
con los sistemas informáticos de gestión de una empresa, como puede ser gestión de clientes,
contabilidad o inventario, a través de una página web”. [CITATION Ser16 \p pref. \l 9226 ]
Este autor también describe a las aplicaciones web “basadas en una arquitectura
cliente/servidor: por un lado está el cliente (el navegador, explorador o visualizador) y por otro
lado el servidor (el servidor web) y suelen distinguirse en tres niveles: el nivel superior que
interacciona con el usuario (el cliente web, normalmente un navegador), el nivel inferior que
proporciona los datos (la base de datos) y el nivel intermedio que procesa los datos (el servidor
momento de interactuar. Generalmente, adquirir artículos o servicios por este medio no necesita
empresa.
Para cumplir con el objetivo de este proyecto se debe tener presente que las bases de
datos disponibles en la web ofrecen diversos mecanismos para proteger la información y permite
acceso únicamente a usuarios identificados. De esta manera [ CITATION Jos16 \l 9226 ] afirma
necesidad de proteger los sistemas industriales críticos y las líneas de fabricación de las
comunicaciones seguras y fiables, así como sofisticados de gestión de identidades y acceso de las
En conclusión, los autores del proyecto pretenden utilizar como herramienta un software
que permita la sistematización en una empresa de manera ágil y eficaz, previniendo el exceso de
posibilidad de priorizar tareas con más importancia o urgencia de manera ordenada, facilitar la
Justificación
con pocas imágenes y contenidos estáticos a páginas complejas con contenidos dinámicos que
usuarios tengan acceso a un navegador mucho más práctico y llamativo, acercándose a los
cantidad de usuarios que navegan en la web. En efecto, la idea de diseñar este prototipo para la
conocer que no se cuenta actualmente con un aplicativo tecnológico que permita administrar de
manera eficiente la información, debido a que todos los procesos se realizan de manera manual,
prototipo con módulos de gestión, para recepción de pedidos, gerencia de inventario, productos,
precios y el módulo de gestión de usuarios, bajo criterios y estándares de calidad necesarios para
que de esta forma, los clientes puedan navegar y hacer uso de la aplicación y sus servicios y así
En resumen, con el desarrollo del aplicativo se pretende generar beneficios que permitirá mayor
una manera organizada la información de los pedidos realizados por los clientes.
herramienta de comunicación que está al alcance de todas las personas que se han ido
modernizando a lo largo de la era tecnológica, lo que le permitirá entrar a competir con otras
empresas del sector, avanzando hacia la modernización tecnológica que demanda la economía
mundial actualmente.
Problema De Investigación
sociedad, ha ocasionado una mayor demanda para la adquisición de estos, donde mantenerse
De este modo, los efectos de la globalización ofrecen perspectivas útiles por las cuales se
no sólo aumenta la sensibilidad hacia las diferencias, sino también hacia las interdependencias
(Shanker, 1998).
que algunas empresas, no han implementado ningún tipo de tecnología. En este caso, se ha
Lo anterior debido a que se evidenció que el proceso que se lleva a cabo dentro de la
empresa no cuenta con una sistematización o recurso tecnológico que le facilite la recolección de
información (solicitudes de pedidos, datos personales de los clientes, entre otros) de una manera
ordenada y eficaz. Esto hace que la persona encargada de esta área le tome bastante tiempo
organizar las solicitudes, lo cual reduce el apoyo en la producción de las prendas, dado que la
empresa es familiar y cada una de las personas que trabajan allí son vitales para cumplir con el
esta aplicación y debe ser transcrita y registrada en una base de datos manual que no contempla
en el cliente final, ya que la empresa debe priorizar el orden de recepción de las solicitudes para
Formulación de la pregunta
Objetivos
Objetivo General
Objetivos específicos
Marco Teórico
desarrollo del estudio, abordando autores, conceptos y perpectivas que permitirán ampliar la
enfoque Práctico, menciona que las aplicaciones web, son poco más que un conjunto de archivos
de hipertexto vinculados que presentan información con uso de texto y gráficas limitadas pero la
dando paso a los nuevos sistemas y aplicaciones basados en la web, denominándolas webapps.
formato estándar, como HTML o XHTML, soportados por los navegadores web comunes.
Según [ CITATION Rog10 \l 9226 ] la mayoría de las aplicaciones web presentan los siguientes
atributos:
Uso intensivo de redes. Una webapp reside en una red y debe atender las necesidades de
que los usuarios de la webapp demanden acceso de 24 horas los 365 días del año.
Evolución continúa. Es común ver como algunas webapps se actualizan minuto a minuto
de su éxito.
Software
De acuerdo con [ CITATION Ian05 \l 9226 ] y a diferencia del término que asocian la
mayoría de las personas, el software no solo son programas, sino todos los documentos asociados
y la configuración de datos que se necesitan para hacer que estos programas operen de manera
documentación que describe la estructura del sistema, la documentación para el usuario que
explica como como utilizar el sistema y sitios web que permitan a los usuarios descargar la
Ingeniería del Software: Es una disciplina de la ingeniería que comprende todos los
aspectos de la producción de software desde las etapas iniciales de la especificación del sistema,
hasta el mantenimiento de este después de que se utiliza. No solo comprende los procesos
técnicos del desarrollo de software, sino también con actividades tales como la gestión de
software que se va a implementar, los datos que son parte del sistema, las interfaces entre los
componentes del sistema y, algunas veces, los algoritmos utilizados. El proceso de diseño
conlleva agregar formalidad y detalle durante el desarrollo del diseño, y regresar a los diseños
descubren errores y omisiones de las etapas previas. Esta retroalimentación permite mejorar los
modelos de diseño previos. El resultado final del proceso son especificaciones precisas de los
Test/prueba del software: Pruebas necesarias para establecer y ratificar que el software
cumple a cabalidad con los requerimientos establecidos anteriormente y no genera ningún tipo de
Validación del software: La validación del software o, de forma más general, la verificación
y validación (V & V) se utiliza para mostrar que el sistema se ajusta a su especificación y que
Los errores en los componentes del programa pueden descubrirse durante las pruebas del
sistema. Por lo tanto, el proceso es iterativo y se retroalimenta tanto de las últimas etapas como
sin los otros componentes del sistema. Los componentes pueden ser entidades simples
Prueba del sistema. Los componentes se integran para formar el sistema. Este proceso
comprende encontrar errores que son el resultado de interacciones no previstas entre los
sistema. Para sistemas grandes, esto puede ser un proceso gradual en el cual los
antes de que ellos mismos se integren para formar el sistema final.[ CITATION Ian05 \l
Aplicativo web 19
9226 ]
que el sistema se ponga en funcionamiento. Este se prueba con los datos proporcionados
por el cliente más que con datos de prueba simulados. Debido a la diferencia existente
entre los datos reales y los de prueba, la prueba de aceptación puede revelar errores y
problemas en los requerimientos donde los recursos del sistema no cumplen las
Ian05 \l 9226 ]
Marco Metodológico
aplicar en el desarrollo del proyecto. Se describe cada una de ellas para relacionar la más
definitivos, pero a pesar de los grandes avances, no existe un estándar metodológico para aplicar
software de calidad, por ello se han dispuesto numerosos modelos, entre los que se encuentran:
Por otra parte, [ CITATION Jen97 \l 9226 ] habla de los diferentes modelos propuestos
sistema e irlo compartiendo con el usuario para que experimente con él y de esta forma
bueno utilizar este modelo debido a que el usuario cree que es el producto final y en
necesidades, pues guía al programador según las sugerencias del cliente. [CITATION
El modelo espiral, creado por [ CITATION Boe88 \l 9226 ] es evolutivo. Sus actividades
alrededor de las cuales las interacciones se ejecutan dentro de los bucles o interacciones.
Al terminar un giro e iniciar otro, se construye un nuevo modelo del sistema. El espiral
puede combinarse con otros modelos, está orientado al desarrollo de sistemas grandes,
pero con personal especializada que deberá decidir cuántas interacciones se requieren
Otro grupo de modelos que forma parte de la ingeniería son los llamados evolutivos, los
cuales, como su nombre lo indica, son cambiantes, sobre todo en los requisitos de usuario y
producto. Estos tipos de modelos se consideran iterativos y evolutivos, pues permiten realizar
versiones de software cada vez más complejas y completas, hasta conseguir el logro planteado.
De este tipo de modelo forman parte el espiral y los llamados iterativos e incrementales.
Aplicativo web 21
[CITATION Luc15 \l 9226 ]. Uno de los principales distintivos de los modelos basados en
Los métodos formales son necesarios porque los sistemas informáticos son muy grandes
calidad esperada, se usan estos modelos lógicos, matemáticos, desde las fases tempranas, los
Por último, se tratarán las metodologías ágiles, estudiadas por muchos autores.
Metodologías ágiles, propuestas por [ CITATION Val07 \l 9226 ]resuelven los problemas
surgidos, posteriormente, a la masificación del uso del computador personal, dado que las
frecuentes. Fue así como a comienzo de los 90 surgieron propuestas metodológicas para
Scrum, propuesta por [ CITATION Ken04 \l 9226 ] orientada a proyectos en los que
constantes de quince minutos dentro del equipo de trabajo hasta que termine el proyecto.
(pág. 102)
componente que implementa los cambios, pues éstos son considerados riesgos y por tal
Aplicativo web 22
que todas las actividades se centran en el equipo de trabajo, pues de él dependerá el éxito
del producto, pero deberá invertir sus mejores esfuerzos, habilidades y destrezas, y
regirse por las políticas de trabajo definidas y repartidas por colores. También se tiene en
cuenta la disminución de artefactos producidos. Los recursos son los que limitan la
es un proceso iterativo de cinco pasos, cada uno con una duración máxima de dos
semanas. Centrada en la fase de diseño e implementación del sistema, sus premisas para
trabajan juntos equipo y usuario. Consta de cinco fases: estudio de viabilidad, estudio del
método iterativo que tolera cambios y está centrado en componentes de software, no tanto
en las tareas. La componen tres fases: especulación (se inicia el proyecto, se planifican
las características del producto), colaboración (se desarrolla) y aprendizaje (se revisa la
adelantadas, es decir, se trabaja a partir de prueba y error. El equipo está formado por
entre dos y doce personas que trabajan en parejas. Es un método simple que desarrolla
decisiones difíciles y remediar los errores tan pronto como se detectan; existe
comunicación continua entre los clientes y el grupo de trabajo [ CITATION Ken00 \l 9226 ]
metodología está enfocada en dar prioridad a los trabajos que dan un resultado directo,
metodología se enfatiza en dar al cliente el software que necesita y cuando lo necesita; así
clientes y desarrolladores.
Marco Conceptual
comercio electrónico, etc. Es una aplicación web con licencia pública general GPL y está
(sección de plugins) o desde la web oficial: Es una herramienta muy sencilla e intuitiva
que permite montar una tienda online pequeña (por ejemplo, con unos 50 productos). Y
está traducida al castellano. Ofrece más funcionalidades que otros plugins ecommerce de
Arquitectura de Software [ CITATION Ian05 \l 9226 ] define esta arquitectura como los
usados para alcanzar los requerimientos definidos por el sistema y las limitaciones que
información.
Cliente – Servidor Para [ CITATION Ser16 \l 9226 ] es un modelo lógico de una forma de
HTTP El W3C (1998), lo define como el Lenguaje de Marcado de Hipertexto (en inglés
de texto, así como para complementar el texto con objetos tales como imágenes. También
Aplicativo web 25
aplicaciones sobre una red. Está soportado en diferentes estándares abiertos que
Servidor Web O servidor HTTP como también lo define [ CITATION Ser16 \l 9226 ] es
un programa que procesa cualquier aplicación del lado del servidor realizando
generando o cediendo una respuesta en cualquier lenguaje o aplicación del lado del
cliente. El código recibido por el cliente suele ser compilado y ejecutado por un
navegador web. Para la transmisión de todos estos datos suele utilizarse algún protocolo
que generalmente es HTTP. El término también se emplea para referirse a la máquina que
ejecuta el programa.
con más de seis millones de instalaciones (MySQL 2012). Según los desarrolladores de
este sistema, en su sitio oficial MySQL (2012), explican que el sistema gestor de base de
datos MySQL es la base de datos de código abierto más popular debido a su alto
rendimiento, alta fiabilidad y facilidad de uso. También afirman que MySQL se ejecuta
en más de 20 plataformas, incluyendo Linux, Windows, Mac OS, Solaris, entre las más
archivo de texto plano. Los scripts son casi siempre interpretados, pero no todo programa
tareas como combinar componentes, interactuar con el sistema operativo o con el usuario.
Marco Legal
A la hora de crear un aplicativo web, se debe tener en cuenta la normativa vigente, sobre
todo en los casos corporativos que ofrecen sus productos y servicios online. En el ámbito del
comercio electrónico con consumidores existen varias normas que tienen especial relevancia por
Por medio de la cual se define y reglamenta el acceso y uso de los mensajes de datos, del
Parte I
Parte General
Capítulo I Disposiciones Generales
Artículo 1. Ámbito De Aplicación. La presente ley será aplicable a todo tipo de información en
forma de mensaje de datos, salvo en los siguientes casos:
a) En las obligaciones contraídas por el Estado colombiano en virtud de convenios o tratados
internacionales;
b) En las advertencias escritas que por disposición legal deban ir necesariamente impresas en
cierto tipo de productos en razón al riesgo que implica su comercialización, uso o consumo.
Aplicativo web 27
comunicada por medios electrónicos, ópticos o similares, como pudieran ser, entre otros,
télex o el telefax.
b) Comercio electrónico. Abarca las cuestiones suscitadas por toda relación de índole
mensajes de datos o de cualquier otro medio similar. Las relaciones de índole comercial
comprenden, sin limitarse a ellas, las siguientes operaciones: toda operación comercial de
iniciador y al texto del mensaje, permite determinar que este valor se ha obtenido
exclusivamente con la clave del iniciador y que el mensaje inicial no ha sido modificado
está facultada para emitir certificados en relación con las firmas digitales de las personas,
recepción de mensajes de datos, así como cumplir otras funciones relativas a las
computadora a otra, que está estructurada bajo normas técnicas convenidas al efecto;
f) Sistema de Información. Se entenderá todo sistema utilizado para generar, enviar, recibir,
ejercerá las facultades que legalmente le han sido asignadas respecto de las entidades de
b) Velar por el funcionamiento y la eficiente prestación del servicio por parte de las
entidades de certificación.
Emitir certificados en relación con las firmas digitales de las entidades de certificación.
protección del consumidor, en los mercados atendidos por las entidades de certificación.
j) Impartir instrucciones sobre el adecuado cumplimiento de las normas a las cuales deben
proceso y el derecho de defensa, podrá imponer según la naturaleza y la gravedad de la falta, las
1) Amonestación.
2) Multas institucionales hasta por el equivalente a dos mil (2.000) salarios mínimos legales
de certificación, hasta por trescientos (300) salarios mínimos legales mensuales vigentes, cuando
se les compruebe que han autorizado, ejecutado o tolerado conductas violatorias de la ley.
doce (12) meses, contados a partir de la publicación de la presente ley, para organizar y asignar a
Aplicativo web 30
realizadas por las entidades de certificación, sin perjuicio de que el Gobierno Nacional cree una
Metodología de la Investigación
características para saber cuál de ellos se adapta mejor a la investigación que se realizará.
Aunque no hay acuerdo entre los distintos autores sobre la clasificación de los tipos de
problemática, enfocando su interés en la aplicación inmediata sobre una problemática antes que
menciona como ejemplo los proyectos de ingeniería civil que están ubicados dentro de este tipo
para suelos arenosos”, “Propuesta para el relleno sanitario de Chiclayo”, “Análisis estructural
Investigación Cualitativa
pretenden hacer medición numérica, como las descripciones y las observaciones. Otras
estudio en su ambiente usual (cómo vive, se comporta y actúa la gente; qué piensa; cuáles
En esta investigación, por lo general las preguntas e hipótesis surgen dentro del proceso
teorías), por lo que son estudios que tiene un alto contenido subjetivo. [ CITATION Man16
\l 9226 ]
Metodología de Desarrollo
De acuerdo a la revisión bibliográfica sobre las diferentes metodologías que hay para el
utilizando una metodología ágil, porque permite garantizar una mayor productividad y mejor
utilización del recurso humano calificado con capacidades técnicas adecuadas, facilidades para
manera, da mayor garantía de éxito que contar con herramientas y procesos rigurosos. (pág. 383)
Scrum al ser una metodología de desarrollo ágil tiene como base la idea de
en:
fase de especulación.
deseado.
5. Cierre: Se entregará en la fecha acordada una versión del producto deseado. Al tratarse
de una versión, el cierre no indica que se ha finalizado el proyecto, sino que seguirá
tiempo del personal dedicado para la realización de dicha labor debido a que no cuentan con una
de pedidos, datos personales de los clientes, entre otros) de una manera más ordenada y eficaz, y
esto hace que la persona encargada de esta área le toma bastante tiempo organizar las solicitudes
y por ende genera la falta de apoyo en la producción de las prendas dado que la empresa es
familiar y cada una de las personas que trabajan allí son vitales para cumplir con el ciclo de
Manual de Usuario
Anexo No. 2.1 corresponde a la información referente al uso del aplicativo web, se
Conclusiones
elaboración del aplicativo fue poder otorgarle a la empresa llevar un registro digital de los
pedidos para la producción de prendas textiles porque permite que no se vea afectada la mano de
obra que interviene para cumplir con el ciclo de entrega del producto terminado.
Lo que más ayudó al desarrollo fue conocer de primera mano como se realizaba el
optimizar el tiempo dedicado para realizar esta labor y a su vez poder tener los registros de una
Lo más difícil en la realización de este aplicativo web, fue analizar las utilidades de las
diferentes herramientas (CMS) como Magento, Wordpress y PrestaShop, debido a que cada una
Aplicativo web 35
cumplir con los requerimientos del cliente y permitió alcanzar el objetivo planteado.
Anexos
Manual técnico
Manual de usuario
Bibliografía
Lucy Nohemy Medina Velandia, W. M. (Julio a Diciembre de 2015). Escoger una metodología
para desarrollar. Revista Educación en Ingeniería, 10(20), 98-109. Obtenido de
http://www.educacioneningenieria.org
Mora, S. L. (2016). Programación de aplicaciones web: Historia, principios básicos y clientes
web. España: Club Universitario.
Patricio Letelier, M. C. (2012). Métodologías ágiles para el desarrollo de software: eXtreme
Programming (XP).
Poppendieck, M. p. (2003). Lean Software Development: An Agile Toolkit. Addison-Wesley,.
Pressman, R. (2010). La ingeniería del Software. 7ma edición .
Pruebas de Software. (2012). Pruebas de software, niveles de pruebas. It-Mentor "Capacitación
y guía para el desarrollo de software". Obtenido de
http://materias.fi.uba.ar/7548/Pruebas-Intro.pdf
Puertas, J. (2005). Creación de un portal con PHP y MySQL. México: Alfaomega: RA-MA .
Raül Lerma Blasco, J. A. (2013). Aplicaciones Web. España: Mc Graw Gil Education.
Román, J. L. (2016). Industria 4.0: la transformación digital de la industria. Valencia: Informes
CODDII.
Sommerville, I. (2005). Ingeniería del software. . Madrid, España: Pearson educación.
Stapleton, J. (1997). DSDM. Dynamic Systems Development Method: the method in practice. .
Addison-Wesley.
Valencia, E. H. (2007). Del manifiesto ágil sus valores y principios (Vol. XIII). Pereira
Colombia: Scientia Et Technica.