Enhancing websites on a shoe string budget

918 views

Published on

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.

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
918
On SlideShare
0
From Embeds
0
Number of Embeds
124
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Enhancing websites on a shoe string budget

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

×