Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX...

27
Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIP T AJAX HERRAMIENTA S WEB 2.0

Transcript of Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX...

Page 1: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

Autores:Alejandro TeixeiraAlexander Parra

SOCIEDAD Y INTERNET

HTML V.5

ACTIONSCRIPTAJAX

HERRAMIENTAS WEB 2.0

Page 2: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

La Sociedad y la Internet

• Es uno de los medios de comunicación mas extendidos mundialmente, se le conoce como el tejido de nuestras vidas en este momento, interactúa con el conjunto que es la sociedad.

Page 3: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

La Sociedad y la Internet

• EL uso de la informática afecta de manera directa y indirectamente todos los ámbitos de la sociedad dado que constituye una fuente de recursos de información y conocimiento compartidos a escala mundial.

Page 4: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

La Sociedad y la Internet

• Este medio junta a la sociedad porque es la vía que permite la cooperación y colaboración entre gran numero de comunidades debió a intereses comunes.

Page 6: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

HTML v.5

HTML v.5

Page 7: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

HTML v.5

HTML 5 (HyperText Markup Language, versión 5) es la quinta revisión mayor del lenguaje básico de la World Wide Web, HTML. HTML 5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text/html), la variante conocida como HTML5 y una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML (XHTML) (application/xhtml+xml).Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.

Page 8: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

novedades de HTML 5

• Estructura del cuerpo: La mayoría de las webs tienen un formato común, formado por elementos como cabecera, pie, navegadores, etc. HTML 5 permite agrupar todas estas partes de una web en nuevas etiquetas que representarán cada uno de las partes típicas de una página.

Page 9: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

novedades de HTML 5

• Etiquetas para contenido específico: Hasta ahora se utilizaba una única etiqueta para incorporar diversos tipos de contenido enriquecido, como animaciones Flash o vídeo. Ahora se utilizarán etiquetas específicas para cada tipo de contenido en particular, como audio, vídeo, etc.

Page 10: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

novedades de HTML 5

• Canvas: es un nuevo componente que permitirá dibujar, por medio de las funciones de un API, en la página todo tipo de formas, que podrán estar animadas y responder a interacción del usuario. Es algo así como las posibilidades que nos ofrece Flash, pero dentro de la especificación del HTML y sin la necesidad de tener instalado ningún plugin. Puedes conocer más sobre este nuevo elemento en el manual de canvas que estamos creando en DesarrolloWeb.com

Page 11: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

novedades de HTML 5

• Bases de datos locales: el navegador permitirá el uso de una base de datos local, con la que se podrá trabajar en una página web por medio del cliente y a través de un API. Es algo así como las Cookies, pero pensadas para almacenar grandes cantidades de información, lo que permitirá la creación de aplicaciones web que funcionen sin necesidad de estar conectados a Internet.

Page 12: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

novedades de HTML 5

• Web Workers: son procesos que requieren bastante tiempo de procesamiento por parte del navegador, pero que se podrán realizar en un segundo plano, para que el usuario no tenga que esperar que se terminen para empezar a usar la página. Para ello se dispondrá también de un API para el trabajo con los Web Workers.

Page 13: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

novedades de HTML 5

• Aplicaciones web Offline: Existirá otro API para el trabajo con aplicaciones web, que se podrán desarrollar de modo que funcionen también en local y sin estar conectados a Internet.

Page 14: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

novedades de HTML 5

• Geolocalización: Las páginas web se podrán localizar geográficamente por medio de un API que permita la Geolocalización.

Page 15: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

novedades de HTML 5

• Nuevas APIs para interfaz de usuario: temas tan utilizados como el "drag & drop" (arrastrar y soltar) en las interfaces de usuario de los programas convencionales, serán incorporadas al HTML 5 por medio de un API.

Page 16: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

novedades de HTML 5

• Fin de las etiquetas de presentación: todas las etiquetas que tienen que ver con la presentación del documento, es decir, que modifican estilos de la página, serán eliminadas. La responsabilidad de definir el aspecto de una web correrá a cargo únicamente de CSS.

Page 18: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

ActionScript

ActionScript

Page 19: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

ActionScript

ActionScript es un lenguaje de programación orientado a objetos (OOP), utilizado en especial en aplicaciones web animadas realizadas en el entorno Adobe Flash, la tecnología de Adobe para añadir dinamismo al panorama web. Fue lanzado con la versión 4 de Flash, y desde entonces hasta ahora, ha ido ampliándose poco a poco, hasta llegar a niveles de dinamismo y versatilidad muy altos en la versión 10 (Adobe Flash CS4) de Flash.

Page 20: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

ActionScript 3.0

La versión más extendida actualmente es ActionScript 3.0, que significo una mejora en el manejo de programación orientada a objetos al ajustarse mejor al estándar ECMA-262 y es utilizada en las últimas versiones de Adobe Flash y Flex y en anteriores versiones de Flex. Desde la versión 2 de Flex viene incluido ActionScript 3, el cual mejora su rendimiento en comparación de sus antecesores, además de incluir nuevas características como el uso de expresiones regulares y nuevas formas de empaquetar las clases.

Page 21: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

Ventajas de ActionScript 3.0

Ventajas de ActionScript 3.0ActionScript 3.0 aumenta las posibilidades de creación de scripts de las versiones anteriores de ActionScript. Se ha diseñado para facilitar la creación de aplicaciones muy complejas con conjuntos de datos voluminosos y bases de código reutilizables y orientadas a objetos. Aunque no se requiere para el contenido que se ejecuta en Adobe Flash Player 9, ActionScript 3.0 permite introducir unas mejoras de rendimiento que sólo están disponibles con AVM2, la nueva máquina virtual. El código ActionScript 3.0 puede ejecutarse con una velocidad diez veces mayor que el código ActionScript heredado.

Page 22: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

Mas información sobre actionscript

• http://www.youtube.com/results?search_query=actionscript&aq=f

• http://www.youtube.com/watch?v=LUJkqzCM3L4

• http://www.youtube.com/watch?v=MvbnUw0gziY

• http://www.actionscript.org/

Page 23: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

AJAX

• Ajax, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y usabilidad en las aplicaciones.

Page 24: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

Ajax Tecnologias• Ajax es una combinación de cuatro tecnologías ya existentes:• XHTML (o HTML) y hojas de estilos en cascada (CSS) para el diseño que acompaña

a la información.• Document Object Model (DOM) accedido con un lenguaje de scripting por parte

del usuario, especialmente implementaciones ECMAScript como JavaScript y JScript, para mostrar e interactuar dinámicamente con la información presentada.

• El objeto XMLHttpRequest para intercambiar datos de forma asíncrona con el servidor web. En algunos frameworks y en algunas situaciones concretas, se usa un objeto iframe en lugar del XMLHttpRequest para realizar dichos intercambios.

• XML es el formato usado generalmente para la transferencia de datos solicitados al servidor, aunque cualquier formato puede funcionar, incluyendo HTML preformateado, texto plano, JSON y hasta EBML.

• Como el DHTML, LAMP o SPA, Ajax no constituye una tecnología en sí, sino que es un término que engloba a un grupo de éstas que trabajan conjuntamente.

Page 25: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

Herramientas WEB 2.0

Herramientas WEB 2.0

Page 26: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

Lista de Herramientas WEB 2.0

Page 27: Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0.

Lista de Herramientas WEB 2.0

• Presentación slider de mas herramientas web 2.0

• http://www.slideshare.net/pedrocuesta/herramientas-nuevo-presentation

• http://webs.uvigo.es/pcuesta/enlaces/