building a bigger builder: combining the de builder tools with web 2.0 widgets and applications matt...
Post on 18-Dec-2015
222 views
TRANSCRIPT
![Page 1: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/1.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/2.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/3.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/4.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/5.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/6.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/7.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/8.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/9.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/10.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/11.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/12.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/13.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/14.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/15.jpg)
Preview your work
![Page 16: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/16.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/17.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/18.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/19.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/20.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/21.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/22.jpg)
• 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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/23.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/24.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/25.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/26.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/27.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/28.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/29.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/30.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/31.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/32.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/33.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/34.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/35.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/36.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/37.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/38.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/39.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/40.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/41.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/42.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/43.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/44.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/45.jpg)
• 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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/46.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/47.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/48.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/49.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/50.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/51.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/52.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/53.jpg)
Assignment Builder +
![Page 54: Building a Bigger Builder: Combining the DE Builder tools with Web 2.0 Widgets and Applications Matt Monjan](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/54.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062421/56649d255503460f949fc301/html5/thumbnails/55.jpg)
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