+ All Categories
Home > Technology > Enhancing websites on a shoe string budget

Enhancing websites on a shoe string budget

Date post: 13-Dec-2014
Category:
Upload: welovenicethings
View: 650 times
Download: 2 times
Share this document with a friend
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.
Popular Tags:
58
Enhancing websites on a shoestring budget
Transcript
Page 1: Enhancing websites on a shoe string budget

Enhancing websites on a shoestring budget

Page 2: Enhancing websites on a shoe string budget

Who am I?

Phil Poole

Senior web developer at the British Museum

www.britishmuseum.org

Page 3: Enhancing websites on a shoe string budget

Enhancing websites on a shoe string budget§ Rich multimedia on a budget§ Podcasting§ Blogging§ Cloud computing

Page 4: Enhancing websites on a shoe string budget

Solutions§ Inexpensive

solutions– When something is

free you have to compromise

Low cost

Mid range

Expensive

§ Low technical knowledge needed

Basic

Medium

Advanced

Page 5: Enhancing websites on a shoe string budget

Rich multimedia on

a budget

Page 6: Enhancing websites on a shoe string budget

Making a video

Very good overview at http://blip.tv/learning

Take

Edit Publish

Play

Page 8: Enhancing websites on a shoe string budget

Making a video

Take

Edit Publish

Play

Page 9: Enhancing websites on a shoe string budget

Making a video » Take

§ Flip– Inexpensive and portable– Plug into computer and edit

and can upload from the camerastraight to YouTube

– £70 - £100 approx

Page 10: Enhancing websites on a shoe string budget

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)

Page 11: Enhancing websites on a shoe string budget

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

Page 12: Enhancing websites on a shoe string budget

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

Page 13: Enhancing websites on a shoe string budget

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

Page 14: Enhancing websites on a shoe string budget

Making a video » Take

§ Other options– Digital Camera – many have basic video

– Rental – RED ONE £250 a day

Page 15: Enhancing websites on a shoe string budget

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

Page 16: Enhancing websites on a shoe string budget

Making a video

Take

Edit Publish

Play

Page 17: Enhancing websites on a shoe string budget

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

Page 18: Enhancing websites on a shoe string budget

Making a video

Take

Edit Publish

Play

Page 19: Enhancing websites on a shoe string budget

Making a video » Publish

§ All allow you to embed your video onto your website if you wish by copying and pasting code.

Page 20: Enhancing websites on a shoe string budget

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

Page 21: Enhancing websites on a shoe string budget

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

Page 22: Enhancing websites on a shoe string budget

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.

Page 23: Enhancing websites on a shoe string budget

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

Page 24: Enhancing websites on a shoe string budget

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/

Page 25: Enhancing websites on a shoe string budget

Making a video

Take

Edit Publish

Play

Page 26: Enhancing websites on a shoe string budget

Making a video » Play

§ Users can view on YouTube or other video websites

§ You can also embed the code onto your website.

Page 27: Enhancing websites on a shoe string budget

Making a video » Play

§ Users can view on YouTube or other video websites

§ You can also embed the code onto your website.

Page 28: Enhancing websites on a shoe string budget

Audio

Take & edit Publish

Play

Page 29: Enhancing websites on a shoe string budget

Audio

Take & edit Publish

Play

Page 30: Enhancing websites on a shoe string budget

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

Page 31: Enhancing websites on a shoe string budget

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

Page 32: Enhancing websites on a shoe string budget

Audio

Take & edit Publish

Play

Page 33: Enhancing websites on a shoe string budget

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

Page 34: Enhancing websites on a shoe string budget

Audio

Take & edit Publish

Play

Page 35: Enhancing websites on a shoe string budget

Audio » Publish

§ Users can view the website you published to:

§ You can also embed the code onto your website.

Page 36: Enhancing websites on a shoe string budget

Podcasting

Page 37: Enhancing websites on a shoe string budget

What is Podcasting?

http://www.bbc.co.uk/podcasts/series/today

Page 38: Enhancing websites on a shoe string budget
Page 39: Enhancing websites on a shoe string budget

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

Page 40: Enhancing websites on a shoe string budget

Blogging

Page 41: Enhancing websites on a shoe string budget

WordPress

§ http://wordpress.com

§ WordPress hosts the blog for you

§ Themable§ Lots of plugins to

enhance website.

Page 42: Enhancing websites on a shoe string budget

Wordpress

Page 43: Enhancing websites on a shoe string budget

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

Page 44: Enhancing websites on a shoe string budget

Cloud computing

Page 45: Enhancing websites on a shoe string budget

A picture

http://blogs.southworks.net/mwoloski/2008/08/19/cloud-computing-taxonomy-map/

Page 46: Enhancing websites on a shoe string budget

A pictureUtility Computing

http://blogs.southworks.net/mwoloski/2008/08/19/cloud-computing-taxonomy-map/

Page 47: Enhancing websites on a shoe string budget

Utility computing

And many others

Page 48: Enhancing websites on a shoe string budget

Utility computing

And many others

British Museum will store video files on Amazon S3

Page 49: Enhancing websites on a shoe string budget

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

Page 50: Enhancing websites on a shoe string budget

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

Page 51: Enhancing websites on a shoe string budget

Art Babble

Page 52: Enhancing websites on a shoe string budget

§ www.britishmuseum.org § www.britishmuseum.org/

about_this_site/audio_and_video.aspx

Page 53: Enhancing websites on a shoe string budget

Contact details:[email protected]://twitter.com/ilovenicethings

Slides: http://welovenicethings.com

Page 54: Enhancing websites on a shoe string budget

Other information

Page 55: Enhancing websites on a shoe string budget

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

Page 56: Enhancing websites on a shoe string budget

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

Page 57: Enhancing websites on a shoe string budget

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/

Page 58: Enhancing websites on a shoe string budget

Useful free open source tools§ www.archimuse.com/mw2009/

abstracts/prg_335001960.html


Recommended