---
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: article
summary: 'Custom widget that shows in live the match results. It was made for the Rio 2016 Olympic Games.'
tags:
  - ITTF
  - Angular
  - PHP
image: 'https://metadrop.net/modules/custom/metadrop_schema/images/metadropnet-social.jpg'
published: true
og:
  site_name: Metadrop
  'image:type': image/jpeg
  'image:width': '1200'
  'image:height': '630'
  'image:alt': Metadrop
  locale: en_US
  'locale:alternate': es_ES
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      '@type': Article
      '@id': 'https://metadrop.net/en/projects/table-tennis-olympic-widget#article'
      name: 'Table Tennis Olympic widget'
      headline: 'Table Tennis Olympic widget'
      description: 'Custom widget that shows in live the match results. It was made for the Rio 2016 Olympic Games.'
      about:
        - Angular
        - PHP
      image:
        '@type': ImageObject
        url: 'https://metadrop.net/modules/custom/metadrop_schema/images/metadropnet-social.jpg'
        width: '1200'
        height: '630'
      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://x.com/metadrop'
        - 'https://asociaciondrupal.es/partner/metadrop'
        - 'https://www.linkedin.com/company/metadrop'
      telephone: '+34910053180'
      contactPoint:
        '@type': ContactPoint
        telephone: '+34910053180'
        email: hola@metadrop.net
        availableLanguage:
          - Spanish
          - English
        contactType: 'customer service'
      logo:
        '@type': ImageObject
        url: 'https://metadrop.net/modules/custom/metadrop_schema/images/logo-metadrop-500-500.jpg'
        width: '500'
        height: '500'
      address:
        '@type': PostalAddress
        streetAddress: 'Calle Virgen de Nuria 23'
        addressLocality: Madrid
        addressRegion: Madrid
        postalCode: '28027'
        addressCountry: ES
    -
      '@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.