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