Master UPSA - Social Media II

MÁSTER EN CC. DE LA
EDUCACIÓN
Social Media-II
Curso 2012/2013

Social Media II:
herramientas
y tecnologías
Prof. Luis Joyanes

1

Sistemas de Información

Plataformas de compartición de vídeos,
fotos, audio, libros.

© Luis Joyanes Aguilar 2
Universidad Pontificia de Salamanca -
Febrero 2013-.Curso 2012/13

PLATAFORMAS DE CONTENIDOS (Vídeo)
 YouTube

Plataforma de video de referencia. Sólo se requiere disponer de
una cuenta de usuario (de Google) para publicar videos.

 Vimeo
Plataforma de video muy reconocida. Sus videos son bastantes
profesionales, ya que suelen ser usados por medios de
comunicación digital.

Hulu, Metacafe, Viddler…

© Luis Joyanes Aguilar
Universidad Pontificia de Salamanca - Página –3–

PLATAFORMAS DE CONTENIDOS (Fotos)
Flickr
 Es una de las plataformas de imágenes más conocidas y
de las primeras en aparecer en la Red. Es propiedad de
Yahoo.
Picasa
 Una de las plataformas de imágenes más prestigiosas: Es
propiedad de Google.
 44. Instagram. Red de fotografías móviles más popular
del mundo (corre en plataformas móviles y escritorio)
 45. Photoshop / Illustrator. Estos programas de
Adobe son herramientas básicas de escritorio para crear y
editar imágenes.

PLATAFORMAS DE CONTENIDOS (Fotos)
 Photobucket (compartición de videos y fotos)
 Slide (editor de aplicaciones sociales de entretenimiento)
 SmugMug (sitio de compartición de fotografías para
fotografos profesionales)
 Twitxr (servicio de fotoblogs creado para mejorar la
comunicación entre amigos y familiares)
 Zooomr (sitio de compartición de fotografías que
incorpora geotagging, RSS…)


PLATAFORMAS DE CONTENIDOS (Audio)
iTunes (plataforma multimedia que funciona con
sistemas operativos Macintosh y Windows). Interfaz de
software que permite interactuar con iPhone, iPod, iPad…
Podbean (proveedor de servicios de podcast)
Podcast.com (plataforma de podcast)
Rhapsody (Biblioteca musical en línea)
Spotify (plataforma musical en línea). RTVE.ES, primera
web audiovisual española en integrar el servicio de la
plataforma de música Spotify (abril 2012)
Garageband (plataforma para aprendizaje de música,
instrumentos musicales… propiedad de Apple)

PLATAFORMAS DE CONTENIDOS (Libros)
24symbols. Plataforma española de libros en la nube
... se trata de un catálogo de libros al que se accede por
streaming, sin necesidad de descargas. (gratuita y tarifa
plana de 10/mes)
Goodreads. El principal acelerador de crecimiento ha sido la
incorporación de la integración con Facebook, aunque también ha
jugado un papel importante el motor de recomendaciones de libros
con el que cuentan en el servicio. 140 millones de páginas vistas al
mes, 22 millones de visitantes únicos mensuales y, hasta el momento,
cuentan con 360 millones de libros catalogados. Actúa como red
social para intercambio de libros.
Booquo (Planeta, Bertelsman, Círculo de lectores). 10€/mes


Sistemas de Información

Los mashups


INTRODUCCIÓN

 Un mashup es una mezcla o fusión de información
procedente de diferentes fuentes y que se aloja en una
herramienta o sitio web. En realidad un mashup es un
sistema para combinar información procedente de
distintas fuentes en un punto común, estableciendo
relaciones entre datos que, originalmente, no estaban
diseñados para ello.
 Los mahups mezclan múltiples herramientas en una
única oferta que, normalmente, es más potente o útil que
cualquiera de las herramientas por sí solas.

Página –9–

INTRODUCCIÓN

 Ejemplo. Un sitio Web de información musical puede
extraer información de bandas de música en concierto a
través de fuentes RSS y mezclar esa información con
mapas de Google para mostrar donde están teniendo
lugar los conciertos o las compañías productoras de los
discos de dichos conciertos.
 Los mashups están ganando en popularidad a medida que
