Diseño de arquitectura del sistema de información

Diego Alberto Pabón Bernal

Servicio Nacional de Aprendizaje SENA

Tecnólogo en análisis y desarrollo de sistemas de información

2021
Contenido
 1......................................................................................................Introducción
3
 2. Descripción del problema..............................................................................3
 3.......................................................................................................Justificación
4
 4................................................................................................Objetivo general
5
 5..................................................................Alcance del sistema de información
6
 7..................................................................................Definiciones y acrónimos
8
 12..............................................................................Características del usuario
9
 13...................................................................................................Restricciones
10
 14..........................................................................Suposiciones y dependencias
10
1.1. Suposiciones..............................................................................................................................10
1.2. Dependencias............................................................................................................................11
 2..................................................................................Arquitectura de software
11

Pág. 2
 1. Introducción
El Diseño y la Implementación de una Tienda Virtual Moda Top Juvenil S.A.S de Bogotá
de ropa para población infantil y adolescente; tiene como resultado una aplicación Web desde la
cual, la empresa aumente sus venta, poseer la información a tiempo sobre el inventario, deudas
pendientes y descuentos; así como recaudos para el pago de los servicios públicos y del personal
del local, por medio del comercio virtual de manera factible, rápida y sencilla.
Es así como, se facilita a los clientes la opción de realizar sus compras sin salir de casa,
visualizar los artículos disponibles o consultar el estado de algún pedido realizado anteriormente.
Seguido a esto; el personal autorizado (empleado de la tienda) podrá actualizar la solicitud los
pedidos mediante esta vía, la inserción de nuevos ítems en la base de datos o la corrección de los
datos erróneos que puedan aparecer en el registro de algún cliente.
- Además de trabajar con plantillas CSS
- Por último, el haber creado la
- Base de datos en MySQL permitió conocer a fondo el funcionamiento de este sistema.

2. Descripción del problema

En la actualidad la Tienda Virtual Moda Top Juvenil S.A.S (TVMT) ofrece sus productos
de manera virtual, realiza un proceso manual del personal administrativo empleando fuentes de
información que provienen de propietarios, pagos y deudas de administración, información que
es manipulada manualmente y archivada en hojas, ocasionando problemas en los datos. Esto
causa que la tienda pierda confiabilidad ante los clientes internos, externos y proveedores, al no
poseer la información a tiempo sobre las ventas realizadas, el inventario, deudas pendientes y
descuentos; así como recaudos para el pago de los servicios públicos, del personal y
mantenimiento del local en el que se lleva a cabo las actividades, además procesos que implican
una mayor inversión de tiempo. Como consecuencia de los problemas de información, así como
de los problemas de índole procedimental. Es por esta razón que se debe plantear una alternativa
de solución con base en el desarrollo de instrumentos (como prototipos de aplicación)
construidos desde la ingeniería del Software y desde los paradigmas de las bases de datos.

Pág. 3
 La posibilidad de que haya una gran afluencia de usuarios en la TVMT al mismo tiempo
puede llegar a representar un problema de saturación del servidor así como lentitud en el
funcionamiento de la página. Estos problemas podrían solucionarse simplemente aumentando la
potencia del servidor con nuevo hardware, aplicando técnicas de trabajo distribuido, o
construyendo un cluster de servidores.
La velocidad del ancho de banda del que dispone el servidor también puede ser un problema,
también debe existir una política de seguridad adecuada en toda la TVMT. Los accesos
incorrectos a páginas de la TVMT sin haberse registrado es un problema que hay que evitar.
Seguido a esto se tendrá en cuenta la seguridad del servidor instalando cortafuegos, antivirus,
cuentas de usuario, permisos, además de realizar copias de seguridad periódicamente.
¿Cómo organizar y estructurar la información de la Tienda Virtual Moda Top Juvenil S.A.S,
para mejorar la administración de este mismo?
Tras decidir que la Tienda Virtual iba a ser una Web de artículos de ropa se puede considerar
más importantes (Nike, Adidas, Brahma…etc). Se ha tomado la decisión que los colores que
formarán la Tienda van a ser tonalidades como el rojo ya que es el color más dominante
visualmente, al mismo tiempo que Sugiere velocidad, acción; el naranja asociado a creatividad,
vitalidad, exclusividad, energía, intensidad, estimulación, sociabilidad, salud, extravagancia,
actividad. Seguido a esto es un interfaz agradable al aspecto visual y evitando la información
“extra” que desvíe la atención del cliente y el motivo por el cual ha entrado en la Tienda Virtual.
Gracias a que la información en el frame principal es información flotante que varía
dependiendo del tamaño de la ventana del usuario y de que los menús no tienen un tamaño fijo
sino que también dependen del tamaño de la ventana, hacen de esta página una página
compatible con todos los navegadores. También he tenido en cuenta el tamaño de las imágenes
creando en lugar de imágenes de tamaño grande y fijo, otras más pequeñas que se van repitiendo
a lo largo de la página dependiendo de la información que se esté mostrando en cada momento.

