PROCEDIMIENTO DE

DISEÑO DE
ARQUITECTURA
TECNOLÓGICA DEL
SISTEMA

NOMBRE Y APELLIDOS FIRMA

Elaboró Alanya Pariona William
Jonas
Espinoza Leon Medalin
Carol
Juan de Dios Cuadrado
Andrés Alberto
Rojas Landa Yosifat
Kevin
Reviso y aprobó Gerencia informatica
 DISEÑO DE ARQUITECTURA TECNOLÓGICA DEL SISTEMA
Versión: 1.0 2019

ÍNDICE

ÍNDICE........................................................................................................................... 2

ÍNDICE DE FIGURAS....................................................................................................3

INTRODUCCIÓN........................................................................................................... 4

1. OBJETIVOS........................................................................................................5

2. ALCANCES.........................................................................................................5

3. DESCRIPCIÓN DEL ENTORNO TECNOLÓGICO.............................................5

3.1. Hardware:....................................................................................................5

3.2. Software:......................................................................................................5

3.3. Comunicaciones:..........................................................................................7

4. RESTRICCIONES TÉCNICAS............................................................................8

5. PLANIFICACIÓN DE CAPACIDADES..............................................................10

6. DEFINICIÓN DE CAPACIDADES.....................................................................11

6.1. Arquitectura de Proceso actual..................................................................11

6.2. Arquitectura del sistema actual......................................................................12

6.3. Arquitectura de Datos actual..........................................................................12

6.4. Arquitectura del Servidor...............................................................................13

6.5. Arquitectura de red........................................................................................15

2
 DISEÑO DE ARQUITECTURA TECNOLÓGICA DEL SISTEMA
Versión: 1.0 2019

ÍNDICE DE FIGURAS

FIGURA 1:TOPOLOGÍA DE RED DEL MODELO DE NEGOCIO......................................................8

FIGURA 2: PROCESOS DE LA VENTA DE BEBIDAS......................................................................12
FIGURA 3: ARQUITECTURA DEL SISTEMA ACTUAL.....................................................................13
FIGURA 4: ARQUITECTURA DE DATOS ACTUAL...........................................................................14
FIGURA 5: ESPECIFICACIONES DEL HOSTING.............................................................................15
FIGURA 6: ARQUITECTURA DEL SERVIDOR..................................................................................15
FIGURA 7: ARQUITECTURA DE RED.................................................................................................16

3
 DISEÑO DE ARQUITECTURA TECNOLÓGICA DEL SISTEMA
Versión: 1.0 2019

INTRODUCCIÓN

A partir del plan estratégico de tecnologías de información sobre la idea

de negocio llamada Wanka Delivery dedicada a la entrega de bebidas a
domicilio las 24 horas en la zona Urbana de Huancayo, distrito de
Huancayo, provincia de Huancayo y departamento de Junín, se desarrolla
el diseño de la arquitectura tecnología del sistema que vamos a
implementar.

Por lo cual se presentan al inicio de esta documentación los objetivos

para realizar el diseño de la arquitectura ;luego los alcances para limitar
nuestro entorno al desarrollar el sistema de información que va realizar el
grupo ; a continuación la descripción del entorno tecnológico para
desarrollar nuestro sistema; las restricciones técnicas que se evalúan en
este documento ; además la planificación de capacidades que se vera la
cantidad de clientes que abarcara nuestro negocio lo cual lleva a la
capacidad en almacenamiento , procesamiento y comunicaciones ;
también la descripción de la arquitectura del sistema en tres categorías la
primera la definición de la arquitectura a usar, segunda la distribución del
sistema y ultima los patrones del diseño .

4
 DISEÑO DE ARQUITECTURA TECNOLÓGICA DEL SISTEMA
Versión: 1.0 2019

1.1. OBJETIVOS
Determinar la capacidad tecnológica del sistema que se va a
implementar y conocer las limitaciones que tenemos como empresa.

2.1. ALCANCES
Mediante este proyecto pretendemos reducir los robos en la zona urbana
de Huancayo al comprar a altas horas de la noche, también desarrollar
una cultura informática para realizar un pedido a través del uso de
internet.

3.1. DESCRIPCIÓN DEL ENTORNO TECNOLÓGICO

En la descripción de nuestro entorno tecnológico para el desarrollo del
sistema de información será compuesto por tres dimensiones lo cual se
detalla a continuación:

