1. THE CHALLENGE
To
design
an
applica.on
that
will
present
NDTV's
video
content
in
a
'lean-­‐back'
experience
for
users.

2. THE INSIGHT
News
never
happens
in
isola.on.
Every
event,
no
maCer
how
small,
is
linked
to
other
events.
For
example,
farmer
suicides
in
India
may
be
linked
to
government
policies,
world
economic
trends,
even
global
warming.
Understanding
the
context
is
as
important
as
geGng
the
latest
news.

3. Unlike
tradi.onal
mediums
(like
newspapers
or
TV),
the
web
is
not
restricted
by
limited
space.
This,
coupled
with
its
interac.ve
nature,
can
allow
the
user
to
explore
all
the
different
aspects
of
every
news
story
he's
interested
in.
Crea.ng
a
news
repository
which
covers
not
only
the
en.re
breadth
of
news
categories,
but
the
complete
depth
of
each
individual
story.
THE OPPORTUNITY

4. THE SOLUTION
Where
users
don't
just
watch
news,
they
analyse
it,
share
it,
discuss
it,
respond
to
it,
and
ul.mately,
become
a
part
of
it.
This
video
portal
will
be
a
full
screen
immersive
video
experience,
where
users
can
swim
through
an
ocean
of
NDTV
videos,
naviga.ng
across
various
parameters,
with
the
ability
to
zoom
into
any
detail,
or
zoom
out
to
get
a
broader
perspec.ve
-­‐
all
on
one
page.

6. HELPFUL HINTS FOR FIRST TIME USERS.

8. As
the
user
starts
naviga.ng
around
the
site
and
geGng
familiar
with
it,
these
hints
will
gradually
disappear.
To
see
them
again
as
a
popup
any.me,
he
just
has
to
click
on
'naviga.on
.ps‘.

9. LIVE TV AT THE CLICK OF A BUTTON.

10. Roll
over
and
select
one
of
the
3
live
channels
to
watch
it
full
screen.

11. Roll
over
to
access
the
player
controls,
change
channels,
or
view
the
program
guide.
Users
can
also
choose
to
popout
the
video
player
to
con.nue
browsing
the
site
while
watching
live
TV.
On
exi.ng
the
live
stream,
users
will
be
taken
back
to
the
home
page
to
browse
other
videos.

12. MORE THAN ONE WAY TO BROWSE VIDEOS.
DISCOVERING CONNECTIONS.

13. Most
recent
video,
by
default.
Or
can
be
set
manually
to
any
breaking
story
by
the
NDTV
team.

14. Videos
that
have
the
strongest
connec.on
to
the
story,
appear
closer
to
the
video,
and
are
connected
by
thicker
lines.

15. Most
popular
videos
appear
bigger
in
size.

16. Videos
become
more
transparent
as
they
get
older.

17. Roll
over
a
video
for
more
info
and
op.ons.

18. Click
on
a
video
to
make
it
the
core
video,
and
explore
its
connec.ons.

19. This
is
the
video
trail
of
the
user.
He
can
follow
it
back
to
his
previous
video,
to
explore
another
video
path.

20. Or
the
user
can
jump
to
a
previous
video
by
clicking
on
its
.tle
under
'Retrace
my
steps'.

21. Each
path
the
user
takes
is
colour-­‐coded
for
easy
reference.

22. MORE THAN ONE WAY TO BROWSE VIDEOS.
FINDING SPECIFIC VIDEOS.

23. Scroll
leW
to
find
more
videos.

24. Matching
video
.tles
appear
as
the
user
types
in
his
keywords.
User
can
choose
to
watch
the
video,
explore
its
connec.ons,
or
see
the
story's
evolu.on.

25. MORE THAN ONE WAY TO BROWSE VIDEOS.
BY CATEGORY, RECENCY OR POPULARITY.

26. Depending
on
the
user's
choice,
the
site
will
scroll
back
to
the
home
page
and
generate
a
new
video
cloud
using
only
videos
from
the
selected
category,
or
the
most
popular
or
most
recent
videos.

27. MORE THAN ONE WAY TO BROWSE VIDEOS.
BY LOCATION.

29. User
can
roll
over
a
video
for
more
info.

30. Or
he
can
click
on
the
video
to
see
its
connec.ons
with
videos
across
the
world.

31. MORE THAN ONE WAY TO BROWSE VIDEOS.
THROUGH THE PROGRAM GUIDE.

32. Scroll
leW
to
access
the
Program
Guide.

33. User
can
sort
through
shows
by
category
or
channel.
Rollover
for
details.
And
click
to
see
the
schedule.

34. All
the
videos
available
from
the
show
are
displayed
along
with
the
schedule
for
easy
access.