3. Justificación
La Tienda Virtual Moda Top Juvenil S.A.S (en adelante TVMT) parte de un interfaz Web
dinámica que le permita a los clientes consultar el catálogo de ropa actual y ofertas; por otra
parte, aquellos usuarios que así lo deseen mediante un registro muy sencillo podrán realizar sus
compras desde cualquier terminal conectado Internet
Otra de las funciones que ofrece este interfaz es la de permitir al personal de la TVMT la

Pág. 4
gestión de la base de datos de la forma más sencilla posible. Por último, una vez realizadas las
compras por los usuarios, estos podrán visualizar en todo momento el estado en el cual se
encuentran sus pedidos. Estos estados serán modificados por el personal de la TVMT desde una
de las opciones de su intranet.

4. Objetivo general
Esbozar e implementar un sistema de información para la Tienda Virtual Moda Top Juvenil
S.A.S, con el propósito de automatizar los diferentes procesos.

4.1. Objetivos específicos

Reconocer las necesidades del cliente, tomando en cuenta los requerimientos para la
implementación del sistema de información de facturación.
Generar el estudio del sistema de información a implementar, con base en los requerimientos y
utilizando las técnicas de recolección de datos.
Diseñar un sistema de información que le permita el mejoramiento y automatización del proceso
de la empresa.
Seleccionar la arquitectura a implementar según el software.
Elegir las herramientas de desarrollo para el manejo de fórmulas y bases de datos.
Elaborar un Modelo de Base de Datos Relacional, dado los requerimientos de almacenamiento y
manipulación de datos de la empresa.
Realizar implantación del software en producción según estándares de calidad.
Delimitar el alcance del sistema de información.
Definir las perspectivas del producto.
Establecer las Funcionalidades del sistema de información.
Características del usuario.
Restricciones.
Suposiciones y dependencias.
Realización de diagramas UML con la herramienta Creatly, CASE, StartUML para la ilustración
de la arquitectura de software, con miras a que las soluciones planteadas por los analistas,
puedan ser entendidas por las partes interesadas, por medio de este lenguaje gráfico
estandarizado.
Realización de diagramas UML con la herramienta CASE, StartUML para la ilustración de la

Pág. 5
arquitectura de hardware, con el propósito de identificar los componentes físicos y el despliegue
del software en los estos componentes.

2. Alcance del sistema de información

Este proyecto consistió en el análisis y diseño de un sistema de información que permita el
control y seguimiento de las ventas y el producto, para ello se analizó el sistema actual de ventas
de la TVMT, desde la fase de análisis a fin de entender la problemática, se planteó una
investigación de tipo exploratorio que buscó en condensar la mayor información acerca de la
organización y se identificaron las necesidades, problemas a resolver, es decir la problemática
actual en el control y seguimiento de las ventas y el producto, se encontró que la tienda no cuenta
con un software informático que le permita tener actualizado su stock disponible, se ha tomado
como medida el planteamiento y diseño de un sistema de información que cubra las necesidades
mencionadas.

Esta herramienta permite la optimización de procesos como: facturación, devolución,

abastecimiento, solicitud de pedidos, semaforización, cuarentena, inventario, Kardex, registros
de proveedores, clientes, empleados y reportes; lo que hace más fácil las tareas tanto del
propietario como del vendedor, a su vez le permite ahorrar tiempo y disminuir gastos de
papelería, la información será precisa y oportuna tanto para el usuario como para el
administrador para el envío de sus pedidos y el control de los registros.

El sistema de información planteado permite centralizar la información de los clientes,

empleados, proveedores y en una base de datos para posteriormente definir a que módulos puede
acceder cada tipo de usuario. De igual manera este sistema también le permitirá al administrador
saber que productos están por agotarse para realizar su pedido a proveedores ya sean
farmacéuticas o mayoristas, evitando de esta manera productos agotados en el inventario.