3.1. Hardware:

 Memoria RAM: 8GB.

 Disco duro: 20 GB
 Procesador: Intel Xeon E(2,00 GHz)
 Pantalla que soporte resolución de 1024 x 768.

3.2. Software:

Entorno en el sistema operativo

WINDOWS SERVER 2016: es el sistema operativo de

Microsoft seguridad y el rendimiento para servidores

Características:

1. Nanoserver. Se puede administrar de forma

remota y está optimizado para data centers y nubes
privadas.

2. Seguridad. Ofrece un servicio de guardián para

los dispositivos y dar una mayor seguridad de los
datos.
5
DISEÑO DE ARQUITECTURA TECNOLÓGICA DEL SISTEMA
Versión: 1.0 2019

3. Habilidades de PowerShell.El administrador puede

aprovechar .NET de Windows para desplazar
archivos, crear un objeto de Web Cliente y transmitir
las credenciales para entrar en el servidor FTP.
También permite al administrador manejar permisos
de NTFS y controlar el acceso de los usuarios a una
carpeta mediante el File System Security PoweShell
Module.

JAVASCRIPT

Es un lenguaje de programación orientado a páginas web,

sin embargo, las actividades que permite realizar son mas
complejas que en las de PHP, se caracteriza por ser
dinámico, basado en prototipos, está debidamente tipado y
es multi-paradigma. Debido a sus características y
complejidad mencionadas, esta herramienta es la usada
por la WWW junto con HTML que es un lenguaje de
marcado que usa una estructura que da un orden al código
separando encabezados, tablas, títulos, etc. y CSS que
sirve para dar estilos a nuestro código, tales como colores,
fuentes, márgenes, etc.

PHP

El Preprocesador de Hipertexto es un lenguaje de programación

netamente diseñado para desarrollar páginas web y puede ser
incrustado en HTML, está orientado a objetos y entre sus
principales ventajas se puede mencionar que resulta ser un
lenguaje libre y abierto, no es complicado utilizarlo a diferencia
de muchos otros en los que requiere tiempo su aprendizaje,
aparte también es muy simple el proceso de conectar con una
base de datos e incluso el proceso de integrar el paquete a
nuestro ordenador no es nada tedioso.

CSS (Cascading Style Sheets): Describe cómo se va a

mostrar un documento en pantalla, por impresora .

6
DISEÑO DE ARQUITECTURA TECNOLÓGICA DEL SISTEMA
Versión: 1.0 2019

▪ La principal ventaja de CSS sobre el lenguaje HTML o

similar, es que el estilo se puede guardar
completamente por separado.
▪ Permite un mejor control en la presentación de un sitio
web que los elementos de HTML, agilizando su
actualización.
▪ Aumento de la accesibilidad de los usuarios gracias a
que pueden especificar su propia hoja de estilo,
permitiéndoles modificar el formato de un sitio web
según sus necesidades, de manera que, por ejemplo,
personas con deficiencias visuales puedan configurar su
propia hoja de estilo para aumentar el tamaño del texto.
▪ Una página puede tener diferentes hojas de estilo para
mostrarse en diferentes dispositivos, como pueden ser
impresoras, lectores de voz, o móviles.
MYSQL
Es un sistema de gestión de base de datos relacional de código
abierto, basado en lenguaje de consulta estructurado (SQL),
servicio utilizado para crear y administrar bases de datos
basadas en un modelo relacional.

7
 DISEÑO DE ARQUITECTURA TECNOLÓGICA DEL SISTEMA
Versión: 1.0 2019

3.3. Comunicaciones:

Figura 1:Topología de red del modelo de negocio

En la figura se puede apreciar la topologia que se desarrollara el
Sistema de informacion partiendo desde el internet para luego pasar al
servidor en que se alojara nuestro Sistema web, mediante una base de
datos de MySql, además está ligada a la página web para el
desarrollador y nuestros distintos usuarios que se conecte al aplicativo.

4.1. RESTRICCIONES TÉCNICAS

 Hosting virtual en la nube:

Disponibilidad del sitio (Interrupción del servidor, Mantenimiento, Un

aumento en el tráfico, Los errores de programación, Las
infracciones de derechos de autor). Como afecta la disponibilidad
del sitio:

 Pérdida de ingresos: Es grande el daño ya que la productividad

