Arquitectura de las aplicaciones web 01-04

Objetivos

•Describir las características de las aplicaciones web.

•Conocer la arquitectura de las aplicaciones web.

•Realizar un seguimiento del protocolo HTTP.

Agenda

1.Apertura - Las aplicaciones web y su importancia (30 minutos)

2.Contenido: Arquitectura cliente-servidor (2 horas)

3.Contenido: Protocolo HTTP (15 minutos)

4.Práctica: Observando Requests (15 minutos)

5.Contenido: Comandos o Métodos HTTP (30 minutos)

6.Práctica: Observando Responses (15 minutos)

7.Contenido: Encabezados de respuesta (30 minutos)

8.Cierre (15 minutos)

Habilidad de comportamiento

Trabajo en equipo

Mentalidad

Persistencia

________________________________________________________

Apertura - Las aplicaciones web y su importancia

(30 minutos)

Apertura

•¿Qué son las aplicaciones web?

•¿Qué ventajas encuentras en las aplicaciones web sobre otros tipos de aplicaciones?

•¿Cuáles ejemplos de aplicaciones web conoces?

•¿Qué son las ERP, SCM, CRM, KM, BI?

________________________________________________________

¿Qué son las aplicaciones web?

•Son aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una intranet mediante un navegador.

•Es una aplicación software compuesto por páginas web que se codifican en un lenguaje soportado por los navegadores web en la que se confía la ejecución al navegador.

________________________________________________________

¿Qué ventajas encuentras en las aplicaciones web sobre otros tipos de aplicaciones?

En equipos fijos.

No necesitan de una instalación en una PC.

Al momento de actualizar, no se requiere que vaya una persona equipo por equipo instalando las actualizaciones.

No hay saturación de la red privada cuando hay una actualización.

En equipos móviles.

No necesitan de una instalación en un dispositivo móvil.

No se requieren constantes actualizaciones en el dispositivo móvil. Lo anterior ahorra datos de red y no disminuye el performance en dispositivos móviles de gama media o baja.

________________________________________________________

¿Qué desventajas encuentras en las aplicaciones web sobre otros tipos de aplicaciones?

Ejercicio: Identifica por lo menos 5 desventajas.

________________________________________________________

Tipos de aplicaciones web

Existen 2 tipos de aplicaciones Web:

•Orientada a la presentación

•Genera paginas web  interactivas que contienen varios tipos de lenguaje de marca (HTML, XML, etc.) y contenido dinámico en respuesta a peticiones.

•Orientada al servicio

•Estas paginas implementan el punto final del servicio web.

•Son los servicios Web

•Las aplicaciones orientadas a la presentación  frecuentemente son clientes de las aplicaciones web orientadas al servicio.

________________________________________________________

Interacción de un cliente y un servidor

1.El cliente envía una petición HTTP al servidor  web

2.Las tecnologías del servidor convierten la petición en un objeto  que representa la petición

3.Esta petición es entregada a un componente Web, el cual puede interactuar con otros componentes para generar un contenido dinámico

4.El componente web puede generar un objeto que representa la respuesta

5.El servidor web convierte este objeto en una respuesta HTTP y es enviada a su cliente.

Interacción - Ejemplo

Curso básico de jQuery

Valioso curso sobre lo básico de jQuery que sacan los de Javascript Ya. Esta librería que hace más fácil la programación en javascript y que facilita mucho la creación de esos efectos en el texto y las imágenes que tanto nos gustan.

+5 Snippets jQuery para manipular tu sitio web

Una de las funcionalidades básicas de jQuery y de las más sencillas de aplicar, son las que modifican el DOM, es decir, el modelo de objetos del documento o otras palabras, la estructura de tu sitio web. Acciones que te permiten agregar, cambiar o eliminar cualquier bloque de código en el documento.

Si no haz usado jQuery, con los siguientes 10 snippets tendrás un ligera idea del potencial de este librería javascript.

1. Agregar/eliminar una clase CSS a un elemento

Especificando un selector, simplemente se usa la función addClass de jQuery para agregar un clase CSS.

Ejemplo: al dar clic en un botón con un id "boton", que agregue la clase "alternativo" a un div con id "header":

$("#boton").click(function () {     $("#header").addClass("alternativo"); })

Y análogamente para removeClass, que cualquier clase establecida en un elemento.

2. Cambiar la hoja de estilos de un documento.

Con jQuey es sencillo seleccionar un elemento a partir de un atributo y también modificarlo con la función attr.

Ejemplo: Cambiar la hoja de estilos de un sitio web al pulsar un link con id "cambiarestilos".

$("#cambiarestilos").click(function () {     $("link[media='screen']").attr("href", "estilos2.css"); })