Este proyecto no será desarrollado como un aplicativo de escritorio; será un aplicativo web
responsivo para uso en dispositivos móviles, además se desarrollará una tienda virtual
sincronizada con el inventario.

3. Ámbito del sistema de información

El proyecto se debe a la necesidad de la Empresa Tienda Virtual Moda Top Juvenil S.A.S,
localizada en la ciudad de Bogotá. Este proyecto buscó dar una solución a la problemática que en

Pág. 6
el momento tiene la empresa, ya que no cuenta con un sistema que cubra sus necesidades
operativas; es por ello que conjuntamente hemos decidido desarrollar un sistema que permitirá
mejorar áreas de la empresa como: ventas, inventarios, contabilidad, administración y tecnología,
al mismo tiempo que facilitar la gestión por parte del administrador y vendedores; siendo esto de
gran impacto para el aumento de la productividad, competitividad y sostenibilidad de la empresa
respecto a sus competidores. Esto permitirá mejorar significativamente la gestión de procesos
operativos de forma cómoda y ágil inclusive desde dispositivos móviles.
El proyecto ya cuenta con un alcance definido de sus requerimientos funcionales ANEXO A,
así como un mockup prototipo de las interfaces del sistema ANEXO B, El proyecto se llevará a
cabo en un tiempo estimado de seis meses después de la celebración del contrato ANEXO C, en
el cual se estipulan los lineamientos para el desarrollo satisfactorio del proyecto y donde se
establecen las obligaciones de las partes.
Este se llevará a cabo por un tecnólogo en análisis y desarrollo de sistemas de información del
SENA, el cual cuentan con las competencias técnicas adecuadas para la elaboración del
proyecto, cumpliendo roles como:
 Analista de Software.
 Diseñador de Software.
 Programador de Software.
Se hará uso de los recursos de hardware de los que la empresa dispone para el desarrollo del
ciclo de vida del software, además se utilizaran diferentes herramientas CASE, (Ingeniería del
Software Asistida por Ordenador) para el diseño de la arquitectura del software, a continuación,
se nombraran algunas:
 De planificación de sistemas.
 De gestión de proyectos.
 De soporte.
 De análisis y diseño.
 De programación.
 De prueba e integración.
 De simulación y creación de proyectos.
 De mantenimiento.
 De estructura.

Pág. 7
 4. Definiciones y acrónimos
CASE: Computer Aided Software Engineering, Ingeniería de Software Asistida por
Computadora), son diversas aplicaciones informáticas o programas informáticos, destinadas
a aumentar el balance en el desarrollo de software reduciendo el costo de las mismas en
términos de tiempo y de dinero.
Hardware: Conjunto de elementos físicos o materiales que constituyen una computadora o
un sistema informático.
StartUML: Es una herramienta CASE para moldeamiento en los estándares UML que como
ya todos sabemos es un lenguaje gráfico para visualizar, especificar, construir y documentar y
sistema.
Software: Conjunto de programas y rutinas que permiten a la computadora realizar
determinadas tareas.
UML: Unified Modeling Language, es un lenguaje estandarizado que se utiliza para
visualizar los elementos de un sistema de software, compuesto por diagramas que representan
elementos estáticos y dinámicos del sistema. Este es un lenguaje gráfico para visualizar,
especificar, construir y documentar un sistema.

5. Referencias
 https://www.youtube.com/watch?v=o-qCf7Sk1ow
 https://www.youtube.com/watch?v=Wi5Tq1Q_nHk
 https://www.marcoteorico.com/tema/7/programacion
 https://manuel.cillero.es/doc/metrica-3/tecnicas/diagrama-de-transicion-de-estados/
 https://www.youtube.com/watch?v=-OWd0tJAK10
 https://app.creately.com/diagram/afX01080dyx/edit

6. Visión general del documento

El fin de este documento es exponer la arquitectura del sistema de información a desarrollar,
que fue desarrollada por medio de la herramienta CASE StartUML y Creately según los
estándares del leguaje gráfico, esto para definir el funcionamiento del sistema de información
con el fin de que las soluciones dadas puedan ser entendidas por las partes que no manejen un
lenguaje técnico, para que en función del desarrollo de un software de calidad los StakeHolders
puedan opinar acerca de estos planteamientos.

Pág. 8
 7. Perspectivas del producto
