roller storyboard

Storyboard ROLLERS PROJECTPrepared for: Dr. Christopher Deason, Inter/Intra-Personal SkillsPrepared by: The ROLLERS

January 18, 2009

Storyboard Group Members: Renee Hanson, George McAllister, Melissa Hill, Paul Martin, Vicki King

Section #: Group Project Web 2.0 for the Cyber Challenged

Web 2.0 for Cyber Challenged




Part 1: Newsdesk w/2 Cyber News-casters.

Web 2.0 can be intimidating, but with a

little knowledge, Web 2.0 can be used by

the Cyber Challenged. Our 2.0 Roller

Team will show you some steps to get you

started. Let’s take a look.

Location: News Studio

Scene: INTRO

Part #: Lorem

Location: Location

Scene: Location

Music: “Ipsum Dolor”

Task: Location

Part #: Lorem

Location: Location

Scene: Location

Music: “Ipsum Dolor”

Task: Location




Part 1: Intro to Twitter

Location: 1st slide

Scene: Keynote screen (10 -15 sec)

Music:

Audio: My Narration on the history of Twitter, the creators of the service what the overall purpose of Twitter and how it is used.

Task: Background to Twitter

Part 2: Intro to Twitter continued

Location: 2nd slide

Scene: Keynote screen (10 -15 sec)

Music:

Audio: Narration continuing with more information on Twitter. The number of applications created for it i.e. twitpic which made the news with the US Airways crash in NY.

Task: More background on the web 2.0 product.

Part 3: Setting up a Twitter account

Location: 3rd Slide Keynote (15 - 30 sec)

Scene: iMovie of me setting up a Twit-ter account, step one.

Music:

Audio: Narration on the first steps on

setting up an account.

Task: Describing the first step of using Twitter.




Part 4: Setting up an account cont.

Location: 4th slide Keynote (15 - 30 sec)

Scene: iMovie continued of the next step in setting up a Twitter account.

Music:

Audio: Narration with the video of the

next step in setting up the account.

Task: Describing what is going on in the video.

Part 5: Setting up the account cont.


Scene: iMovie continued of the next step in setting up a Twitter account

Music:

Audio: Narration with the video of the next step in setting up the account.


Part 6: End of setting up account


Scene: iMovie continued of the next step in setting up a Twitter account.

Music:

Audio: Narration with the video of the next step in setting up the account.





Part 7: Completed Twitter/Keynote bullets

Location: 7th slide Keynote (10 -15 sec)

Scene: The who’s who on Twitter, how President-elect Obama used the serv-ice during his run for office.

Music:

Task: Describing famous/well know people on Twitter.

Part 8: Keynote bullets additional facts

Location: 8th Slide Keynote (10 - 15 sec)

Scene: Facts about Twitter and differ-ent applications that you can use with the service like twitpic or linking facebook and other examples.

Music:

Task: Describing the top 10 applica-tions for Twitter.

Part 9: Closing keynote bullets

Location: 9th slide Keynote (10-15 sec)

Scene: Closing experience with using Twitter and it’s pro’s and con’s.

Music:

Task: Describing the pro’s and con’s of Twitter.





Twitter is a great way to stay in touch

fast...next we will see how to make the

internet work for you in a tasty way...


Scene: INTRO

Music: News Jingle




Part 33: Title Page

(one second cube effect right to left)

Location: 1st Slide

Scene: Delicious Defined Introductions

Voice Recorded Audio: “Web 2.0 for the Cyber-Challenged presents...Delicious Defined.”

Music: “Elysium Long”

Task: Delicious Tutorial

Part 34: Delicious Introduction


Location: 2nd Slide

Scene: Delicious website

Voice Recorded Audio: “Delicious is a free social bookmarking site that allows you to access, organize, and share your favorite websites from any computer.”



Part 35: Registration


Location: 3rd Slide

Scene: Delicious Register page

Voice Recorded Audio: “Getting started is simple. You will need to register your first and last name along with your email address. Then you will need to create a username and password.”






Part 36: Adding Buttons


Location: 4th Slide

Scene: Adding Button Instructions

Voice Recorded Audio: “Next, you will need to drag both links (bookmark on delicious and my delicious) to your browser’s ‘bookmarks toolbar.’ Don’t worry, they provide additional instruc-tions for different browsers.”



Part 37: Importing Bookmarks(one second cube effect right to left)

Location: 5th Slide

Scene: Importing Bookmark Instructions

Voice Recorded Audio: “After you’ve added your bookmarking buttons, Deli-cious will provide you with three simple steps when importing bookmarks from your computer’s browser. First, select file, then ‘export bookmarks.’ Next, se-lect a place where you want to save the file. After completing Step A, then follow the directions in Step B - choose a file, determine if you want to have your im-ported bookmarks private and if you de-sire to add popular tags. Finally, import your files in Step C.”



