story board - university of virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/story board …  ·...

35
Page 1 of 35 Project: eCLPS Instruction Act: Cluster 4 – Video for creating content in the lesson tool and adding student interaction Scene: 1 (audio file format is cluster4-scene#-#) Action Dialog FX Media Format Sans serif font, 24pt size, white text on blue background. Visual Adding Content and Interaction Using the Lessons Tool Visual Objective: - Create content using the Add Text option in the Lessons tool.

Upload: doanhanh

Post on 17-Mar-2018

218 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 1 of 29

Project: eCLPS InstructionAct: Cluster 4 – Video for creating content in the lesson tool and adding student interactionScene: 1 (audio file format is cluster4-scene#-#)

Action

Dialog

FX

Media FormatSans serif font, 24pt size, white text on blue background.

ActionDisplay objectives for the lesson.

Visual

Adding Content and Interaction Using the Lessons Tool

Visual

Objective:

- Create content using the Add Text option in the Lessons tool.

Page 2: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 2 of 29

State objectives listed on the slide.

Dialog (1)

FX

Media FormatSans serif font, 20pt size, white text on blue background.

ActionCircle the Lessons tool then select it. Underline the Add Text option and then choose it.Dialog (2)To add text to the lesson content, select the Lessons tool added to your course site. [Pause] Then choose the Add Text option.FXCircle the Lessons tool. Underline the Add text option.Media FormatUse red lines.

Visual

Visual

Page 3: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 3 of 29

ActionCircle the text editor tool bar.

Dialog (3)The text editor for the Lessons tool is the same as that used for the syllabus, assignments, and other tools available in UVaCollab.FXCircle text editor tool bar.

Media FormatUse red lines.

ActionCopy and paste text from prepared Word document.

Dialog (4)Type in the content you want to provide the students. Or copy and paste it from another document if you already created it using a word processor.FX

Media Format

Visual

Visual

Try it out for yourself:

- Pause this video and add text to the Lessons tool in your course site.

Page 4: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 4 of 29

ActionOffer the learner an option to practice what was just learned. State what is listed on the slide.Dialog (5)

FX

Media FormatSans serif font, 20pt size, white text on blue background.

Scene: 2

ActionDisplay objectives for the lesson.State objectives listed on the slide.

Dialog (1)

FX

Media FormatSans serif font, 20pt size, white text on blue background.

Visual

Objectives:

- Identify text content in the Lessons tool that references Resources created in your course site.

- Edit the text in the Lessons tool so that each reference to a Resource is a link to it.

Page 5: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 5 of 29

ActionScroll down and up in the text editor box highlighting a resource reference two or three times.Dialog (2)Read through your text and identify references to resource items.

FX

Media Format

ActionHighlight text of a resource item.

Dialog (3)Highlight the first text reference to a

Visual

Visual

Page 6: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 6 of 29

resource item.

FX

Media Format

ActionHover the mouse over the link feature and then select it.

Dialog (4)With text selected choose the editor’s Link feature.

FXZoom in if needed.

Media Format

Visual

Visual

Page 7: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 7 of 29

Action

Dialog (5)This process for linking Resources is similar to that demonstrated in the syllabus editing section. Would you like to skip ahead or continue?FXCall outs stop video and offer jump to try it out or continue on.Media Format

ActionUnderline the browse server button and then click it.

Dialog (6)Choose the Browse Server option from the Link dialogue box.

FXUnderline the browse server button.

Media FormatUse red lines.

Visual

Visual

Page 8: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 8 of 29

ActionClick on resources, click on folder, draw bracket to side of resources.

Dialog (7)Expand the resources for your course and folders, if necessary, to see the resource you need.FXDraw bracket to side of resources listing.

Media FormatUse red lines.

ActionClick on the resource needed. Then click OK.

Dialog (8)Select the resource associated with your lesson text and its URL gets pasted into the Link dialogue box. Choose OK to finish making the link.FX

Media Format

Visual

Page 9: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 9 of 29

ActionMove the mouse to the newly created resource hyperlink.

Dialog (9)Now the text reference for the resource is a direct link to it. Make sure to create a link for each resource that you have.FX

Media Format

ActionOffer the learner an option to pause and practice what was just learned. State objectives listed on the slide.Dialog (10)

Visual

Visual Try it out for yourself, if you have Resources referenced in your Lessons text:

Pause this video and identify all of the Resource references that you have in your Lessons content.

Edit the Lessons tool text and make each reference to a Resource into a link to the item.

Make sure that all of the Resources you want students to use are referenced in the Lessons content.

Page 10: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 10 of 29

FX

Media FormatSans serif font, 20pt size, white text on blue background.

Scene: 3

ActionDisplay objectives for the lesson.State objectives listed on the slide.

Dialog (1)

FX

Media FormatSans serif font, 20pt size, white text on blue background.

Visual

Objectives:

- Identify text content in the Lessons tool that references Forum topics created in your course site.

- Edit the text in the Lessons tool so that each reference to a Forum topic is a link to it.

Visual

Page 11: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 11 of 29

ActionScroll down and up in the text highlighting a couple different references to forum topics.Dialog (2)Identify the text referencing forums or topics in the Lessons content.

FX

Media Format

ActionHighlight the text of a forum/topic.

Dialog (3)Highlight the first text reference of a forum or topic in the Lessons content.

FXZoom in if needed

Media Format

Visual

Visual

Page 12: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 12 of 29

ActionHover the mouse over the editor’s link option before clicking.

Dialog (4)Choose the editor’s link feature to link a forum or topic from the forums content to the highlighted text.FXZoom in if needed

Media Format

ActionClick the browse server button to display the course content available to link.

Dialog (5)Select the browse server option from the link dialogue box to see the course’s content.FXUnderline the browse server option.

Media FormatUse red lines.

Visual

Visual

Page 13: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 13 of 29

ActionExpand the forums content to show forums and topics.

Dialog (6)Expand the forums to see all the forums and topics that you have created for your course.FXMake a bracket to the right of the topics.

Media FormatUse red lines.

ActionSelect the forum topic associated with the highlighted text, and then choose OK.

Dialog (7)After you choose the appropriate forum or topic for the text you highlighted, its URL will be pasted into the link dialogue box. [Pause] Select OK to make the link.FX

Media Format

Visual

Visual

Page 14: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 14 of 29

ActionMouse the mouse to the newly created forum topic hyperlink.

Dialog (8)Now the text referencing the forum topic is a direct link to it. Be sure to create a link for each forum topic you have in the Lessons text.FXZoom in on new hyperlink.

Media Format

ActionOffer the learner an option to pause and practice what was just learned. State what is listed on the slide.Dialog (9)

FX

Media FormatSans serif font, 20pt size, white text on blue background.

Scene: 4

Visual Try it out for yourself, if you have Forum topics in your Lessons text:- Pause this video and identify all of the references to Forum topics that you have in your Lessons content.

- Edit the Lessons tool text and make each reference to a Forum topic into a link to the item.

- Make sure that all of the Forums you want students to use are referenced in the Lessons content.

Visual

Objectives:

- Identify text content in the Lessons tool that reference Assignments created in your course site.

- Edit the text in the Lessons tool so that each reference to an Assignment is a link to it.

Page 15: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 15 of 29

ActionDisplay objectives for the lesson.State objectives listed on the slide.

Dialog (1)

FX

Media FormatSans serif font, 20pt size, white text on blue background.

ActionScroll down and up in the text editor box highlighting an assignment reference two or three times.Dialog (2)Read through your text and identify references to assignments.

FX

Media Format

Visual

Visual

Page 16: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 16 of 29

ActionHighlight text of an assignment item.

Dialog (3)Highlight the first text reference to an assignment.

FX

Media Format

ActionHover the mouse over the link feature and then select it.

Dialog (4)With text selected for the assignment, choose the editor’s Link feature.

FXZoom in if needed.

Media Format

Visual

Visual

Page 17: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 17 of 29

ActionSelect the browse server button.

Dialog (5)Select the Browse Server option from the Link dialogue box.

FX

Media Format

ActionClick on the assignments.

Dialog (6)Expand the assignments content for your course to see the one that you need.

FX

Media Format

Visual

Visual

Page 18: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 18 of 29

ActionClick on the assignment needed. Then click OK.

Dialog (7)Choose the assignment associated with your lesson text and its URL gets pasted into the Link dialogue box. Click OK to make the hyperlink.FX

Media Format

ActionMove the mouse to the newly created assignment hyperlink.

Dialog (8)Now the text reference for the assignment is a direct link to it. Make sure to create a link for each assignment that you have.FXZoom in if needed.

Visual

Page 19: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 19 of 29

Media Format

ActionOffer the learner an option to pause and practice what was just learned. State objectives listed on the slide.Dialog (9)

FX

Media FormatSans serif font, 20pt size, white text on blue background.

Scene: 5

Visual Try it out for yourself, if you have Assignments referenced in your Lessons text:

- Pause this video and identify all the references to Assignments that you have in the Lessons text.

- Edit the Lessons tool text and make each reference to an Assignment into a link to the item.

- Make sure that all of the Assignments you want students to use are referenced in the Lessons text.

Visual

Objectives:

- Identify text content in the Lessons tool that references Tests & Quizzes content created in your course site.

- Edit the text in the Lessons tool so that each reference to a test or quiz is a link to it.

Page 20: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 20 of 29

ActionDisplay objectives for the lesson.State objectives listed on the slide.

Dialog (1)

FX

Media FormatSans serif font, 20pt size, white text on blue background.

ActionScroll down and up in the text highlighting a couple different references to tests or quizzes.Dialog (2)Identify the text referencing tests and quizzes in the Lessons content.

FX

Media Format

Visual

Visual

Page 21: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 21 of 29

ActionHighlight the text of a test or quiz.

Dialog (3)Highlight the first text reference of a test or quiz in the Lessons content.

FXZoom in if needed.

Media Format

ActionSelect the editor’s link feature.

Dialog (4)Select the editor’s Link feature.

FX

Media Format

Visual

Visual

Page 22: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 22 of 29

ActionSelect the browse server button in the link dialogue box.

Dialog (5)Select the Browse Server button in the Link dialogue box displayed.

FX

Media Format

ActionExpand the test and quizzes content for the course site.

Dialog (6)Expand the Tests & Quizzes to see all of the tests and quizzes that you have created for your course.FX

Media Format

Visual

Visual

Page 23: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 23 of 29

ActionSelect the test/quiz associated with the highlighted text, and choose OK.

Dialog (7)After you choose the appropriate test or quiz for the text you highlighted, its URL will be pasted into the Link dialogue box. Choose OK to finish creating the link.FX

Media Format

ActionMove the mouse to the newly created test/quiz hyperlink.

Dialog (8)Now the text referencing the test or quiz is a direct link to it. Be sure to create a link for each test or quiz you have.FXZoom in if needed.

Media Format

Visual

Visual Try it out for yourself, if you created Tests & Quizzes in your course site:-Pause this video and identify all the references to Tests & Quizzes that you have in your Lessons content.

- Edit the Lessons tool text and make each reference to a test or quiz into a link to the item.

- Make sure that all of the Tests & Quizzes you want students to take are referenced in the Lessons content.

Page 24: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 24 of 29

ActionOffer the learner an option to pause and practice what was just learned. State objectives listed on the slide.Dialog (9)

FX

Media FormatSans serif font, 20pt size, white text on blue background.

ActionDisplay comment for the lesson.State content listed on the slide.

Dialog (10)

FX

Media FormatSans serif font, 20pt size, white text on blue background.

Scene: 6

Visual

When you are done editing the Lessons text, you should have links to the course:

- Resources- Forums- Assignments- Tests & Quizzes

Page 25: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 25 of 29

ActionDisplay objectives for the lesson.State objectives listed on the slide.

Dialog (1)

FX

Media FormatSans serif font, 20pt size, white text on blue background.

ActionGo to the bottom of the page and click Save.

Dialog (2)Choose the Save option at the bottom of the

Visual

Objectives:

-Save your Lessons tool content after creating it and adding the links.

- View the Lessons tool content from the perspective of a student to verify that the links work as expected.

Visual

Page 26: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 26 of 29

page.

FXUnderline the save button.

Media FormatUse red lines.

ActionScroll to the top of the page and click on the drop down and highlight the student view option.Dialog (3)As demonstrated at the end of the Syllabus editing section, you may view the course site from the student perspective. Select the student option from the View Site as feature at the top of the page.FXCall out pauses video and gives option to skip or continue.Circle the View Site as feature. Call out to skip ahead since similar toMedia FormatUse red lines.

Visual

Visual

Page 27: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 27 of 29

ActionScroll down and select one of the links created for a resource, forum topic, assignment, test or quiz.Dialog (4)Scroll through the Lessons content to see how it will look for the student. Select one of your links to see how it will appear to the student.FX

Media Format

ActionClick on a link to have its popup window display its content.

Dialog (5)When a student selects a link, he or she will have that activity open in a new browser window.FX

Media Format

Visual

Visual

Page 28: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 28 of 29

ActionClose the activity browser window. Then scroll up to the top and click exit student view.Dialog (6)Close the activity window and exit the student view from the top of the page.

FXCircle exit feature.

Media FormatUse red lines.

ActionOffer the learner an option to pause and practice what was just learned. State objectives listed on the slide.Dialog (7)

FX

Media FormatSans serif font, 20pt size, white text on blue background.

Visual

Try it out for yourself:

- Pause this video and save your Lessons content.

- Use the View Site As feature to check some of the links in the Lessons content from the perspective of the student.

Visual

Next Step:

- With the student interaction completed using the Lessons tool, you can adjust the navigation to focus student attention on the interactive content.

Page 29: Story Board - University of Virginiapeople.virginia.edu/~jlk4p/itma/14_projrep/Story Board …  · Web viewCopy and paste text from prepared Word document. Dialog (4) Type in the

Page 29 of 29

ActionDisplay information about the next steps.Dialog (8)Now that you have finished creating the student interaction using the Lessons tool, you can move on to adjust the navigation to guide the students to the interactive content.FXCall outs prompt for user actions.Media FormatSans serif font, 20pt size, white text on blue background.