56
Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

  • View
    222

  • Download
    2

Embed Size (px)

Citation preview

Page 1: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Building a Bigger Builder:Combining the DE Builder tools with Web 2.0 Widgets and Applications

Matt Monjan

Page 2: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Cool! What’s a Widget?

The web widget is a portable chunk of code that can be installed and executed within any separate HTML-based web page by an end user without requiring additional compilation. They are derived from the idea of reusable code that has existed for years. Nowadays other terms used to describe web widgets including: gadget, badge, module, capsule, snippet, mini and flake. Web widgets oftWiken but not always use DHTML, JavaScript, or Adobe Flash.

Wikipedia contributors, “Widget,” Wikpedia, The Free Encyclopedia, http://en.wikipedia.org/wiki/Web_widget (accessed 12/28/2007).

Page 3: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Building it Bigger – and better!Incorporating Web 2.0 widgets into your builder

There are hundreds of widgets that you can find. Take advantage of these free tools to add another dimension to your builderWe’re going to look at four.

Page 4: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

First Things First – Creating a Builder Tool

But we’ll come back to that…

Page 5: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Creating a Writing Prompt

Log into www.discoveryeducation.com

Click on the “Teacher Center” link

matt.monjan

*********

Page 6: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Click on the Writing Prompt Icon

Page 7: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Creating and SearchingType a keyword in the Search box to search for existing Writing Prompts, choose DE Writing Prompts, and then click on the Search button

teacher

Page 8: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Previewing and Copying a Writing Prompt

Click on the preview to see the Writing Prompt and copy/edit to add the Writing Prompt to your content

Page 9: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Creating and Searching

Click on the Create New button to create a new Writing Prompts

Page 10: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Create a Title, select a Subject Area, Writing Type, and Grade Level

“Out Damned Spot”

Save to an Existing Folder or Save to a New Folder and place inside an Existing Folder

Shakespeare 2.0Builder 2.0

Page 11: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Enter a keyword and choose “image,” “clip art,” “full video,” or “video segment.”Select up to three assets (images, clip art and/or video) and then click on the “Add” button

Shakespeare

Page 12: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Review and/or modify your selections and customize your border size

Page 13: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Enter the Writing part of your Writing Prompt

2,000 character maximum

Page 14: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Add code from Youtube, Animoto, Voicethread and more!

Go to any Web 2.0 page (i.e. youtube) and copy the embed code.Click on the HTML button inside the BuilderPaste codeClick on the Update buttonClick on the save and continue button

Page 15: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Preview your work

Page 16: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Assign Your Work

Provide your students’ the link above. The link can be embedded on blackboard and moodle pages, websites, blogs, wikkis and more…

Page 17: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Viewing The Results

• Go back to My Content and click on your folder/writing prompt, etc.

• Pull down the drop down menu next to your prompt

• Select Grade Book and click on the Go button

• Click on your prompt to see the date completed, status, and to view the prompt response (grade)

Page 18: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Creating an Interactive Quiz

Log into www.discoveryeducation.com

Click on the “Teacher Center” link

matt.monjan

*********

Page 19: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Click on the Quiz Builder Icon

Page 20: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Creating a New Quiz

Click on the Create New button

Page 21: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Adding Information to Your Quiz

• Fill out any field marked by a *

• Select where you would like to save (bookmark) your quiz– A folder that

you’ve already created (Save to Existing Folder)

Shakespeare 2.0

Page 22: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

• Or create a new folder– Note that this

folder must live in the My Content folder or another folder that has already been created

Adding Information to Your Quiz Continued

Shakespeare 2.0

Page 23: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Fill in all of the boxes and check the Display to Students BoxChoose your Quiz OptionsClick on the Save/continue button

Watch the video and then take the quiz

To understand Shakespeare “the Man” and how he developed his writing style

Don’t let Matt sit next to Hall!

• Receive an Email notification when a student completes this quiz

• Display quiz questions in random order• Present the quiz “question by question” instead of “all at once”• Allow student to view the graded quiz (with correct answers

revealed)• Allow student to take the quiz more than once

Page 24: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Adding Content To Your Quiz

Choose the type of Material You would like to add to your quiz

Search My Content or Discovery Education Library

Shakespeare

Page 25: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Adding Content to Your Quiz Continued

• Click on the link to view

• Place a check mark next to anything that you would like to add

• Click on the Add button

Page 26: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

The content that you selected shows up in the My Quiz Materials Box

Page 27: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Adding Questions

Create your own question or use one from the quiz data bank

Page 28: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Creating your own questions

Choose your Question Type:Multiple Choice (single answer) Multiple Choice (multiple answer)

Short Answer/Essay

True/False

Then click on its link

Page 29: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Adding a question

1.Enter your question

2.Provide a hint (e.g. watch the movie)

3.Provide a note when correct answer is chosen

4.Provide a note when wrong answer is chosen

5.Enter your quiz answers and select the correct answer

