Desarrollo de Aplicaciones para Twitter - CWZGZ

Diseño e Implementación de Aplicaciones para Twitter e24apps.com Alfredo Artiles @aartiles24

Acerca de e24Apps.com Congreso Web Zaragoza 2011 - e24apps.com

Lo que veremos hoy
Ecosistema de Twitter
Algunas cifras y límites
La API de Twitter
Tipos de API
Modelo de Datos
Algunos Métodos de la API
Pruebas en el API Console
Implementación de un Widget de Twitter
Congreso Web Zaragoza 2011 - e24apps.com

Ecosistema de Twitter 900K apps - 600K desarrolladores – $457M inversión(6 meses)
Clientes (móbiles/web/escritorio)
SocialMedia (gestión/analítica/monitorización)
Buscadores/Directorios
Media (enlaces/fotos/vídeos/archivos)
Agregadores (noticias/clasificados/recomendaciones)
Bots

Cifras: Volumen de datos
170 millones de tweets/día = 1967 tweets/segundo
13 billones de llamadas a la API/día
Sirve 15 Terabytes/día
Sirve 1 Terabytes mientras doy esta charla
Velocidad de escritura disco duro ~80MB/seg, almacenar 7 TB en un disco tomaría 24.3 horas

Cifras: Piensa en grande
> 200 millones de usuarios
97% de usuarios tienen menos de 100 seguidores
Hay usuarios que tiene más de 1 millón de seguidores
Crecimiento de un 752% en 2009 y 1358% en 2010

APIs de Twitter
REST API : funcionalidad básica de Twitter: enviar tweets, seguir, etc.
Search API : Índice de búsqueda en tiempo real. Solo resultados relevantes.
Streaming API : conexión permanente a los servidores de Twitter. Monitorización en tiempo real. Aparecen todos los tweets independientemente de su calidad.
Oauth : Protocolo de autenticación sin necesidad revelar contraseñas a Apps de terceros.
@Anywhere : API javascript de acceso a la REST API.
Web Intents : interactividad a la distancia de un click.