Análogamente existe una función para remover atributos, con un nombre bastante obvio:removeAttr().

3. Crear un efecto de "zebra".

Gracias al selector "odd", es posible crear tablas o listas con efecto de "zebra", es decir, con estilos intercalados:

Ejemplo: Crear efecto zebra en listas y tablas, agregando una nueva clase llamada "lineazebra".

$("tr:odd").addClass("lineazebra"); $("li:odd").addClass("lineazebra");

4. Verificar si un elemento tiene una clase especifica.

Con la función hasClass() es bastante sencillo saber si un elemento contiene una clase o no.

Ejemplo: Si un párrafo tiene un texto bajo la clase "cita", agregarle una nueva clase llamada "quote".

if ( $("p").hasClass("cita") ) {     $(this).addClass("quote"); }

5. Encontrar el elemento más cercano con alguna característica particular.

Con la función closest() se puede encontrar al elemento que cumpla con una característica en particular.

Ejemplo: Encontrar el imagen más cercano a un párrafo y obtener su id.

$("p").closest("div").attr("id");

Megaman Legends

Mega Man Legends

Megaman Legends

[[Imagen:

Datos

Plataforma	Playstation, Noentiendo 74

Género	Aventuras

Desarrollador	Capcom

Nombre original

Año de salida	1997

Datos curiosos

¡Es un humano!

— Mega Man X sobre Rock Volnutt

¡Miss Trone!

— Serbots sobre Tron

¡Vete de aqui! ¡AHORA!

— Roll después de bañarse frente a Rock Volnutt

¿Por qué estás sonrojado? ¿Por qué estás atontado mientras me miras así?

— Tron Bonne sin darse cuenta de que su ropa se ha quemado frente a Rock Volnutt

¡Whoops!

— Rock Volnutt olvidando lo sucedido

"Los dos somos invencibles"

Megaman Legends, única franquicia exitosa de las otras de sagas de Mega Man,del tipo RPG siendo favorita de Keiji Inafune y Capcom™ por ser la única entrega con impresionantes y muy coloridas gráficas en 3d, acompañadas de personajes nuevos, desconocidos y muy interesantes, que le dan el sentido a la historia volviéndola más interesante. Además de que la historia y el modo de juego cambian mucho comparado con las demás sagas, ya que aquí Megaman pasa de ser un Robot a humano, llegando a ún nivel más alto que los demás; también es un excavador que busca un tesoro muy grande y perdido, llamado la Mother Lode.

Contenido 1 Historia 2 Los personajes 2.1 Rock Volnutt (Rock Volnutt en Japon) o (Mega Man Trigger) o (ロックマン・トリッガー) 2.2 Roll Caskett 2.3 Barrel 2.3.1 Data 2.3.2 Trone Bonne 2.4 Teisel 2.5 Servbots 2.6 Mega Man Juno 2.7 Glyde 3 Sabias que...?

Historia

Lo más interesante de este juego es que la tierra está llena de agua, y solo quedan islas que albergan a la población, que depende de cristales llamados refractores, generadores de una enorme cantidad de energía, que para encontrarlos se tiene que viajar a lugares escondidos y olvidados que esconden los cristales. Rock Volnutt junto con su equipo de excavadores, viajan a buscarlos, y entre su viaje de aventuras inolvidables, su avión cae en una isla pequeña y habitada de nombre Isla Kattelox.

El grupo después de caer a la isla y ver su nave estrellada, deciden buscar refractores para fijar su Flutter y regresar a su hogar, otro pedazo de isla. Tras muchas batallas en lugares perdidos (los niveles del juego), contra personajes nuevos y malvados que quieren acabar con sus planes, (los piratas Bonne) y descifrando el msiterio de la Mother Lode, terminan el juego y encuentran la mother lode.

Los personajes

Los habitantes de la isla.

Rock Volnutt (Rock Volnutt en Japon) o (Mega Man Trigger) o (ロックマン・トリッガー)

El Digger es similar a X, pero no es ningun reploid

Personaje principal , contando que ahora no es Megaman, Megaman NT Warrior o Megaman X, si no, Rock Volnutt, que es en Japon Rock Walnutt, y su nombre de robot Mega Man Trigger. Este tipo además de ser el nuevo también tiene una hermana que es la nueva Roll, de quien parece que está enamorado, pero no es así. Tiene recuerdos muy borrosos sobre quién lo creó, por qué está aquí y por qué no recuerda nada.

Personalidad

Tiene la personalidad de todo un robot de 14 años, solo que no se sabe que es, porque ha vivido dos diferentes vidas,En la primera se llamaba Mega Man trigger, y tenía un enorme parecido con Megaman X solo que su armadura es un poco diferente.

Roll Caskett

Roll caskett Su spotter

Es la hermana de Rock Volnutt que lo acompaña en sus aventuras, teniendo las misma edad de él se podría decir que son mellizos, aunque algunas escenas comprometedoras en el juego (como las partes donde Roll se ofrece a Rock), hay una duda sobre si roll es la razón por la aparición de Rock. Roll es una experta en electronica y es la que conduce la nave, hace las armas de rock, lo ayuda en sus misiones, lava la ropa, limpia la casa, lava los platos, barre,pero a veces Rock la ayuda. Está en constante batalla con una de los piratas Bonne, por conseguir la atención del azul.

Cosas interesantes sobre ella

Se puede decir que su ropa es igual a la de Claire de Resident Evil(en Japón Biohazard).

Barrel

[[Imagen:Barrel.jpg|left|thumb|Un gran anciano que sabe todo]

Abuelo de Roll Caskett y de todos los personajes del juego, es el típico viejo sabio que te encuentras en una isla,es profesor en tecnología que no tenemos el suficiente conocimiento para saber que es, tenía una hija llamada Matilda, encontró a Rock abandonado, y aunque no lo creas fue una unidad purificadora.

Data

Misterioso y lindo mono amigo de Rock Volnutt, a veces habla, baila y aparece en los momentos más inesperados, para ayudar a Rock Volnutt.

Trone Bonne

La invasora

Ella es una integrante del grupo de piratas, hermana de Teisel. Su trabajo en los piratas es similar a Roll Casket, haciendo máquinas destructivas y especiales para deshacerse de los excavadores. Inventó 40 pequeños robots llamados servbots, para acompañarla. Tiene peor genio que el de tu madre cuando la despiertan, sin nombrar que tambien es bipolar. Por ello se piensa que habria sufrido de un ataque menstruativo mientras se rodaba el juego. Sin embargo fue mucho más popular que la gentil Roll Casket, llegando a firmar un contrato con Capcom para ser protagonista de su propio juego "The Misaventures of Trone Bonee", donde se nos repite su mal humor y su mal trato con los pobres y tiernos servbots. Cabe agregar que se enamora perdidamentede Rock Volnutt (aún sabiendo que es excavador).

Teisel

El lider de la familia Bonne, hermano mayor de Tron, dueño del barco pirata,el "Gesellschaft". Quiere invadir cada isla que se le ponga en frente, y tiene una obsesión por animales, los muñecos y los aviones.

Servbots

Pequeños robots creados para Trone Bonne. Se sabe que son adictos al espagueti y el cafe, y dicen en cada oración "Miss Trone"

Mega Man Juno

Personaje cyborg que hace su aparición en el nivel final del juego, tiene dos formas de acabar con Rock volnutt. Es una cabeza flotante sobre un cuerpo flotantes, con brazos flotantes y sin piernas, es bipolar por lo que nunca se sabe, cuando está deprimida, feliz, enojada, asustada, o molesta. Después en su segunda forma se cambia de normal a gigante.

Glyde

Igual a Tron el es pirata aéreo y tiene como objetivo atacar islas, ya que tiene sus propios robots sirvientes a los que llama con un nombre en especial: Birdbots. Él es un exelente piloto, solo que sus máquinas son comparados con los de su deseo, Tron. Es un tipo con mala suerte, perdiendo todas las batallas que tiene con Tron, Rock o él mismo.

Personalidad

Otro villano del juego, podría decirse que ama a Tron al igual pero aún así es un misterio su vida.

Sabias que...?

• ...Rock Volnutt a iniciado una nueva misión en paises pequeños, en especial islas?
• ...al parecer Rock Volnutt quiere con Roll, eso nos demuestra como cabían las cosas en millones de años?
• ...el equipo está compuesto por un excavador,una spotter, un viejo y un mono, lo cual indica que son un trío, como X, Zero y Axl.
• ...este juego ocurre miles y miles de años depues que Mega Man X, lo cual demuestra que crearía una Utopía?
• ...y tambien el calentamiento global? ((todo gracias a batallas con mavericks)
• ...este juego se llama Megaman Legends, pero nadie sabe por qué.
• ...este juego, NO ES en 2D...
• ...Rock Volnutt es humano?
• ...con base a los diseños del cabello de los personajes, sabemos que el dibujante es el mismo?
• ...la versión de Nintendo 64 se llama "Mega Man 64", por el sistema de cartuchos.
• ...Rock Volnutt en éste juego sabe perfectamente cuándo y dónde atacarán los piratas?
• ...en este juego no sale Zero.

Categorías: Videojuegos | Superhéroes