El mundo no explorado de G+ desde la visión del desarrollo
El enfoque social y virtual propone una revolución constante, a diario me pregunto como se estarán analizando esos datos, la oportunidades de búsquedas y el constante cambio que existe en la línea de tiempo de los entornos sociales. Hoy nuestro objetivo será obtener información de las actividades de G+ procesarlas y ponerlas a funcionar en un entorno web pero de una forma filtrada.
Vamos a crear un panel de actividades sociales...
Como muestra la Fig.1 y Fig.2 donde podemos integrar en un sitio web información personalizada de los entornos sociales, incluso correlacionar o integrar varias redes en una misma línea.
El mundo no explorado de G+ desde la visión del desarrollo is licensed under a Creative Commons Attribution 4.0 International License.
Based on a work at http://nbortolotti.blogspot.mx/2014/10/el-mundo-no-explorado-de-g-desde-la.html.
Vamos a crear un panel de actividades sociales...
El proceso propuesto se conecta a la API de Google plus obtiene actividades según un filtro y luego los puede mostrar de diversas maneras en un sitio web (este ejemplo está preparado para http).
Fig.1 G+ tradicional |
Fig.2 Integración de información personalizada en web |
Vamos a ver los esencial de la implementación:
#Python Code sobre App engine
actividades = servicio.activities().list(userId='me', collection='public', maxResults='7')\
.execute(http=http)
#Definicion de los datos para insertar en HTML. Jinja2
plantilla_values = {
'actividades': actividades,
}
|
#HTML con Jinja2
<body>
<div id="viewport" class="zoomViewport">
<div id="content" class="zoomContainer">
{% for a in actividades['items'] %}
{% if a['verb'] == 'post' %}
<div class="zoomTarget">
<p>{{a['title']}}</p>
<p><a href="{{a['url']}}">Link</a></p>
<br>
<p>Compartido: {{a['object']['resharers']['totalItems']}}</p>
{% if a['object']['attachments'] %}
{% for b in a['object']['attachments'] if not b['image']['url'] == None %}
<center><img src="{{b['image']['url']}}" alt="nada" height="100" width="200"></center>
{% endfor %}
{% endif %}
</div>
{% endif %}
{% endfor %}
<span class="clearer"></span>
</div>
</div>
</body>
|
De una simple forma podemos integrar G+ en nuestro entorno, personalizar esta información, y si quisieran pueden armar su propio panel social. Les dejo el proyecto completo en GitHub. (Apache 2.0)
**Cada sábado desde +Desarrollando LatAm compartimos junto a la comunidad este tipo de contenido en vivo. No te lo pierdas!
El mundo no explorado de G+ desde la visión del desarrollo is licensed under a Creative Commons Attribution 4.0 International License.
Based on a work at http://nbortolotti.blogspot.mx/2014/10/el-mundo-no-explorado-de-g-desde-la.html.
Comentarios
Publicar un comentario