Universidad Autónoma de Nuevo León

Facultad de Ciencias Físico Matemáticas

High Level Design

Square Enix

Grupo: 008
Equipo: Diego Sebastián Cortés Acosta
Juan Antonio Montalvo Sánchez
Eliud Guadalupe Oviedo Hernández
Índice

Tabla de contenido
Introducción......................................................................................................................................3
Problemática.................................................................................................................................3
Solución.........................................................................................................................................3
Roles.................................................................................................................................................4
Cuenta Azure for Students.................................................................................................................5
Máquina Virtual Y SO........................................................................................................................8
Instalación de IIS y Creación de una Nueva Página Web..................................................................17
Diagramas de Funcionamiento........................................................................................................21
Implementación de la pagina web y su conexión con la base de datos............................................22
Conclusión……………………………………………………………………………………………………………………………………22
Bibliografia…………………………………………………………………………………………………………………………………..22
Introducción
En este documento especificarán los métodos e infraestructura utilizados para la
solución del deficiente alcance publicitario de la empresa Square Enix, esto para
aumentar su rango de ventas, mercado, popularidad en general hacia el público
esperado y alcanzar una media de usuarios mayor a la actual, con lo cual se
espera un mejor alcance hacia los usuarios. Esperamos que mediante la creación
de una página web como estrategia publicitaria mejore el alcance de la marca,
esta dispondrá de alojamiento remoto y una interfaz intuitiva.

Problemática
Debido al reciente impacto por los ataques de Rusia hacia Ucrania y por no
mencionar la reciente pandemia, la economía ha sufrido un fuerte golpe, y la
empresa Square Enix se ha visto gravemente afectada por ello, lo cual ha
disminuido su alcance publicitario considerablemente. Por lo que la empresa
requiere el diseño e implementación de una página web para impulsar su marca y
no solo regresar a su posición anterior en el mercado, sino incrementar aún más el
alcance publicitario del que se acostumbraba a tener en Square Enix.

Solución
Se diseñará e implementará una página web propia de la empresa Square Enix
hospedada en una máquina virtual con sistema operativo Windows 10, y el por
qué, se debería a que es privada: su sistema operativo pertenece a la
compañía Microsoft y su código no es libre, por lo que no puede ser modificado
por los usuarios. Con el paso del tiempo, Microsoft ha ido presentando diferentes
versiones de Windows con distintos cambios evolutivos y hemos considerado que
la mejor opción a utilizar es Windows 10, pues a lo largo de la historia, Microsoft
ha podido ofrecer diferentes interfaces y funciones. Desde la útil y ágil función de
ventanas, y el intuitivo escritorio. Este sistema tan sencillo e intuitivo es la base
sobre la que se sustenta la filosofía de Windows, pues cualquier persona puede
entenderlo y usarlo con facilidad.

Roles
Arquitecto de Soluciones TIC
Diseñara una solución virtualizada de una plataforma IT donde se contempla
página web, base de datos, base de datos dentro de un dominio con cada
elemento desarrollado en Microsoft Windows. Diego Cortés
Operador de TI
Detallara los elementos del dominio de trabajo, así como la relación de los roles de
los elementos que manejaran la información. Diego Cortés
Administrador de Sistema
Documentará y establecerá los parámetros de seguridad necesarios y solicitados
por el cliente. Con respecto a las mejores prácticas y estándares y protocolos
vigentes. Eliud Oviedo
Investigación y Documentación
Investigará sobre el problema o situación a simular en su proyecto y entregará un
documento de High Level Desing. Juan Antonio
Cuenta Azure for Students

-Ingresar a https://azure.microsoft.com/es-mx/free/students/ y elegimos la opción

“Empiece gratis” resaltada en el recuadro color verde.

-Iniciar sesión con una cuenta de estudiante.

-Ingresar la información solicitada.
-Verificamos nuestra identidad ingresando nuestro número de teléfono.

-Y esperamos un momento a que se termine de configurar nuestra cuenta.

-Una vez terminado el proceso, ya tendremos disponible nuestra cuenta de Azure
con licencia para estudiantes y un crédito gratuito inicial de $100USD.

Máquina Virtual Y SO
-Deberemos dar clic al ícono de Máquinas Virtuales.
-Al entrar te muestra esta pantalla en la cual crearemos una nueva Máquina Virtual

-Daremos un nombre a nuestra máquina virtual y asimismo ingresaremos la

región, el tipo de seguridad, la imagen o sistema operativo a usar, y el tamaño o
potencia de nuestra máquina virtual.
-Ingresaremos el nombre de usuario y contraseña para la cuenta administrador,
esto para poder ingresar a nuestra máquina, y seleccionaremos los puertos de
entrada HTTP, HTTPS Y RDP.