puede verse interrumpida con estas caídas de su sitio (personal
que no pueden desarrollar sus actividades si depende del
sistema que coordinan y guía su gestión), en otros casos afecta
en la cantidad de ventas y en la pérdida de todo el esfuerzo por
establecerse como una empresa creíble.

 Migración de clientes: En el mundo de los negocios es la

fiabilidad la que alienta a muchos de sus clientes para hacer una
compra con usted. Si su sitio web está caído o no responde

8
DISEÑO DE ARQUITECTURA TECNOLÓGICA DEL SISTEMA
Versión: 1.0 2019

existen innumerables opciones y alternativas para conseguir lo

que quieren en línea.

 El daño a su marca: Sus clientes ahora tienen un montón de

avenidas para desahogar sus frustraciones con la experiencia
en su sitio web. Estas como las redes sociales o blogs generan
un efecto en cadena y muchas veces viral que podrán destrozar
su marca. Aunque hay quienes sabiamente sacan de lo negativo
algo muy positivo, si no está preparado no se arriesgue a caer
en esta situación.

Saturación de usuarios. Debe contar con las siguientes

características para que no suceda una saturación

 Espacio de almacenamiento: Es el espacio que te asigna tu

proveedor en sus servidores. Para que tu web funcione con
fluidez necesita tener espacio libre, por eso es importante tener
espacio de sobra.

 Para poder instalar un CMS como WordPress, es recomendable

tener un espacio de 1 GB disponible. Conforme tu web se vaya
haciendo más grande (páginas, artículos, plugins) irás
necesitando mayor capacidad de almacenamiento.

 Transferencia mensual: Cada vez que se carga tu web, tu

servidor tiene que enviar esa información al navegador del
usuario. Si tenemos en cuenta que cada página dentro de tu
web (home, sobre mí, contacto) tiene un peso específico (1, 2 o
3 MB), llegamos a la conclusión de que cada usuario consume
esos recursos de tu plan de hosting.

 En realidad, no es del todo así, porque lo más habitual es que

tanto tu proveedor de hosting como tu propia web tengan
activado un sistema de caché, por lo que realmente no carga
toda la página sino una copia que ya tiene guardada.

 En cualquier caso, esa transferencia de datos es contabilizada

por tu proveedor todos los meses. Si excedes el límite
contratado o te cobran un extra o tu web deja de funcionar.

 Como ves es algo a tener en cuenta. No es fácil calcular una

cantidad necesaria porque depende de numerosas variables

9
como el peso de cada página, la caché o la cantidad de tráfico
DISEÑO DE ARQUITECTURA TECNOLÓGICA DEL SISTEMA
Versión: 1.0 2019

que recibas. Para empezar, 50 GB deberían ser más que

suficiente.

 Discos SSD: Uno de los factores más determinantes en el

rendimiento de un servidor y, por tanto, en la velocidad de carga
de una página web es la tecnología del disco duro.

 Página Web:

Distorsión de la interfaz en dispositivos móviles (Esa es una

restricción de diseño web bastante obvia. Estás limitado a un cierto
tamaño o forma de canvas. Con la imprenta, esto se puede extender
al número de páginas con las que tienes que trabajar. Al trabajar con
una limitación de tamaño, es importante pensar acerca de la escala,
de modo que los elementos funcionen bien juntos y el resultado final
encaje con el espacio. El texto debe ser legible y los otros elementos
deben ser fáciles de ver y comprender en las páginas web.)

Compatibilidad del navegador (Uno de los problemas de la premier

de diseño web es la capacidad de diseñar una página Web que es
compatible con cualquier navegador. Los diferentes navegadores
interpretan el código detrás de una página web de forma ligeramente
diferente, así que lo que funciona en un navegador puede no
funcionar en otro. También un navegador puede ser capaz de pasar
por alto un error de codificación, mientras que el mismo defecto es
causa de otro para estrellarse por completo. La localización de la
culpable detrás de este tipo de accidentes es un proceso necesario,
pero la mano de obra intensiva.)

Envío de carga (El número de hogares que tienen algún tipo de

conexión a Internet de alta velocidad se ha disparado en los últimos
años. Como resultado, muchos diseñadores Web ya no se sienten
obligados a diseñar páginas con sólo las velocidades de Internet
más lentas en mente. Sin embargo, la carga de una página Web con
grandes archivos de Flash, imágenes y otros contenidos todavía
puede empantanar incluso una conexión razonablemente rápida.)

