El aumento en los dispositivos móviles en el mundo, trajo consigo nuevos retos a los desarrolladores de software, ya que ahora los usuarios son más exigentes en cuanto a interfaz/funcionalidad. Proporcionar experiencias de inmersión de realidad virtual o aumentada significa un aumento en el agrado del usuario. ¿Qué es IdeaSpaceVR? Es un sistema de administración de contenido (CMS) de código abierto y liviano diseñado para crear y administrar contenido de realidad virtual (VR) y sitios web 3D altamente interactivos. Es una plataforma basado en web, del tipo "CMS" (sistema de gestión de contenidos, como Wordpress), donde podemos gestionar espacios de realidad aumentada haciendo uso de imágenes 360º, videos 360º, modelos 3D, entre otros. IdeaSpaceVR no es un framework de desarrollo, sino una plataforma CMS para administrar contenido de realidad virtual para dispositivos móviles, de escritorio y de realidad virtual. Es una plataforma auto-hospedada, lo que significa que los usuarios la pueden instalar en sus propios servidores. Todo lo que necesitarían para esto es PHP y una base de datos como MySQL, MariaDB o PostgreSQL. La plataforma es multilingüe, lo que significa que puede crear cualquier proyecto que desee en su propio idioma. ¿Qué puedo hacer con IdeaSpaceVR? Tener tu propio CMS para administrar todo tu contenido de realidad virtual en un solo lugar. Crear tus propios temas para personalizar la experiencia de tu usuario final (justo como lo haríamos con Wordpress de agregar funcionalidad adicional mediante plugins). Utilizarla como código embebido para enriquecer landing pages, sitios e-commerce, entre otros. Mostrar nuestros modelos en 3D. Sigue las actualizaciones en los distintos medios:  Facebook: https://www.facebook.com/G.Mizael.Mtz.Hdz  Twitter: https://twitter.com/gmizaelmtzhdz  Instagram: https://www.instagram.com/gmizaelmtzhdz/  Github: https://github.com/gmizaelmtzhdz  App Store: https://apps.apple.com/us/developer/gustavo-martinez-hernandez/id1502014070  Play Store: https://play.google.com/store/apps/dev?id=6126416745177973085  Linkedin: https://www.linkedin.com/in/gmizaelmtzhdz  Stackoverflow: https://stackoverflow.com/users/4736670/g-mizael-mtz-hdz  Google Scholar: https://scholar.google.com.mx/citations?user=bOcXSBEAAAAJ&hl=en  Blog: https://synaesthetic-programming.blogspot.com/  Perfil: https://witsoftplus.com/G.-Mizael-Mtz-Hdz/  Canal de Youtube: https://www.youtube.com/channel/UCBOmysfoa5ARciUaEiAlVUg  Udemy: https://www.udemy.com/user/mizaelmtz/

1. IdeaSpaceVR en AWS
SOFTWARE ENGINEER
G. Mizael Mtz Hdz

2. AGENDA
INTRODUCCIÓN CREAR INSTANCIA
EN AWS
INSTALACIÓN
HESTIA CP
INSTALACIÓN
IDEASPACEVR
Conoce las bases
de ideaspacevr y
los elementos
implicados para su
instalación.
Crea una instancia
EC2 en AWS
Realiza la
instalación de un
control panel:
Hestia
Instalación de
IdeaSpaceVR
01 02 03 04

3. AGENDA
SEGURIDAD TEMAS Y ESPACIOS
Mantén tu servidor
con las mejores
medidas de
seguridad
Aprende a cómo
operar el CMS para
espacios VR
05 06

4. INTRODUCCIÓN
01
Conoce las bases de ideaspacevr y los elementos
implicados para su instalación.

5. DIFERENCIA: VR,
AR, MIXTA
● Realidad Virtual
● Entorno de escenas u
objetos de apariencia real.
● Extensión del mundo real
● Combinación de VR + AR

8. Realidad mixta: combinación del mundo
real y el virtual

9. ¿Qué es
IdeaSpaceVR?
● Permite crear experiencias
interactivas en 3D y
realidad virtual vía web
● Plataforma CMS
● Código abierto
● Desarrollado con Laravel y
A-Frame / Three.js
● Licencia MIT

10. GITHUB
/IdeaSpaceVR
CONTRIBUCIONES AL PROYECTO

11. Probando los “Theme”
Link: https://www.ideaspacevr.org/themes

12. CREAR INSTANCIA EN AWS
02
Crea una instancia EC2 en AWS

13. REQUERIMIENTOS
HESTIA CP
ALMACENAMIENTO 20 GB
RAM 512 Mb
CPU 1 Ghz
ARQUITECTURA
CPU
AMD64 (x86_64
Intel/AMD)
SISTEMA
OPERATIVO
Debian (10, 9) /
Ubuntu (20.04 LTS,
18.04 LTS, or 16.04
LTS)
IDEASPACEVR
ALMACENAMIENTO 130 MB *Ya
instalado
RAM ?
PHP >= 5.5.9

14. CREAR INSTANCIA EC2
CREAR INSTANCIA EC2
Región Norte de California (us-west-1)
Tipo de instancia t3a.micro (2 vCPU, 1 GB RAM, x86_64)
Almacenamiento 50 GB - gp2
Sistema Operativo Ubuntu Server 20.04 LTS (HVM), SSD Volume Type
KEY .PEM KEY-IDEASPACEVR
IP AWS Elastic IP
Costo mensual: 14.18 USD
Fuente: https://calculator.aws/#/estimate?id=68381f117588951347fad2092e6a3169f8ae520e

15. PUERTOS
PUERTOS
TCP 80 ANY Para entrar vía web http://
TCP 443 ANY Para entrar via web https://
TCP 22 MY IP Para entrar por terminal via SSH
TCP 8083 MY IP Para entrar al dashboard de Hestia CP

