Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Barclays Premier League TV App


Published on

The Premier League TV (PLTV) is an HTML5 based web & iPad app that helps Barclays Premier League provide in-depth content like match schedules, videos, and updates to the exclusive Premier League members worldwide.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Barclays Premier League TV App

  1. 1. Case Study Premier League TV IMG Worldwide succeeds in delivering exclusive content to the Premier League audience via the HTML5-based web and iPad app. Premier League is the organizing body of the Barclays Premier League with responsibility for the competition, its Rule Book and the centralized broadcast and other commercial rights. The principal objective of the Premier League is to stage the most competitive and compelling league with world class players and through the equitable distribution of broadcast and commercial revenues, to enable clubs to develop so that European competition is a realistic aim and once there, they are playing at a level where they can compete effectively. For further information, please contact us at
  2. 2. Case Study THE PROBLEM IMG Worldwide wanted to build a web application and an iPad app for their client, Premier League, allowing the Premier League followers to view in-depth Barclays Premier League match schedules, match highlights, and stream videos at the same time. THE CHALLENGE Consistent content delivery The viewers of Barclays Premier League are spread Large number of users across different geographies with disparate network The Barclays Premier League has become the world’s environments. The web and iPad app must ensure league, with a global fan following of 1.46 billion. It uninterrupted delivery of content to the worldwide has become a global phenomenon, inspiring passion viewers with consistent user experience. and emotion from 212 territories around the world. It was a challenge to build an app for delivering real-time updates and video streaming capabilities on such a large scale. Web and iPad app navigation One of the key challenges of this project was the navigation structure. The website and the iPad app had to be equally interactive and intuitive, while Dynamic match schedules maintaining a consistent user experience across The Barclays Premier League season runs from August multiple platforms. to May, with 380 matches played each season. There’s a huge list of match schedules that are subject to change on the go. It was a challenge to create dynamic, daily and weekly match schedules that extended into the future indefinitely to accommodate schedule changes. For further information, please contact us at Video streaming IMG wanted the PLTV users to be able to stream any video on the web page without having to reload the entire page.
  3. 3. Case Study THE SOLUTION without post back. The HTML5-based web pages were embedded in a native shell to build the iPad app. Video streaming solution The live video streaming of football matches was done Content management process via Akamai. The third party open source streaming For this project, the PLTV content services application video player, Flowplayer was used as the client-side was built for IMG. Here is a summary of the content video playback solution for the web application. management process developed for this project: One of the key features of PLTV app was the Video-On-Demand module. ThirdPresence was used for Video-On-Demand module, which distributed match highlights and past matches footage. ThirdPresence also ensured compatibility with iPhone and iPad. However, iPad app uses native iPad video player. The client uploads the match schedule to an FTP server in .XML file format. The PLTV-FTP uploader detects the newly-uploaded file and imports it into the database. The video streaming itself is done from Akamai. The software is integrated with ThirdPresence video Real-time match schedules JSON web services were used to fetch the match schedule and other match related data dynamically, For further information, please contact us at streaming API to enable streaming on the iPad and iPhone. The front-end is controlled by a login system, and the back-end is controlled by the client.
  4. 4. Case Study Scalable architecture Usability features Uninterrupted data flow The Premier League TV (PLTV) app was architected to High-end Ajax was used for several site features, The website and iPad app served as a dynamic be responsive on low memory footprint and low data including the match schedule. Features like user login, showcase for videos of Barclays Premier League speed devices to function properly on 3G devices and weekly and daily views of program schedules, video football matches, and offered real-time, user-friendly disparate network environments across the globe. streaming, full-screen view, and video on demand schedules of upcoming matches. Both Phone Gap and were integrated into the app to take the Premier HTML5 were used to create uninterrupted flow of data. Cross-browser compatibility League TV viewing experience to the next level. Rich user experience The web app was based on HTML5-based responsive device to fit the regular desktop browsers like Internet Explorer, Mozilla Firefox, Safari, and Google Chrome. Special tweaks were made in the app to make it compatible to the Safari OS on iPad2. Information architecture & user experience design THE RESULT The finished product was visually distinct from the Increased reach to the Premier League audience completely new and much-improved user experience One of the key objectives of Premier League was to attract players and fans from around the world. The The information architecture (IA) of the web and iPad Premier League TV (PLTV) app helped Premier League app was meticulously designed to keep the usability and view customized content of their choice, on the move. the subscribed users worldwide, adding to the for both web and iPad app. Content Service enabled the users to log in to PLTV like match schedules, exclusive videos and updates to consistent, interactive navigation experience, needed for the users. Through the PLTV app, Premier League in making it possible by providing exclusive content standards high. We used a Drag Scroller to create the Premier League’s previous website, creating a popularity of Barclays Premier League. For further information, please contact us at