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

Presentación del tema: "Autores: Alejandro Teixeira Alexander Parra SOCIEDAD Y INTERNET HTML V.5 ACTIONSCRIPTAJAX HERRAMIENTAS WEB 2.0."— Transcripción de la presentación:

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

2 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.

3 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.

4 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.

5 Mas información sobre la sociedad y la Internet http://www.youtube.com/watch?v=odR6ZTYnsAY http://www.youtube.com/watch?v=IoNEzgbcAhI http://www.youtube.com/watch?v=CzYzVXxbAoA &feature=PlayList&p=532CC65BBE571886&play next_from=PL&playnext=1&index=70 http://www.youtube.com/watch?v=odR6ZTYnsAY http://www.youtube.com/watch?v=IoNEzgbcAhI http://www.youtube.com/watch?v=CzYzVXxbAoA &feature=PlayList&p=532CC65BBE571886&play next_from=PL&playnext=1&index=70

6 HTML v.5

7 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.

8 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.

9 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.

10 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

11 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.

12 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.

13 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.

14 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.

15 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.

16 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.

17 Mas información sobre HTML v.5 http://www.youtube.com/watch?v=kfa13snBY KA http://www.youtube.com/watch?v=kfa13snBY KA http://www.youtube.com/watch?v=siOHh0uzc uY http://www.youtube.com/watch?v=siOHh0uzc uY http://techlosofy.com/nuevos-elementos-en- html-5-la-quinta-version-del-lenguaje-de-la- web/ http://techlosofy.com/nuevos-elementos-en- html-5-la-quinta-version-del-lenguaje-de-la- web/ http://www.youtube.com/watch?v=kfa13snBY KA http://www.youtube.com/watch?v=kfa13snBY KA http://www.youtube.com/watch?v=siOHh0uzc uY http://www.youtube.com/watch?v=siOHh0uzc uY http://techlosofy.com/nuevos-elementos-en- html-5-la-quinta-version-del-lenguaje-de-la- web/ http://techlosofy.com/nuevos-elementos-en- html-5-la-quinta-version-del-lenguaje-de-la- web/

18 ActionScript

19 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.

20 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.Flex 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.Flex

21 Ventajas de ActionScript 3.0 ActionScript 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. Ventajas de ActionScript 3.0 ActionScript 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.

22 Mas información sobre actionscript http://www.youtube.com/results?search_que ry=actionscript&aq=f http://www.youtube.com/results?search_que ry=actionscript&aq=f http://www.youtube.com/watch?v=LUJkqzCM 3L4 http://www.youtube.com/watch?v=LUJkqzCM 3L4 http://www.youtube.com/watch?v=MvbnUw0 gziY http://www.youtube.com/watch?v=MvbnUw0 gziY http://www.actionscript.org/ http://www.youtube.com/results?search_que ry=actionscript&aq=f http://www.youtube.com/results?search_que ry=actionscript&aq=f http://www.youtube.com/watch?v=LUJkqzCM 3L4 http://www.youtube.com/watch?v=LUJkqzCM 3L4 http://www.youtube.com/watch?v=MvbnUw0 gziY http://www.youtube.com/watch?v=MvbnUw0 gziY http://www.actionscript.org/

23 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.JavaScript 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.JavaScript

24 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. Document Object ModelECMAScriptJavaScript JScript 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.XMLHttpRequestframeworksiframe 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. 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. Document Object ModelECMAScriptJavaScript JScript 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.XMLHttpRequestframeworksiframe 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.

25 Herramientas WEB 2.0

26 Lista de Herramientas WEB 2.0

27 Presentación slider de mas herramientas web 2.0 http://www.slideshare.net/pedrocuesta/herra mientas-nuevo-presentation http://www.slideshare.net/pedrocuesta/herra mientas-nuevo-presentation http://webs.uvigo.es/pcuesta/enlaces/ Presentación slider de mas herramientas web 2.0 http://www.slideshare.net/pedrocuesta/herra mientas-nuevo-presentation http://www.slideshare.net/pedrocuesta/herra mientas-nuevo-presentation http://webs.uvigo.es/pcuesta/enlaces/