-Ahora seleccionaremos el tipo de disco SSD Premium.

-Configuramos las NIC de la máquina virtual, por la cual se accederán las IP y los
puertos de enlace.

-Configuramos la administración (Seguridad) de la máquina virtual en la cual se

protegerá y se creará una copia de seguridad.
-No es necesario modificar ninguna configuración de las pestañas posteriores.
-En la pestaña “Revisar y crear” tendremos disponible un resumen de todas las
características de nuestra máquina virtual. Si estamos seguros de que es correcto,
damos clic en Crear.

-Una vez creada la máquina, esperamos unos minutos para que la

implementación de esta finalice.
-Una vez completada, tendremos disponible nuestra máquina virtual.

-Para hacer funcionar nuestra máquina virtual entramos en el apartado de

“Conectar” y descargamos el ejecutable desde la pestaña “Conectar con RDP”.
-Iniciaremos el ejecutable y nos lanzará una pantalla a la cual debemos dar clic en
“Conectar”.

-Consiguientemente deberemos ingresar el usuario y contraseña que registramos

al crear la máquina virtual.
-De esta forma ya tendremos acceso a nuestra máquina virtual.
Instalación de IIS y Creación de una Nueva Página Web
-Enseguida nos aparecerá una aplicación llamada Server Manager, y daremos clic
en “Add roles and features” en la que nos saldrán varias pestañas de las cuales
seleccionaremos “Server Roles” y marcaremos la casilla de Web Server (IIS).
-Daremos clic en “Add features” y seguiremos dando clic en “Next” hasta
encontrarnos con la opción de “Install” a la cual daremos clic de igual forma.

-Una vez instalado nos iremos a la opción “Tools” y seleccionaremos la opción de

“Internet Information Services (IIS) Manager”
-En esta pantalla desglosaremos hasta encontrar la carpeta “Sites”, a la cual
daremos clic derecho y seleccionaremos “Add website…” e ingresaremos la
información requerida, incluyendo la dirección de la carpeta de nuestra página
web, así como el nombre de nuestro dominio al cual queremos asignarlo, el cual
ya deberá estar previamente redirigido hacia nuestra dirección IP pública; y
finalmente daremos clic en “OK”.
-Con esto ya tendremos nuestra página web alojada en nuestra máquina virtual.
Ya solo resta verificar que esta funcione adecuadamente buscándola en
cualquier navegador por el dominio que le asignamos previamente, el cual en
este caso es sisopp.tk
Diagramas de Funcionamiento
Diagrama General

Diagrama de conectividad
Implementación de la página web y su
conexión con la base de datos

La implementación de la página web y la base de datos fue realizada a través de

XAMPP, una distribución de Apache que incluye varios softwares libres. El nombre
es un acrónimo compuesto por las iniciales de los programas que lo constituyen: el
servidor web Apache, los sistemas relacionales de administración de bases de
datos MySQL y MariaDB, así como los lenguajes de programación Perl y PHP.
En este caso utilizamos lenguaje HTML para la creación de la página web, y
lenguaje PHP para hacer posible la conexión entre la página y la base de datos,
esto lo logramos realizando una función que obtiene los datos ingresados en un
formulario de la página web y guardándolos en una tabla de nuestra base de datos
en MySQL.
La página web se basa en un formulario de 2 campos a llenar los cuales al ser
llenados y presionado el botón de "Submit", se manda a llamar el archivo
conexion.php, el cual incluye una línea de texto muy básica que es la responsable
de la conexión de la página a la base de datos. Para que los campos llenados se
guarden en la base de datos, se usa una función que obtiene el texto de cada
campo a llenar y lo guarda en una tabla de nuestra base de datos de MySQL.
Conclusión
Con el paso del tiempo, Microsoft ha ido presentando diferentes versiones de
Windows con distintos cambios evolutivos y hemos considerado que la mejor
opción a utilizar es Windows 10, pues a lo largo de la historia, Microsoft ha podido
ofrecer diferentes interfaces y funciones. Este sistema tan sencillo e intuitivo es la
base sobre la que se sustenta la filosofía de Windows, pues cualquier persona
puede entenderlo y usarlo con facilidad.

Bibliografía
https://youtu.be/MTDgVF_VRVs
https://youtu.be/ldNNu-qt8Hw
https://youtu.be/9gbeExAB3OA
https://www.youtube.com/watch?v=IZHBMwGIAoI&feature=youtu.be
https://www.youtube.com/watch?v=yYkOR2Gj6O8&feature=youtu.be