6.Click on the Save Question button

Shakespeare expanded the roles of two characters in his version of Romeo and Juliet. Those two characters were _____.

Watch the movie

Great Job!

Oops try again

Mercutio and Nurse

Paris and Mercutio

Lady Capulet and Nurse

Friar Lawrence and Tybalt

Page 30: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Two New Features!

1. You can add a video that is displayed when a question is presented to student

2. Your can add a video that is displayed when the student answers a question incorrectly

Page 31: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Choosing questions from the Quiz Databank

Create your own question or use one from the quiz data bank

Page 32: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Choosing questions from the Quiz Databank

Enter a Keyword and click on the Go button Shakespeare

Page 33: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

1. Place a check mark next to any of the questions that you want to add

2. Click on the question link to see how it is formed

3. Click on the Add Selected Questions to Quiz button

Page 34: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Preview your quiz

Print out your quiz in Word w/or without the correct answers

Page 35: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Assign Your Quiz

Provide your students’ the link above. The link can be embedded on blackboard and moodle pages, websites, blogs, wikkis and more…

Page 36: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Snazz it up with slideshare.net

Slideshare.net is a free Web 2.0 application that lets you upload and search for PowerPoint presentations, share them, and embed them into the “Builders.”

Page 37: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Inserting Into Your Quiz

•Go to any Web 2.0 page (i.e. slidehare.net) and copy the embed code.•Click on the HTML button inside the Builder•Paste code•Click on the Update button•Click on the save and continue button

Page 38: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Inserting presentations

• Embed PowerPoint presentations

• Link directly to specific pages within presentation

• Great way to assess value of student created presentation (open book quiz)

SlideShare.net

Page 39: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Viewing The Results

• Go back to My Content and click on your folder/quiz, etc.

• Pull down the drop down menu next to your prompt

• Select Grade Book and click on the Go button

• Click on your quiz to see the date completed, grades, and to view the student responses (grades)

Page 40: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Creating an Assignment

Log into www.discoveryeducation.com

Click on the “Teacher Center” link

matt.monjan

*********

Page 41: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Click on the Assignment Builder

Page 42: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Creating your own Assignment

Click on the Create New button to create a new Writing Prompts

Page 43: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Enter in your instructions, objectives and teacher notes (for your eyes only) and then click on the save/continue button

Don’t let Billy sit next to Suzy during this session

To understand how Shakespeare developed his writing style

All the world’s a stage! Shakespeare has been called the greatest writer of the English language, but who was Shakespeare? What kind of a world did he live in? Why is he so great? Watch the videos attached in this assignment, and in combination with your research, provide an inside look at Shakespeare’s life and times, his use of language, and the nitty-gritty of Elizabethan drama.

Page 44: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Adding Information to Your Assignment

• Fill out any field marked by a *

• Select where you would like to save (bookmark) your quiz– A folder that

you’ve already created (Save to Existing Folder)

Shakespeare 2.0

Page 45: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

• Or create a new folder– Note that this

folder must live in the My Content folder or another folder that has already been created

Adding Information to Your Assignment Continued

Shakespeare 2.0

Page 46: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Add Material To Your Assignment

Add Videos, Segments, Images, etc

Or

Add Quizzes and/or Writing Prompts

Page 47: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Add Material To Your Assignment

Type in a keyword – search streaming library or My Content then click on the Search button

Shakespeare

Page 48: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Add Material To Your Assignment

Shakespeare

• Click on the link to view

• Place a check mark next to anything that you would like to add

• Click on the Add button

Page 49: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Add Quiz or Writing Prompt To Your Assignment

Shakespeare

• Type a keyword and search for a quiz or writing prompt

• Place a check mark next to anything that you would like to add

• Click on the Save button

Page 50: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Add Material To Your Assignment

Add a links to other websites

Page 51: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Add in your links, give them some description and click on the Add a Web Link button

Discovery Interactive Atlas

streaming.discoveryeducation.com/hotbox/atlas/index.cfm

Launch the Atlas and explore four countries that Shakespeare Mentions in his plays

Page 52: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Add Material Instructions (optional)

For each asset that you choose (videos, websites, etc) you can add individual instruction.

Click on the Continue button

Watch the video and come to class with a report

Listen to the Gcast quote from Shakespeare's Julius Caesar. Name three more of his tragedies and get a bonus if you can add a quote. Get even more extra credit by staging a 2 minute play!

Page 53: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Assignment Builder +

Page 54: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Assigning Your Assignment

Provide your students’ the link above. The link can be embedded on blackboard and moodle pages, websites, blogs, wikkis and more…

Page 55: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Other widgets to explore and add…

www.blabberize.com – Make your Pictures Talk and tell a digital story

www.animoto.com – Turn your images into a music video!

www.flickr.com – go on a photo safari

www.swivel.com – insert graphs into a quiz or assignment

Page 56: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan

Contact Me!

Matt Monjan

[email protected]

240-338-9388