View source for Wikipedia:WikiProject Screencast/How-to

{{:Wikipedia:WikiProject Screencast/Tabs}}
[[File:WikiProject Screencast Script 1.ogv|thumb|thumbtime=90|300px|The power of screencasting.]]
There are many approaches to creating a screencast. You'll want to choose an approach that fits your topic, and your preferred work style.  In some cases, you might record in a single-take, by just clicking "record" in a screencasting program, and start talking about a subject you know really well. In other cases, you'll want to do some careful thinking ahead of time, write a script, and prepare some visuals to support your demonstration.

Collaboration can work well for any aspect of the process. Or the work can be done in 20 minutes by one person!

Below is a basic outline that will apply to most screencasting projects.

=Screencast production tutorial=
[[File:Screencast demo of Camstudio and Firefogg.ogv|thumb|thumbtime=175|How to produce a simple screencast. ([[Wikipedia:WikiProject Screencast/Scripts/Script 0|script]])]]
The basic workflow is as follows. Some steps are optional, but all are recommended! 
#'''Script'''
#Practice
#'''Record'''
#Edit
#Process
#'''Publish'''
{{-}}

==Script==

Create an outline and script for the screencast, that you can follow as you record it or put the pieces together. (tip: do not record while speaking off the top of your head; a script helps avoid having "um" and "uh" throughout the screencast)

{{ombox|small=y
|text=[[Wikipedia:WikiProject Screencast/Scripts/Script 2|Script 2: Establishing a purpose / audience, Writing a script]] is ready to be turned into a screencast. Video here, soon!
|image= [[File:Computer n screen.svg|50px|alt=A computer and screen|WikiProject Screencast]]
}}
;Audience
Determine your target audience. Are you demonstrating basic information to new users, or showing advanced tools to experienced users?

;Writing
A script is important for many reasons. It helps to: avoid the danger of "um" and "uh", it makes later translation easier, and it gives the option of providing captions for the deaf (or people without speakers).

* Keep your script focused on the key points that you want to teach (1-6 points max)
* Be concise
* Try to avoid tangents.
* Use conversational style

See a sample script at [[Wikipedia:WikiProject Screencast/Intro]]. To create a script table like this, add <nowiki>{{subst:Template:Screencast script table}}</nowiki> to a page, and click save.

===Storyboard===
[[File:WP-Screencast-KO-Script3.ogv|thumb|thumbtime=90|Assembling material. ([[Wikipedia:WikiProject Screencast/Scripts/Script 3|script]])]]

[[File:Screencast-storyboard.png|thumb|right|Create a [[storyboard]], graphically outlining the components and order of the screencast.]]
* Identify images, screenshots, and other material to include, whether as slides or as running video (tip: if uploading the screencast to [[Wikimedia Commons]], keep in mind the free licensing requirements)
* Organize visuals into the storyboard and align with the script
* If using a narrated slidecast format, include headings and subheadings (they may also be appropriate for screencasting)

===Core components===
Our suggested style includes these elements:
*Title card. (eg [[:File:Screencast template.png]])
*:a few words to summarize the topic, held for 2 seconds without audio.
*The screencast itself
*:1-5 minutes, depending on which audience, and what depth wanted.
*Wrap-up
*:Summarize the points covered, to remind and reinforce. 
*End credits
*:Creators names, date, CC-licence (e.g. [[:File:Cc3.png]]), final shortcut-pointer.

{{Tip
|heading=Practice
|tip=Practice your speech timing and mouse movements. Speech should be at a measured pace. The mouse cursor should move smoothly, and with purpose – avoid small twitches that move the mouse.
}}

==Pre-production==
[[File:WikiProject Screencast Script 5.ogv|thumb|thumbtime=86|right|Simplifying your recording environment. ([[Wikipedia:WikiProject Screencast/Scripts/Script 5|script]])]]
;Computer environment
Simplify the screen that will be recorded, ideally starting with a clean slate.

