---
url: 'https://metadrop.net/en/projects/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-08-04T08:09:51+00:00'
type: project
summary: 'Custom widget that shows in live the match results. It was made for the Rio 2016 Olympic Games.'
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: '2016 Olympic games'
      description: '2016 Olympic games'
      about:
        - Angular
        - PHP
      datePublished: '2017-01-26T16:36:38+0100'
      dateModified: '2026-08-04T10:09:51+0200'
      author:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
      publisher:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
      mainEntityOfPage: 'https://metadrop.net/en/projects/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/en/projects/table-tennis-olympic-widget'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://metadrop.net/en'
      publisher:
        '@type': Organization
        '@id': 'https://metadrop.net/#organization'
---
# Table Tennis Olympic widget

## 2016 Olympic games



 

Custom widget that shows in live the match results. It was made for the Rio 2016 Olympic Games.



 

 [Explore](#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.