Conoce los Límites (REST API)
350 llamadas/hora a la API, por usuario(sin autenticar 150 llamadas/hora por IP).
Whitelist 20,000 llamadas/hora (https://twitter.com/help/request_whitelisting)
250 DMs/día
1000 tweets/día
4 Cambios email/hora
1000 follows día* y hasta 2000*
No olvides las reglas: http://support.twitter.com/forums/82075/entries/72688
Recursos: ( 1 )

Conoce los Límites (SearchAPI)
No están publicados pero es mayor que REST API
Introduce User-Agent en tus peticiones HTTP
Search Whitelisting (No para clouds)
Sólo Tweets Relevantes

El Modelo de Datos
Todo se trata de usuarios y tweets y las relaciones entre ellos (ver mapa de un tweet: http://e24.li/mw)
Cachea y vence a los límites
Reutiliza APIs de terceros y vuelve a vencer a los límites
No temas a la redundancia de datos

Autenticación OAuth Congreso Web Zaragoza 2011 - e24apps.com

Algunos ejemplos - Search API
Tweets que contienen una palabra: http://search.twitter.com/search.atom?q=twitter
O un hashtag (up to 16 characters): http://search.twitter.com/search.atom?q=%23cwzgz
Combinar algún operador: http://search.twitter.com/search.atom?q=%23cwzgz&until=2010-07-27
Que se originen desde una aplicación: http://search.twitter.com/search.atom?q=%23cwzgz&source:tweetdeck
Fundamentales: rpp, page y sinceid
Recursos: ( 1 )

Creando una Aplicación
Visitar http://dev.twitter.com/apps/new y registrar la aplicación
Visitar http://dev.twitter.com/console para probar algunos métodos de la API
http://dev.twitter.com/status

@Anywhere – javascript API Congreso Web Zaragoza 2011 - e24apps.com

@Anywhere
Depende de un javascript externo 2KB y bloqueante.
Requiere registrar una app
Los usuarios tienen que autorizar la app mediante OAuth
Funcionalidades
Linkify users
Follow Button (mejor el nuevo)
Hovercards
Tweetbox (mejor el nuevo “tweet button”)
Recursos: ( 1 ) ( 2 )
Ver ejemplos

Web Intents
Interacción con tweets y usuarios vía popups sin necesidad de abandonar la página ni aprobar apps de 3ros.

Convierte tus visitantes en tuiteros
Reply: url, via, text, in_reply_to, hashtags, related
<a href="http://twitter.com/intent/tweet?in_reply_to=51113028241989632">Reply</a>
Retweet: tweet_id, related
<a href="http://twitter.com/intent/retweet?tweet_id=51113028241989632">Retweet</a>
Favorite: tweet_id, related
<a href="http://twitter.com/intent/favorite?tweet_id=51113028241989632">Favorite</a>
User: screen_name, user_id
<a href=" http://twitter.com/intent/user?screen_name=socialbro ">@socialbro</a>
Auto-popup (opcional) :
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Directivas de diseño de un tweet Congreso Web Zaragoza 2011 - e24apps.com

Botón Follow
Usando Javascript
<a href="http://twitter.com/twitterapi" class="twitter-follow-button" data-button="grey" data-link-color="800080" data-text-color="800080">Follow @twitterapi</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
Como IFRAME
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.html?screen_name=twitterapi&button=grey&link_color=800080&text_color=800080"
style="width:300px; height:20px;"></iframe>

Eventos Javascript
tweet: Botón Tweet y Web Intents
twttr.events.bind('tweet', function(event) {
// Do something there
});
follow: Botones Tweet y Follow y Web Intents
twttr.events.bind('follow', function(event) { pageTracker._trackEvent('twitter_web_intents', intent_event.type, event.data.screen_name); //Google Analytics });
retweet: Web Intents
twttr.events.bind('retweet', function(event) { var retweeted_tweet_id = event.data.source_tweet_id; });

RealTimePics Widget
Widget que muestra las imágenes tuiteadas un criterio de búsqueda.
Javascript + Mootools + PHP + Zend
Recursos API Twitter:
statuses/user_timeline
lists/statuses
favorites
search.twitter.com
Web Intents
Yfrog, TwitPic, Lockerz, Instagram
Congreso Web Zaragoza 2011 – e24apps.com

Convirtiendo enlaces en fotos
YFrog:http://yfrog.com/0fh5rvw4j :embed
Lockerz: http://api.plixi.com/api/tpapi.svc/imagefromurl?url= http://lockerz.com/s/106126495 &size=large
Twitpic:http://twitpic.com/ show/large/ 54h0z5
Instagram:http://instagr.am/p/E1iQE /media/?size=l

Por Hacer
Interpretar más servicios de fotos (flickr, etc.)
Integrar la nueva entidad de información sobre fotos: “media” ( * )
Interpretar acortadores como bit.ly, etc.
Implementar otros modos de visualización
Detectar la ausencia de actividad del usuario y pausar la rotación de fotos.
Optimizar posibles memory leaks
Eliminar duplicados
Monitorizar con la API de streaming

Streaming API
Conexión directa y permanente via sockets a los servidores de Twitter.
Se puede crear solo una conexión por IP y usuario.
Excesivos intentos de conexión resultaría en un baneo automático de la IP y posible inclusión en un blacklist.
Servidor HTTP que envíe el cuerpo incrementalmente (algunos sólo lo hacen al finalizar la conexión)

Formato - Streaming API
Un tweet por línea
Formato JSON(recomendado) o XML (ver mapa de un tweet: http://e24.li/mw )
También se envían notificaciones de eliminación de tweets.

Niveles - Streaming API Congreso Web Zaragoza 2011 – e24apps.com

Métodos - Streaming API
Sampling: statuses/sample
Firehose: statuses/firehose
Enlaces: statuses/links
Retweets: statuses/retweets
Filtros: statuses/filter
track
locations
follow

Arquitectura -Streaming API Congreso Web Zaragoza 2011 – e24apps.com

Más recursos útiles
Web de desarrolladores: http://dev.twitter.com
Status de la API: http://dev.twitter.com/status
Grupo de desarrolladores: http://groups.google.com/group/twitter-development-talk?pli=1
Anuncios de la API: http://groups.google.com/group/twitter-api-announce
Bibliotecas para Oauth: http://dev.twitter.com/pages/oauth_libraries
Cliente CURL con soporte para Oauth: http://github.com/marcel/twurl
Bibliotecas: http://dev.twitter.com/pages/libraries
Tutoriales: http://www.newwebplatform.com/tips-and-tutorials/Twitter
Blog de los ingenieros de Twitter: http://engineering.twitter.com/
Congreso Internet del Mediterraneo - e24apps.com

Muchas Gracias
Códigos: http://www.bitacoradewebmaster.com/wp-content/misc/cwzgz.zip Alfredo Artiles Larralde (@aartiles24) e24Apps.com Network
http://www.followfriday.com
http://www.locafollow.com
http://www.resonancers.com
http://www.SocialBro.com
Congreso Internet del Mediterraneo - e24apps.com

http://congresoweb.es	221
http://www.maspixel.com	51
http://paper.li	5
url_unknown	5
http://www.twylah.com	4
http://us-w1.rockmelt.com	1
http://twitter.com	1
http://tweetedtimes.com	1
http://lapreguntaretorica.com	1

Desarrollo de Aplicaciones para Twitter - CWZGZ

by equipo24

Accessibility

Categories

Upload Details

Usage Rights

9 Embeds 290

Statistics

Desarrollo de Aplicaciones para Twitter - CWZGZ Presentation Transcript