Part 38: Getting Started


Location: 6th Slide

Scene: Getting Started

Voice Recorded Audio: “Once you’ve imported your bookmarks, you will then be taken to this getting started screen. You are now ready to add new book-marks and tags.”






Part 39: Bookmarking instructions

Location: 7th slide

Scene: YouTube.com example with bookmark pop up window.

Voice Recorded Audio: “Bookmarking is painless. When surfing the web you may come across a site you want to bookmark, simply click ‘bookmark on delicious’ from your bookmarks tool-bar. A box will then appear with the bookmark information. All you have to do is type in your desired tag. A tag is typically one word that acts as a keyword when organizing your sites.”



Part 40: Navigation

Location: 8th slide

Scene: Drop Down Menus for book-marks, people, and tags.

Voice Recorded Audio: “So, you’ve just bookmarked your first site on Deli-cious and you’d like to locate it. Deli-cious provides a drop down menu at the top of each page for easy Naviga-tion. Click on either ‘my bookmarks,’ ‘my network,’ or ‘my tags.”



Part 41: Bookmark and tag findings

Location: 9th slide

Scene: Bookmarks

Voice Recorded Audio: “Once you’ve either clicked on ‘my bookmarks’ or ‘my tags,’ you will then be able to lo-cate your findings. Here you can see my first site bookmarked and tagged.”






Part 43: Your Delicious could look like...


Location: 11th Slide

Scene: meme86 example Delicious page

Voice Recorded Audio: “In a matter of days, your delicious account could look like this...”



Part 42: Networking



Scene: Adding a username page.

Voice Recorded Audio: “Networking on Delicious is also an added bonus. You can enter other people’s usernames and in an instant you will then have access to all of their bookmarks and tags as well.”



Part 44: Getting Started



Scene: Thank you page

Voice Recorded Audio: “Thank you for viewing Delicious Defined. Please check out other Web 2.0 tutorials for the Cyber-Challenged at the following website.”







Delicious is a powerful time saver by let-

ting it bring the information to you. But,

what if you want to share your favorite

pictures...it’s as easy as the flick of a

switch.


Scene: INTRO




Part 11: Title Page

Location: Opening Slide

Scene: Photos scanning in

Music: “East Ender Long”

Task: Tutorial on photo sharing with a walk through on setting one up.

Part 12: Information page

Location: 2nd slide

Scene: Slide shows photo sharing choices with links

Audio: I will be providing audio voice

over.


Task: This slide will give information on several photo sharing sites.

Part 13: flickr sign up page

Location: 3rd slide

Scene: Slide shows the opening page of flickr


over.


Task: This slide will give information about the opening page for sign up.




Part 14: yahoo account page

Location: 4th slide

Scene: Slide showing the account set up page.


over.


Task: I will explain what to do for sign up.

Part 15: Yahoo account page

Location: 5th Slide

Scene: Slide showing personal infor-mation for sign up


over.


Task: I will go through explaining what to do for sign up.

Part 16: Choose screen Name

Location: 6th Slide

Scene: This page goes through choos-ing your own screen name.


over.


Task: I will explain about choosing your screen name. An explanation is given about a congrats window that pops up for you to choose your pass-word and a page to sign in.




Part 17: flickr set up window

Location: 7th Slide

Scene: Slide showing flickr set up window.


over.


Task: I will give an explanation of the page.

Part 18: Creating pages windows

Location: 8th Slide

Scene: Slide giving instructions on creating your page windows.


over.


Task: I will give a brief talk about what to do next. Then explain that there will be a window to create your own icon. Because of privacy, some win-dows I do not show.

Part 19: flickr icon window

Location: 9th Slide

Scene: Slide showing that you have successfully loaded icon.


over.


Task: I will give directions to go to the second step.




Part 20: Choosing URL


Scene: Slide showing URL choice.


over.


Task: I will give instructions on choos-ing your URL. The next window is ex-cluded for privacy. Make sure you are certain that it is what you want, you cannot change it once it has been made. Click ok to lock.

Part 21: Personalization Page


Scene: Slide showing information to make your page personal.


over.


Task: Information will be given on fill-ing out the form.

Part 22: Uploading photos Page


Scene: Slide that shows that you have entered profile information and may upload pictures.


over.


Task: I will explain to choose to upload pictures.








over.







over.







over.






Part 11: Title Page

Location: Opening Slide

Scene: Photos scanning in


Task: Tutorial on photo sharing with a walk through on setting one up.

Part 12: Information page

Location: 2nd slide

Scene: Slide shows photo sharing choices with links


over.


Task: This slide will give information on several photo sharing sites.

Part 13: flickr sign up page

Location: 3rd slide