35. MORE THAN ONE WAY TO BROWSE VIDEOS.
BY TOPIC.

36. This
op.on
is
available
on
every
video
which
is
a
follow-­‐up
story,
across
the
site.

37. Here,
users
can
see
all
the
videos
tagged
under
a
single
topic.
To
see
the
story
from
the
day
it
broke,
to
its
latest
update.

38. WATCHING VIDEOS.
PLUS CONTENT FROM ACROSS THE WEB.

39. Besides
comments
and
related
NDTV
U
videos,
users
can
also
check
out
related
content
from
across
the
internet,
giving
users
a
total
perspec.ve
on
what
people
have
to
say
on
any
par.cular
news
topic.

40. LOGGED IN USER.
DASHBOARD.

41. On
logging
in,
the
site
will
automa.cally
scroll
to
the
user’s
dashboard
page.

42. LOGGED IN USER.
PROFILE.

43. This
is
the
user’s
informa.on
that
will
be
seen
by
anyone
clicking
on
his
name,
anywhere
across
the
site.

44. LOGGED IN USER.
SAVING VIDEO TRAILS.

45. Registered
users
can
choose
to
save
their
video
trails,
and
assign
a
name
to
each.

46. Video
trails
can
be
accessed
from
the
user's
dashboard
at
any
.me.
Other
users
can
check
them
out
on
his
profile
page.
He
can
even
share
the
trails
with
his
network.

47. LOGGED IN USER.
FOLLOWING STORIES.

48. Updates
on
stories
the
user
has
chosen
to
follow
will
appear
on
his
dashboard
page.
They
can
also
be
pushed
to
him
through
Facebook,
TwiCer
or
via
RSS.

49. Users
can
check
out
stories
other
people
are
following,
and
choose
to
follow
it
themselves.

52. Users
who
are
already
logged
in
will
skip
this
page.

58. This
is
the
moderator’s
view
of
the
NDTV
U
chat.

59. Close up of videos list,
and controller.
v
The
moderator
can
play
any
of
his
selected
videos
in
any
order.
He
can
also
pause
or
mute
the
video,
and
see
how
much
.me
is
leW
for
the
discussion
(maximum
.me
limit:
10
minutes).

60. The
moderator
can
introduce
par.cipants
at
any
point
during
the
discussion
by
clicking
on
the
'i'
icon
next
to
their
name.

61. The
moderator
can
also
turn
off
webcam
feeds
or
audio
for
each
individual
par.cipant.
Or
even
log
them
out
of
the
discussion
by
clicking
on
the
'x'
icon
next
to
their
name.

62. All
NDTV
U
discussions
are
recorded
and
made
available
to
all
par.cipants
on
their
Dasboard
pages,
and
displayed
on
their
Profile.

63. Top-­‐rated
NDTV
U
discussions
are
displayed
along
with
the
relevant
videos.
Featured
NDTV
U
discussions
moderated
by
celebs
can
also
be
pushed
in
this
way.

64. TECH SPECS
The
following
is
a
tenta.ve
list
of
technologies
we’ll
need
to
build
NDTV
Submerge:
Development
So,ware
MicrosoW
Visual
Studio®
Team
System
2008
Team
Suite
Programming
Languages
C#,
JavaScript
Programming
model
and
technologies
MicrosoW
Silverlight,
Deep
Zoom,
MicrosoW
.NET
Framework
3.5,
MicrosoW
ASP.NET

65. BACKEND REQUIREMENTS
To
make
NDTV
Submerge
a
reality,
we
need
more
than
just
slick
front
end
graphics.
The
soul
of
the
idea
rests
on
the
tagging
and
categorizing
needed
on
the
back-­‐end.
Making
connec;ons
possible.
To
build
the
right
connec.ons,
and
create
fresh
perspec.ves,
every
video
uploaded
by
NDTV
will
have
to
be
tagged
across
mul.ple
tag
types
–
like
topic,
prominent
people
in
the
story,
ins.tu.ons
involved
and
keywords,
besides
the
standard
date,
.me
and
loca.on.
Human
beings
o,en
make
mistakes,
but
users
seldom
forgive
or
forget.
Given
the
importance
of
correct
tagging,
a
robust
Content
Management
System
will
need
to
be
built
that
minimizes
human
error.
By
offering
sugges.ons
for
tags,
checking
for
common
spelling
mistakes,
and
cross-­‐checking
new
metadata
with
the
exis.ng
database.
CMS
design
will
play
as
important
a
role
in
this
project
as
the
visual
design
shown
in
this
presenta.on.

66. power of the idea
Allows you to explore
Shows you the bigger picture
Allows you to participate
Allows you to influence
It makes us better

67. It makes us better together

68. THANK YOU.