combining the strengths of umist and the victoria university of manchester 15 th june 2006 keep...
TRANSCRIPT
![Page 1: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/1.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
Keep SMILing
Institutional Web Management Workshop
10th June 2006
Adrian StevensonInternet Services, University of Manchester
![Page 2: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/2.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
Keep SMILing
• What is SMIL?
• How do you create a SMIL presentation?
• Accessibility
• Non-standard SMIL
• Issues
• References
![Page 3: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/3.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
SMIL
• W3C Specification
• ‘Synchronized Multimedia Integration Language’
• “ …enables simple authoring of interactive audiovisual presentations”
• SMIL presentations can integrate audio and video with images, text or many other media type
• Syntax and structure similar to HTML
• SMIL 2.1 released Dec 05
• SMIL 1.0 released 1998
• Examples
– Customers, Suppliers and the Need for Partnerships – Stephen Emmott
– State of the Web 2005– Molly Holzschlag
![Page 4: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/4.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
Creating a SMIL presentation
• Record audio
• Process audio
• Create the image files
– Assuming based on a Powerpoint presentation
• Write SMIL code
• Add accessibility features
• Add other optional features
![Page 5: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/5.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
Recording
• Digital Recording device of some kind
– Computer
• Sound card
• Microphone
• Software – Audacity, Steinberg Wavelab
– Mp3 player with recording capability
– Professional audio device
• Possible problems
– Speaker moves about
– High level of background noise
– Interference
![Page 6: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/6.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
Audio Processing
• Slide change timings
• Editing
• Equalisation
• Amplification
• Pitch change
• Volume Compression
• Filtering
– Noise reduction (Steinberg Cleanup)
• File Compression (typically to mp3)
![Page 7: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/7.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
Process Powerpoint slides
• Export from Powerpoint
– ‘Save as’ PNG – every slide
– Can look a bit messy:
– http://www.ukoln.ac.uk/web-focus/events/workshops/trieste-2005/talk-2a/
• Process image files in graphics program such as Macromedia Fireworks
![Page 8: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/8.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
Write the SMIL Code
• SMIL tag and namespace, head and body section
<smil xmlns="http://www.w3.org/2001/SMIL20/Language"><head>...optional section with all header markup...</head>
<body>...required section with all body markup...</body>
</smil>
![Page 9: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/9.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
<head> section
• Defines appearance of the playback window
• Simple layout:
<head>
<layout>
<root-layout height="450" width="600" background-color="black"/>
<region id="main" title="Main" width="600" height="450" fit="fill"/>
</layout>
</head>
![Page 10: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/10.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
<body> section
• Arrange the sequence and timing of elements.
• Two basic tags are:
– <par> plays media in simultaneously (in parallel)
– <seq> plays media in sequence
• Eg:
<body>
<par>
<audio src="intrometadata.mp3" />
<img id="image_1" src="Slide1.jpg" region="main" begin="0" dur="5:02" />
<img id="image_2" src="Slide2.jpg" region="main" begin="5:02" dur="59" />
<img id="image_3" src="Slide3.jpg" region="main" begin="6:01" dur="26" />
</par>
</body>
• Example
![Page 11: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/11.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
More SMIL code
<smil xmlns="http://www.w3.org/2001/SMIL20/Language" xml:lang="en">
<head>
<layout>
<root-layout height="450" width="750" background-color="white"/>
<region id="main" title="Main" width="600" height="450" fit="fill"/>
<region id="nav" title="Navigation" width="150" height="450" left="600"/>
</layout>
</head>
<body>
<par>
<audio src="emmott.mp3" />
<img id="image_1" src="Slide1.jpg" region="main" begin="0"/>
<img id="image_2" src="Slide2.jpg" region="main" begin="1:25" />
<img id="image_3" src="Slide3.jpg" region="main" begin="2:06" />
<textstream src="nav.rt" region="nav" begin="0s" />
</par>
</body>
</smil> Example [requires Real Player]
![Page 12: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/12.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
Accessibility
• ‘alt’ and ‘longdesc’ text attributes
<body>
<par>
<audio src="emmott/emmott.mp3" alt=“recording of a talk by Stephen Emmott called Customers, Suppliers, and the Need for Partnerships" longdesc="emmott/emmott.txt"/>
<img id="image_1" src="emmott/Slide1.jpg" region="main" begin="0" alt="Customers, Suppliers, and the Need for Partnerships title slide"/>
<img id="image_2" src="emmott/Slide2.jpg" region="main" begin="1:25" alt="Copyright and credits slide"/>
….
![Page 13: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/13.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
Accessibility
• Captioning
– Makes SMIL accessible to those with difficulty hearing or who are unable to hear
– SMIL audio track improves accessibility for those with visual impairments
– Requires a transcription of the spoken content (plus any important non-spoken sound), and associated a timestamp
• Add a textstream to the SMIL code:
– <textstream src="emmott/transcript.rt" region="text" begin="0s"/>
• Example
![Page 14: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/14.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
<switch>
• SMIL <switch> tag allows the player to select from multiple options
• E.g. different audio or text tracks based on user’s language preferences
• Seven test attributes including:
– System-language
– System-bit-rate
• <switch> selects the first item that matches the user’s system attributes
– For selection based on connection speed, order the elements from highest to lowest speed
![Page 15: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/15.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
<switch>
<switch>
<audio src="192k.mp3" system-bitrate=192000"/>
<audio src="128k.mp3" system-bitrate="128000"/>
<audio src="basic.mp3" system-bitrate="28800"/>
</switch>
<switch>
<audio src="french.mp3" system-language="fr"/>
<audio src="german.mp3" system-language="de"/>
<audio src="english.mp3" system-language="en"/>
</switch>
![Page 16: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/16.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
More SMIL
• Metadata
• Hyperlink elements
<a href="http://www.apple.com/" show="new" >
<img src="poster.jpg" region="r1" dur="00:05" />
</a>
• Complex timing controls
• Slide transition effects
– Fade-in’s, Cross fades, Transparency
• Zoom
• Animation
• Pre-fetch
![Page 17: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/17.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
Non-standard SMIL
• Real Player Navigation
– Example
• <textstream src="nav.rt" region="nav" begin="0s" /> added to SMIL file
• Textstream .rt file:
<window>
<time begin="0:00.0"/>
<clear/>
<p>Menu</p>
<a href="command:seek(0:0)" target="_player">Introduction</a><br/>
<a href="command:seek(1:25)" target="_player">Copyright and credits</a><br/>
……
</window>
![Page 18: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/18.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
Issues
• Technical Issues
– File path problem
– Users have different SMIL players (or no SMIL player)
• Mixed media problem
– Difficult to capture complex elements of a presentation
– No control over users audio and video settings
– Large files sizes
• Non-Technical Issues
– Time consuming
– IPR
![Page 19: Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June](https://reader036.vdocument.in/reader036/viewer/2022062619/55160888550346d46f8b5ec6/html5/thumbnails/19.jpg)
15th June 2006 Keep SMILingCombining the strengths of UMIST andThe Victoria University of Manchester
Some references
• W3C SMIL Pagehttp://www.w3.org/AudioVideo/
• W3C Accessibility Features of SMILhttp://www.w3.org/TR/SMIL-access/
• Synchronized Multimedia On The Web - Larry Bouthillierhttp://www.webtechniques.com/archives/1998/09/bouthillier/
• SMIL Scripting for Quicktimehttp://developer.apple.com/documentation/quicktime/Conceptual/QTScripting_SMIL/index.html
• SMIL del.icio.ushttp://del.icio.us/bias/SMIL