Multi Platform Apps Week 2 – Interactive TV. Agenda The working Doctor Who example The platforms The players Technical consideration Design Considerations.

Slides:



Advertisements
Similar presentations
Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.
Advertisements

Copyright © Steven Morris 2005 All Rights Reserved Downloaded from What is digital TV middleware? Steve Morris
5.6. Examples of IPTV convergence A. Web TV Definition A system and/or process that uses television to access the Internet via a set-top box or a Built-in.
SEARCHING MULTIMEDIA prepared by Literature Searching Team Library, Faculty of Medicine, UGM 2012.
Chapter 6 Review.
Lecture 7: Video Intro to IT COSC1078 Introduction to Information Technology Lecture 7 Video James Harland
Interactive communication design. For those with busy lifestyles and various working hours, Are now able to watch their favourite shows from Major broadcasters.
Introduction to Research: The Internet
Multiplatform Applications Lecture 1: Introduction.
MultiPlatform Applications Module. Agneda for today Areas to be covered Assessment for the module Agenda for the module timetable Procatical sessions.
Xiaobin Zheng April 13 th, Outline Mobile search Mobile Web Types of services Case Study: Google Search for mobile Yahoo! Search for mobile Conclusion.
B.Sc. Multimedia ComputingMedia Technologies High Definition Television.
Art 128 Interface Programming 1 In-class Presentation Week 16A.
COS 125 DAY 9. Agenda  Assignment #2 Corrected 14 A’s, 1 B, 1 D and 1 non-submit  Capstone Projects Proposals Due Timing of deliverables is 10% of Grade.
July 1998Thane Terrill Using the Web Thane B. Terrill Summer 1998.
Issues effecting the deployment of e-learning materials. Brian Mulligan Institute of Technology Sligo.
Graphics for the Web Graphic formats and other considerations.
Lecture 7: Audio Intro to IT COSC1078 Introduction to Information Technology Lecture 7 Video James Harland
Live the dream… Technologies of e-Commerce Unit 8 – e-Commerce LO1 : Know the technologies required for e-commerce.
Chapter 1 Understanding the Web Design Environment
Video for Mobile Device Mark Green School of Creative Media.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
What Is A Web Page? An Introduction to the Internet.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Image Formation and Digital Video
Understanding Web Graphics Web Design Section 5-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Task 2 P3, P4, P5 Gladys Nzita-Mak.
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
Media Streaming By Derek Aten – Digital T.V. and HDTV Maria Preciado – Audio Streaming Genevieve Taduran – Data Streaming.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
Chapter 1 Variables in the Web Design Environment.
Chapter 1 Variables in the Web Design Environment
CHAPTER 2 Communications, Networks, the Internet, and the World Wide Web.
Planning for Publishing Lecture Notes on the Web Deirdre Hetherington Educational Technology Unit.
Interactive/Enhanced TV DALs, ads and mini DAL’s.
The Internet. An interconnected network of computers globally Computers are able to communicate and share information with one another from remote locations.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Web Site Design Principles
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
Department of Information Technology Chapter 8 - Creating Hypertext links Lecturer: Ms Melinda Chung.
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 3.
Internet. The Web as you know it WWW: This is not the internet, but just a part of it. IM, . The web consists of pages that can only be seen by.
Lecture 7: Video Intro to IT COSC1078 Introduction to Information Technology Lecture 7 Video James Harland
G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher
1 Web Developer Foundations: Using XHTML Chapter 4 Key Concepts.
Lesson 8. Test 1 Topics Browser incompatibility Design Tips Site Navigation Browser- safe color Monitor resolution Content Copyright Use of tables vs.
Week 1 – Beginners Content McAfee & Big Fish Games CoderDojo.
How does Dreamweaver help us create web pages? Advertising.
Ch5: TELEVISION.
 HTML Tags  Multimedia Definitions  Information from the Computer Internet Project  Information from the Digital Camera Assignment  Information from.
