Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la Temática

Elegida

Presentado por:

EDWIN MIGUEL MALDONADO ZÁRATE.

Código: 80184211
FABIO ORTIZ CORDOBA
Código: 80853643
DIOFANTE GAMBA
Codigo:4071508
BRAYAN MAURICIO CAMELO

208057 – Aplicaciones Telemáticas

Grupo 208057_3

Presentado a:
JOHN FREDY MONTES MORA

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA – UNAD

Escuela de Ciencias Básicas, Tecnología e Ingeniería
BOGOTÁ, NOVIEMBRE 2019

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
 Tabla de Contenido

Introducción............................................................................................ 3
Actividad 1.............................................................................................. 4
Actividad 2.............................................................................................. 6
Actividad 3............................................................................................ 26
Conclusiones ......................................................................................... 28
Bibliografía ........................................................................................... 29

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
 Introducción

Durante el desarrollo del trabajo se aplicarán los conceptos relacionado con el

funcionamiento y arquitectura de los protocolos de nivel de transporte, comunicación
entre aplicaciones cooperativas en la capa de sesión y empaquetamiento de datos
enviados en la capa de presentación para el óptimo desempeño de las aplicaciones
telemáticas básicas existentes o diseñadas. Se realizará un diagrama de flujo de
procesos de la temática elegida, se describirá la instalación del sistema operativo base o
plataforma tecnológica de desarrollo de software y configuración de procesos y se
entregara la interfaz gráfica que le permitirán al usuario interactuar con la temática
seleccionada.

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
 Actividad 1

Estudiante 1 (Edwin Maldonado)

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
Estudiante 2 (Fabio Ortiz)

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
Estudiante 3 (Diofante Gamba)

Estudiante 4 (Brayan Camelo)

Actividad 2

Estudiante 1 (Edwin Maldonado)

Temática 5: Desarrollar un aplicativo móvil utilizando la plataforma App

Inventor Android que permita hacer una de las siguientes opciones o las tres: reservas
para un hotel, compra en línea o consultas para verificar el pico y placa de la ciudad
donde resida el estudiante (importante que siempre el sistema emita por correo
electrónico registro de las consultas o compras realizadas por el sistema).

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
 Configurar App Inventor

Se puede configurar App Inventor para comenzar a crear aplicación de la temática

elegida. El Diseñador y el Editor de bloques se ejecutan completamente en el navegador
(también conocido como la nube). Se puede contar con las siguientes tres opciones:
Si está utilizando un dispositivo Android y tiene una conexión inalámbrica a Internet, se
puede crear la aplicación sin descargar ningún software en el computador. Se debe
instalar la aplicación App Inventor Companion en su dispositivo. Estaes la opción más
RECOMENDADA.
Si no tiene un dispositivo Android, se debe instalar el software en su computador para
poder usar el emulador de Android en pantalla.
Si no tiene una conexión inalámbrica a Internet , deberá instalar el software en su
computador para poder conectarse a su dispositivo Android a través de USB. Esta opcion
es la mas complicada especialmente en windows

Opción uno: RECOMENDADO

¡Puedes usar App Inventor sin descargar nada a tu computadora! Desarrollarás

aplicaciones en nuestro sitio web: ai2.appinventor.mit.edu Para realizar pruebas en
vivo en su dispositivo Android, simplemente instale la aplicación MIT App Inventor
Companion en su teléfono o tableta Android. Una vez que se instala Companion, puede
abrir proyectos en App Inventor en la web , abrir el compañero en su dispositivo y puede
probar sus aplicaciones a medida que las construye:

Imagen1. Paso1 recuperado de http://appinventor.mit.edu/explore/ai2/setup-device-wifi

Crear aplicaciones con un dispositivo Android y conexión WiFi

Instrucciones

Conecte su teléfono o tableta a través de WiFi

Paso 1: descargue e instale la aplicación MIT AI2 Companion en su teléfono.

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
Abra el escáner de códigos QR de su dispositivo y escanee el código QR a la izquierda a
continuación para descargar la aplicación complementaria de Play Store. Si no puede
usar Play Store, use el código QR a la derecha para descargar la aplicación
complementaria directamente a su teléfono.

Tienda de juegos

Recomendado: actualizaciones automáticas

Imagen2. Codigo QR recuperado de http://appinventor.mit.edu/explore/ai2/setup-device-wifi

Escanee este código QR (o haga clic en este enlace ) para obtener la aplicación de
Play Store

Archivo APK

Actualizaciones manuales requeridas

Imagen3. Codigo QR recuperado de http://appinventor.mit.edu/explore/ai2/setup-device-wifi

Escanee este código QR ( o haga clic en este enlace ) para descargar la aplicación
directamente

Después de la descarga, sigue las instrucciones para instalar la aplicación Companion en