han ido creándose herramientas de generación de
contenidos
 Otro ejemplo puede ser la obtención de titulares de
noticias, a través de una fuente RSS, que se combinan
con imágenes asociadas que se recuperan mediante una
búsqueda en Fliker, Picasa o Panoramio.
Página –10–

INTRODUCCIÓN

 Además de contenidos los mashups pueden contener
también elementos que podrían considerarse
herramientas (widgets) tales como: calendario, reloj, bloc
de notas, calculadora, mapas, etc.
 Los mashups se construyen con componentes
prefabricados que normalmente se crean con
herramientas AJAX (JavaScript, XHTML, CCS, DOM,…).
Algunos mashups son más completos y se componen de
aplicaciones escritas en Java o Flash y que se ejecutan en
el interior de una página.
 Google, Yahoo y Microsoft han lanzado versiones beta o
totalmente terminadas de sitios que ayudan a los usuarios
a crear mashups.
Página –11–

INTRODUCCIÓN

 Estos sitios incluyen también áreas de redes sociales
donde los visitantes pueden compartir sus ideas de
mashups con otros visitantes.
 Popfly, es un sitio propiedad de Microsoft que ayuda a los
usuarios a crear mashups (Popfly tambien ayuda a los
usuarios a desarrollar sitios web y juegos)
 Desde el punto de vista de marketing los mashups pueden
proporcionar ofertas que sus rivales no puedan tener. Así
por ejemplo un comercio que venda libros puede crear un
mashup que combine los libros betseller y los más
recientemente revisados o publicados con un calendario
en línea con información de cuando y donde el autor de
esos libros estará firmando copias de sus libros (y
naturalmente incluir enlaces para los futuros clientes para
Página –12–
comprar esos títulos en línea).

HISTORIA DE LOS MASHUPS

 Un sitio de medios en línea puede crear un mashup para
extraer etiquetas de fuentes múltiples (incluyendo blogs
populares) y representarlos en una interfaz única de ese
sitio
 La palabra mashup fue utilizada originalmente para
referirse a música tomada de diferentes género o
subcultura mezclada para formar una nueva marca, pieza
o estilo de música.
 Los mashups se vieron como un movimiento cultural que
tomaba obras de muchas culturas o piezas de arte y las
mezclaban en un único y nuevo trabajo.
 .

Página –13–

 El acto de mezclar significó durante mucho tiempo una
forma de autoexpresión, un intento de añadir nuevos
elementos a una determinada cultura e inventar una
nueva cultura basada en otras ya existentes Existen
numerosos casos de mashups musicales.
 En esencia también era reflejar el trabajo de los DJs en
las discotecas o en las emisoras de radio.
 El concepto de mashups de software se ha ido creando a
partir de la idea de los mashups musicales.

Página –14–

INTRODUCCIÓN

 La idea del mashup es tomar contenido o salidas de
múltiples sistemas y a continuación combinarlos
(mezclarlos) en un nuevo sistemas de interés y utilidad.
 Google Maps es el componente fundamental de muchos
mashups. Se toma información y se pone en un mapa es
sencillo y Google Maps realiza esta tarea fácilmente
utilizando APIs para esta tarea.
 Normalmente muchas personas tienen el concepto
preconcebido de que los mashups se construyen siempre
alrededor de un mapa. La realidad es que la construcción
de mashups de mapas tiene mucho sentido pero además
de estas aplicaciones existen numerosos mashups
alternativos para crear y utilizar dependiendo de la
creatividad del diseñador.
Página –15–

INTRODUCCIÓN

 Un caso muy significativo de mashups se realizó con
ocasión del huracan Katrina. Durante esta catastrofe los
mashups se crearon y utilizaron para realizar tareas
vitales que las organizaciones gubernamentales no podían
realizar.
 Se utilizaron mashups para apoyar en el alojamiento y
construcción de refugios (www.refugemap.org),
ayudar a rescatar a personas
(www.katrinapeoplemap.org) .
 Los desarrolladores de software fueron capaces de utilizar