COMPUTER GRAPHICS. Once you scan an image or take a picture with your digital camera, it becomes digitized. Made up of hundreds of thousands of pixels.
Access : connection to the Internet account : an arrangement you have with a company or Internet provider to use a service they provide. browse : to look.
HTTP transaction with Graphics HTML file + two graphics files.
Fine Tuning Basic HTML CGS3066. Some HTML Tags and Their Defaults default = What will happen in the absence of instructions to the contrary from you.
California State University, LA Presented by Amanda Steven StevenAamirObaid.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
MULTIMEDIA APPLICATIONS. Multimedia, one of the hottest buzzwords in the industry for the last few years, is just a fancy name for something that.
Data Representation Images.
Digital Photo editing with Photoshop
Web Programming– UFCFB Lecture 9
Internet.
Hyperlinks, Images and Tables
Bitmap, Vector, Pixels, Resolution, Metadata.
Training & Development
Hyperlinks, Images and Tables
Web Programming– UFCFB Lecture 9
What is digital TV middleware?
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Presentation transcript:

Multi Platform Apps Week 2 – Interactive TV

Agenda The working Doctor Who example The platforms The players Technical consideration Design Considerations Overall development requirements

Platforms There are several major platforms in use in the UK (the most developed Digital TV country in the world) Sky Digital – 7.6 million subscribers NTL/Telewest Digital – 2.5 million Freeview – 5 million

Projected Digital takeup Courtesy OFCOM

But Each platform has different operating systems and technologies employed NTL/Telewest use the Liberate system which uses HTML Freeview uses MHEG 5 and open standard Sky uses the OpenTV OS but their interactive services can be built in OpenTV or in the new WML for Sky language

NTL/Telewest This system is the closest to web technology Opertaes on a two way interactive broadband link (usually 512K+) Uses HTML and liberate specific extensions Homepage for development hints is that supported by NTL at Includes a downloadable emulator

Freeview system Catching Sky fast Will probably becomes the dominant platform over the course of next 10 years Uses MHEG 5 open standard technology Multimedia and Hypermedia information coding Expert Group See for a definition Works usuing a carousel – play out of data with no return

Sky System Uses Proprietary OpenTV technology and WML based SkyWAP browser (WTVML) for some content Works using a carousel but can also use a 28.8k modem built into the box (mostly for back channel work) More details (and develop tools) at ces/ebusiness/default.htm ces/ebusiness/default.htm ces/ebusiness/default.htm

Design considerations TV's are usually CRT displays They are also worse at displaying content that a CRT computer monitor They are still (and for the forseeable future will probabaly be) the main mechanism for viewing TV in the world They have some real issues as display deveices

Display considerations TV's are non interlaced That means they build the page one line at a time with alternate lines with each pass So pass 1 may get lines 1 then 3 then 5 etc Pass 2 makes up lines 2 then 4 then 6 That is unlike a computer display which builds the full screen each time (interlaced) So PC to TV display is very different

Screen size A PAL screen is.... (come on remember!) But that does not mean you have that to use A safe area is defined in the centre where you can display content This avoids the problems of over scanning or under scanning of the picture This overcomes the problems you will have with the wide range of qualities and age of TV's

Safe and Title Area The Action safe area of a screen is approximately 90% of the screen so on PAL that is –648 x 519 or rounded to 650 x 520 The Title safe area is smaller but again is approximated at 80% of the screen –576 x 461 or rounded to 575 to 460 –Pixel size is different (1.06 width pixel onTV) Good outline at

Buzzing Ever seen someone on tv in a tweed jacket What happens? Because of the low resolution of screen odd numbered thickness lines cause bussing Rememeber don't use single lines in display Also causes problems with text All text and graphics must be anti aliased

Colours Colours bleed into one another Particularly primary colours High contrast between colours causes problems (white and black bleed together) All designs must be tested through a tv first Test colour combinations

Tips A good online tool is available at Default.htm Default.htm Default.htm Part of the MSN developer network at Note: we don't use this system in the UK!

Todays task Re-develop the Bolton.ac.uk homepage for the NTL system