SWEB 121: A “How To” for New Website Tools

37
SWEB 121: SWEB 121: A “How To” for New A “How To” for New Website Tools Website Tools August 15, 2008 Pro Bono Net National Technology Assistance Project

description

SWEB 121: A “How To” for New Website Tools. August 15, 2008 Pro Bono Net National Technology Assistance Project. Panelist Control Panel. Reduce Panel with GrabTab View Full Screen Mode Move Control Panel (Put cursor on any textured area to drag) - PowerPoint PPT Presentation

Transcript of SWEB 121: A “How To” for New Website Tools

Page 1: SWEB 121: A “How To” for New Website Tools

SWEB 121:SWEB 121:A “How To” for New Website A “How To” for New Website ToolsTools

August 15, 2008Pro Bono NetNational Technology Assistance Project

Page 2: SWEB 121: A “How To” for New Website Tools

Panelist Control PanelPanelist Control Panel• Reduce Panel with GrabTab

• View Full Screen Mode

• Move Control Panel (Put cursor on any textured area to drag)

• Chat (goes to all Panelists -- All of You)

Page 3: SWEB 121: A “How To” for New Website Tools

Mute Yourself…Mute Yourself…

Using GoToMeeting Phone:-- To MUTE: *6-- To UNMUTE: *6

Page 4: SWEB 121: A “How To” for New Website Tools

PanelistsPanelistsLiz Keith, Pro Bono NetDavid Bonebrake, NTAPMatthew Burnett, Immigration

Advocates Network

Page 5: SWEB 121: A “How To” for New Website Tools

Today’s TrainingToday’s TrainingOnline video using YouTube and

other hosting servicesPodcastingSproutMashupsRSS and Law Blawgs

Page 6: SWEB 121: A “How To” for New Website Tools

Why Use Online Video?Why Use Online Video?Statistics about Internet use:

◦53% of persons from households earning less than $30,000 use the Internet

◦A large percentage of low-income persons have literacy limitations

Page 7: SWEB 121: A “How To” for New Website Tools

Getting StartedGetting StartedCALS’ Experience

◦Nonprofit account on YouTube◦$30 Webcam◦Windows Movie Maker◦Donated microphone

Page 8: SWEB 121: A “How To” for New Website Tools

Arkansas’ Legal TubeArkansas’ Legal Tube

Page 9: SWEB 121: A “How To” for New Website Tools

Online Video Hosting Online Video Hosting ServicesServicesCost effective way to deliver

videos to your userYouTube is far and away the

most popularSeveral other services provide

similar hosting, some with better features

Page 10: SWEB 121: A “How To” for New Website Tools

Advantages of Online Video Advantages of Online Video HostingHostingCostAccessibilityEase of usePotential to reach more clients

Page 11: SWEB 121: A “How To” for New Website Tools

Disadvantages of Online Disadvantages of Online Video HostingVideo HostingQuality concernsSize and length limitationsLess control over how users

access the video

Page 12: SWEB 121: A “How To” for New Website Tools

YouTube Nonprofit YouTube Nonprofit ChannelChannelhttp://www.youtube.com/nonprofitsBranding benefitsRotation of your videos in the "Promoted

Videos" areas throughout the siteThe option to have a Google Checkout

"Donate" buttonListing on the Nonprofit channels and the

Nonprofit videos pagesApplication process: Must provide

information about your organization, including your fed tax id number to prove you’re a 501(c)(3)

Page 13: SWEB 121: A “How To” for New Website Tools

Uploading Your VideoUploading Your Video

Page 14: SWEB 121: A “How To” for New Website Tools

Embedding Your VideoEmbedding Your Video

Page 15: SWEB 121: A “How To” for New Website Tools

Other Hosting ServicesOther Hosting Services

Max Size Max Length

Resolution

Stereo?

BlipTV 1 GB ? – over 10

? ?

OurMedia Unlimited ? – over 10

? ?

Vimeo 500 MB ? – over 10

1280 X 720

Yes

YouTube 1 GB 10 min 480 X 360 N0

Page 16: SWEB 121: A “How To” for New Website Tools

PALawHelp.org exampleMedia is uploaded to

http://ourmedia.org ◦Free hosting service through the

Internet Archive (registration required)Can be used for video or audioLike YouTube, it generates code