APIs abiertas para crear sitios en horas en lugar de en
días y ayudar a las personas durante este desastre y los
grandes desastres que se han producido después más
eficiente y rápido.
Página –16–

 La visibilidad obtenida por los mashups del Katrina aceleró
el éxito de la adopción de mashups dentro de las
empresa.
 The Wall Street Journal ha recogido noticias sobre
mashups de diferentes naturalezas. En particular, el
fabricante de coches Audi creó un mashup para integrar
de un modo rápido datos procedentes de 100 fuentes en
sólo o cuatro días para ayudar a emitir informes para los
Product Manager.
 Las organizaciones están utilizando mashups para
conseguir los objetivos del negocio de modo

Página –17–

CLASIFICACIÓN DE LOS MASHUPS

 Estáticos y Dinámicos.
 Mashups estáticos son aquellos que después de
abrirlos y componerse a partir de la información
obtenida de los sitios de referencia ya no sufren
ningún cambio.
 Masups dinámicos son, por el contrario,
actualizados periódicamente si necesidad de
intervención alguna por parte del usuario. Esta
caracterísitca hace que el mashup cuente con un
motor que se ejecuta dentro del navegador y,
cuando es preciso, altera el contenido de una cierta
parte de la página. Normalmente se construyen
con tecnología AJAX.
Página –18–

 Un mashup convierte el navegador Web en algo
más que una aplicación para ver páginas
compuestas de texto e imágenes, situándolo como
el centro de acceso a la información con
independencia de dónde proceda. Al tiempo se
altera el perfil del usuario que puede generar a
partir de la información procedente de distintas
fuentes respuestas a problemas concretos.

Página –19–

ROLES DE RECURSOS HUMANOS EN LOS MASHUPS

 Usuario. En la Web existen cientos de mashups en
funcionamiento y con diferentes niveles de
personalización; basta acceder a ellos y utilizarlos.
 Diseñador. Utiliza herramientas visuales y componentes
prefrabricados pero parametrizables para crear nuevos
mashups. Estos mashups suelen ser de tipo estático.
 Programador. Los usuarios más expertos e ingenieros
de sistemas y desarrollo pueden crear los mashups más
potentes utilizando no sólo componentes ya existentes
sino creando los suyos propios cuando los existentes no
cumplen las funcionalidades pensadas y creadas en el
diseño propio.

Página –20–

CREACIÓN DE MASHUPS

 La construcción de mashups (mashup maker) requiere
conocimientos de AJAX (fundamentalmente, XHTML,
CSS,JavaScript y DOM).
 Se requiere crear componentes (servicios web, en
esencia) que luego se ensamblan para crear las
herramientas (programas) necesarias para el diseño y
construcción de los mashups.
 Los componentes “prefabricados” y las “herramientas” son
en muchos casos de fácil uso de modo que no se requiere
la formación de ingeniero informático o experto en la Web
para su diseño y construcción y basta solo tener
experiencia como diseñador y usuario avanzado de otros
proyectos o aplicaciones informáticas.
Página –21–

CREACIÓN DE MASHUPS

 Las herramientas pueden ser un programa que requiere
instalación o bien una aplicación del tipo SaaS accesibles
desde una página web
 Existen componentes de todo tipo: visuales y no visuales
que realizan funcionalidades de todo tipo.
 La creación de mashups puede hacerse desde el rol de
usuario o de desarrollador (programador o ingeniero de
sistemas)
 Como usuario los mashups que se pueden crear es a
través de aplicaciones de tipo escritorio Web a modo de
aplicación web que constituyan buenas herramientas para
crear los mashups sobre componentes previamente
existentes.
Página –22–

 Como desarrollador (programador/ingeniero) se requieren
conocimientos de programación, especialmente lenguaje
JavaScript y el objeto DOM y los atributos XHTML y CSS.
En este caso aparte de los componentes ya existentes
gratuitos o de pago, podrá crear sus propios
componentes. Este tipo de usuario puede utilizar las APIs
ofrecidas en diferentes sitios web y comunicar su
aplicación con servicios de mashups tales como Google
Maps

Página –23–

HERRAMIENTAS PARA CREAR MASHUPS

 En la práctica es posible crear un mashup
