MÓDULO 2.
NUEVAS TENDENCIAS ONLINE
UD1. Avances en Web
Máster en Marketing y Publicidad Digital Yahoo!
MARKETING Y
PUBLICI...
Índice
Capítulo 1. Diseño
 Códigos de programación.
 Autodiseño y autogestión.
NUEVAS TENDENCIAS ONLINE| UD1. Avances en...
Códigos de programación
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
- HTML (HyperText Markup Language) es el 
lenguaje e...
Códigos de programación
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
- CSS (Cascading Style Sheets) es el lenguaje 
que s...
Códigos de programación
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
- Javascript es un lenguaje de programación que 
per...
Códigos de programación
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
- La nueva versión de HTML, HTML 5, está a punto 
de...
Códigos de programación
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
http://mrdoob.com/projects/chromeexperiments/ball-po...
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...
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/vid...
Códigos de programación
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
https://developer.apple.com/safaridemos/showcase/typ...
Códigos de programación
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
https://developer.apple.com/safaridemos/showcase/thr...
Códigos de programación
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
http://ie.microsoft.com/testdrive/html5/OfflineCalcu...
Códigos de programación
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
http://ie.microsoft.com/testdrive/Performance/WhatTi...
Códigos de programación
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
http://www.html5rocks.com/en/tutorials/c
http://www....
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 Web
http://es.wix.com/blog/2013/09/tendencias-de-diseno-...
Autodiseño y Autogestión
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
Un Gestor de Contenidos (en inglés
CMS=Content Mana...
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...
Marketing de Contenidos
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
http://www.blogtrw.com/2012/04/marketing-de-contenid...
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...
Transmedia
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
Las marcas también tienen historias que necesitan hacer llegar a ...
Transmedia
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
Las diginovelas.
El crossmedia. Walmerick.
http://www.nivel26.es/...
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 Communit...
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...
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 cont...
Índice
Capítulo 1. Diseño
 Códigos de programación.
 Autodiseño y autogestión.
NUEVAS TENDENCIAS ONLINE| UD1. Avances en...
The Multimedia Glocal Network
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
• Facilidad para hacer cercano lo lejano.
Iden...
La web semántica
La web semántica es aquella que se construye en un lenguaje que los
ordenadores pueden “entender”. Se ref...
Mobile and International SEO
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
http://www.slideshare.net/aleydasolis/seo-multi...
Mobile and International SEO
NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
http://www.slideshare.net/aleydasolis/internati...
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/present...
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.
• MySpac...
Colaborativo
NUEVAS TENDENCIAS ONLINE| UD2. Lo audiovisual se impone
La idea de Groovideo es simple: hacer
que todos los u...
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.huffingtonpo...
MÓDULO 2.
NUEVAS TENDENCIAS ONLINE
¡¡¡¡¡¡PREGUNTAS!!!!!!
Máster en Marketing y Publicidad Digital Yahoo!
MARKETING Y
PUBLI...
Upcoming SlideShare
Loading in...5
×

Tutoría Mod2_ud1

276

Published on

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
276
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
20
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Tutoría Mod2_ud1

  1. 1. MÓDULO 2. NUEVAS TENDENCIAS ONLINE UD1. Avances en Web Máster en Marketing y Publicidad Digital Yahoo! MARKETING Y PUBLICIDAD DIGITAL
  2. 2. Í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.
  3. 3. 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.
  4. 4. 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.
  5. 5. 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.
  6. 6. 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/ 
  7. 7. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web http://mrdoob.com/projects/chromeexperiments/ball-pool/
  8. 8. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web http://www.addyosmani.com/resources/canvasphoto/
  9. 9. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web http://craftymind.com/factory/html5video/CanvasVideo.html
  10. 10. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web http://html5demos.com/drag-anything
  11. 11. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web http://html5demos.com/drag-anything 
  12. 12. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web http://www.dailymotion.com/en/html5 
  13. 13. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web https://developer.apple.com/safaridemos/showcase/video/ 
  14. 14. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web https://developer.apple.com/safaridemos/showcase/typography/ 
  15. 15. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web https://developer.apple.com/safaridemos/showcase/threesixty/
  16. 16. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web http://ie.microsoft.com/testdrive/html5/OfflineCalculator/
  17. 17. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web http://ie.microsoft.com/testdrive/Performance/WhatTimeIsIt/
  18. 18. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web http://www.html5rocks.com/en/tutorials/c http://www.chromeexperiments.com/mo
  19. 19. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web http://www.theuselessweb.com/
  20. 20. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
  21. 21. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web http://www.nebrija.com/lamejornavidaddelmundo/
  22. 22. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
  23. 23. Códigos de programación NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web http://es.wix.com/blog/2013/09/tendencias-de-diseno-web/
  24. 24. 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.
  25. 25. Autodiseño y Autogestión NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
  26. 26. Í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.
  27. 27. 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/
  28. 28. Marketing de Contenidos NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
  29. 29. Marketing de Contenidos NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
  30. 30. Marketing de Contenidos NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
  31. 31. Marketing de Contenidos NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
  32. 32. 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=HvJbY9 http://www.youtube.com/watch?v=Rq5NbW http://www.vuelodigital.com/2012/11/27/4-razone
  33. 33. 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.
  34. 34. Transmedia NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web Las diginovelas. El crossmedia. Walmerick. http://www.nivel26.es/ http://www.walmeric.com/
  35. 35. Transmedia NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
  36. 36. Brand-Apps NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
  37. 37. 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-
  38. 38. 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
  39. 39. Mash-Ups Webs NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web De mapas Videos y fotos Búsqueda y compras Noticias
  40. 40. 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
  41. 41. Í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.
  42. 42. 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
  43. 43. 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
  44. 44. Mobile and International SEO NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web http://www.slideshare.net/aleydasolis/seo-multi-dispositivo
  45. 45. 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
  46. 46. UX. La experiencia online del usuario NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
  47. 47. 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/
  48. 48. Call Metrics NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web
  49. 49. Social CRM NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web • Escucha. • Clasificación. • Valoración.
  50. 50. 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. Wollage Empysize NUEVAS TENDENCIAS ONLINE| UD2. Lo audiovisual se impone
  51. 51. 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/
  52. 52. Colaborativo NUEVAS TENDENCIAS ONLINE| UD2. Lo audiovisual se impone
  53. 53. Big Data NUEVAS TENDENCIAS ONLINE| UD1. Avances en Web http://www.youtube.com/ watch?v=7K5d9ArRLJE http://www.huffingtonpo st.com/phil-simon/the- human-face-of-big- dat_b_3094579.html
  54. 54. MÓDULO 2. NUEVAS TENDENCIAS ONLINE ¡¡¡¡¡¡PREGUNTAS!!!!!! Máster en Marketing y Publicidad Digital Yahoo! MARKETING Y PUBLICIDAD DIGITAL @NebrijaDigital
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×