*Wiki-user - Close to default settings and interface-appearance. Either create a new user account, or simplify your user account preferences (gadgets, user.css, etc)
*Browser - Remove any extra toolbars, extensions, and add-ons, that are visible. If using Firefox, setup a separate user profile, which has default settings, no add-ons, etc. [http://support.mozilla.com/en-US/kb/managing+profiles]. (same can be done in other browsers)
*OS - Close any unneeded programs, especially any that might make any noises or eat up excessive memory.
*Window size - Reduce the recorded area to 800x600 ([/media/wikipedia/commons/0/0f/Luna_moth01_800x600.jpg to fit just this image]). (To fit on smaller screens, to be visible at reduced sizes, and to avoid overwhelming real-estate)

;Physical environment
*Choose a quiet place to do the screencast
*Silence your telephone and anything else that might interrupt

==Record==
[[File:Hardware and software for sceencasting.ogv|thumb|thumbtime=5|Hardware and software for screencasting. ([[Wikipedia:WikiProject Screencast/Scripts/Script 4|script]])]]
[[File:CamsStudio demo.ogv|thumb|thumbtime=84|Demo of how to record a screencast using Camstudio. ([[Wikipedia:WikiProject Screencast/Scripts/Script 6|script]])]]

;Software
Decide which programs you want to use. See our guide at [[WP:WikiProject Screencast/Software]], for advice. 

;Test your hardware and software
Before recording the entire screencast, be sure to test the individual components. Record a small segment of speech, then listen to it to check the volume and sound quality. Record a small video clip, then watch it to make sure you're only recording the parts of the screen that you want.

Experiment with the screencast-program settings, to find configuration with not so much compression that the video is fuzzy, but not too high quality that the file size is excessively large.

;Record
Record your screencast. It may take a few attempts to record something you are happy with.
{{-}}

== Edit ==
If you're assembling a screencast from component pieces – separate video clips, sound files, image slides – this is the next step. Programs such as iMovie and Windows Movie Maker can be used to assemble your parts.

==Process==
{{ombox|small=y
|text=[[Wikipedia:WikiProject Screencast/Scripts/Script 8|Script 8: Encoding and testing]] is ready to be turned into a screencast. Video here, soon!
|image= [[File:Computer n screen.svg|50px|alt=A computer and screen|WikiProject Screencast]]
}}

* Save the movie, and if necessary convert it to the destination format.  (Note: For upload to [[Wikimedia Commons]], the video needs to be in [[Ogg]] [[Theora]] (.ogv) format.)

* Watch the video, from end-to-end, checking for any quality issues.
{{-}}

==Publishing and placement==
[[File:WikiProject Screencast Script 9.ogv|thumb|Uploading and placement. ([[Wikipedia:WikiProject Screencast/Scripts/Script 9|script]])]]
;Publish
Upload your completed video to [[Commons:|Commons]] (and/or YouTube, Vimeo, and elsewhere). 

;Placement
Embed your video in the relevant help or project pages, and add it to our gallery. 

See [[WP:Creation and usage of media files]] for advanced options, such as specifying the video-frame to be displayed as the thumbnail (e.g. "...<code>|thumbtime=3</code>..." for 3 seconds in).
{{-}}

== Advanced options==
{{ombox|small=y
|text=[[Wikipedia:WikiProject Screencast/Scripts/Script 10|Script 10: Know-it-all uber expert super fancy fun time haz]] is ready to be turned into a screencast. Video here, soon!
|image= [[File:Computer n screen.svg|50px|alt=A computer and screen|WikiProject Screencast]]
}}
(Insert links to more specific approaches)
[[File:Awesome Mobile Screen Cast.ogv| thumbtime=40 |thumb|Or try creating a mobile screencast!]]

{{-}}

== Tips ==
Simplify. Don't try to address too many points. Short is sweet, and memorable. 

{{collapse top|External links – general tips}}
;Videos
*[http://www.youtube.com/watch?v=h4_5lOKSVqw Designing screencasts], chunking, assertion plus evidence, visual information, modality, redundancy, personalization
*[http://showmedo.com/videotutorials/screencasting ShowMeDo - screencasting], screencasts about screencasts
*[http://blog.screencast.com/2008/08/screencasting-101-an-introduct.html Screencasting 101: An Introduction]

;Lists of tips
*[http://www.whistlemedia.net/2009/03/top-tips-to-a-more-effective-screencast/ Top Tips to More Effective Screencasts]
*[http://www.screencast.be/tips_tricks+screen_capture.html Screen capture tips & tricks]
*[http://www.labnol.org/software/tutorials/screencasting-tips-make-great-screencast-videos-with-scripts/3798/ Make Great Screencast Videos with Scripts]
*[http://www.oreillynet.com/pub/a/network/2005/06/13/primetime.html Screencasting Strategies]
*[http://edublog.techsmith.com/2009/09/we-need-your-help---screencasting-tips-for-new-screencasters.html techsmith1] and [http://visuallounge.techsmith.com/2009/09/we_need_your_help_-_screencast.html techsmith2], Screencasting Tips for New Screencasters (comments)
*[http://www.bmyers.com/public/1107.cfm Top Ten Tips for Creating Effective ScreenCasts]
*[http://www.digital-web.com/articles/mac_screencast_capturing/ Capture a Screencast with a Mac]
*[http://www.facebook.com/note.php?note_id=212331095817 4 Steps to Planning a Tutorial Screencast ]

;Larger tutorials
* [https://wiki.ubuntu.com/ScreencastTeam Ubuntu Screencast Team] - including how to make screencasts
* [http://net.tutsplus.com/articles/general/how-to-create-screencasts/ How to Create Screencasts] - tutsplus (recommended)
*[http://screencastingprimer.wikispaces.com/primer?responseToken=30cc73bb4001bb2a4aa5a5c252c19a71 Screencasting Primer]
*[http://www.techsoup.org/learningcenter/training/page6885.cfm An Introduction to Screencasting] (2007)
{{collapse bottom}}

[[Category:WikiProject Screencast|How-to]]