utilizando prácticamente cualquier herramienta de
desarrollo web actual, ya que todas ellas
contemplan la posibilidad de incrustar (embeber)
JavaScript en las páginas y la posibilidad de
generas dichas páginas dinámicamente en el
servidor con tecnologías JSP, ASP y PHP.

Página –24–

 Existen, también, herramientas específicas para crear
mashups de diferente nivel de dificultad por lo que
siempre se podrán encontrar herramientas para usuarios
avanzados y también herramientas que exijan formación
especializada. Algunas de estas herramientas más
populares son:
Popfly (Microsoft) www.popfly.com
Pipes (Yahoo¡) pipes.yahoo.com
Dapper www.dapper.com
Mashup Editor editor.googlemashups.com
Openkapow openkapow.com

Página –25–

REFERENCIAS Y HERRAMIENTAS DE MASHUPS

 Web Mashups Directory del sitio web Programable Web
www.programableweb.com/mashups/directory
Este directorio indexa miles de mashups y cuenta con
funciones de búsqueda, clasificación por etiquetas y
popularidad del mashup.
Es posibles la suscripción a su fuente RSS desde nuestro
agregador o lector habitual.
 Galería de mashups de Google creados con su
herramienta de desarrollo Mashup Editor
//gallery.googlemashups.com
 Directorio webmashup
Listados de mashups y herramientas de desarrollo
www.webmashup.com Página –26–


 Directorio de mashups de blinklist
//es.blinklist.com/tag/mashup
Noticias y herramientas de todo tipo, en español
 Google Maps
Mashups populares tales como Panoramio
(www.panoramio.com)
Geolocalización de fotografías: relación de fotografía,
con ciudades o sitios turísticos, negocios,… y coordenadas
geográficas.
www.goolzoom.com
Goolzoom es un mashup que combina mapas de Google
con información catastral (parcelas urbanas, rústicas,
superficies, localizaciones, datos del catastro, etc.)
Página –27–


 Microsoft Popfly (internamente con nombre código
Springfield1 ) era un sitio web que permite al usuario
crear páginas web, y Mashups usando Runtimes para
Aplicaciones ricas de internet basadas en Microsoft
Silverlight.
 Herramientas
 Popfly incluye tres herramientas basadas en la tecnología
Silverlight, las cuales de describen a continuación.
 Mashup Creator
 Web Creator
 Popfly Game Creator

Página –28–

Capítulo 10

Podcasting

Referencia. Podcasting for Dummies,
ebook gratis de la colección For
Dummies de la editoria Wiley
(www.dummies.com)
www.thesocialmediabible.com
www.podiobooks.com


CONCEPTO DE PODCAST
Es la operación de conversión de un archivo
de audio (previamente grabado) en un
archivo MP3 de audio y a continuación se
”sube” a una página web para pode ser
descargada en cualquier momento.
La tecnología se desarrolló en el verano de
2004 por Adam Curry y se comenzó a utilizar
de diversas formas y recibió el impulso
defintivo cuando Apple incluyó el soporte
correspondientes en su entorno
iTunes<
Página –30–

PODCASTING
Es el acto de distribuir los podcast o archivos
de audio en Internet.
Es el proceso de crear una grabación de audio
y ponerlo disponible en formato MP3 via RSS.
Los podcast son archivos de audio MP3 y no
están limitados al iPod o a la tienda iTunes
Un podcast se puede reproducir en cualquier
reproductor de MP3 o escucharlo desde su
navegador Web a partir de un sitio que
ofrezca podcast (podcastellano.org)
radio.postcatellano.org
Página –31–

CASOS DE ESTUDIO

1. El Mundo (podcast y RSS en la misma
sección y con acceso a través de un icono
RSS)

La página de podcast de la Web de RTVE
donde se pueden apreciar diversos canales
para podcast (con tecnologías RSS)

Página –32–

UTILIZACIÓN DE PODCAST
En la actualidad se utiliza en todo tipo de
entornos donde hay muchos usuarios:
emisoras de radio o TV, cadenas de
comunicación, editoriales o grandes blogs.