Scene: Slide shows the opening page of flickr


over.


Task: This slide will give information about the opening page for sign up.





over.







over.







over.






Part 14: yahoo account page

Location: 4th slide

Scene: Slide showing the account set up page.


over.


Task: I will explain what to do for sign up.

Part 15: Yahoo account page

Location: 5th Slide

Scene: Slide showing personal infor-mation for sign up


over.


Task: I will go through explaining what to do for sign up.

Part 16: Choose screen Name

Location: 6th Slide

Scene: This page goes through choos-ing your own screen name.


over.


Task: I will explain about choosing your screen name. An explanation is given about a congrats window that pops up for you to choose your pass-word and a page to sign in.





over.







over.







over.







Pictures are worth a thousand words, but

you can speak your mind as well. Pod-

casting is up next.


Scene: INTRO

Music: News Jingle




Part 46: Title Page

(1.5 second automatic “doorway” effect

with 2 second delay)

Location: 1st Slide

Scene: Picture of the presenter with

“podcasting” alliteration

Voice Recorded Audio: “Web 2.0 for the Cyber-Challenged presents...Podcasting precepts for the practical person.”

Music: “original a la Nappy D”

Task: Podcasting Tutorial

Part 47: Podcasting Introduction

(1.5 second automatic “doorway”

effect--after the audio)

Location: 2nd Slide

Scene: Picture of “Can opener opening the globe”

Creative (RF) #76530694

Voice Recorded Audio: “In the fast-paced, ever-changing, world, oftentimes the information that we get, hear, and learn is....”



Part 48: Podcasting introduction contin-ued

(1.5 second automatic “doorway” effect--after the audio)

Location: 3rd Slide

Scene: B/W depiction of “people on the run”

(RF) #57634078

Voice Recorded Audio: “...ON THE RUN.”






Part 494: Podcasting Defined

(1.5 second automatic)

Location: 4th Slide

Scene: Blank “notebook” page with text

definition of podcasting.

Voice Recorded Audio: “Podcasting is a way to (both) receive and send informa-tion for busy people (like us) who are constantly ‘on the run’.”



Part 50: Podcasting explained( automatic movement coming in and

out)

Location: 5th Slide

Scene: iconic depictions of the various

mediums by which one could both send

and receive podcasts.

Voice Recorded Audio: “This information could be music, spoken words, video images, or some other combination of these three.”



Part 51: Podcasting convenience

(1.5 second automatic movement)

Location: 6th Slide

Scene: Getting Started

Voice Recorded Audio: “Podcasts are convenient because a person could watch or listen to a podcast on an mp3 player (like an iPod) while they were at a gym working out or waiting in a doctor’s office; a person could listen to review notes for a work presentation while they’re driving, or simply on their com-puter or cd player at home.”





Part 52: PODCAST

Location: 7th slide

Scene: Textual depiction of the word podcast formed from iPOD & broad CAST.

Voice Recorded Audio: “The very word--PODCAST--is mixture of the words iPOD and broadCAST.”


Task: Podcast tutorial

Part 53: Podcasts are subscribed

Location: 8th slide

Scene: visual image of a magazine or a magazine being delivered.

Voice Recorded Audio: “Podcasts are ‘subscribed’ similar to how a person may subscribe to a magazine. So, again, podcasts are very convenient because once you subscribe to one, you don’t have to go searching for more episodes, they’ll come to you--just like a subscribed magazine comes directly to your house or apartment. Are you ready to learn how to make your own podcast?”


Task: Podcast Tutorial

Part 54: Bookmark and tag findings

Location: 9th slide

Scene: purple podcast icon

Voice Recorded Audio: “You are? Well let’s go! In this first, ‘Podcasting pre-cepts for the practical person podcast, we’ll focus on how to make an audio podcast.”






Part 56: Podcasting tutorial

(“live” walk-through of the various steps)


Scene: Garageband podcast window

Voice Recorded Audio: “ After we’ve named our podcast, we can now begin creating our audio podcast. Depending on who the person is making the pod-cast (the podcaster), you will click on ei-ther male or female narrator.

Music: “original music a la Nappy D”




Location: 10th slide

Scene: GarageBand podcast window. Voice Re-

corded Audio: “Creating podcasts are both fun and

easy to do. We will use Garageband ’08 from Ap-

ple’s iLife software series. It’s good to use a USB

headset to both monitor (hear) what you’re record-

ing through the headphones, but also to utilize the

built-in microphone that is attached to it. The first

thing that you will need to do is to click the guitar

picture (or logo) at the bottom in the dock. In the

next window, for Garageband ’08, you will select

‘create a podcast episode’. ”




Scene: Thank you page

