Capitulo II

Microsoft Virtual Academy
Cursos técnicos gratuitos en línea

Tome un curso gratuito en línea.
http://www.microsoftvirtualacademy.com

Aprendiendo a Programar
Capítulo II

Aplicaciones conectadas
• En la actualidad, muchas de las aplicaciones necesitan estar conectadas.
Ya sea porque necesito interactuar con otras personas o porque la misma
aplicación necesita de datos se guardan en otraubicación para que otros
usuarios puedan acceder.
• El ejemplo más simple de comprender, son las redes sociales, donde un
usuario comparte información con otros usuarios de la red.

Ejemplo – Red Social
•
•

•

•
•

•

Juan, saca una foto con su teléfono o su cámara digital. Al momento de sacar a la foto, no
precisa de una conexión a internet para utilizar la aplicación.
Luego Juan llega a su casadonde tiene conexión a internet, se conecta a una red social y sube
las fotos a internet. Estas archivos, viajan, a través de internet, a los servidores de la red
social.
Los servidores, no son más que computadoras, que se encuentran las 24 horas del día
encendidas, con discos rígidos lo suficientemente grandes, como para guardar las fotografías
de Juan, de Pedro, de José.
Los servidores, buscan ensus registros, quienes son los amigos de Juan, encuentra que son
Pedro, y Pablo. Entonces, escribe una notificación para cuando ellos se conecten.
Cuando un Pedro, un amigo de Juan se conecta a la red social, ve en el muro una notificación
que dice “Juan subió un nuevo album de sus vacaciones”, y clickea
La aplicación, se conecta a los servidores, donde están almacenadas las fotografías, y lasmuestra en el navegador de Pedro.

Aplicaciones conectadas
• Del ejemplo anterior notamos que existen tres componentes
básicos que intervienen en la aplicación
– Un navegador de internet (Browser)
– Un servidor de aplicación
– Un servidor de datos

Aplicaciones conectadas
• Podemos resumir el funcionamiento de cualquier aplicación
como tres partes .
– Un lugar donde muestro información
– Un lugardonde decido que hacer
– Un lugar donde guardo lo que necesito

Accediendo una aplicación web
•
•
•
•
•
•
•
•
•
•

El usuario ingresa la dirección de la aplicación web en la barra del navegador
http://www.facebook.com
Llega el pedido a un servidor. Responde una documento
El documento viaja hasta destino pasando por las mismas secciones por donde pasó el pedido
El documento llega a la computadoradestino
Se efectúa el renderizado de la aplicación, o sea, se dibuja la interfaz
Lo que intentamos representar con esta imagen, es que sucede cada vez que alguien ingresa a un
sitio o aplicación web, y pide una pagina o hace click en alguna sección.
El navegador de internet, es esencialmente, un visor de páginas web. Estas páginas, no están
físicamente en la computadora, sino que son solicitadas alservidor web, que es la computadora del
otro lado y que recibe todas las peticiones del usuario.
Cada vez que se hace una petición a un servidor web, este pedido va con toda la información
necesaria para que el servidor sepa que responder.
Así por ejemplo, si estoy en una página donde me pregunta cuál es mi nombre de usuario y
contraseña, esta información es enviada junto con la petición, elservidor toma esos datos y nos da
una respuesta.
Esta respuesta es leída por el navegador de internet y nos permite ver un resultado.

Hagamos un experimento
•
•
•
•
•
•
•
•

Ingresá a cualquier sitio de internet.
Cuando hayas recibido respuesta, hace click derecho sobre la pantalla
Luego, selecciona la opción VER CODIGO FUENTE
Y vas a ver distintos símbolos
Todas las paginas de internet, estánescritas en HTML.
Es posible ver el código HTML de cualquier página, haciendo clic derecho y
seleccionando VER CODIGO FUENTE.
El código HTML es el que nos permite diseñar las PANTALLAS de nuestra aplicación.
Cada uno de los lugares en donde nuestro usuario INTERACTURA con la aplicación.
Aprender el código HTML es el primer paso para empezar a programar
aplicaciones

Empezando a programar
• Es posible...