Multimedia

Transcripción

1 Entorno Multimedia 07

2 World Wide Web

3 World Wide Web Qué es? Cómo funciona? Lenguaje Tipologias

4 World Wide Web / Qué es? World Wide Web WWW Sistema de distribución de información basado en hipertexto o hipermedios enlazados y accesibles a través de Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de ellas usando hiperenlaces.

5 World Wide Web / Qué es? World Wide Web WWW Base de datos CMS Navegador Servidor Conjunto de datos pertenecientes a un mismo contexto y almacenados sistemáticamente para su posterior uso. Un sistema de gestión de contenidos es un programa que permite la creación y administración de contenidos, principalmente en páginas web. Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio web. El sistema permite manejar de manera independiente el contenido y el diseño. Aplicación que te permite visitar una web alojada en un servidor local o www. Lee HTML y muestra los contenidos y el diseño. Computadora que, formando parte de una red, provee servicios a otras computadoras denominadas clientes. HTTP Hypertext Transfer Protocol es un protocolo orientado a transacciones y sigue el esquema peticiónrespuesta entre un cliente y un servidor. Define la sintaxis y la semántica que utilizan los elementos de software de la arquitectura web (clientes, servidores, proxies) para comunicarse. FTP Es un protocolo de red para la transferencia de archivos entre sistemas conectados a una red basado en la arquitectura clienteservidor.

6 World Wide Web / Cómo funciona? Diseño web DNS DNS SERVIDOR Dominio Dirección URL Conecta Dirección IP para contactar con el servidor Diseño Diseño de estilos Programación LOCAL Contenidos Base de datos

7 World Wide Web / Cómo funciona? Instalación web CMS SERVIDOR HTML Archivos vía FTP

8 World Wide Web / Cómo funciona? Visita web SERVIDOR Petición HTTP DNS HTML Solicita recursos TCP/IP Normas de internet Protocolo de conexión y transmisión de datos CACHÉ fotos gráficos... NAVEGADOR URL

9 Lenguaje Un lenguaje informático es un lenguaje usado por, o asociado con, ordenadores. El lenguaje informático no tiene por qué ser un lenguaje de programación. HTML no es un lenguaje de programación, pero sí es un lenguaje informático. Un lenguaje de ordenador es creado cuando hay que transmitir una información de algo a alguien basado en computadora. El lenguaje de programación es el medio que utilizan los programadores para crear un programa de ordenador. Un lenguaje de marcas es el medio para describir a un ordenador el formato o la estructura de un documento.

10 HTML Lenguaje de marcado para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. Puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. HTML5 Incorpora etiquetas (2D/3D, audio, video) con codecs para mostrar los contenidos multimedia. Etiquetas para manejar grandes conjuntos de datos. Permiten generar tablas dinámicas que pueden filtrar, ordenar y ocultar contenido en cliente. Mejoras en los formularios. Nuevos tipos de datos ( , number, url, datetime ) Visores: MathML (fórmulas matemáticas) y SVG (gráficos vectoriales). En general se deja abierto a poder interpretar otros lenguajes XML. Drag & Drop. Nueva funcionalidad para arrastrar objetos como imágenes. Define la estructura y los contenidos a través de texto

11 JavaScript Se utiliza principalmente en su forma del lado del cliente (clientside), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas, en bases de datos locales al navegador... Se usa también en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets). Mejora la experiencia de usuario añadiendo dinamismo a la interfaz

12 XML Permite definir la gramática de lenguajes específicos para estructurar documentos grandes. Da soporte a bases de datos siendo útil cuando varias aplicaciones se deben comunicar entre sí o integrar información. XML no ha nacido sólo para su aplicación en Internet, sino que se propone como un estándar para el intercambio de información estructurada entre diferentes plataformas. Se puede usar en bases de datos, editores de texto, hojas de cálculo y casi cualquier cosa imaginable. XML es una tecnología sencilla que tiene a su alrededor otras que la complementan y la hacen mucho más grande y con unas posibilidades mucho mayores. Tiene un papel muy importante en la actualidad ya que permite la compatibilidad entre sistemas para compartir la información de una manera segura, fiable y fácil. Estructura de etiquetas gramaticales sencilla y integradora

13 CSS Cascading Style Sheets Lenguaje usado para definir la presentación de un documento estructurado escrito en HTML / XML2 / XHTML. La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación. La información de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo <style>. Estilo Online Insertar el lenguaje de estilo de página directamente dentro de una etiqueta HTML. No es elegante pero funciona. Correo electrónico. Una hoja de estilo interna Hoja de estilo que está incrustada dentro de un documento HTML, dentro del elemento <head>, marcada por la etiqueta <style>. Actualización concreta. Una hoja de estilo externa Hoja de estilo que está almacenada en un archivo diferente al archivo donde se almacena el código HTML de la página Web. Esta es la manera de programar más potente, porque separa completamente las reglas de formateo para la página HTML de la estructura básica de la página. Definición de estilos paralela a los contenidos