Sus usos más habituales son conferencias
(EBE 2011), programas de radio, lectura de
libros, debates, comentarios, críticas de
cine, arte, política, etc.

Página –33–

Como crear un podcast de audio
Un podcast de audio tiene una estructura
similar a un programa de radio como la
sintonía de entrada, presentación,
secciones y despedida. Un podcast se
diferencia de un programa de radio no en el
método de creación, sino en la forma de
distribuirlo: los canales de sindicación
(RSS)
Un podcast difiere de un programa de
radio que no se emite en directo y se
puede escuchar cuando se desee
Página –34–

CREACIÓN DE UN PODCAST
1. Su computador con micrófono incorporado
(o uno externo si no se dispone)
2. Sistema de grabación (registro) de audio
disponible.
3. Software de edición que viene con el
ordenador
4. Creatividad

Página –35–

Los podcast son similares a los blogs y se
pueden utilizar feeds RSS.
Los podcast pueden ser sindicados o
distribuidos y puestos disponibles
gratuitamente a nivel global.
Se pueden establecer en Facebook,
LinkedIn y otros servicios gratuitos para
publicar automáticamente cuando se haya
añadido alguna nueva entrada de podcast.

Página –36–

El proceso consta de las siguientes etapas:
1. Planificación
2. Grabación
3. Edición
4. Publicación

Página –37–

Como crear un podcast de audio,
donde alojar nuestro podcast
Una vez creado nuestro archivo de audio,
darle un formato y dotarle de toda la
información que podamos darle, nos queda
el paso más importante, distribuirlo a
través de internet.
Servidores en internet especializados en
contenidos audio
blip.tv e ivoox.com, poderato
(gratis)
Castposst, podomatic, espapod
Página –38–

Software de edición y grabación de
audio: Audacity, Sound Studio,
GarageBand
Koblo.com
Apple QuickTime Player
WordPress PodPress Widget
Evoca, ePodscat Creator, Podcast
Stration,Web Pod Studio…
Descargar e instalar Audacity
Audacity es un programa excelente para la grabación y
edición de audio disponible en Open Source. Página –39–

El editor de audio libre y multiplataforma
Capturas de pantalla:
http://audacity.com.es/

Audacity® es un programa libre y de código
abierto para grabar y editar sonido. Está
disponible para Mac OS X, Microsoft
Windows, GNU/Linux y otros sistemas
operativos
24 agosto 2012 : Publicada v. Audacity 2.02.
Página –40–

http://audacity.sourceforge.net/

 Audacity® es un editor de grabación y edición de
sonido libre, de código abierto y multiplataforma.
 Audacity está disponible para Windows®,Mac®,
GNU/Linux® y otros sistemas operativos. Aprender más
sobre Audacity... Consulte también nuestro Wiki y el foro
para obtener más información.
 La última versión de Audacity es 2.0.2. Reemplaza
las versiones previas de las series 1.2 y 1.3 y 2.x.
Consulte las Nuevas características para obtener más
información.

Página –41–

 Acerca de Audacity
 Audacity es un editor de audio libre, fácil de usar y
multilingüe para Windows, Mac OS X, GNU/Linux y otros
sistemas operativos. Puede usar Audacity para:
• Grabar audio en vivo.
• Convertir cintas y grabaciones a sonido digital o CD.
• Editar archivos Ogg Vorbis, MP3, WAV y AIFF.
• Cortar, copiar, unir y mezclar sonidos.
• Cambiar la velocidad o el tono de una grabación.
• Y mucho más. Vea la lista completa de funciones.

Página –42–

 FLIPBOARD con podcast
 Llega a la popular revista social Flipboard una nueva
funcionalidad en su última actualización disponible en
Google Play. En la versión 1.9.7 añaden la posibilidad de
escuchar audio mientras navegamos por la aplicación o
usamos nuestro Android.
 Ahora cuando vayamos a añadir nuevas fuentes de
contenido encontraremos la nueva sección Audio en la
que podemos suscribirnos y escuchar podscats,
música y mucho más contenido de audio, contenido que
podremos compartir con nuestros amigos gracias a
SoundCloud.

Página –43–

 ¿Cómo se hace un podcast?