Este proyecto pretendió contribuir como aporte al conocimiento específico de la tecnología de
información dentro de un área comercial en una tienda virtual; se evidencia la importancia de la
realización de este proyecto y se plantea el análisis, diseño, desarrollo e implementación de un
sistema de información para farmacia, resultando está más eficiente y eficaz ya que sus procesos
serán gestionados sistemáticamente. Este proyecto tiene una gran importancia para la empresa
dado que le permite resolver un problema específico y lograr una mejora en la gestión comercial.
Para ello, se identificó una situación problema con oportunidad de mejora para el desarrollo de la
tienda.

8. Funciones del producto

Las funcionalidades del sistema de información Tienda Virtual Moda Top Juvenil S.A.S están
plasmadas en el documento especificación de los requerimientos del software ANEXO A, donde
se explica en detalle:
- Sistema de Inicio de Sesión, Registrarse y Olvide mi Contraseña.
- Módulo de Inventario.
- Módulo de Abastecimiento.
- Módulo de Novedades.
- Módulo de Productos.
- Módulo de Cliente.
- Módulo de Proveedores.
- Módulo de Usuarios.
- Módulo de Usuario.
- Sistema de Notificaciones.
- Módulo de Ayuda o Soporte.
- Módulo de Agotados.
- Sistema de Kardex.
- Módulo de Listas.
- Módulo de Ganancias.

9. Características del usuario

El Sistema Palkem se plantea tener múltiples tipos de usuarios, es por ello importante cumplir
con los requerimientos no funcionales a cabalidad, haciendo énfasis en la escalabilidad para

Pág. 9
lograrlo, por el momento básicamente tiene solo dos tipos de usuarios, los cuales son:
- Administradores: Con el acceso a todos los módulos del sistema y la capacidad de dar
permisos a los usuarios de rango más bajo para ocasionalmente realizar alguna función
operativa.
- Vendedores: los vendedores están limitados al acceso del inventario, la facturación de
productos y el registro de clientes.
Además de una tienda virtual sincronizada en tiempo real con el inventario, para ello se definirán
otros tipos de usuarios como:
- Cliente
- Vendedor
- Proveedor

10. Restricciones
- El cliente no requiere una aplicación de escritorio, el sistema debe seguir el modelo de
computación en la nube, ya que el cliente solicita poder acceder a su información desde
cualquier lugar a través de su dispositivo móvil.
- No desarrollado en JAVA WEB.
- Solo el administrador tendrá acceso a la totalidad de los módulos.
- Si se requieren informes todos serán generados en PDF o EXCEL.
- Las contraseñas de todos los usuarios deben estar encriptadas.
- La plataforma se desarrollará con PHP, JAVASCRIPT, HTML5, CSS3.
- Se utilizarán algunas librerías como; PPDF y PHPMailer.
- Los desarrolladores utilizaran herramientas CASE para el desarrollo del proyecto
- El proyecto se desarrollará en NetBeans IDE 8.2.
- Base de datos Relacional en SQL por medio del SGBD MySQL.

11. Suposiciones y dependencias

14.1 Suposiciones
- El único que puede recibir reportes es el administrador.
- Es necesario que el cliente este registrado para realizar una compra.
- El usuario debe registrar un correo electrónico para su activación y recuperación de
contraseñas en caso de necesitarlo.

Pág. 10
 14.2 Dependencias
- El sistema estará diseñado para que funcione en una computadora con características
básicas, y un sistema operativo Windows 10 con estructura de 64 bits, Compatible
principalmente con los navegadores; Google Chrome y Mozilla Firefox.
- Todo el hardware requerido lo proporciona enteramente el cliente.
- El sistema estará diseñado para trabajar con una impresora estándar
- Se requiere de un lector de códigos para la gestión del producto por medio de su código
de barras.

15 Arquitectura de software
15.1. Diagramas de casos de uso
https://app.creately.com/diagram/afX01080dyx/edit

Pág. 11
Pág. 12
Pág. 13
Pág. 14
Pág. 15
15.2 Diagramas de clases
15.3 Diagramas de paquetes

Pág. 17
15.4 Diagramas de secuencias

Pág. 18
Pág. 19
15.5 Diagramas de comunicación

Pág. 20
Pág. 21
15.6 Diagrama de componentes

Pág. 22
15.7 Diagramas de actividades

Pág. 23
Pág. 24
15.8 Diagramas de estado

Pág. 25
 16. Arquitectura de hardware
16.1 Diagramas de despliegue

Pág. 26
17 ANEXOS.

 ANEXO A: Documento de especificación de los requerimientos.

 ANEXO B: Documento del prototipo de las interfases del sistema de información
 ANEXO C: Documentación relacionada con el Contrato