tu dispositivo. Debes instalar el MIT AI2 Companion solo una vez, y luego dejarlo en tu
teléfono o tableta para cuando uses App Inventor.

Nota 1: Si no puede usar el código QR, aún puede instalar MIT AI2 Companion en su
teléfono o tableta. Use el navegador web en su dispositivo para ir a Google Play Store;

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
Busque MIT AI2 Companion en la tienda. Una vez que encuentre Companion, haga clic en
el botón INSTALAR para la aplicación Companion.

Nota 2: Si elige no pasar por Play Store y, en su lugar, carga la aplicación directamente
(también conocida como "carga lateral"), deberá habilitar una opción en la configuración
de su dispositivo para permitir la instalación de aplicaciones de "fuentes desconocidas".
esta configuración en las versiones de Android anteriores a 4.0, vaya a "Configuración>
Aplicaciones" y luego marque la casilla junto a "Fuentes desconocidas". Para dispositivos
que ejecutan Android 4.0 o superior, vaya a "Configuración> Seguridad" o
"Configuración> Seguridad y Bloqueo de pantalla "y luego marque la casilla junto a"
Fuentes desconocidas "y confirme su elección.

Paso 2: conecta tu computadora y tu dispositivo a la MISMA red WiFi

App Inventor le mostrará automáticamente la aplicación que está creando, pero solo si
su computadora (que ejecuta App Inventor) y su dispositivo Android (que ejecuta
Companion) están conectados a la misma red WiFi.

¿Cómo se conecta mi dispositivo Android a través de wifi?

Una característica de AppInventor permite a los usuarios conectar un dispositivo a

una PC a través de wifi para probar sus aplicaciones. A continuación, explicamos con más
detalle cómo funciona este proceso.

Para usar la conexión AppInventor a través de wifi, un usuario debe descargar la

aplicación MIT AI2 Companion a través de Google Play Store (nota: los usuarios de AI1
deben obtener el complemento v1, no el v2) e instalarlo directamente en su teléfono
(tenga en cuenta que instalar, deberá permitir la instalación de aplicaciones que no sean
de mercado en la configuración del sistema de su dispositivo). La carga directa de App
Inventor de esta manera significa que Play Store no puede actualizar automáticamente la
aplicación. Cuando haya una actualización de App Inventor, deberá actualizar
manualmente la aplicación complementaria.

El MIT AICompanion permite al usuario establecer una conexión entre el dispositivo

Android y la PC a través del servidor MIT RendezVous.

El dispositivo Android debe estar usando Wifi y no la red celular para la conectividad a
Internet.

Cómo funciona el servidor MIT RendezVous

1. Su PC se registra con un código de 6 caracteres generado por el MIT AICompanion

2. El servidor MIT RendezVous registra la dirección IP de su PC

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
 3. Su dispositivo Android se registra con un código de 6 caracteres

4. El servidor MIT RendezVous registra la dirección IP de su teléfono

5. El servidor MIT RendezVous le dice al dispositivo y a la computadora con el código

correspondiente de 6 caracteres la dirección IP del otro

6. El dispositivo y la computadora se comunican directamente mediante IP

Idealmente, nuestra situación de red debería verse así:

Imagen4. Servidoe MIT recuperado de http://appinventor.mit.edu/explore/support/explain-wifi-connection

Conexión por teléfono a través de Wifi Solución de problemas

Pruebe los siguientes pasos para solucionar problemas de su conexión inalámbrica.

1. Intenta llegar a http://rendezvous.appinventor.mit.edu desde tu PC

2. Intenta llegar a http://rendezvous.appinventor.mit.edu desde tu dispositivo

Android

3. Si los pasos anteriores funcionan, intente usar el comando "ping" para hacer ping
a la dirección IP del teléfono (que aparece en el MIT AICompanion en su ventana
de inicio). Si está utilizando Windows, escriba "ping" + * Dirección IP del teléfono
* en la ventana cmd.exe, si está utilizando Mac o Linux, escriba "ping" + *
Dirección IP del teléfono * en la ventana del terminal. Instrucciones detalladas
ver http://www.wikihow.com/Ping-an-IP-Address

4. Si todos estos pasos tienen éxito y Wireless App Inventor aún no funciona,
entonces puede haber un firewall entre la computadora y el teléfono que bloquea
los puertos 8001 y 9987. Si tiene un programa "telnet", puede intentar hacer
telnet desde la computadora al teléfono en estos puertos. Si la conexión no se
completa, es probable que haya un cortafuegos que bloquee las conexiones al
teléfono.
Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la
Temática Elegida
 5. Si no pasa el paso 4, lo más probable es que su red se vea así.

Imagen5. Network Server recuperado de http://appinventor.mit.edu/explore/support/explain-wifi-connection

