enhancing websites on a shoe string budget
DESCRIPTION
How can you add new features on a small or no budget. This presentation details all stages of how you could add video or audio content to your website at little or no cost. Also, how you could use podcasting to extend that AV content for free. Also if your AV content is a success perhaps Coud computing is the solution to hosting that content at little cost.TRANSCRIPT
Enhancing websites on a shoestring budget
Who am I?
Phil Poole
Senior web developer at the British Museum
www.britishmuseum.org
Enhancing websites on a shoe string budget§ Rich multimedia on a budget§ Podcasting§ Blogging§ Cloud computing
Solutions§ Inexpensive
solutions– When something is
free you have to compromise
Low cost
Mid range
Expensive
§ Low technical knowledge needed
Basic
Medium
Advanced
Rich multimedia on
a budget
Making a video
Very good overview at http://blip.tv/learning
Take
Edit Publish
Play
§ Sneak peak– www.britishmuseum.org/about_this_site/audio_and_vide
o.aspx
Making a video
Take
Edit Publish
Play
Making a video » Take
§ Flip– Inexpensive and portable– Plug into computer and edit
and can upload from the camerastraight to YouTube
– £70 - £100 approx
Making a video » Take
§ Film static shots where the camera does not move
§ Not good for when you want to move the camera around
§ Also good for ‘guerilla’ video (mock documentary)
Making a video » Take
§ Mino– 2GB – 4:3 (TV)
§ Ultra– 4GB– 16:9 (Widescreen)
§ Mino HD– 4GB – 4:3 (TV)– HD quality
§ Ultra HD– 8GB– 16:9 (Widescreen)– HD quality
Making a video » Take
§ Mino– 2GB – 4:3 (TV)
§ Ultra– 4GB– 16:9 (Widescreen)
§ Mino HD– 4GB – 4:3 (TV)– HD quality
§ Ultra HD– 8GB– 16:9 (Widescreen)– HD quality
Making a video » Take
§ Mino– 2GB – 4:3 (TV)
§ Ultra– 4GB– 16:9 (Widescreen)
§ Mino HD– 4GB – 4:3 (TV)– HD quality
§ Ultra HD– 8GB– 16:9 (Widescreen)– HD quality
Making a video » Take
§ Other options– Digital Camera – many have basic video
– Rental – RED ONE £250 a day
Making a video » Take
§ Try using photos to make a video§ Use good photos § Pan and fade them§ Add music and narration§ Example at
http://www.youtube.com/watch?v=l5leSZ8wCEs&feature=channel_page
http://www.youtube.com/watch?v=l5leSZ8wCEs&feature=channel_page
Making a video
Take
Edit Publish
Play
Making a video » Edit
§ Apple iMovie– very good– Upload straight to
YouTube– Create movies for iPod
very easily
§ Windows Movie Maker– Mixed reviews
§ Other free choices for Windows are:– Avid FreeDV– Wax
Free software
Making a video
Take
Edit Publish
Play
Making a video » Publish
§ All allow you to embed your video onto your website if you wish by copying and pasting code.
Making a video » Publish
§ www.youtube.com § Everyone uses it§ Most popular video site in the world§ Can add captions § Most accessible out of all the services
Making a video » Publish
§ Everyone uses it§ Most popular video site in the world§ Can add captions and audio descriptions§ Most accessible out of all the services
Making a video » Publish
§ www.vimeo.com
§ High quality video§ Can stream HD
§ Struggles to stream HD sometimes§ More of a niche audience
§ Art, culture etc.
Making a video » Publish
§ www.artbabble.com § New website made by The Indianapolis Museum of
Art (IMA)§ Very good quality (up to HD)§ Website specifically dedicated to the arts and
cultural sector
Making a video » Publish
§ www.blip.tv § Less known but similar to other generic video
websites.§ Also:
– http://www.divshare.com/– http://www.esnips.com/– http://odeo.com/
Making a video
Take
Edit Publish
Play
Making a video » Play
§ Users can view on YouTube or other video websites
§ You can also embed the code onto your website.
Making a video » Play
§ Users can view on YouTube or other video websites
§ You can also embed the code onto your website.
Audio
Take & edit Publish
Play
Audio
Take & edit Publish
Play
Audio » Take & edit
§ Apple– Use microphone that
comes with your laptop
§ Otherwise– Buy microphone– Plantroincs are
recommended– £40 approx– http://www.amazon.co.uk/P
lantroincs-Audio-550-DSP-Multimedia/dp/B000HZX6HC
Image Courtesy of Apple
Audio » Take & edit
§ GarageBand– Comes with Mac– Very easy to use– Save files with podcasting in
mind
§ Audacity– De facto standard for
podcasting
§ Audacity– De facto standard for
podcasting– Easy to use– audacity.sourceforge.net
Audio
Take & edit Publish
Play
Audio » Publish
§ www.divshare.com § Upload and share
videos, photos, music, documents
§ http://blip.tv § As well as video can
upload music
§ www.jukeboxalive.com
§ Upload music§ More of a social
networking site
Audio
Take & edit Publish
Play
Audio » Publish
§ Users can view the website you published to:
§ You can also embed the code onto your website.
Podcasting
What is Podcasting?
http://www.bbc.co.uk/podcasts/series/today
Podcasting » Set up a feed
§ A feed is a a list of music that a computer can understand
§ Can set one up without worrying about code:– qb1.libsyn.com– www.softwaregarden.com/products/listgarden/
index.html
Blogging
WordPress
§ http://wordpress.com
§ WordPress hosts the blog for you
§ Themable§ Lots of plugins to
enhance website.
Wordpress
Paid enhancements
§ Domain name – $10 / year– blog.museum.org
§ Custom CSS – $14.97 / year§ Video press – $59.97 / year You can embed
YouTube, Vimeo and others in WordPress for free so maybe not worth the money
Cloud computing
A picture
http://blogs.southworks.net/mwoloski/2008/08/19/cloud-computing-taxonomy-map/
A pictureUtility Computing
http://blogs.southworks.net/mwoloski/2008/08/19/cloud-computing-taxonomy-map/
Utility computing
And many others
Utility computing
And many others
British Museum will store video files on Amazon S3
Amazon web services
§ Services include– Database– Simple database– File storage– Website– Payments– Queues
§ What you get– Pay as you go – no
contracts– Scalable – deal with
spikes in traffics– Redundancy
http://aws.amazon.com
Amazon web services
§ Legal issues– Data can be replicated across the world– If you are holding personal data – such
as email• Overseas transfer of personal data• Host is part of Safe Harbor scheme
§ www.out-law.com/page-8169
Art Babble
§ www.britishmuseum.org § www.britishmuseum.org/
about_this_site/audio_and_video.aspx
Contact details:[email protected]://twitter.com/ilovenicethings
Slides: http://welovenicethings.com
Other information
Making a video » Edit
§ Apple Final Cut Express
– Similar interface to Apple Final Cut Pro
– Smaller learning curve than using the Pro package
– Different to iMovie
§ Adobe Premier Elements
– Smaller learning curve than using the Pro package
Mid–end software
Making a video » Edit
§ Apple Final Cut Pro– Industry standard– Used especially when
creating web video.– Very advanced features
§ Adobe Premier– Competitor to Final Cut Pro– Also works on Mac– Integrates with the rest of the
Adobe Suite
High–end software
Video accessibility§ Accessibility
– Add captions for people who cannot hear
– YouTube is the only service to allow you to add Closed Captioning
– British Museum adds captions to all videos online
§ Help links:– help.youtube.com/support/
youtube/bin/answer.py?answer=100077
– help.youtube.com/support/youtube/bin/answer.py?answer=100076
§ Captions to help caption– captiontube.appspot.com/– www.urusoft.net/
products.php?cat=sw– www.synchrimedia.com/
Useful free open source tools§ www.archimuse.com/mw2009/
abstracts/prg_335001960.html