---
url: 'https://metadrop.net/es/proyectos/table-tennis-olympic-widget'
title: 'Table Tennis Olympic widget'
author:
  name: Root
  url: 'https://metadrop.net/es/sobre/metadrop'
date: '2017-01-26T15:36:38+00:00'
updated: '2026-02-18T10:55:00+00:00'
type: project
summary: 'Widget para mostrar en directo los resultados de las Olimpiadas de Río 2016.'
tags:
  - ITTF
  - Angular
  - PHP
images:
  - 'https://metadrop.net/sites/default/files/imce/image/project/marcus-clark-FMMEpT61n0c-unsplash.jpg'
  - 'https://metadrop.net/sites/default/files/imce/image/project/tt_front_mobile.png'
  - 'https://metadrop.net/sites/default/files/imce/image/project/tt_front_tablet%20%281%29.png'
  - 'https://metadrop.net/sites/default/files/imce/image/project/tt_front_laptop.png'
  - 'https://metadrop.net/sites/default/files/imce/image/project/tt_front_desktop%20%281%29.png'
published: true
og:
  determiner: Automatic
  site_name: Metadrop
  'image:alt': 'Table Tennis Olympic widget'
  street_address: 'Calle Manuel Luna, 12, 3 Dcha'
  locality: Madrid
  region: Madrid
  postal_code: '28020'
  country_name: España
  email: hola@metadrop.net
  phone_number: '910053180'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      '@type': Article
      name: 'Table Tennis Olympic widget'
      headline: 'Widget hecho en AngularJS para mostrar resultados en directo de las Olimpiadas de 2016'
      description: 'Widget hecho en AngularJS para mostrar resultados en directo de las Olimpiadas de 2016'
      about:
        - Angular
        - PHP
      datePublished: '2017-01-26T16:36:38+0100'
      dateModified: '2026-02-18T11:55:00+0100'
      author:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
      publisher:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
      mainEntityOfPage: 'https://metadrop.net/es/proyectos/table-tennis-olympic-widget'
    -
      '@type': Organization
      '@id': 'https://metadrop.net/#organization'
      url: 'https://metadrop.net/'
      name: Metadrop
      sameAs:
        - 'https://www.drupal.org/metadrop'
        - 'https://twitter.com/metadrop'
        - 'https://asociaciondrupal.es/partner/metadrop'
        - 'https://www.linkedin.com/company/metadrop'
      logo:
        '@type': ImageObject
        url: 'https://metadrop.net/themes/custom/mdrop_radix/logo-metadrop-500-500.jpg'
        width: '500'
        height: '500'
    -
      '@type': ItemPage
      '@id': 'https://metadrop.net/es/proyectos/table-tennis-olympic-widget'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Inicio
            item: 'https://metadrop.net/es'
          -
            '@type': ListItem
            position: 2
            name: 'Casos de Estudio'
            item: 'https://metadrop.net/es/proyectos'
      publisher:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
---
# Table Tennis Olympic widget

## Widget hecho en AngularJS para mostrar resultados en directo de las Olimpiadas de 2016



 

Widget para mostrar en directo los resultados de las Olimpiadas de Río 2016.



 

 [Explorar](#scroll-to-content) 

 



   



 Aplicación web destinada a mostrar en directo la información de los partidos de tenis de mesa, durante las olimpiadas de RIO 2016. Este widget se podía añadir en cualquier página web. Nuestro objetivo concreto la página oficial del tenis de mesa: [ittf.com](https://www.ittf.com)

Este proyecto se caracterizó por tener que procesar en vivo la información de los partidos: cada punto, set, juego, y jugador que hace el saque. Para ello hemos usado los datos de Olympic Data Feed (ODF), un sistema que se encarga de retransmitir los datos de las olimpiadas de cada deporte jugado.

Uno de los retos más importantes del proyecto fue poder transmitir resultados de partidos en directo. Esto implica que se deben de procesar los datos de forma óptima para evitar problemas de rendimiento, lo que podría suponer lentitud en mostrar los datos. Fue necesario preparar el servidor para aceptar un gran tráfico de usuarios que podíamos llegar a tener.

Este reto lo pudimos afrontar creando la aplicación web con AngularJS que fuera recogiendo los datos de los partidos, procesados por una capa del servidor desarrollada en PHP.