16. DOMINIO/SUBDOMINIO Y DNS
● Editar el registro ‘A’ del DNS
del dominio a utilizar.
Apuntar a la IP de AWS.
● Dominio a utilizar:
vr.witsoftplus.com
● DNS Checker:
https://dnschecker.org/

17. INSTALACIÓN HESTIA CP
03
Realiza la instalación de un control panel: Hestia

18. REQUERIMIENTO
HESTIA CP
ALMACENAMIENTO 20 GB
RAM 512 Mb
CPU 1 Ghz
ARQUITECTURA CPU AMD64 (x86_64 Intel/AMD)
SISTEMA OPERATIVO Debian (10, 9) / Ubuntu (20.04 LTS, 18.04 LTS, or 16.04 LTS)

19. INSTALACIÓN
01. Cambiar permisos al archivo .pem
a. chmod 400 my-key-pair.pem
02. Conexión por ssh a la instancia EC2
a. ssh -i /path/my-key-pair.pem
my-instance-user-name@my-instance-public-dns-name
03. Instalación (aproximadamente 10 minutos)
a. sudo su
b. wget
https://raw.githubusercontent.com/hestiacp/hestiacp/re
lease/install/hst-install.sh
c. bash hst-install.sh --force

20. LET’S ENCRYPT
HABILITAR SSL

21. INSTALACIÓN
IDEASPACEVR
04
Instalación de IdeaSpaceVR

22. REQUERIMIENTO
IDEASPACEVR - OFICIALES
PHP >= 5.5.9
OpenSSL PHP Extension Activada
PDO PHP Extension Activada
Fileinfo PHP Extension Activada
Mbstring PHP Extension Activada
Tokenizer PHP Extension Activada
GD Library or ImageMagick PHP Extension Activada
MySQL or MariaDB or PostgreSQL database Base de datos
Apache web server (or NGINX) Servidor web
HTTPS Activado

23. PRE-INSTALACIÓN
01. Cambiar versión de php: 7.3.x
a. Iniciar sesión como administrador en Hestia CP
b. Icono engranaje > Configure > Web Server > Enabled PHP
versions > Check “php-7.3”.
c. USERS > Editar el usuario > PHP CLI Version > Seleccionar “7.3”.
d. WEB > Seleccionar el dominio/subdominio > Backend Template
PHP-FPM: “PHP-7_3”

24. PRE-INSTALACIÓN
01. Crear base de datos “ideaspacevr” - 7CfUDmX2awXA02bX
02. PHP
a. file_uploads = On
b. allow_url_fopen = On
c. short_open_tag = On
d. memory_limit = 1000M
e. post_max_size = 1000M
f. cgi.fix_pathinfo = 0
g. upload_max_filesize = 1000M
h. max_execution_time = 3600
i. date.timezone = America/Mexico_City

25. INSTALACIÓN
01. Descarga el .zip:
https://www.ideaspacevr.org/download.
02. Subir y descomprimir el .zip al servidor web.
03. Iniciar el instalador vía web:
https://vr.witsoftplus.com.

26. SEGURIDAD
05
Mantén tu servidor con las mejores medidas de seguridad

27. Configurar Firewall fail2ban
01. sudo apt-get update
02. sudo apt-get install fail2ban
03. Los archivos de fail2ban están ubicados en: /etc/fail2ban/, para configurar
el firewall:
a. sudo nano /etc/fail2ban/jail.local
b. y escribir lo siguiente (bloquear por 360000000 segundos = 4166 días):
i. [DEFAULT]
ii. # Ban hosts for one hour:
iii. bantime = 360000000
iv. mode = aggressive
v. maxretry = 6
vi. # Override /etc/fail2ban/jail.d/00-firewalld.conf:
vii. banaction = iptables-multiport
viii. [sshd]
ix. enabled = true

28. Configurar Firewall fail2ban
01. Comandos útiles
a. sudo service fail2ban stop
b. sudo service fail2ban start
c. sudo systemctl enable fail2ban
d. sudo fail2ban-client status
02. Para monitorear las IPs bloqueadas por ssh:
a. sudo fail2ban-client status sshd
b. sudo fail2ban-client status ssh-iptables

29. Security Group de AWS
PUERTOS
TCP 80 ANY Para entrar via web http
TCP 443 ANY Para entrar via web https
TCP 22 MY IP Para entrar por terminal via SSH
TCP 8083 MY IP Para entrar al dashboard de Hestia CP

30. TEMAS Y ESPACIOS
06
Aprende a cómo operar el CMS para espacios VR

31. RECORRIDO POR IDEASPACEVR
● Recorrido

32. DESCARGAR RECURSOS
● IMÁGENES 360º:
○ https://pixexid.com/
● MODELOS 3D:
○ https://sketchfab.com/

33. INSTALAR LOS TEMAS POR DEFAULT
● Iniciar sesión como
administrador > Themes

34. IMÁGENES 360
● Tema: IdeaSpace 360
● Nombre del espacio: imagen360
● Imagen:
○ imagen 360º/habitacion 1.jpg
○ imagen 360º/habitacion 2.jpg

35. MODELOS 3D
● Tema: IdeaSpace 3D Model
● Nombre del espacio: modelo3d
● Modelo:
○ modelos 3D/modelo 2/*
Modelo:
○ Model Scale in VR: 0.01
○ Model Level in VR: 10
○ Camera Distance to Model in VR: 40
○ Camera Distance to Model When Not Viewed in VR: 40
○ Model X-Axis Rotation: 0
○ Model Y-Axis Rotation: 100
○ Model Z-Axis Rotation: 10