14 PHP Lenguaje de programación de uso general de script del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico. Fue uno de los primeros lenguajes de programación del lado del servidor que se podían incorporar directamente en el documento HTML en lugar de llamar a un archivo externo que procese los datos. PHP puede ser usado en la mayoría de los servidores web al igual que en casi todos los sistemas operativos y plataformas sin ningún costo. Se ejecuta en el servidor y envía un HTML al navegador

15 ActionScript Adobe ActionScript Lenguaje de programación de la Plataforma Adobe Flash. Originalmente desarrollado como una forma para que los desarrolladores programen de forma más interactiva. La programación con ActionScript permite mucha más eficiencia en las aplicaciones de la plataforma Flash para construir animaciones de todo tipo, desde simples a complejas, ricas en datos e interfaces interactivas. Aporta interactividad. Plataforma Flash.

16 SERVIDOR Ejecuta PHP JAVA.NET... Interpreta HTML CSS XML... NAVEGADOR Ejecuta JAVASCRIPT Descodifica JPG/PNG Video (Mov, avi...) Flash plugin Tipografia (diferencias)

17 Algunas Soluciones Drupal Wordpress Joomla Plataforma de gestión de código abierto que alimenta millones de sitios web y aplicaciones. Está construido con el apoyo de una comunidad activa y diversa de personas de todo el mundo. Sistema de gestión de contenido enfocado a la creación de blogs (sitios web periódicamente actualizados). Parte de su éxito se basa en su licencia, su facilidad de uso y sus características como gestor de contenidos. Hay una enorme comunidad de desarrolladores y diseñadores, encargados de desarrollarlo en general o crear plugins y temas para la comunidad. Sistema de contenido de gestión (CMS), que te permite construir sitios Web y aplicaciones en línea de gran alcance. Facilidad de uso y extensibilidad. Solución de código abierto que está disponible gratuitamente para todo el mundo.

18 Algunas Soluciones Cargocolective Plataforma de publicación creativa en el que todo, desde el aspecto visual en constante cambio de los sitios web personales de la gente a la interfaz de usuario se basa en el trabajo compartido por sus miembros. Aumentar substancialmente el acceso y la exposición de las personas creativas en Internet, mientras que aspira a construir un contexto de red que va a contribuir a la cultura en su conjunto. Indexhibit Sistema de Gestión de Contenidos (CMS) para construir y gestionar el contenido de su sitio web, utilizando el formato establecido que consiste en un índice para la navegación por el sitio y un área de exhibición para mostrar sus obras. Establecer y promover un formato arquetípico para la web, de manera sencilla y eficaz para mostrar el contenido, combinando funcionalidad y facilidad de uso a los conocimientos adquiridos sobre diseño de sitios web de contenido complejo.

19 Algunas Soluciones jquery Biblioteca de JavaScript rápida y concisa que simplifica la creación de documentos HTML, estructura de eventos, animación y interacciones para el rápido desarrollo web. Mootools Biblioteca compacta, modular, orientada a objetos marco de JavaScript diseñados para desarrolladores con nivel intermedioavanzado.

20 Algunas Soluciones Oscommerce Magento Bigcartel Plataforma para la configurar de tu propio sitio web y autotienda alojada de forma gratuita para comercializar y vender productos de forma segura en todo el mundo. Gran comunidad de usuarios. Complementos gratuitos para personalizar la tienda. Ofrece soluciones flexibles y escalables de comercio electrónico diseñado para ayudar a las empresas a crecer y tener éxito en línea. La plataforma Magento es la confianza de más de empresas, incluyendo algunas de las marcas más importantes del mundo. Plataforma de venta enfocada a diseñadores de ropa, bandas, fabricantes de joyas, artesanos y otros artistas. Tienda personalizable. Formas parte de un grupo de tiendas online relacionadas por temática.

21 World Wide Web / Tipologias Tipologias Web Estática Dinámica Funcionalidad Social Muestra siempre la misma información. Se pueden actualizar los contenidos. Muestra contenidos según el usuario. Muestra contenidos según la selección. Añade una funcionalidad a la información. Venta Tiempo... Permite compartir contenidos o incluso modificarlos.

22 World Wide Web / Tipologias Tipologias Web Estática Dinámica Funcionalidad Social Muestra siempre la misma información. Se pueden actualizar los contenidos. Muestra contenidos según el usuario. Muestra contenidos según la selección. Añade una funcionalidad a la información. Venta Tiempo... Permite compartir contenidos o incluso modificarlos. Corporativa Informativa Venta Microsite Informativa Social Intranet Magazine Noticias Especializada Tienda Ofertas Comunidad Producto Evento Acción Posibles encargos

23 xavipalouzie barcelona graphic design facebook twitter linkedin pinterest instagram xavipalouzie.com threefivefifty.com