Bloqueadores (En gran parte una reacción a los anuncios intrusivos

de Internet y las amenazas de virus, muchos usuarios de Internet
instalar el navegador ad-ons que bloquean código específico, tales
como ventanas emergentes o JavaScript )

10
 DISEÑO DE ARQUITECTURA TECNOLÓGICA DEL SISTEMA
Versión: 1.0 2019

5.1. PLANIFICACIÓN DE CAPACIDADES

 Almacenamiento:

Espacio en disco aproximadamente: 500 MB

Espacio en memoria: 2 GB

 Procesamiento:

PROCESADOR INTEL Xeon E(2,00 GHz)

Cantidad de núcleos 2

Cantidad de subprocesos 4

Frecuencia básica del procesador 2.30 GHz

Caché 2 MB

Gráficos del procesador Gráficos HD Intel® 610

Tamaño de memoria máximo 32 GB

 Comunicaciones:

Proveedor de internet Movistar

Ancho de banda 20 MB

Switch de red

Acess Point

6.1. DEFINICIÓN DE CAPACIDADES

6.1. Arquitectura de Proceso actual

Los Procesos de Wanka Delivery que fueron analizados durante

el desarrollo de la arquitectura tecnológica surgieron las
siguientes conclusiones.

11
DISEÑO DE ARQUITECTURA TECNOLÓGICA DEL SISTEMA
Versión: 1.0 2019

Figura 2: Procesos de la venta de bebidas

Conclusiones
No existen procesos definidos, con visión extremo-a-extremo,
formales y alineados con las metas de la empresa.
Los procesos no son medibles, por ende, se desconoce la
eficiencia de los mismos.
Deben actualizarse los procesos, descomponiéndolos en
Procesos, Subprocesos y
Procedimientos. Todos ellos deben guardar relación con la
organización y objetivos actuales de la misma.

6.2. Arquitectura del sistema actual

La Arquitectura actual de Sistemas de Wanka Delivery,
representa gráficamente la heterogeneidad de las aplicaciones
(distintas arquitecturas, lenguajes de programación,
manejadores de Base de Datos MySql y sobre todo la falta de
integración de la información entre ellas. Toda esta situación
impacta en la ausencia de certidumbre de datos, trabajos
manuales para hacer actualizaciones de la información, entre
otros.

12
DISEÑO DE ARQUITECTURA TECNOLÓGICA DEL SISTEMA
Versión: 1.0 2019

Figura 3: Arquitectura del sistema actual

6.3. Arquitectura de Datos actual

La Arquitectura de Datos de Wanka Delivery se soporta en el
motor de Bases de MySQL
 MySQL

13
DISEÑO DE ARQUITECTURA TECNOLÓGICA DEL SISTEMA
Versión: 1.0 2019

Figura 4: Arquitectura de datos actual

6.4. Arquitectura del Servidor

Wanka Delivery soporta sus aplicativo y datos en un servidor de
la empresa Hostingroup. Hoy en día existen una variedad de
servidores alojados en internet impactando en una
administración diversificada, requiriéndose de múltiples
estrategias para el aseguramiento de la disponibilidad y
continuidad de los servicios de información.
Wanka Delivery eligió a Hostingroup por ser una empresa
peruana que brindad servicios de hosting de alta calidad y por
las características que ofrece.
La cantidad de clientes previstos es de 200.
Dominio de Wanka Delivery:
https://www.WankaDelivery.pe

14
 DISEÑO DE ARQUITECTURA TECNOLÓGICA DEL SISTEMA
Versión: 1.0 2019

Figura 5: Especificaciones del Hosting

Figura 6: Arquitectura del servidor

15
DISEÑO DE ARQUITECTURA TECNOLÓGICA DEL SISTEMA
Versión: 1.0 2019

6.5. Arquitectura de red

La Arquitectura de Red permite representar la tecnología de
equipos de conectividad y redes, tales como Switches, Firewalls,
Web Filters, con las que la organización cuenta, de tal manera
que se pueda visualizarla tecnología existente, para poder
identificar las capacidades de conectividad y transmisión de
información.

Figura 7: Arquitectura de red

16