Tutorial para la instalación de virtual box para el uso

de XcODE Y LA CREACIÓN DE UN PROGRAMA.

Este tutorial se encuentra dividido en 3 partes:

 Instalación del software.

 Configuración del software.

 Creación del primer código e interfaz.

El propósito de esta práctica es poder brindar una guía paso a paso detallada sobre la
instalación del software de programación previamente mencionado, de igual manera se tiene
como objetivo proporcionar a los lectores las habilidades necesarias para comenzar su viaje en
la programación, facilitar el aprendizaje autónomo y preparar a los estudiantes y profesionales
para los desafíos de la industria actual.

Antes de iniciar, los requisitos del sistema son los siguientes:

 Procesador: Se recomienda un procesador de doble núcleo o superior.

 Memoria RAM: Se recomienda al menos 4 GB de RAM, aunque más memoria será
necesaria para ejecutar sistemas operativos invitados con mayores requerimientos.
 Espacio en disco: Se recomienda al menos 30gb de espacio disponible en disco para la
instalación de VirtualBox.
 Sistema operativo: VirtualBox es compatible con una amplia gama de sistemas
operativos anfitriones, incluyendo Windows, macOS, Linux y Solaris.

Instalación del software

Primero se deberá de descargar el software de internet, basta con buscar virtual box y desde
su página oficial descargar el instalador.
Posteriormente procederemos a entrar a la carpeta de los archivos descargados y daremos
doble clic sobre el señalado.

Una vez abierto nos encontramos una pantalla pequeña, este será el instalador, dentro de las
pantallas señaladas, en todas oprimiremos next y en la 4ta install, estas solo son preferencias,
generalmente ya vienen con la configuración adecuada así que no es importante mover nada.

En la siguiente pantalla veremos el proceso de instalación iniciado, a mitad del proceso

nos saldrá otra pantalla emergente, en la cual únicamente daremos “instalar” para
terminar este proceso y así concluir con la instalación del software.
Configuración del software.
Una vez abierto el software instalado, se verá de esta manera, donde seleccionaremos el
apartado de “nueva”

En este punto nos desplegará un menú, donde nos aseguraremos que los campos estén
rellenados de la misma manera que en la siguiente imagen a excepción del primero, ya que en
este se introducirá el nombre que la maquina llevará, este no afecta, pero se tiene que recordar
para más adelante (ESTE NO DEBE LLEVAR ESPACIOS NI CARACTERES ESPECIALES).

A continuación, nos pide que ingresemos la cantidad de RAM que le permitiremos consumir a
este emulador, ya recomendación es darle la mitad o un poco más de lo que nuestro equipo
posee, en este caso al ser una computadora de 8gb, serían recomendables 4 o 5 gb.
Aquí bien una de las partes más importantes que es la selección del disco duro,
seleccionaremos la última opción y posteriormente haremos clic en la imagen de carpeta en la
parte inferior derecha

Se desplegará el siguiente menú y seleccionaremos “añadir”.

Nos mandará al selector de archivos, entonces nos dirigiremos a la carpeta de donde

descargamos el software y
seleccionaremos el siguiente archivo: Este será el resultado posterior donde
oprimiremos seleccionar:

Al re direccionar nos mostrar el primer menú de selección de disco duro y en la barra

desplegable seleccionaremos la opción que añadimos y oprimiremos “crear”.

Ahora la aplicación se verá, así como en esta imagen y seleccionaremos en la parte superior
“configuración”.
Saldrá una pantalla emergente y en esta verificaremos primeramente que estos campos tengan
el mismo contenido que las imágenes mostradas a continuación y posteriormente cerrar la
aplicación:

Los códigos siguientes son los últimos para terminar de configurar el software:

Antes de hacer uso de estos, en la parte donde dice “Virtual Machine Name”, introduciremos el
nombre que se le puso a la máquina, en este caso fue “Richard”
Ahora abriremos el cmd de Windows e iremos pegando línea por línea, empezando desde cd
“C:\Program Files\.......”

Hecho esto, podemos abrir la aplicación de nuevo y ahora sí correr la máquina virtual, lo que se
verá así:

Y finalizará así:
 Creación del primer programa
Una vez abierta la máquina virtual, en la parte superior derecha encontramos a aplicación
xcode, al entrar nos aparecerá la siguiente interfaz y de las opciones de la izquierda
seleccionaremos la de en medio:

Lo que nos llevara a las siguientes pestañas donde en la primera simplemente oprimiremos
next y en la siguiente rellenaremos dos campos.

El primero es el nombre que llevara el proyecto, en este caso fue “Practica de ejemplo” y el
segundo campo es “organization name” donde ira el nombre del autor(es):
En esta pestaña seleccionaremos el directorio en el cual queramos guardar el proyecto y
después solo oprimiremos “créate”:

Ahora la interfaz inicial se verá de la siguiente manera:

Para hacer más cómoda la interfaz primero seleccionaremos los aros (flecha en morado) para
así dividir la pantalla, el archivo “Main.storyBoard” lo arrastraremos a la parte izquierda y el
“ViewController” a la parte derecha como se señala.

Y para finalizar esto haremos clic en ambos botones señalados para remover el árbol de
archivos y abrir los recursos:
Para iniciar con la parte visual del programa haremos clic en la interfaz de la izquierda,
posteriormente nos fijaremos en el apartado de la parte inferior derecha, donde hay muchos
recursos, entre ellos buscaremos los siguientes:

Y arrastrándolos a la interfaz de la izquierda haremos el siguiente diseño:

Ahora haciendo doble clic sobre cada elemento podremos cambiarle el nombre y tendrá que quedar de
la siguiente manera:
Ahora pasaremos algunos elementos de esa interfaz hacia el código, esto lo lograremos usando la tecla
CTRL y mientras la tenemos presionada seleccionaremos un elemento y lo arrastraremos hacia esta
parte del código:

Hecho esto nos saldrá una pequeña interfaz donde le daremos nombre al campo, esto lo haremos con
todos los campos señalados a continuación, cada uno llevará un nombre diferente, num1, num2 (para los
textfiedl) y mostrar (para los textview):
De tal manera que quedará así:

Ahora procederemos a definir los botones, estos se harán de una manera similar, con la
diferencia de que al rellenar los campos este debe quedar de la siguiente manera:
Este creará un código y unas llaves (“{“ y “}”) dentro de estas llaves escribiremos el siguiente
código, se pone dentro de las llaves para que haga eso cuando el botón sea presionado:
De este código: “let” es para crear una
variable, lo siguiente es el nombre después
del símbolo “=” va Double, lo cual es un tipo
de variable numérica y por ultimo “num1.text!”
que sirve para obtener el valor del campo que
nombramos “num1”, lo mismo pasa con el
siguiente, en la última línea esta “mostrar” es
el nombre que le dimos al campo del textview,
r “.text” es para añadirle el texto y lo que está
después del “=” es para realizar una suma
entre las variables anteriores.

Y por último el segundo botón que tiene la función de borrar:

Su código queda así:

En el caso anterior se le puso una suma,
ahora se le pusieron comillas vacías para
que así quede el campo de resultado, en
blanco, el equivalente a borrar el texto
anterior.
La vista final del todo en general, sería la siguiente:

Ahora, para saber si funcionó haremos lo siguiente, en la parte superior encontraremos el botón
“product” en él se despliega un menú, ahí seleccionaremos la opción “run” o bien oprimiremos
la tecla Windows+R:
Al final saldrá un teléfono en una pantalla flotante que se verá de la siguiente manera y ahí ya
podremos interactuar con los elementos que añadimos: