moodle series - learn local - embedding in moodle
DESCRIPTION
~ Embed and manipulate third party content such as such as YouTube, Slideshare and Scribd into Moodle ~ ~ Multimedia plug ins.TRANSCRIPT
![Page 1: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/1.jpg)
Learner Management SystemsLearner Management Systems
Photo Credit: http://www.flickr.com/photos/25691430@N04/4347819911/CC: http://creativecommons.org/licenses/by-sa/2.0/
![Page 2: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/2.jpg)
Programme
• Embed and manipulate third party content such as such as YouTube, Slideshare and Scribd into Moodle• <iframe> • Multimedia plug ins.
![Page 4: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/4.jpg)
What is embedding?
![Page 5: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/5.jpg)
Where can I embed?
Photo Credit: http://www.flickr.com/photos/7149027@N07/6066027411CC: http://creativecommons.org/licenses/by-nd/2.0/
![Page 6: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/6.jpg)
What content do you have?
What digital content do you have now?
What might you need to develop?
![Page 7: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/7.jpg)
Multimedia sources
http://openclipart.org/ http://compfight.com
![Page 8: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/8.jpg)
Multimedia sources
http://skalgubbar.se/ http://findicons.com/
![Page 9: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/9.jpg)
Multimedia sources
• http://www.freesound.org/• http://opsound.org/ • http://librivox.org/• http://www.opensourcemusic.com/• http://ccmixter.org/• http://www.flashkit.com/loops/
![Page 10: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/10.jpg)
Multimedia sources
http://www.slideshare.net/ http://skalgubbar.se/
![Page 11: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/11.jpg)
Site PermissionsSettings > Site administration > Security > Site Policies
http://docs.moodle.org/24/en/Site_policies#Allow_EMBED_and_OBJECT_tags
![Page 12: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/12.jpg)
Resource Repositories
http://docs.moodle.org/22/en/Repositories
![Page 13: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/13.jpg)
Resource Repositories - YouTube
http://docs.moodle.org/22/en/Repositories
![Page 14: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/14.jpg)
Resource Repositories - YouTube
http://docs.moodle.org/22/en/Repositories
<p><a href="http://www.youtube.com/v/EZ15vUjgqvw">P3 Professionals Change Drivers Bronze Age Orientation Day</a></p>
![Page 15: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/15.jpg)
Resource Repositories
http://docs.moodle.org/22/en/Repositories
Settings > Site administration > Plugins > Repositories > Manage Repositories
![Page 16: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/16.jpg)
Multimedia Embedding
Photo Credit: http://www.flickr.com/photos/25622716@N02/8471963889http://creativecommons.org/licenses/by-nc/2.0/
![Page 17: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/17.jpg)
Filters• Finds a link in text that points to a multimedia resource and replaces the link with an appropriate multimedia player code which can play the resource.
Photo Credit: http://www.flickr.com/photos/25622716@N02/8471963889http://creativecommons.org/licenses/by-nc/2.0/
![Page 18: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/18.jpg)
Filter settingsSettings > Site administration > Plugins > Filters > Manage Filters
![Page 19: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/19.jpg)
Filter settingsSettings > Site administration > Appearance > Media embedding
![Page 20: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/20.jpg)
Multimedia Plug insSupported Media Formats
* .mp3 - MPEG Audio Stream, Layer III * .swf - Macromedia Flash Format File (Adobe, Inc.) * .mov - QuickTime Video Clip (Apple Computer, Inc.) * .wmv - Windows Media File (Microsoft) * .mpg - MPEG Animation * .avi - Audio Video Interleave File * .flv - Flash Video File (Macromedia, Inc.) * .ram - RealMedia Metafile (RealNetworks, Inc.) * .rpm - RealMedia Player Plug-in (RealNetworks) * .rm - RealMedia Streaming Media (Real Networks, Inc.) * .mp4 * .m4v
http://docs.moodle.org/24/en/Multimedia_plugins_filter
![Page 21: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/21.jpg)
iFrame tag• Open any Moodle tinyMCE editor• Switch to HTML view• Type in iFrame embed code:
<iframe src="http:/www.yumstudio.com.au"></iframe>
• Add length & width:<iframe height="600" width="900" src="http:/www.yumstudio.com.au"></iframe>
• Use all real estate (width)<iframe height="600" width=”100%" src="http:/www.yumstudio.com.au"></iframe>
Photo Credit: http://www.flickr.com/photos/92033577@N00/4508020659http://creativecommons.org/licenses/by-nc/2.0/
![Page 22: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/22.jpg)
iFrame tag – alternative text• In the event the user’s browser doesn’t support
frames, add some alterative text between the opening and closing tages:
• Use all real estate (width)<iframe height="600" width=”100%" src="http:/www.yumstudio.com.au">Place alternative text for browsers that do not understand Iframes in here</iframe>
http://docs.moodle.org/23/en/Iframe http://www.w3schools.com/tags/tag_iframe.asp Photo Credit: http://www.flickr.com/photos/92033577@N00/4508020659
http://creativecommons.org/licenses/by-nc/2.0/
![Page 23: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/23.jpg)
iFrame tag – examplesVimeo
YouTube
Slideshare
SoundCloudPhoto Credit: http://www.flickr.com/photos/92033577@N00/4508020659
http://creativecommons.org/licenses/by-nc/2.0/
![Page 24: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/24.jpg)
iFrame tag – examples
Photo Credit: http://www.flickr.com/photos/92033577@N00/4508020659http://creativecommons.org/licenses/by-nc/2.0/
![Page 25: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/25.jpg)
Photo Credit: http://www.flickr.com/photos/33037761@N07/5077808426/http://creativecommons.org/licenses/by-nc/2.0/
![Page 26: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/26.jpg)
Object example
Photo Credit: http://www.flickr.com/photos/31191642@N05/4031388571/http://creativecommons.org/licenses/by-nc/2.0/
![Page 27: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/27.jpg)
Object example
YouTube (old embed Code)
Photo Credit: http://www.flickr.com/photos/31191642@N05/4031388571/http://creativecommons.org/licenses/by-nc/2.0/
![Page 28: Moodle Series - Learn Local - Embedding in Moodle](https://reader035.vdocuments.mx/reader035/viewer/2022081507/555843b4d8b42ac6078b5178/html5/thumbnails/28.jpg)
Object example
YouTube (old embed Code)
Photo Credit: http://www.flickr.com/photos/31191642@N05/4031388571/http://creativecommons.org/licenses/by-nc/2.0/