Voice Recorded Audio: “ To begin re-cording, we need to click on the red re-cord button which is to the right of the view /hid the track editor button which looks like a pair of scissors. When we are done recording we will be able to click on the series of buttons to the right of the record button to rewind or play-back or stop to listen to what we’ve re-corded before we share it to others.”




Part 58: PODCAST


Scene:“live” walk-through of the con-cluding steps.

Voice Recorded Audio: “Once we are satisfied with our recorded audio, we are now ready to share it with others. We need to go to the “share” menu and se-lect ‘send song to iTunes’.


Task: Podcast tutorial

Part 59: Podcast tutorial


Scene: “live” walk-through of the con-cluding steps.

Voice Recorded Audio: “In iTunes we will find what we recorded in our li-brary. Stay tuned for our next episode where we will discuss how to take what we’ve recorded and burn it to disk for those friends of ours who may not own iPods. Thank you for tuning in to Podcasting precepts for practical people where podcast proficiency is made perfect!”





Scene: black screen showing all tex-tual reference information

Voice Recorded Audio: “This has been a Web 2.0 for the cyber-challenged pro-duction”







You’ve connected with Twitter, sped up

your information searches with Delicious,

Shared pictures with FlickR, and sent

your voice to millions by PodCasting.

Blogging, or Web logging, is a fun way to

create a digital journal where all those

skills can be combined...





Part 65: WordPress Creation

Location: Screenshot

Scene: Creating a WordPress site steps taken from screenshots w/voice over.

Music: Mellow Techno

Task: “The great thing about 2.0 tools is that they tend to be very user friendly to set up...”

Part 63: WordPress Intro

Location: On “Location”

Scene: Tight one shot on Paul from his ComputerCam

Task: “Blogging is 2.0 slang for Web Logging and has been around since 1993, according to Wikipedia. It be-came really popular around 2002 and has exploded in volume and range. Today, you can find blogs on every-thing and anything that people care about. Let’s look at WORDPRESS.COM to see how easy it has become.

Part 64: WordPress Creation


Scene: Creating a WordPress site steps taken from screenshots w/voice over.


Task: “If you can set up an email ac-count, you can sign up for WordPress.




Part 66: Word Press



Task: “Think of WordPress as the real world Daily Prophet. You know the newspaper from the Harry Potter movies...Here, let me show you

Part 67: WordPress in Action


Scene: WordPress with Video from screenshots w/voice over.


Task: “You can show video clips”



Scene: WordPress with HAGAKURE from screenshots w/voice over.


Task: “Time travel...sort of”






Scene: WordPress Podcast list from screenshots w/voice over.


Task: “Whisper in someone’s ear”



Scene: WordPress Podcast list from screenshots w/voice over.


Task: “Even talk back directly to the author...”

Part 71: Word Press



Task: “So you have this magical, digi-tal delivery system of all your best ideas...how do you know what’s going on with it? Who’s reading? What top-ics are getting the most attention?

Here’s how.






Scene: WordPress Dashboard list from screenshots w/voice over.


Task: “Welcome to mission control, cool huh?”





Task: “All your posts, all the com-ments about your posts, all the categories...and if you’re better with visuals....”





Task: “You even get a chart that shows you the greatest hits...this one needs some work....”




Part 75: Word Press



Task: “I know it can seem like a lot, but there is help if you need it...”



Scene: WordPress Support list from screenshots w/voice over.


Task: “WordPress has a great support page.”

Part 76: WordPress TOPICS


Scene: WordPress TOPICS IN WORDLE w/voice over.


Task: “The topics are endless, ex-plore.”





See, there are some simple tools that can

be combined to give you a voice literally

and figuratively. With just a few Web 2.0

tools in your pocket you can enrich your

knowledge and leave an impact on other

poeple. We hope we have made it easy to

move from Challenged to owner. Enjoy

the journey


Scene: OUTRO

Music: News Jingle

Task: OUTRO




CREDITS Twitter story – Vicki King Delicious – Melissa Hill FlickR – Renee Hanson Podcasting – George James McAllister III WordPress – Paul Martin

References: (In order of appearance) Animated Newscasters created With http://www.xtranormal.com Twitter images created in Adobe Illustrator Delicious. (n.d.) Retrieved January 16, 2009, from http://delicious.com/ flickr. (n.d.) Retrieved January 16, 2009, from http://www.flickr.com Podcast’s created with iLife tool GarageBand WordPress. (n.d.) Retrieved January 16, 2009, from http://wordpress.com/

Part 79: REFERENCES

Location: DIGITAL

Scene: STATIC SHOT

Audio: STINGER Music

Part 78: CREDITS

Location: DIGITAL

Scene: STATIC SHOT

Audio: STINGER Music

roller storyboard

Documents

cyber challengedweb

group project web

cyber challenged page

slide keynote

twitter accountlocation

melissa hill

renee hanson

george mcallister