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

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


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

Creative Commons License
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.

Entradas más populares de este blog

7 arquetipos #Polymer 1.0 puntos esenciales prácticos

Iniciando la representación de una mobile-web-page pensando en el rendimiento - Parte 1

Spreadsheet-2-Polymer un newsletter particular