Muchas redes tienen firewalls configurados que bloquean las conexiones al teléfono. Una
forma de evitar esto es usar su propia computadora o una computadora local como
enrutador wifi y hacer que todas las computadoras y dispositivos que usan AppInventor
se conecten a la red usando el nuevo enrutador. Para obtener instrucciones detalladas
sobre cómo configurar una computadora como enrutador,
consulte http://www.wikihow.com/Create-a-Wireless-Network

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
 Imagen6. Internet-Router recuperado de http://appinventor.mit.edu/explore/support/explain-wifi-connection

¿Por qué mi teléfono todavía no se conecta?

Verifique que su dispositivo esté conectado a Wifi y no a la red celular. En algunos

dispositivos y en algunas ubicaciones, incluso con WiFi habilitado, el teléfono continúa
utilizando la red celular. Si esto le sucede a usted, puede deshabilitar la red móvil
(conectividad de Internet basada en un operador de telefonía celular) desde el menú de
configuración de Android de su dispositivo.

Paso 3: abra un proyecto de App Inventor y conéctelo a su dispositivo

Vaya a App Inventor y abra un proyecto (o cree uno nuevo; use Proyecto> Iniciar nuevo
proyecto y asigne un nombre a su proyecto).
Luego elija "Conectar" y "AI Companion" en el menú superior del navegador AI2:

Imagen6. Conección recuperado de http://appinventor.mit.edu/explore/ai2/setup-device-wifi

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
Aparecerá un cuadro de diálogo con un código QR en la pantalla de su PC. En su
dispositivo, inicie la aplicación MIT App Companion tal como lo haría con cualquier
aplicación. Luego haga clic en el botón "Escanear código QR" en el Acompañante y
escanee el código en la ventana de App Inventor:

Imagen6. Conección recuperado de http://appinventor.mit.edu/explore/ai2/setup-device-wifi

En unos segundos, debería ver la aplicación que está creando en su dispositivo. Se

actualizará a medida que realice cambios en su diseño y bloques, una característica
llamada "prueba en vivo".
Si tiene problemas para escanear el código QR o su dispositivo no tiene un escáner,
escriba el código que se muestra en la computadora en el área de texto del Compañero
en su dispositivo Android exactamente como se muestra. El código está directamente
debajo de donde la pantalla de su PC muestra "Su código es" y consta de seis
caracteres. Escriba los seis caracteres y elija la naranja "Conectar con código". No
escriba un Enter o retorno de carro: escriba solo los seis caracteres seguidos presionando
el botón naranja.

Solución de problemas:
Si su aplicación no aparece en su dispositivo, los problemas más probables son:

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
  Es posible que tenga una versión desactualizada de la aplicación App Inventor
Companion. Descargue la última aplicación complementaria para App Inventor 2
desde arriba.
 Es posible que su dispositivo no esté conectado a wifi. Asegúrese de ver una
dirección IP en la parte inferior de la pantalla de la aplicación AICompanion en su
teléfono o tableta.
 Es posible que su dispositivo no esté conectado a la misma red wifi que su
computadora. Asegúrese de que ambos dispositivos estén conectados al mismo
nombre de red wifi.
 Su escuela u organización puede tener protocolos de red establecidos de modo que
no se permita la conexión wifi. Si este es el caso, aún puede usar App Inventor
con el emulador o puede usar un cable USB para conectar su dispositivo. Regrese
a la página de configuración principal para ver estas opciones .

Estudiante 2 (Fabio Ortiz)

1. El programa principal a utilizar en la temática N°2 es el programa para manejo de máquinas

virtuales ( VirtualBOX), el cual es requisito indispensable para el servidor samba.

Imagen1 Recuperado de: https://www.virtualbox.org/wiki/Downloads

2. Ejecutamos el programa VirtualBox como Administrador.

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
 Imagen2 Recuperado de: Fuente de elaboración Propia Fabio Ortiz

Imagen3 Recuperado de: Fuente de elaboración Propia Fabio Ortiz

Imagen4 Recuperado de: Fuente de elaboración Propia Fabio Ortiz

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
 Imagen5 Recuperado de: Fuente de elaboración Propia Fabio Ortiz

3. Creamos una nueva maquina virtual en llamada Ubuntu_servidor

Imagen6 Recuperado de: Fuente de elaboración Propia Fabio Ortiz

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
 Imagen7 Recuperado de: Fuente de elaboración Propia Fabio Ortiz

Imagen 8 Recuperado de: Fuente de elaboración Propia Fabio Ortiz

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
 Imagen 9 Recuperado de: Fuente de elaboración Propia Fabio Ortiz

Imagen10 Recuperado de: Fuente de elaboración Propia Fabio Ortiz

4. Descargamos la imagen ISO programa Ubuntu en la versión 16.04.06 para 64 bits.

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
 Imagen11 Recuperado de: http://releases.ubuntu.com/xenial/

