tutoría mod2_ud1

MÓDULO 2.NUEVAS TENDENCIAS ONLINE

UD1. Avances en Web

Máster en Marketing y Publicidad Digital Yahoo!

MARKETING Y PUBLICIDAD DIGITAL

Índice

Capítulo 1. Diseño Códigos de programación. Autodiseño y autogestión.

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Capítulo 2. Contenidos Marketing de contenidos. Transmedia. Brand-Apps y Mash-ups webs. Redes de contenidos.

Capítulo 3. Tendencias 3.0 The multimedia glocal network. La web semántica. Mobile and International SEO. UX. La experiencia online del usuario. Call Metrics. Social CRM. Colaborativo. Big Data.

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

- HTML (HyperText Markup Language) es el lenguaje en que se construyen los sitios web. En una casa sería la estructura, desde los cimientos al tejado.

- La versión actual, HTML4, data de 1999. Desde hace más de 10 años no se revisa este código de programación. Por eso, entre otros motivos, la mayor parte de las páginas web son muy similares a sus versiones de hace una década. 

- También por eso se han buscado soluciones como Flash para dotarlas de interactividad. Pero casi ninguna de estas soluciones son de código abierto como el HTML y la mayor parte dan multitud de problemas a los navegadores, que se cuelgan si el código no está muy afinado.

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

- CSS (Cascading Style Sheets) es el lenguaje que se utiliza para dar forma a los sitios web. En una casa sería la pintura, los muebles, la finalización. 

- La versión actual, CSS2, data de 1998 aunque se retocó en 2007. Hace casi 12 años que no se revisa a fondo. Por eso, tiene limitaciones tan importantes como que no permite poner el tipo de letra que se desee, redondear bordes o crear columnas. Por lo mismo, los diseñadores tienen que hacer 'trampas' para dar a un sitio web el aspecto deseado.

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

- Javascript es un lenguaje de programación que permite que el cliente -o sea, el usuario- pueda hacer cambios en un sitio web sin tener que recargarlo cada vez que quiera modificar algo. En una casa sería la disposición de los muebles. 

- La desventaja de este idioma es que cada navegador puede interpretarlo de forma distinta, por lo que no es fácil utilizarlo correctamente. Por suerte, hay soluciones que lo facilitan. Este código se revisa habitualmente, la última vez, en junio de 2009.

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

- La nueva versión de HTML, HTML 5, está a punto de completarse. La de CSS, CSS3, tardará algo más. Ambas, combinadas con Javascript, permitirán dotar a los sitios web de posibilidades casi infinitas.

- Se podrá, por ejemplo, arrastrar elementos de un sitio a otro con gran facilidad, incrustar cualquier tipo de letra en una página, crear efectos hasta ahora imposibles sin usar tecnología cerrada -como rotar una página- o geolocalizar al usuario sin necesidad de una aplicación intermedia.

http://www.html5rocks.com/en/

http://www.apple.com/html5/

http://ie.microsoft.com/testdrive/

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://mrdoob.com/projects/chromeexperiments/ball-pool/

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://www.addyosmani.com/resources/canvasphoto/

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://craftymind.com/factory/html5video/CanvasVideo.html

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://html5demos.com/drag-anything

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://html5demos.com/drag-anything

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://www.dailymotion.com/en/html5

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

https://developer.apple.com/safaridemos/showcase/video/

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

https://developer.apple.com/safaridemos/showcase/typography/

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

https://developer.apple.com/safaridemos/showcase/threesixty/

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://ie.microsoft.com/testdrive/html5/OfflineCalculator/

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://ie.microsoft.com/testdrive/Performance/WhatTimeIsIt/

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://www.html5rocks.com/en/tutorials/casestudies/movikantirevo/

http://www.chromeexperiments.com/mobile/

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://www.theuselessweb.com/

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://www.nebrija.com/lamejornavidaddelmundo/

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Códigos de programación

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Webhttp://es.wix.com/blog/2013/09/tendencias-de-diseno-web/

Autodiseño y Autogestión

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Un Gestor de Contenidos (en inglés CMS=Content Management System) basado en navegador es un conjunto de páginas web a las que se accede bajo contraseña y que permiten actualizar el contenido (textos, fotos, archivos multimedia) de un sitio web diferente.

Autodiseño y Autogestión

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Índice

Capítulo 1. Diseño Códigos de programación. Autodiseño y autogestión.

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Capítulo 2. Contenidos Marketing de contenidos. Transmedia. Brand-Apps y Mash-ups webs. Redes de contenidos.

Capítulo 3. Tendencias 3.0 The multimedia glocal network. La web semántica. Mobile and International SEO. UX. La experiencia online del usuario. Call Metrics. Social CRM. Colaborativo. Big Data.

Marketing de Contenidos

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://www.blogtrw.com/2012/04/marketing-de-contenidos-las-5-claves-para-el-exito-de-tu-blog/

http://contentmarketinginstitute.com/2012/04/digital-content-marketing-survey/

Marketing de Contenidos

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Marketing de Contenidos

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Marketing de Contenidos

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Marketing de Contenidos

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Transmedia

• La aparición de un mayor número de medios interactivos, su capacidad para ofrecer experiencias más inmersivas y participativas junto a la demanda de nuevos contenidos por parte de una audiencia saturada son sólo algunos de los factores que están desencadenando el crecimiento de esta nueva forma de contar historias.

Transmedia es el arte de contar historias (storytelling).

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://www.youtube.com/watch?v=HvJbY9hUgbc

http://www.youtube.com/watch?v=Rq5NbWmyGWk&feature=related http://www.vuelodigital.com/2012/11/27/4-razones-por-las-que-tu-tecnica-de-storytelling-no-esta-funcionado-en-marketing/

