Enhancing websites on a shoe string budget

Preview:

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.

Citation preview

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

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:ppoole@britishmuseum.orghttp://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

Recommended