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.
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 presales@netsolutionsindia.com
www.netsolutionsindia.com
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 presales@netsolutionsindia.com
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.
www.netsolutionsindia.com
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 presales@netsolutionsindia.com
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.
www.netsolutionsindia.com
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 presales@netsolutionsindia.com
www.netsolutionsindia.com