5. Iniciamos la máquina virtual con la imagen ISO programa Ubuntu que descargue.

Imagen12 Recuperado de: Fuente de elaboración Propia Fabio Ortiz

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
 Imagen 13 Recuperado de: Fuente de elaboración Propia Fabio Ortiz

6. Finalización de la instalación de Ubuntu 16.04

Imagen14 Recuperado de: Fuente de elaboración Propia Fabio Ortiz

7. Instalación de un servidor de correo Apache2

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
 Imagen15 Recuperado de: Fuente de elaboración Propia Fabio Ortiz

Estudiante 3 (Diofante Gamba)

Paso 1.
Antes de descarga fedora se procede a descargar virtual box se hace clip en enxt.

Paso 2
Se deja tal como esta se le da clip en next

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
Paso 3
Se seleccionan todas las casillas luego le damos clip en next

Paso 4
Por último, se le dará instalar.

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
Esta es la maquina descargada para poder instalar fedora.

PARA INSTALAR FEDORA SE SIGUEN LOS SIGUIENTES PASOS.

Paso 1
Se escribe en la ventana la palabra fedora.

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
Paso 2
Se elige el tamaño de memoria que se va a utilizar luego se le da siguiente.

Paso 3
Se creará un disco virtual, luego se le dará siguiente.

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
Paso 4

Paso 5
La maquina ya se encuentra instalada.

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
Estudiante 4 (Brayan Camelo)

Actividad 3

Estudiante 1 (Edwin Maldonado)

Diseño inicial de la interfaz gráfica de la temática 5

Actividad 3 - Diseño
de Interfaz Gráfica.mp4

https://drive.google.com/file/d/1-h-NEiSWKdXRENmMP-
T7S628vuiK7WlF/view?usp=sharing

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
Estudiante 2 (Fabio Ortiz)

Diseño inicial de la interfaz gráfica de la temática 2

https://youtu.be/zeWqu_s_548

Estudiante 3 (Diofante Gamba)

Estudiante 4 (Brayan Camelo)

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
 Conclusiones

Se realizo el diagrama de flujo de procesos de cada una de las temáticas elegidas,

profundizando en cada paso para el desarrollo final del proyecto.

Se realiza la descripción y el paso a paso de la instalación, configuración requerida, para

la instalación del software de la temática elegida.

De acuerdo a la temática elegida se realizó la interfaz gráfica que le permita al usuario

interactuar con el programa.

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida
 Bibliografía

Cobo, Á., Gómez, P., & Pérez, D. (2007). PHP y MySQL: tecnologías para el desarrollo de
aplicaciones web. Madrid, ES: Ediciones Díaz de Santos. Páginas: 339-451. Recuperado de
http://bibliotecavirtual.unad.edu.co:2077/lib/unadsp/reader.action?ppg=358&docID=101
56644&tm=1480022732587

Sánchez, Z. F., Toharia, R. J. P., & Raya, G. L. (2014). Lenguajes de marcas y sistemas de
gestión de la información. Páginas: 101-149. Recuperado de
https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/reader.action?ppg=104&docID=32
29587&tm=1543442480976

Ordax, C. J. M., & Aranzazu, O. D. U. P. (2012). Programación web en java. Páginas: 69-
103. Recuperado de
https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/reader.action?ppg=107&docID=32
14540&tm=1543443317913

Ordax, C. J. M., & Aranzazu, O. D. U. P. (2012). Programación web en java. Páginas: 105-
136. Recuperado de
https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/reader.action?ppg=140&docID=32
14540&tm=1543443469874

Contreras, C. M. Á. (2016). Desarrollo de aplicaciones web multiplataforma. Páginas: 419-

474. Recuperado de
https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/reader.action?ppg=476&docID=45
36195&tm=1543444747316

Cobo, Á., Gómez, P., & Pérez, D. (2007). PHP y MySQL: tecnologías para el desarrollo de
aplicaciones web. Madrid, ES: Ediciones Díaz de Santos. Páginas: 99-283. Recuperado de
http://bibliotecavirtual.unad.edu.co:2077/lib/unadsp/reader.action?ppg=304&docID=101
56644&tm=1480022595594

Montes, J. (2018). Uso del MySQL. Aplicaciones Telemáticas [OVI]. Recuperado de

http://hdl.handle.net/10596/14363

Montes, J. (2012). Conexión de bases de datos MySQL con PHP. Programación para sitios
web. [OVA]. Recuperado de http://www.unadzsurlab.com/ovas_ibague/mysql_php/

http://appinventor.mit.edu/explore/ai2/setup

Copyright © 2019 por Edwin_Maldonado, Fabio_Ortiz, Diofante_Gamba, Brayan Camelo

Todos los derechos reservados.

Unidad 2: Tarea 2 - Instalación y Configuración de Servicios de la

Temática Elegida