Transmedia

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Las marcas también tienen historias que necesitan hacer llegar a sus audiencias. Los consumidores no asimilamos los contenidos de forma racional (esto es, entendiendo el key message y guardándolo en su cerebro) sino que nos relacionamos con la marca de manera emocional, o lo que es lo mismo, nos hacemos fans. Y contar historias sobre una marca (o aún mejor, la historia de la marca) es una excelente manera de establecer ese vínculo y construir una audiencia propia.

Transmedia

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Las diginovelas.

El crossmedia. Walmerick.

http://www.nivel26.es/

http://www.walmeric.com/

Transmedia

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Brand-Apps

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Brand-Apps

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Unión de marcas.

Amazon Appstore.

Wholesale Applications Community (WAC).

http://www.distimo.com/blog/2011_10_the-2011-top-100-global-brands-and-their-app-store-status/

Mash-Ups Webs

• Una aplicación web híbrida (mashup o remezcla) es un sitio web o aplicación web que usa contenido de otras aplicaciones web para crear un nuevo contenido completo, consumiendo servicios directamente, siempre a través de protocolo http.

• El contenido de un mashup normalmente proviene de sitios web de terceros a través de una interfaz pública o usando un API. Otros métodos que constituyen el origen de sus datos incluyen sindicadores web (RSS o Atom), Screen scraping, etc.

Los tipos de mash ups son: – de consumidores. – de datos.– empresariales.

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Mash-Ups Webs

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

De mapas

Videos y fotos

Búsqueda y compras

Noticias

Redes de contenidos

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Web, social media y blogs deben conformar la red de contenidos de una empresa.

Incluso la publicidad tiende al contenido o, lo que se está viniendo a conocer, brands-actional ads

Índice

Capítulo 1. Diseño Códigos de programación. Autodiseño y autogestión.

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Capítulo 2. Contenidos Marketing de contenidos. Transmedia. Brand-Apps y Mash-ups webs. Redes de contenidos.

Capítulo 3. Tendencias 3.0 The multimedia glocal network. La web semántica. Mobile and International SEO. UX. La experiencia online del usuario. Call Metrics. Social CRM. Colaborativo. Big Data.

The Multimedia Glocal Network

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

• Facilidad para hacer cercano lo lejano.

Identidades digitales: – Nacer con una cuenta de correo y un número de teléfono que nos

acompañe toda la vida.– Una mayor personalización y customización del software y del hardware.– Una mayor identificación (o mayor complejidad en la distinción) entre lo

real y lo virtual. – Una sociedad “on” de forma permanente definida por su conectividad.

• Capital social.• Generación C.• Generación asocial.

La Generación que ha crecido bajo la “ideología” imperante en la web, de libre acceso, cooperación, intercambio, de compartir información, será la misma que tengan las generaciones futuras y marcará un cambio sustancial en la forma en que se comportarán los seres humanos en 2020

La web semántica

La web semántica es aquella que se construye en un lenguaje que los ordenadores pueden “entender”. Se refiere, más allá de la transmisión de señales, a la comunicación. Es una web de datos escritos en formatos interoperables, de bases de datos compatibles que construyen algo así como ámbitos conceptuales globales en toda la web. Son datos, dicho de otro modo, que los ordenadores pueden interpretar, relacionar con otros, etc… para devolvernos resultados o una experiencia de usuario más cómoda y satisfactoria.

– twine. – link data web / link data cloud.– behavioral advertising.

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Mobile and International SEO

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://www.slideshare.net/aleydasolis/seo-multi-dispositivo

Mobile and International SEO

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://www.slideshare.net/aleydasolis/international-seo-the-future-of-your-roi-at-mozcon-by-aleyda

UX. La experiencia online del usuario

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

UX. La experiencia online del usuario

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://ww2.multiplica.com/cast/presentacion-de-oriol-ibars-en-el-uxspain/

Call Metrics

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

Social CRM

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

• Escucha.• Clasificación.• Valoración.

Colaborativo

• La revista Time considera el Consumo Colaborativo como una de las 10 ideas que cambiarán el mundo.

• MySpace, YouTube y otros anuncian el fin del grupo y el surgimiento de la Red. Rheingold lo llama "Smart Mobs", aunque se está imponiendo el término de “WebTribes ", o “Tribus Web”:

– Flexible, expansiva, múltiple.– Propios léxicos, símbolos, códigos y normas.

Habrá múltiples personalidades que se materializarán en un DNI virtual.

WollageEmpysize

NUEVAS TENDENCIAS ONLINE| UD2. Lo audiovisual se impone

Colaborativo

NUEVAS TENDENCIAS ONLINE| UD2. Lo audiovisual se impone

La idea de Groovideo es simple: hacer que todos los usuarios que han asistido a un evento, que tenían un encargo de trabajo, o que simplemente quieren compartir un vídeo sobre determinado tema, puedan subirlo a la cuenta del administrador que ha iniciado la conversación para que luego éste los edite todos juntos.

http://techcrunch.com/2012/08/13/groovideo/

Colaborativo

NUEVAS TENDENCIAS ONLINE| UD2. Lo audiovisual se impone

Big Data

NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web

http://www.youtube.com/watch?v=7K5d9ArRLJE

http://www.huffingtonpost.com/phil-simon/the-human-face-of-big-dat_b_3094579.html

MÓDULO 2.NUEVAS TENDENCIAS ONLINE

¡¡¡¡¡¡PREGUNTAS!!!!!!

Máster en Marketing y Publicidad Digital Yahoo!

MARKETING Y PUBLICIDAD DIGITAL

@NebrijaDigital