• ¿Cómo se hace un podcast? desde Podcast-es.
• Guía de emergencia para hacer un podcast desde
Podcastellano.
• Educasting. Página donde nos ofrecen una completa guía
sobre como planificar, poner en marcha y desarrollar un
podcast.
• ¿Cómo creo un podcast? tutorial en ppt.
• http://www.slideshare.net/pidelgado/tutorial-
podcast-2003849

Página –44–

REDES SOCIALES
 Red social. Conjunto de actores y de enlaces que se
relacionan. Los actores (p. e. personas, organizaciones u otras
entidades sociales) se conectan por relaciones de amistad,
parentesco, intercambio financiero o de información; es deir
por motivos sociales, cotidianos o profesionales (1998, Web).
 Las redes sociales online permiten crear grupos privados (p.
e. amigos, familiares, compañeros de trabajo o estudio…) o
públicos (p. e. marcas comerciales, artistas, aficiones,
asociaciones deportivas, políticas…) que comparten contenidos
(p. e. experiencia, pensamientos, ideas o sentimientos…) y
enfatizan sus apoyo sociales basados en intereses u objetivos
comunes.
 Se sustentan en la teoría de los “6 grados de libertad”
Página –45–

REDES SOCIALES generalistas y
profesionales
 LinkedIn
 Twitter (microblogging)
 Facebook
 MySpace (música)
 Tuenti
 Foursquare
 Google+
 Pinterest
 Hi5
 Ning
 Xing
 Plaxo
… Página –47–

Referencias
Luis Joyanes Aguilar
Portal tecnológico y de conocimiento
www.mhe.es/joyanes
luis.joyanes@upsam.net

34-91-5141700

Escuela Superior de Ingeniería y Arquitectura
Universidad Pontificia de Salamanca
campus Madrid

Octubre 2012 -.Curso 2012/13

BIBLIOGRAFÍA
 SAFKO, Lon (2011). The Social Media Bible. Second
edition. New Jersey: Wiley
www.theSocialMediaBible.com
www.LonSafko.com
www.ExtremeDigitalMarketing.com
 RODRIGUEZ FERNÁNDEZ, Oscar (2012). Curso de
Community Manager. Madrid: Anaya
 GÓMEZ, Alvaro y OTERO, Carlos (2012). Redes
sociales en la empresa. Madrid: Ra-ma.
 JOYANES, Luis (2012). Computación en la nube.
Estrategias de cloud computing para las empresas.
México DF: AlfaOmega.
Universidad Potificia de Salamanca campus Madrid)
Sistemas de Información. . Curso 2011/!2 Página –49–

BIBLIOGRAFÍA
 JOYANES, Luis (2009a) “La Computación en Nube(Cloud
Computing) :El nuevo paradigma tecnológico para
empresas y organizaciones en la Sociedad del
Conocimiento” , ICADE, nº 76, enero-marzo 2009, Madrid:
Universidad Pontificia Comillas.
 JOYANES, Luis (2009b) “EMPRESA 2.0: ¿Cómo llevar las
tecnologías de la Web 2.0 y la Web Social a la empresa? ,
ICADE, nº 77, mayo-agosto, 2009, Madrid: Universidad
Pontificia Comillas.
 JOYANES, Luis (2009b). Fundamentos de Empresa 2.0.
Estrategias en la Web 2.0. Jaén: Joxman.


Blogs tecnológicos
 TechCrunch (www.techcrunch.com)
 Gizmodo (www.gizmodo.com, www.gizmodo.es)
 Boing Boing (www.boingboing.com)
 Engadget (www.engadget.com)
 The Official Google Blog (googleblog.blospot.com)
 O´Reilly (www.oreillynet.com)
 Slahdot (www.slahdot.com)
 Microsiervos (www.microsiervos.com)
 Xataca (www.xataca.com)
 Google Dirson (google.dirson.com)
 Mashable (www.mashable.com)

Master UPSA - Social Media II

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (20)

Similar a Master UPSA - Social Media II

Similar a Master UPSA - Social Media II (20)

Más de Luis Joyanes

Más de Luis Joyanes (20)

Master UPSA - Social Media II