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


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



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



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



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

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

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

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



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

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



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

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



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

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



http://html5demos.com/drag-anything








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

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



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

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



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

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



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

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



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

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



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

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



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

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







http://www.theuselessweb.com/

http://www.theuselessweb.com/





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

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




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

http://es.wix.com/blog/2013/09/tendencias-de-diseno-web/

http://es.wix.com/blog/2013/09/tendencias-de-diseno-web/

Autodiseño y Autogestión


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


Índice





Marketing de Contenidos


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/

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












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


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/



http://www.youtube.com/watch?v=Rq5NbWmyGWk&feature=related

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


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


Las diginovelas.

El crossmedia. Walmerick.

http://www.nivel26.es/

http://www.walmeric.com/

http://www.nivel26.es/

http://www.walmeric.com/

Transmedia


Brand-Apps


Brand-Apps


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.


Mash-Ups Webs


De mapas

Videos y fotos

Búsqueda y compras

Noticias

Redes de contenidos


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





The Multimedia Glocal Network


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


Mobile and International SEO


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

Mobile and International SEO


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

UX. La experiencia online del usuario


UX. La experiencia online del usuario


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

Call Metrics


Social CRM


• 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


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


Big Data


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

Education

Tutoría Mod2_ud1