required to embed player in another web page

Automatically creates other formats (MPEG4, Flash etc.)

Page 17: SWEB 121: A “How To” for New Website Tools
Page 18: SWEB 121: A “How To” for New Website Tools
Page 19: SWEB 121: A “How To” for New Website Tools

PALawHelp.org exampleUse Blogger blog as the interface

to integrate videos Create a new blog entry for each

audio or video fileEmbed OurMedia code into HTML

viewGo to Edit view of post, right-click

and copy shortcutPost link as LawHelp resource

Page 20: SWEB 121: A “How To” for New Website Tools

Production tools Audacity – free audio recorder

and editorHandbrake (http://handbrake.fr/)

– open source tool for converting DVDs to MPEG files

Any Video Converter – free and paid versions

Windows Media Maker

Page 21: SWEB 121: A “How To” for New Website Tools

Video CamerasVideo CamerasWebcam

◦Hercules Deluxe Optical Glass $25◦Logitech QuickCam Pro 9000 $100

Flip Video CameraHDV Camera

Page 22: SWEB 121: A “How To” for New Website Tools

Flip Video Camcorder

Effgie: http://www.flickr.com/photos/effigie/2690348459/

Page 23: SWEB 121: A “How To” for New Website Tools

HDV Cameras

Josh Bancroft: http://www.flickr.com/photos/joshb/407259142/

Page 24: SWEB 121: A “How To” for New Website Tools

Video Editing SoftwareVideo Editing SoftwareFree editing solutions

◦Microsoft Movie Maker◦Apple iMovie◦Wax◦VirtualDub

Mid-Range◦QuickTime Pro◦Adobe Premiere Elements

More expensive options◦Final Cut Pro◦Adobe Premiere

Page 25: SWEB 121: A “How To” for New Website Tools

MicrophonesMicrophonesAudio is important – poor qualify

audio can really ruin a web videoTest your camcorder’s audio

quality – it may be sufficientOther options:

◦Techsmith USB Condenser Microphone

◦Audio-Technica USB Condenser Mic◦Blue Snowflake

Page 26: SWEB 121: A “How To” for New Website Tools

Multimedia widgetsSprout is popular -- and free -- optionAllows non-technical staff to create

multimedia Sprout "badges"Badges can include text, images,

videos and more"Share" link allows supporters to

paste the badge into their own website or blog

You can track where the badge is appearing

Page 27: SWEB 121: A “How To” for New Website Tools

www.PBLA.ca example

Page 28: SWEB 121: A “How To” for New Website Tools

NTC Sprout includes live links to NTEN website, blog, Twitter feeds and more.

Page 29: SWEB 121: A “How To” for New Website Tools

Using SproutFree, but

registration requiredChoose templates

from a gallery or integrate your own graphics and branding

Publish your Sprout to generate embed code

Manage and monitor your Sprout

Page 30: SWEB 121: A “How To” for New Website Tools

Mash UpsApplication that allows you to

combine and display data from multiple sources into a single integrated tool.

Technology to create mash-ups has become very accessible.

Classic example is a Google Maps mash-up.

Page 31: SWEB 121: A “How To” for New Website Tools
Page 32: SWEB 121: A “How To” for New Website Tools

Getting started with mash upsDetermine purpose and audience for your map

Google Maps has a helpful tutorial

Other tools include MapBuilder, QuikMaps, Wayfaring

Page 33: SWEB 121: A “How To” for New Website Tools

ABA Journal Blawg ABA Journal Blawg DirectoryDirectory

Page 34: SWEB 121: A “How To” for New Website Tools

Consumer Law Blogosphere Consumer Law Blogosphere FeedFeed3 RSS Feeds

◦CL & P◦Credit Slips◦Michigan Collection Lawyer Blog

Page 35: SWEB 121: A “How To” for New Website Tools

Yahoo PipesYahoo Pipes

Page 36: SWEB 121: A “How To” for New Website Tools

FeedBurnerFeedBurnerFeedBurner is a

commercial web application that allows users to manage feeds.

FeedBurner can turn RSS feeds into Javascript that can be placed on a HTML page.

Page 37: SWEB 121: A “How To” for New Website Tools

Thank you!Thank you!Questions?

David Bonebrake - [email protected]

Liz Keith - [email protected] Burnett -

[email protected]