tag:blogger.com,1999:blog-51381653078527915612024-03-05T13:55:43.491-08:00Michael Penney's BlogUnknownnoreply@blogger.comBlogger10125tag:blogger.com,1999:blog-5138165307852791561.post-45349907187415154522011-12-05T07:41:00.000-08:002011-12-05T08:05:11.308-08:00Moodle 2.2-IMS LTI, Rubrics, etc.<h3 class="groups" style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-size: 16px; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 13px; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Before I started working as Project Manager and Product Architect, I was a content guy, developing and delivering interactive rich media content online. So the thing I am most excited about in Moodle 2.2 is IMS LTI. </span></h3><div><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 13px; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br />
</span></div><div><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Basically LTI provides a much improved method for content publishers to load content into an LMS (Learning Management System), VLE (virtual learning environment) like Moodle, Blackboard, etc. Over time this will likely replace or at least supplant SCORM, LMS specific 'course packs', and the old tried and true "copy/paste". </span></div><h3 class="groups" style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-size: 16px; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 13px; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br />
</span></h3><h3 class="groups" style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-size: 16px; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 13px; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Gavin Henrick has an excellent overview of how IMS LTI in Moodle works (link below) showing with screenshots and instructions how easy it is now for teachers to use this content in Moodle. So check out Gavin's article for the details of how LTI works in Moodle.</span></h3><h3 class="groups" style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-size: 16px; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 13px; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br />
</span></h3><h3 class="groups" style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-size: 16px; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 13px; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">I wanted to just add a few thoughts of my own about the importance of IMS LTI support in Moodle:<br />
<br />
I was talking to a publisher just the other day about how this will let them more easily publish their content out to Moodle (and other LMSs) with this general workflow: </span></h3><div><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 13px; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br />
</span></div><h3 class="groups" style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><ol style="color: #333333; font-size: 16px;"><li><span class="Apple-style-span" style="color: black; font-size: 13px; line-height: 15px;">Publisher sets up an LTI producer, provides teachers/instructors/professors with the credentials</span></li>
<li><span class="Apple-style-span" style="color: black; font-size: 13px; line-height: 15px;">Teachers/professors just need to to put in their credentials to load the content into their course</span></li>
<li><span class="Apple-style-span" style="color: black; font-size: 13px; line-height: 15px;">Students view content (as soon as instructors make it visible).</span></li>
</ol></h3><h3 class="groups" style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-size: 16px; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 13px; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"> <br />
The main downside are the usual issues with external content - if the service provider has network/scaling problems, the content won't show in the LMS. For critical applications relying on LTI - especially for summative assessment, I recommend looking for strong SLAs and/or on-premise solutions.<br />
<br />
Another downside is that every LTI producer will likely at first implement their own user interface, which can lead to confusion and frustration in students and instructors as they try to navigate different interfaces within their LMS. Producers might implement an LMS aware UI layer in their application to mitigate this, or adopt UI standards.<br />
<br />
From a consumer side perspective, my then 7 y.o. daughter's school district last year had 11 different learning applications she was expected to use, with 11 different logins, 11 different progress reports, etc.If all those different applications had been delivered via LTI within Moodle, she would have had one login, the scores in the Moodle gradebook, etc. The she could have focused more on learning the content and doing the activities than on trying to keep her list of passwords and URLs straight.<br />
<br />
LTI provides a way to make it simpler for students, and parents (at prek12), to consume rich media interactive content (without all those various logins!) and instructors to use external content, and for publishers to provide content, and I think that will make it very useful for content providers who use the standard effectively. It is similar to content broadcasting, or more specifically interactive learning content streaming.</span></h3><div><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 13px; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br />
</span></div><div><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 13px; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">This will make it easier for content publishers large and small to sell or share their content with students and teachers.</span></div><div><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 13px; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br />
</span></div><div><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 13px; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">Check out Gavin's blog post to see how this works in Moodle:</span></span></div><div><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"></span></span><br />
<h1 style="background-color: #fffffc; clear: both; color: #333333; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-bottom: 6px; padding-left: 0px; padding-right: 0px; padding-top: 6px; text-align: left;"><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="color: #000077; font-size: small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><a href="http://www.somerandomthoughts.com/blog/2011/11/28/moodle-2-supports-connecting-to-ims-lti-tools/" rel="bookmark" style="color: #000077; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Moodle 2.2 will support connecting to IMS LTI tools.</a></span></span></span></h1><h1 style="background-color: #fffffc; clear: both; color: #333333; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-bottom: 6px; padding-left: 0px; padding-right: 0px; padding-top: 6px; text-align: left;"><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Moodle 2.2 has just been released today, get it here:</span></span></h1><h1 style="background-color: #fffffc; clear: both; color: #333333; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 20px; margin-top: 0px; padding-bottom: 6px; padding-left: 0px; padding-right: 0px; padding-top: 6px; text-align: left;"><span class="comment-body" data-li-comment-text="" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; line-height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><a href="http://download.moodle.org/">http://download.moodle.org/</a></span></span></h1></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-5138165307852791561.post-28381037079165366152010-02-27T12:40:00.001-08:002010-02-27T12:45:38.497-08:00Runing Moodle on a KindleThis pictures show me logged in to Remote-Learner's Moodle training site on my new Kindle:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghz9481U2qnLGW2tV9YMeMJIJ0vksVITb33gMrtpONXMkG5Lb4b31kH7A0QlGjW_U42HrpNp1R53NpXSWEpRymFWqcvdtIxCihfLP22sKeHL1Hfzt5U-weDJ-k-bfhcy3CeYIcSUekVY47/s1600-h/DSCF9862.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghz9481U2qnLGW2tV9YMeMJIJ0vksVITb33gMrtpONXMkG5Lb4b31kH7A0QlGjW_U42HrpNp1R53NpXSWEpRymFWqcvdtIxCihfLP22sKeHL1Hfzt5U-weDJ-k-bfhcy3CeYIcSUekVY47/s320/DSCF9862.JPG" alt="" id="BLOGGER_PHOTO_ID_5443026067320710914" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Next, I'm working on publishing to Kindle format from Moodle's book module.Unknownnoreply@blogger.comtag:blogger.com,1999:blog-5138165307852791561.post-56289603738475731662009-03-01T10:27:00.000-08:002009-03-01T10:28:44.977-08:00Jeff Keltner describes GoogleApps for Education<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/IRYRbPCHTck&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/IRYRbPCHTck&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-5138165307852791561.post-46339467571177104112009-03-01T09:54:00.000-08:002009-03-01T10:10:48.514-08:00GoogleApps - Moodle Integration releasedHi all, we've released the GoogleApps-Moodle integration via SAML/OAuth.<br /><br />There are a number of articles about it:<br /><br /><a href="http://campustechnology.com/articles/2009/02/20/google-collaborates-on-moodle-integration.aspx">Campus Technology: Google Collaborates on Moodle Integration</a><br /><br /><a href="http://moodlerooms.com/resource-center/newsroom/news__node/28/">Moodlerooms Integrates Google Features with Moodlews__node/28/</a><br /><br /><a href="http://www.techlearning.com/article/15954">Moodle joins forces with Google</a><br /><br />The code is available from:<br /><a href="http://development.moodlerooms.com">http://development.moodlerooms.com</a><br /><br /><a href="http://search.twitter.com/search?q=moodle+google"><br />There are lots of tweets about it:-)</a>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-5138165307852791561.post-29353218302189221422008-10-15T20:03:00.000-07:002008-10-15T20:35:36.417-07:00People get ready....<span style="font-weight:bold;">New modules and blocks released for Moodle!</span><br /><br />Moodlerooms has released a number of new tools that we have been working on for the past year:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0rROPwN2tne8HROHYB6_OD_fHVdS7mENDh1aogPW4yQ-QTw4-0aZVR5mACjbsrnqNg-jS2mFphKgcNbbkQplcpdRZNdfoSWuH40DX9mntfpkryvhhKifjlDBf7OtRqXoL2DmtmTe8tahO/s1600-h/block_iface.png"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0rROPwN2tne8HROHYB6_OD_fHVdS7mENDh1aogPW4yQ-QTw4-0aZVR5mACjbsrnqNg-jS2mFphKgcNbbkQplcpdRZNdfoSWuH40DX9mntfpkryvhhKifjlDBf7OtRqXoL2DmtmTe8tahO/s320/block_iface.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5257583357527302018" /></a><span class="Apple-style-span" style="font-weight: bold;">Course Management:</span> schedule bulk restores of courses, set unique settings for each courses (course name, defaults, etc), batch delete courses, all in one handy block.<br /><br />The course management block was developed to increase site administrator’s productivity and reduce peak load on Moodle servers caused by the backup and restoring of courses. The Course management block allows Moodle site administrators to schedule backup and restores of courses at non-peak Moodle usage times. It also allows Moodle site administrators to delete multiple courses at one time from one user interface. <div><div><br /></div><div><span class="Apple-style-span" style="font-weight: bold;">Themed Resource:</span> give each resource it's own CSS 'theme' and or re-use themes on multiple resources. Add background colors/images, rounded corners, etc. to a Moodle HTML resource.</div><div><br /></div><div>And this is just the start of a set of exciting new releases from the Moodlerooms Development team:-).</div><div><br /></div><div>Gather up your long tail, and look out over the flat earch because we're headed for a tipping point:-).</div><div><br /></div></div><br /><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/VQqTxK7VhSk&hl=en&fs=1"><param name="allowFullScreen" value="true"><embed src="http://www.youtube.com/v/VQqTxK7VhSk&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object><br /><br /><a href="http://development.moodlerooms.com">New Moodlerooms releases.</a>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-5138165307852791561.post-17032814075066417002008-10-10T07:15:00.000-07:002008-10-10T07:16:23.918-07:00People...<span class="Apple-style-span" style=" white-space: pre; font-family:Arial;font-size:10px;"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/FN9GX-HRU8s&hl=en&fs=1"><param name="allowFullScreen" value="true"><embed src="http://www.youtube.com/v/FN9GX-HRU8s&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-5138165307852791561.post-85981802914437928632008-07-26T21:20:00.000-07:002008-07-27T10:04:18.558-07:00 <b id="wal1">Presenting Google Docs inside of a Flexpage Course.</b><br id="djwz"><br id="djwz0">For content rich sites, and to provide a simplified, web-site like navigational flow through interactive content in Moodle, we built a new Moodle course format called "Flexpage". In the <a title="previous tutorials" target="_blank" href="http://michaelpenney.blogspot.com/2008/07/googledocs-moodle-tutorial-googledocs.html" id="hl:n">previous tutorials</a>, we discussed how to load files from Google Docs into Moodle resources. These resources can be presented within the Flexpage course format, which alleviates the use of pop-ups (a problem some students have in content rich courses is that when there are many resource pop-ups, non-technical users may have a hard time understanding how to close the windows, and/or not understand how to use the browser's "Back" button to navigate back through pages to get back to the course) - the Flexpage format was designed to reduce some of these common navigational problems.<br id="e-7u"><br id="e-7u0"><b id="pxt_">Code and tutorial links:</b><br id="pxt_0">This tutorial assumes a site where the optional Flexpage course format has been properly installed. You can download Flexpage from here: <a title="The Moodlerooms Development Site" target="_blank" href="http://development.moodlerooms.com/" id="d-lb">http://development.moodlerooms.com/</a> tutorials for the Flexpage format are located here: <a title="http://development.moodlerooms.com/course/view.php?id=7" target="_blank" href="http://development.moodlerooms.com/course/view.php?id=7" id="n33r">http://development.moodlerooms.com/course/view.php?id=7</a>. You can see a great example of the Flexpage format in use on Cisco Systems Entrepreneurship Institute: <a title="http://ciscoinstitute.net/course/view.php?id=76" target="_blank" href="http://ciscoinstitute.net/course/view.php?id=76" id="fj9u">http://ciscoinstitute.net/course/view.php?id=76</a> <a title="http://ciscoinstitute.net/course/view.php?id=76" href="http://ciscoinstitute.net/course/view.php?id=76" id="qldc"></a> <br id="xhxe"><br id="xhxe0">In the previous tutorials, we saw how to add files from Google Docs to a standard Moodle installation in various ways. If you followed this tutorial on your own, demo, Moodle installation (and as a responsible Moodler you would try new things on your demo installation before trying them on your production installation, right!?), you can install the Flexpage course format on your demo server and then use the same files you added in the previous tutorials.<br id="wal10"><br id="wal11">1) If your course is currently in Topics (the default Moodle format) or other format, then switch it to the Page format, by clicking "Settings",<br id="xhxe1"><br id="xhxe2"><div id="q:lm" style="padding: 1em 0pt; text-align: left;"><img id="nm:l" style="width: 487px; height: 360px;" src="http://docs.google.com/File?id=dfhbhqd7_127n383mfm2_b"></div>and then choose "Page" from the drop down menu. Make sure you also have one of the Flexpage compatible themes (page, or moodlerooms in the download) installed and set your course to use it, to fully utilize the Flexpage features described in this tutorial.<div id="a7v2" style="padding: 1em 0pt; text-align: left;"><img id="hug5" style="width: 467px; height: 188px;" src="http://docs.google.com/File?id=dfhbhqd7_127fhvtz7cp_b"></div><br id="wal12">2) Choose the "Page Format" and then scroll down and click "Save Changes".<br id="hug50"><div id="kvzt0"><br id="hug51">Unlike Moodle's standard formats, which come pre-loaded with certain blocks, the Page format presents you with a' tabula rosa', literally, a blank page. Relax, that is what it supposed to do. <br id="yu58"><br id="yu580">3) To create your first page, click the "Turn editing on" button, and then click the "Add Page" tab. Give the page a name, and set the various settings as needed, then "Save changes". For a full tutorial on the Flexpage format, click here: <a title="http://development.moodlerooms.com/course/view.php?id=7" target="_blank" href="http://development.moodlerooms.com/course/view.php?id=7" id="jlo0">http://development.moodlerooms.com/course/view.php?id=7</a> <br id="tr3u"></div><div id="riix"><br id="tr3u0"><div id="wmc:" style="padding: 1em 0pt; text-align: left;"><img id="xa-f" style="width: 676px; height: 465px;" src="http://docs.google.com/File?id=dfhbhqd7_128nqqrp8cp_b"></div><br id="wal13">Now we are ready to add some of our GoogleDocs content to the page(s) we will create in our course. If you have installed the Page format on your demo Moodle installation, and switched the course you added the demo content to to Flexpage format, then your content will already be loaded and ready to load in the Flexpage. If you have not loaded content in your Flexpage demo course, then skip down to step below to see how to do this.<br id="la7z"><br id="la7z0">4) To add content that was previously added into a Topics format course, choose the Moodle resource from the "Add existing activity" drop down.<br id="whhy0"><br id="whhy1">We'll add the Google Presentation resource we created back in the previous tutorial.<br id="jhz1"><br id="jhz10"><div id="hvoz" style="padding: 1em 0pt; text-align: left;"><img id="b49t" style="width: 439px; height: 259px;" src="http://docs.google.com/File?id=dfhbhqd7_129fmv63phr_b"></div><br id="fk2-">When we first add this, everything looks pretty much the same as it did in the standard course, huh?<br id="x8f8"><br id="x8f80"><div id="tm1a" style="padding: 1em 0pt; text-align: left;"><img id="x8f81" style="width: 498px; height: 170px;" src="http://docs.google.com/File?id=dfhbhqd7_130g7w6xndh_b"></div>This is because the resource is set to display in a New window. If you click it, that is what it will do. So lets see where the magic is. <br id="gw6l"><br id="ks4q">5) Click the edit icon next to the name of the resource (make sure 'Turn editing on' is checked').<br id="gw6l0"><div id="mubg" style="padding: 1em 0pt; text-align: left;"><img id="hnak" style="width: 498px; height: 170px;" src="http://docs.google.com/File?id=dfhbhqd7_136hf5w5khb_b"><br id="hnak0">This opens the resource editing screen we covered previously. <br id="hnak1"></div><br id="gw6l1">6) Scroll down to the "Window" settings, and choose "Same window". This tells the Flexpage course format to render the resource on the page, rather than make a link to it.<br id="je27"><br id="je270"><img id="abfw1" style="width: 659px; height: 121px;" src="http://docs.google.com/File?id=dfhbhqd7_135hqj3hzst_b"><br id="sx6l"> <br id="sx6l0">7) Click "Save and return to course".<br id="ghur"><br id="ghur0">Now the resource is displayed in the course:<br id="ghur1"><div id="uedf" style="padding: 1em 0pt; text-align: left;"><img id="vsea" style="width: 702px; height: 635px;" src="http://docs.google.com/File?id=dfhbhqd7_137ff6v44hm_b"></div>Click "Turn editing off" to see the resource as students will see it.<br id="qv_b"><br id="qv_b0">8) Now lets add another page. We'll add this page as a 'child page' of the Google Docs page. See the Flexpage tutorials <a id="dhcf" name="Flexpage_Tutorial"></a>discussed above for more information on Child pages and Parent pages.<br id="qv_b1"><div id="xmhg" style="padding: 1em 0pt; text-align: left;"><img id="jsl4" style="width: 618px; height: 475px;" src="http://docs.google.com/File?id=dfhbhqd7_138hkqhx5dp_b"><br id="jlp6"><br id="jsl40">We get another blank page. <br id="akce"><br id="akce0">9) Now, choose the "Mid Semester Evaluation" we added previously from the "Add existing activity" drop down. <br id="g28:"><br id="g28:0"><div id="bhai" style="padding: 1em 0pt; text-align: left;"><img id="g28:1" style="width: 438px; height: 267px;" src="http://docs.google.com/File?id=dfhbhqd7_13973wjn5f9_b"></div><br id="g28:2">Again, it just shows a link.<br id="ygt8"><div id="e190" style="padding: 1em 0pt; text-align: left;"><img id="ygt80" style="width: 445px; height: 133px;" src="http://docs.google.com/File?id=dfhbhqd7_140c3wkdhjw_b"></div>10) Click the edit button as we did above for the Presentation, and set the resource to show in the same window.<br id="qk1_"><br id="jjdg">The form is embedded in the course. <br id="jjdg0"><br id="jjdg1">That is pretty neat, but we still don't have a way to navigate around the course. Lets add a menu. <br id="chrv"><br id="chrv0">11) Click the Manage Activities tab.<br id="jsl41"></div><div id="doam" style="padding: 1em 0pt; text-align: left;"><img id="rsw2" style="width: 570px; height: 219px;" src="http://docs.google.com/File?id=dfhbhqd7_131dtb929dm_b"></div><br id="btp_">This shows us an overview of all the modules and resources that have been added to the course so far. <br id="lh0o"><br id="lh0o0"><div id="adzl" style="padding: 1em 0pt; text-align: left;"><img id="szoi" style="width: 686px; height: 412px;" src="http://docs.google.com/File?id=dfhbhqd7_142hs2cs3d7_b"></div>12) To add a menu, choose "Page menu" from the "Add an activity..." drop down.<br id="bszc"><div id="lbul" style="padding: 1em 0pt; text-align: left;"><img id="m.4r" style="width: 233px; height: 328px;" src="http://docs.google.com/File?id=dfhbhqd7_143fzr987fc_b"><br id="lg-."><br id="ar3s">13) This opens the menu editing screen, here you can give the menu a name (1), and lets check the use as tab (2) box to have the menu show as a tab. Check that visibility is set to "Show" (3), and finally, click the "Save and display" button.<br id="ar3s0"><div id="l4m9" style="padding: 1em 0pt; text-align: left;"><div id="cs.7" style="padding: 1em 0pt; text-align: left;"><img id="pu37" style="width: 610px; height: 406px;" src="http://docs.google.com/File?id=dfhbhqd7_144c5dhjghq_b"></div>Now we'll see the empty menu, ready to have pages added. <br id="eelp"><br id="eelp0">14) To add pages, click the "Edit" tab.<br id="k28a"><div id="b5ba" style="padding: 1em 0pt; text-align: left;"><img id="k28a0" style="width: 247px; height: 182px;" src="http://docs.google.com/File?id=dfhbhqd7_145gxvh99hm_b"><br id="t.jn">We can put all sorts of stuff in a menu, but for now, lets just add the Google Docs page we created in step above. <br id="eelp1"><br id="eelp2">15) To do that, choose "Google Docs" from "Add format page" drop down, and then click "Add links".<br id="wqhg0"><div id="adjq" style="padding: 1em 0pt; text-align: left;"><div id="ppoa" style="padding: 1em 0pt; text-align: left;"><div id="vkii" style="padding: 1em 0pt; text-align: left;"><div id="o1g2" style="padding: 1em 0pt; text-align: left;"><img id="mms_" style="width: 500px; height: 513px;" src="http://docs.google.com/File?id=dfhbhqd7_148d666brpc_b"><br id="qi4p"><br id="qi4p0">Now we can see the Page has been added to the menu. <br id="a4ek1"><br id="a4ek2">As you learned in the Flexpage tutorial, you can add more pages to the menu, external links, etc. The pages can be re-ordered in the menu, using standard Moodle move icons. The same page can be added to multiple menus, also. Since we added the Form page as a child page of the Google Docs page, it shows up automatically (currently the 'moodlerooms' theme is set to show parent pages all in capitals, this can be changed in the theme css).<br id="qi4p1"><div id="sqbq" style="padding: 1em 0pt; text-align: left;"><img id="qi4p2" style="width: 598px; height: 197px;" src="http://docs.google.com/File?id=dfhbhqd7_149f285p639_b"></div>Since we set the menu to show as a tab in step above, we can now see the tab, and click it to return to the course.<br id="ttzj"><div id="g-ug" style="padding: 1em 0pt; text-align: left;"><img id="dx4c" style="width: 185px; height: 101px;" src="http://docs.google.com/File?id=dfhbhqd7_150d9dz9kht_b"></div>Of course, we could also use the Moodle breadcrumbs.<br id="dx4c0"><br id="dx4c1">16) Back on the course page, we have some options now. We can also add the menu to the page, for example. Perhaps we don't want it as a tab, or perhaps we want it to be in both places (for instance, so people without javascript can still navigate easily).<br id="w3hg"><br id="w3hg0"><div id="p36b" style="padding: 1em 0pt; text-align: left;"><img id="w3hg1" style="width: 432px; height: 179px;" src="http://docs.google.com/File?id=dfhbhqd7_151ddgt5r7h_b"></div>17) The menu will show up below the presentation resource, by default, but we can click the standard Moodle move arrow to move it over to the left column.<br id="nytl"><div id="vvqv" style="padding: 1em 0pt; text-align: left;"><img id="o76o" style="width: 591px; height: 223px;" src="http://docs.google.com/File?id=dfhbhqd7_152gf4vgkdv_b"><br id="yhin"><br id="basf">Now we can click the child page (in this case the "Form Page") link to go to the child page.<br id="basf0"></div><div id="qw8w" style="padding: 1em 0pt; text-align: left;"><img id="basf1" style="width: 305px; height: 161px;" src="http://docs.google.com/File?id=dfhbhqd7_153fvdprzds_b"><br id="yhin0"><br id="basf2">18) Now this is a new page, so we have to add the menu to it also (remember that tabula rosa thing:-). Someday it would be nice to be able to have a module show on all Flexpages pages, wouldn't it?<br id="basf3"><br id="zbg0">Anyway, easy enough to add the menu to this page, <br id="ld:s"><div id="i-eg" style="padding: 1em 0pt; text-align: left;"><img id="ld:s0" style="width: 431px; height: 126px;" src="http://docs.google.com/File?id=dfhbhqd7_175gmjjrcg4_b"></div>and notice that now it is highlighted on our page (since that is the page we are on). The colors, etc. are all managed in the theme css.<br id="q69k"><div id="s9sd" style="padding: 1em 0pt; text-align: left;"><img id="u9c1" style="width: 602px; height: 417px;" src="http://docs.google.com/File?id=dfhbhqd7_154dqt6vmgv_b"></div><br id="plgl"><br id="plgl0">One nice thing about this is that our navigation after sending the form is perhaps a bit nicer, now once we submit the form we are still on the same page and can use the menu or the tab to go to other pages.<br id="zbg00"><br id="u9c10"><div id="j6w3" style="padding: 1em 0pt; text-align: left;"><img id="u9c11" style="width: 714px; height: 285px;" src="http://docs.google.com/File?id=dfhbhqd7_155cgckr5hg_b"><br id="fm2r"><b id="q81r"><br id="fm2r0">Adding a new Moodle resource to a Flexpage course:</b><br id="q81r0">So now lets see how to add a brand new activity from Google Docs to a Flexpage Moodle site. First of course I need to have a Google Docs file to put in the course. <br id="yvka"><br id="yvka0">19) This time, lets put in a regular Document (Writely) file. I've got one in my Google Docs, so I'll go publish it by checking the box next to it's name (1) and choosing "Publish" from the "More actions" drop down menu (2).<br id="ibag"><br id="ibag0"><div id="djni" style="padding: 1em 0pt; text-align: left;"><img id="ibag1" style="width: 544px; height: 174px;" src="http://docs.google.com/File?id=dfhbhqd7_159dk7q47dn_b"><br id="azln"><br id="azln0">I like to check the "Automatically re-publish" checkbox (1), so that when I update the document the latest version is published. Either way, click the OK button on the pop-up. This publishes the document for anyone who knows the URL.<br id="k55t"><br id="k55t0"><div id="xtjz" style="padding: 1em 0pt; text-align: left;"><img id="azln1" style="width: 582px; height: 258px;" src="http://docs.google.com/File?id=dfhbhqd7_160fh2j67hs_b"><br id="jkz5"><br id="jkz50">As we've seen before, Google Docs gives you the link to the document. Now, you could just copy this link, and paste it into a "Link to file or website" resource type, as we've done before. Part of the reason I've gotten you comfortable with iframes, though, is because I want to embed this document in a Flexpage, rather than just link to it. Putting it in the Flexpage means that the document can be presented 'in-context', in the course's navigation.<br id="e9de"><br id="s9l3">19) So, copy the link, and lets move on!<br id="e9de0"><div id="zrb5" style="padding: 1em 0pt; text-align: left;"><img id="jkz51" style="width: 607px; height: 172px;" src="http://docs.google.com/File?id=dfhbhqd7_161dsfhfbff_b"><br id="pzl_"><br id="pzl_0">20) Now we'll go back into your Moodle course, turn editing on, and click "Manage Activities":<br id="lji2"></div><div id="fi3o" style="padding: 1em 0pt; text-align: left;"><img id="ui1o" style="width: 681px; height: 332px;" src="http://docs.google.com/File?id=dfhbhqd7_1567759m4fn_b"><br id="q:.r"><br id="q:.r0"><br id="q:.r3"><br id="q:.r4">Give the new resource a name, as we've done before.<br id="qbxk"><br id="qbxk0">This is where things get a bit tricky. You'll need to write the iframe code, and then insert the link to the file from above.<br id="q:.r1"> <br id="q:.r2"> Here is some sample iframe code:<br id="fext"> <br id="fext0"> <iframe width="720" height="400" frameborder="0" src="<span id="di2g" style="background-color: rgb(255, 255, 255);">http://docs.google.com/Doc?id=dfhbhqd7_1267zg8ttfq</span>" marginheight="0" marginwidth="0">Loading...</iframe><br id="q_du"><br id="q_du0">Switch to code view, as we've done in previous tutorials. Next, paste in the iframe code from above. Finally, look where you see the src tag:<br id="q_du1"><br id="q_du2">src="<span id="yg0l" style="background-color: rgb(182, 215, 168);">http://docs.google.com/Doc?id=dfhbhqd7_1267zg8ttfq</span>"<br id="di2g0"><br id="di2g1">The link (URL) to the document is between the quote marks, after the src= (in green above). Replace the URL from the sample code with the URL that Google provided you when you published the document in step 19 above.<br id="q_du3"><br id="lji20"><br id="lji21"><div id="eb13" style="padding: 1em 0pt; text-align: left;"><img id="q:.r5" style="width: 697px; height: 548px;" src="http://docs.google.com/File?id=dfhbhqd7_164fbj9qqg5_b"><br id="s6ic"><br id="l_ne">20) Now scroll down and set the "Window" settings to "Same window" as we've done before. Click the "Save and return to course" button.<br id="s6ic0"><div id="w9oa" style="padding: 1em 0pt; text-align: left;"><img id="l_ne0" style="width: 664px; height: 272px;" src="http://docs.google.com/File?id=dfhbhqd7_164c6kmg5gx_b"><br id="j:sr"><br id="whnn">21) Now we'll create a new page to put the file on, as we've done previously. Set the settings as you like, and then click "Save Changes".<br id="j:sr0"><div id="o4_g" style="padding: 1em 0pt; text-align: left;"><div id="y.:f" style="padding: 1em 0pt; text-align: left;"><img id="whnn0" style="width: 564px; height: 441px;" src="http://docs.google.com/File?id=dfhbhqd7_165fv8cc3cj_b"><br id="xiy6"><br id="xiy60">22) Now add the resource we just created to the page.<br id="fwdu"><div id="evua" style="padding: 1em 0pt; text-align: left;"><img id="xiy61" style="width: 398px; height: 256px;" src="http://docs.google.com/File?id=dfhbhqd7_166g54rjctf_b"><br id="ncpu"><br id="ncpu0">And you can see the page in Moodle. <br id="ncpu1"><div id="k67n" style="padding: 1em 0pt; text-align: left;"><img id="ncpu2" style="width: 865px; height: 389px;" src="http://docs.google.com/File?id=dfhbhqd7_166c8g6z8gx_b"><br id="b3py"><br id="b3py0">You see the edit toolbars, because I am still logged in to Google Docs. This is a also a nice benefit of using the iframe, since we are actually loading the page from our Google Docs account, I can edit the document directly from within my Flexpage in Moodle. Of course your students won't be logged into your Google Docs account, so to see what your students will see, sign out of your Google Docs account. <br id="v-gm"><br id="v-gm0">23) If you are logged in, click "Sign out". Of course, with Google Docs you can give your students write access to the document, so they can also edit, but that is a later tutorial:-).<br id="w_5e"><div id="zl_s" style="padding: 1em 0pt; text-align: left;"><img id="v-gm1" style="width: 311px; height: 111px;" src="http://docs.google.com/File?id=dfhbhqd7_167c75cfdfb_b"><br id="cz-x"><br id="cz-x0">Now you can see the page in non-editing view. <br id="v-gm2"><br id="v-gm3"><div id="mcnd" style="padding: 1em 0pt; text-align: left;"><img id="cz-x1" style="width: 819px; height: 393px;" src="http://docs.google.com/File?id=dfhbhqd7_16895j5zrfd_b"><br id="ywpd"><br id="ywpd0">Now, we've created a page, and added a file from Google Docs to the page. Next, we'll add the page to the menu. <br id="m7g8"><br id="m7g80">24) To do so, go into Manage Activities, and click on the edit icon next to your page menu, as we did in step above.<br id="wdj2"><br id="wdj20"><div id="qvgb" style="padding: 1em 0pt; text-align: left;"><img id="rkre" style="width: 488px; height: 282px;" src="http://docs.google.com/File?id=dfhbhqd7_170dd6qc5cv_b"><br id="ii2e"><br id="imma">25) Choose the page you've just added, and click "Add links".<br id="imma0"></div><div id="wpkr" style="padding: 1em 0pt; text-align: left;"><img id="x2jz" style="width: 300px; height: 225px;" src="http://docs.google.com/File?id=dfhbhqd7_171cg2zxvf3_b"><br id="ii2e0"><br id="xb2w">Now the page will show up in your menu. For one last thing, (if as we haven't done enough!), lets move the page from below the "Google Docs" link in the menu, to above it. Moving menu items around in the Page Menu uses the standard Moodle 'move' icons. <br id="b533"><br id="b5330">26) Click the move icon next to the page ("The Great Vasa") in the below image.<br id="ikis"><div id="lsuu" style="padding: 1em 0pt; text-align: left;"><img id="o67i" style="width: 307px; height: 207px;" src="http://docs.google.com/File?id=dfhbhqd7_172gtx46jcf_b"><br id="ii2e1"><br id="xm6m">27) Click the empty box where you would like the menu to go.<br id="o67i0"><div id="m_7q" style="padding: 1em 0pt; text-align: left;"><img id="xm6m0" style="width: 246px; height: 263px;" src="http://docs.google.com/File?id=dfhbhqd7_173d7tqtdhm_b"><br id="ii2e2"><br id="b3l1">Now when you look at the drop down menu, the page shows up first. <br id="xm6m1"><div id="yq0c" style="padding: 1em 0pt; text-align: left;"><img id="b3l10" style="width: 264px; height: 130px;" src="http://docs.google.com/File?id=dfhbhqd7_174hb7fzshc_b"><br id="b7lf"><br id="b7lf0"></div><b id="ap.5">Summary:</b> Flexpage provides a way to present content rich courses within a navigation and menu-ing system that is easy for users to get around in. Documents from Google Docs can be placed in Flexpages to enables teachers to have a free content authoring and publishing system. Flexpage also enables the placement of various modules such as Discussion forums and Quizzes on the same page as the content that is being discussed.<br id="fkcd"></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><br id="djwz1"> <br id="wal14"><br id="l1ar"><br id="hsuu"><br id="b3tu"><br id="lzsu"></div><br id="a:5e"><br id="u4j.">Unknownnoreply@blogger.comtag:blogger.com,1999:blog-5138165307852791561.post-19588501025701852122008-07-26T21:09:00.000-07:002008-07-26T21:17:34.928-07:00 <font id="fk_1" size="4"><font id="ga-l" size="5"><b id="qv.u">Putting a custom form into Moodle</b></font><br id="lyte"><br id="lyte0">Over my years of using Moodle and other LMS's, there have from time to come been requests from teachers (and students:-)) to build forms for gathering information. Building a form used to be a fairly complex task, but Google has made the process much easier by adding a form editor to their free Google Spreadsheets application. <br id="q:ha"><br id="q:ha0"><b id="ga-l0">A custom form can be used to gather feedback from students, from users of a site, etc.</b><br id="aqd2"><br id="aqd20"></font><div id="ga-l1" style="margin-left: 40px;"><font id="ga-l2" size="4">1) To begin, create a new Google Spreadsheet</font><br id="dqaa"><font id="fk_12" size="4"><img id="ju5x" style="width: 368px; height: 248px;" src="http://docs.google.com/File?id=dfhbhqd7_93dnk52tdv_b"></font><br id="yrsp"><br id="yrsp0"><font id="ga-l3" size="4">2) When you create the spreadsheet, you will see the "Create a form" link in the upper left. Click the Create a form link.</font><br id="j:du"><br id="j:du0"><font id="ga-l4" size="4"><img id="h_di" style="width: 437px; height: 220px;" src="http://docs.google.com/File?id=dfhbhqd7_92hr48mzrr_b"></font><br id="yrsp1"><br id="yrsp2"><font id="ga-l5" size="4">This opens up the form editing window. </font><br id="zk32"><br id="zk320"><font id="ga-l6" size="4">3) Give the form a title (1). Next, add some questions (2). </font><br id="qta5"><br id="qta50"><font id="ga-l7" size="4">To add a question, simply give the question a name, add some help text if needed, and then choose the question type from the Question Type dropdown.</font><br id="tr4j"><br id="tr4j0"></div><div id="w72t" style="padding: 1em 0pt; text-align: left;"><div id="q-do" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><font id="fk_13" size="4"><img id="lnqa" style="width: 685px; height: 512px;" src="http://docs.google.com/File?id=dfhbhqd7_94fxtqb2d8_b"><br id="ghga"><br id="u.ji">Here we are the choosing "Multiple choice" question type.<br id="mzgg"><br id="mzgg0"></font><div id="a4m5" style="padding: 1em 0pt; text-align: left;"><font id="fk_14" size="4"><img id="mzgg1" style="width: 462px; height: 252px;" src="http://docs.google.com/File?id=dfhbhqd7_97f32btxdg_b"></font></div><font id="fk_15" size="4">4) Once you have added the first question, you can click the "Add a question" link to add another question. You can also click the "Duplicate this question" link to make a copy of the first question.<br id="mzgg2"></font></div><div id="n6-5" style="padding: 1em 0pt; text-align: left;"><div id="ga-l8" style="margin-left: 40px;"><font id="fk_16" size="4"><img id="lnqa0" style="width: 542px; height: 372px;" src="http://docs.google.com/File?id=dfhbhqd7_95htcjcqhh_b"></font><br id="dvyt"><br id="rodu"><font id="ga-l9" size="4">5) Once you have added your questions, then click the "Save" button.</font><br id="dvyt0"></div><div id="k8nf" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><div id="qiz5" style="padding: 1em 0pt; text-align: left;"><font id="fk_17" size="4"><img id="c1rj" style="width: 566px; height: 270px;" src="http://docs.google.com/File?id=dfhbhqd7_98fckf2vvn_b"><br id="elx3"><br id="elx30">Google enables you to email your forms to people directly, however for this tutorial we are going embed the form into a Moodle resource, as we've done with the previous presentation tutorials. <br id="ptfz"><br id="ptfz0">6) To embed the form, click the "Preview and send" tab. Then click the "Embed" link.<br id="elx31"></font></div><div id="du9q" style="padding: 1em 0pt; text-align: left;"><font id="fk_18" size="4"><img id="c1rj0" style="width: 771px; height: 375px;" src="http://docs.google.com/File?id=dfhbhqd7_99hqxbkngz_b"><br id="qxm-"><br id="qxm-0">7) Clicking the Embed link opens up a window with the iframe code already selected (remember the iframe code from the Presentation tutorial?). Copy this code for pasting into Moodle.<br id="qxm-1"></font></div><div id="oxhi" style="padding: 1em 0pt; text-align: left;"><font id="fk_19" size="4"><img id="vs6j" style="width: 416px; height: 160px;" src="http://docs.google.com/File?id=dfhbhqd7_100dh8v9jpb_b"><br id="qxm-2"><br id="qxm-3">7.1) On Windows, you can right-click on the iframe code, and choose copy from the right-click menu.<br id="qxm-4"></font></div><div id="nz1r" style="padding: 1em 0pt; text-align: left;"><font id="fk_110" size="4"><img id="vs6j0" style="width: 418px; height: 263px;" src="http://docs.google.com/File?id=dfhbhqd7_101c5b36rfc_b"><br id="qxm-5"><br id="qxm-6">Before we go into Moodle, close the form window and take a look back at your GoogleDocs. If you click on the spreadsheet you created in the first step, in this case "Mid-Semester Evaluation", <br id="qxm-7"></font></div><div id="n8.d" style="padding: 1em 0pt; text-align: left;"><font id="fk_111" size="4"><img id="yrsp4" style="width: 575px; height: 215px;" src="http://docs.google.com/File?id=dfhbhqd7_102f69dpcdn_b"></font></div><font id="fk_112" size="4"><br id="dvyt1"></font></div><div id="ga-l10" style="margin-left: 40px;"><font id="fk_113" size="4">you can see the questions you have created are entered in the first row in the Google Spreadsheet. As people fill out the form in Moodle, their answers will show up in the spreadsheet.</font><br id="z9:."><br id="z9:.0"></div><div id="m18." style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><font id="fk_114" size="4"><img id="z9:.1" style="width: 676px; height: 242px;" src="http://docs.google.com/File?id=dfhbhqd7_103cx89rvvm_b"></font></div><font id="fk_115" size="4"><br id="h2uh"><br id="h2uh0"> </font><hr id="h2uh1" size="2" width="100%"><font id="h2uh2" size="4"><b id="h2uh3">Now, lets go into our Moodle course, and put the form to work!</b><br id="h2uh4"><br id="h2uh5"></font><font id="h2uh6" size="4"><i id="svyh">As mentioned in the previous tutorials, if you do not have a Moodle site, you can try this out at <a title="The Moodle demo site" target="_blank" href="http://demo.moodle.org" id="oexr">demo.moodle.org</a>.</i><br id="kt70"><br id="kt700"></font><div id="wwr:" style="margin-left: 40px;"><font id="yufm18" size="4">8) In your Moodle course, login and then click the "Turn editing on" button, and then choose "Compose a Webpage", from the "Add a resource..." drop down.</font><br id="imrm1"> <img id="swc." src="http://docs.google.com/File?id=dfhbhqd7_82c9kdmbdz_b"><br id="l870"><br id="l8700"><font id="imzr" size="4"><font id="fqbs" size="4"><span id="fqbs0" style="font-family: Arial;">9) On the "Compose a web page" screen, give the file a name. For example here I've named it "Mid-Semester Evaluation". It is a good idea to make the name in Moodle the same as the name in GoogleDocs- this will make it easier to manage your data in case you make other forms and spreadsheets.</span></font><br id="bfx9"></font><br id="bfx90"></div> <div id="fqqg" style="padding: 1em 0px; text-align: left;"> <div id="xbt1" style="padding: 1em 0px; text-align: left;"><font id="yufm19" size="4"> <div id="qvqo" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><img id="ygxv" style="width: 818px; height: 475px;" src="http://docs.google.com/File?id=dfhbhqd7_104cbqp75gw_b"><br id="gowk"><br id="gowk0">10) In the "Full text" box, click the code view button.<br id="gowk1"></div><div id="ro4v" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><img id="f-a2" style="width: 762px; height: 256px;" src="http://docs.google.com/File?id=dfhbhqd7_105ddx6bggp_b"></div></font><div id="wwr:1" style="margin-left: 40px;"><br id="gowk2"><font id="xmxa" size="4">11) Then paste in the iframe code from GoogleDocs. </font><br id="f-a20"></div><div id="z6.e" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><font id="x9g." size="4"><img id="f-a21" style="width: 711px; height: 277px;" src="http://docs.google.com/File?id=dfhbhqd7_106g3h2mmcq_b"><br id="gowk3"><br id="gowk4"><br id="gowk5">12) Finally, scroll down to the Window and Common module settings. Choose "New Window" (1), and then check your visibility settings as described in the previous tutorial. Click the Show Advanced button to try out other Window settings (like GoogleDocs, Moodle is very flexible, and you can always change your settings later if you change your mind).<br id="ofqu"><br id="ofqu0">12.1) Click the "Save and return to course" button.<br id="gowk6"></font></div><div id="ag-d" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><font id="x9g.0" size="4"><img id="q_vm" style="width: 751px; height: 276px;" src="http://docs.google.com/File?id=dfhbhqd7_107dssz6mgn_b"><br id="pzef"><br id="pzef0">Now you can see the your new Moodle resource in your Moodle course. Your students will see it now too, if you chose "Show" in the "Common module settings". You can always click the "eye" icon to hide or show it from your students (although if you really want to hide it completely, remember to also go back into GoogleDocs and unpublish the form).<br id="pzef1"></font></div><div id="kpue" style="padding: 1em 0pt; text-align: left;"><div id="wwr:3" style="margin-left: 40px;"><font id="x9g.1" size="4"><img id="pzef2" style="width: 777px; height: 371px;" src="http://docs.google.com/File?id=dfhbhqd7_108hn5n3ffv_b"><br id="y6sz"><br id="y6sz0">Now, when a student views your course, they see the link to the form:<br id="y6sz1"></font></div><div id="zshn" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><font id="x9g.2" size="4"><img id="x-r8" style="width: 463px; height: 298px;" src="http://docs.google.com/File?id=dfhbhqd7_109hksckkdn_b"></font></div><div id="wwr:4" style="margin-left: 40px;"><font id="x9g.3" size="4">When they click it, they will get a pop-up window with the form in it, which they can fill out and then hit the "Submit" button.<br id="khxl"><br id="khxl0"><img id="s:b5" style="width: 550px; height: 473px;" src="http://docs.google.com/File?id=dfhbhqd7_110hdt984cw_b"><br id="lpc2"><br id="lpc20">When the student submits the form, they get a response thanking them. <br id="igva"><br id="igva0"><font id="igva2" size="4"><img id="s:b50" style="width: 488px; height: 213px;" src="http://docs.google.com/File?id=dfhbhqd7_112hbtkbkgx_b"></font><br id="daaq"><br id="daaq0"><br id="jt.k0">It is important to remember that Google presently doesn't know who is filling out the form, so this is best used for anonymous forms, or low stakes forms. For instance, in a low stakes form, you could enter a field for the student's name. An example might be signing up for a field trip, study group, etc. Generally, any place where the advanced security, tracking, and grading of Moodle's quiz module are not needed.<br id="vjds"><br id="vjds0">Finally, if we return to our GoogleDocs site, and click on the spreadsheet, we can see the student's response:<br id="vjds1"><br id="vjds2"></font></div><div id="c8-2" style="padding: 1em 0pt; text-align: left;"><div id="w0hi" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><font id="x9g.4" size="4"><img id="g0w4" style="width: 663px; height: 320px;" src="http://docs.google.com/File?id=dfhbhqd7_113fmkcqtcm_b"></font></div><div id="wwr:5" style="margin-left: 40px;"><font id="x9g.5" size="4">Note that GoogleDocs has added a timestamp identifying when the response was received. <br id="ggs2"></font></div><font id="x9g.6" size="4"><br id="ggs20"><font id="q9z6" size="5"><b id="q9z60">Other notes:</b></font><br id="ggs21"><br id="c1ec"><b id="c1ec0">Custom 'thanks' message:</b><br id="ggs22"></font><div id="wwr:6" style="margin-left: 40px;"><font id="x9g.7" size="4">You can create a custom message for when the form has been filled out back in the "Preview and send" tab.<br id="jt.k3"></font></div></div><div id="aty0" style="padding: 1em 0pt; text-align: left;"><div id="i4p9" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><font id="x9g.8" size="4"><img id="frqc" style="width: 420px; height: 496px;" src="http://docs.google.com/File?id=dfhbhqd7_114hz32b6zc_b"></font></div><font id="x9g.9" size="4"><b id="xuoh">Linking to the form rather than embedding it:</b><br id="t883"></font></div><div id="wwr:7" style="padding: 1em 0pt; text-align: left;"><div id="c82u" style="margin-left: 40px;"><font id="x9g.10" size="4">You can also add the direct link to the form in the Moodle "Link to file or website" resource type. <br id="e4c5"><br id="crox">L1) To do this, use the "Link to file or website" resource type in Moodle instead of "Compose a web page".<br id="lef9"><br id="lef90"></font></div><div id="egxt" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><font id="x9g.11" size="4"><img id="z0m2" style="width: 328px; height: 194px;" src="http://docs.google.com/File?id=dfhbhqd7_115ft8f5jhp_b"></font></div><div id="c82u0" style="margin-left: 40px;"><font id="x9g.12" size="4">L2) Give the resource a name as in Step 9, above, and then put the link (URL) for the form into the "Location" field.<br id="s:b51"></font></div></div><div id="xo14" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><font id="x9g.13" size="4"><img id="edws" style="width: 679px; height: 145px;" src="http://docs.google.com/File?id=dfhbhqd7_117hpwb3hfb_b"><br id="saa:"><br id="saa:0">You can get the location link by going back into GoogleDocs, opening the spreadsheet, and then choosing the "Embed form" link from the "Share this form" drop down. <br id="saa:1"></font></div><div id="p2e4" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><font id="x9g.14" size="4"><img id="z2w0" style="width: 457px; height: 156px;" src="http://docs.google.com/File?id=dfhbhqd7_118dt5k6jcs_b"><br id="zv7i"><br id="zv7i0">L3) Copy the link, and then paste it into the "Location" field in step above.<br id="zv7i1"></font></div><div id="g:-d" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><font id="x9g.15" size="4"><img id="zv7i2" style="width: 650px; height: 294px;" src="http://docs.google.com/File?id=dfhbhqd7_119gd4m4dcq_b"><br id="nseb"><br id="nseb0">L4) When you have entered the link, click the "Save and return to course" button.<br id="nseb1"></font></div><div id="wb4v" style="padding: 1em 0pt; text-align: left;"><div id="c82u1" style="margin-left: 40px;"><font id="x9g.16" size="4"><img id="nseb2" style="width: 594px; height: 131px;" src="http://docs.google.com/File?id=dfhbhqd7_120fv6nbrgr_b"><br id="nseb3"><br id="nseb4">The student's view is similar, <br id="pgo9"><br id="pgo90"></font></div><div id="bv8g" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><font id="x9g.17" size="4"><img id="ywof" style="width: 442px; height: 253px;" src="http://docs.google.com/File?id=dfhbhqd7_1213zb8rczm_b"></font></div><div id="c82u2" style="margin-left: 40px;"><font id="x9g.18" size="4"><br id="pgo91"><br id="pgo92">although if you have chosen to allow users to see the previous responses, they can see them at the bottom of the form if you use the link to file method rather than the embed form method.<br id="c335"></font></div><font id="x9g.19" size="4"><br id="l:-_"></font></div><div id="c82u3" style="padding: 1em 0pt; text-align: left;"><font id="x9g.20" size="4"><b id="l:-_0">Letting the students see other's responses:</b><br id="c3350"></font></div><div id="c82u4" style="padding: 1em 0pt; text-align: left;"><div id="zukc" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><font id="x9g.21" size="4"><img id="ds.4" style="width: 428px; height: 495px;" src="http://docs.google.com/File?id=dfhbhqd7_122hfv4n2dx_b"></font></div><div id="c82u5" style="margin-left: 40px;"><font id="x9g.22" size="4">If you check the "Let people see existing responses in the live form" option, students can see other responses in the form, if they scroll to the bottom:<br id="ds.40"><br id="ds.41"></font></div><div id="htr8" style="padding: 1em 0pt; text-align: left; margin-left: 40px;"><font id="x9g.23" size="4"><img id="nvvm" style="width: 759px; height: 386px;" src="http://docs.google.com/File?id=dfhbhqd7_123ch7dwxcv_b"></font></div><div id="c82u6" style="margin-left: 40px;"><font id="x9g.24" size="4">If you don't want the people submitting the form to see the other responses, then go into GoogleDoc's, into the "Preview and Send" tab, and uncheck that setting.<br id="bzjr0"></font></div><font id="x9g.25" size="4"><b id="bzjr1"><br id="bzjr2"></b><font id="bzjr3" size="4"><b id="bzjr4">Setting the form display size:</b><br id="bzjr5"></font></font><div id="wm7t" style="margin-left: 40px;"><font id="x9g.26" size="4"><font id="wm7t0" size="4">In Google's iframe tag, there are height and width options. For best results set these to the same height and width as your New window settings in Moodle.</font><br id="gw3."><br id="q7gl"><font id="wm7t1" size="4">Replace the default numbers in the iframe, in this case with 700x700.</font><br id="gw3.0"><font id="wm7t2" size="4"><div id="ds3_" style="padding: 1em 0pt; text-align: left;"><img id="q7gl0" style="width: 675px; height: 211px;" src="http://docs.google.com/File?id=dfhbhqd7_124g9gjrfc6_b"></div></font><br id="q7gl1"><br id="nj2h"><font id="wm7t3" size="4"><div id="wm7t4" style="padding: 1em 0pt; text-align: left;">Click "Show Advanced" (2) if it is hidden, and then type in the new numbers for the width and height (1)</div></font><br id="q7gl2"></font><div id="wm7t6" style="padding: 1em 0pt; text-align: left;"><div id="u_7y" style="padding: 1em 0pt; text-align: left;"><font id="x9g.27" size="4"><font id="x9g.28" size="4"><img id="nj2h0" style="width: 841px; height: 341px;" src="http://docs.google.com/File?id=dfhbhqd7_125cdpfrtcb_b"></font></font></div><font id="x9g.29" size="4"><font id="x9g.30" size="4">The main thing with the window size settings, is to make sure that the entire form is visible to students, if possible. If the window size is smaller than the form size, the student's may miss the "Submit" button at the bottom. If the form is just going to be much bigger than the window (for instance in the case of a long form), make sure to tell the students to scroll down until they see the submit button</font></font></div></div><font id="x9g.31" size="4"><b id="c_m8">Summary:</b><br id="qmmw1">Google Spreadsheets forms are a nice way to create forms and gather data from your site's users. They are not a replacement for Moodle's Quiz or Data module, as they don't currently capture which Moodle user entered the form, limit the number of responses, etc. <br id="nseb5"></font></div></div><font id="x9g.32" size="4">Have fun trying out Google's forms in Moodle!<br id="bfx92"></font></div></div><font id="fk_117" size="4"><br id="z9:.2"></font></div><font id="fk_118" size="4"><br id="tr4j1"></font></div><font id="fk_119" size="4"><br id="g6c:"><br id="aqd21"><br id="aqd22"><br id="aqd23"><br id="lyte1"></font> Unknownnoreply@blogger.comtag:blogger.com,1999:blog-5138165307852791561.post-35204365580391432612008-07-26T04:21:00.000-07:002008-07-26T22:44:11.076-07:00 <div id="jp6p"><font id="lvno" size="3"><b id="a8w9">Publishing a PowerPoint slideshow from GoogleDocs to a Moodle course</b></font></div> <div id="jp6p0"> </div> <ul id="mgzr"><li id="mgzr0"><font id="lvno1" size="3">With Google Presentor can import your powerpoint files into GoogleDocs, and then by following this tutorial, you can publish these presentations into your Moodle course. The process is a little tricky, but has these benefits:</font></li><li id="mgzr1"><font id="lvno3" size="3">You can edit the document online, and have it be updated in your Moodle course.</font></li><li id="mgzr2"><font id="lvno4" size="3">Your students can view the presentation without having to download any plug-ins, or have Powerpoint installed </font></li><li id="mgzr3"><font id="lvno6" size="3">Many teachers struggle with various methods to convert PowerPoint to a format that is easy for their students to view, and Google Docs is one free way to solve this problem. </font></li></ul> <div id="a8w93"> </div> <div id="a8w94"><font id="lvno8" size="3">To get started, upload the Powerpoint file to your GoogleDocs by clicking the Upload button</font> </div> <div id="jciw"> </div> <div id="jciw0"> <div id="mchq" style="padding: 1em 0px; text-align: left;"><font id="yufm0" size="3"><img id="yiop" src="http://docs.google.com/File?id=dfhbhqd7_76d9h3t9sh_b"></font></div> </div> <div id="jciw1"><font id="yufm1" size="3"><br id="lvno9"> and locating the Powerpoint file on your computer.</font></div> <div id="yiop0"> <div id="yaaz" style="padding: 1em 0px; text-align: left;"><font id="yufm2" size="3"><img id="yiop1" src="http://docs.google.com/File?id=dfhbhqd7_76c3rcd6cd_b"></font></div> <font id="yufm3" size="3">The select the file, and click the "Open" button:</font></div> <div id="o_v1"> <div id="nzc5" style="padding: 1em 0px; text-align: left;"><font id="yufm4" size="3"><img id="o_v10" src="http://docs.google.com/File?id=dfhbhqd7_77dqpc72hm_b"></font></div> <font id="yufm5" size="3">This will start the upload process. Depending on the file size and your network connection, this may take a little time.</font></div> <div id="f.bk"> </div> <div id="f.bk0"><font id="yufm7" size="3">Once the presentation has been uploaded, it will show up in your GoogleDocs:</font></div> <div id="at.-"> <div id="hinh" style="padding: 1em 0px; text-align: left;"><font id="yufm8" size="3"><img id="at.-0" src="http://docs.google.com/File?id=dfhbhqd7_78g7822sct_b"></font></div> </div> <div id="at.-1"> </div> <div id="at.-2"><font id="yufm10" size="3">You can click the file to edit in Google Presentations or to publish it to Moodle. <br id="b7x3"><br id="b7x30">To publish the file, click the Publish button. This opens up a notification screen, and now you can click the Publish document to actually publish the document. This opens up the "Publish this document" screen. <br id="yp-6"><br id="yp-60">Here you can preview the document, and decide what size to display it at. Of course you need to make sure that the presentation is still understandable at the smaller size. If it is not, you can edit to make text, etc. larger, and re-publish it, or select a larger presentation size.</font></div> <div id="jk8i"> </div> <div id="jk8i0"><font id="yufm12" size="3">For this tutorial, I've selected the "Medium 555px" size. </font> <div id="f49w" style="padding: 1em 0px; text-align: left;"><font id="yufm13" size="3"><img id="cx1g" src="http://docs.google.com/File?id=dfhbhqd7_80c8tth8fc_b"></font></div> <div id="ae00" style="padding: 1em 0px; text-align: left;"><font id="yufm14" size="3">Now there are two ways to put this presentation in your Moodle course, a simple way, and a bit more tricky way.<br id="rirj"><br id="rirj0">The simple way is the same as in the previous tutorial, just copy the document link and paste into a Moodle resource. This works fine, but presents the file in a pop-up window. Perhaps you would prefer to embed the presentation in a resource, so that you can add notes, etc. </font></div> <div id="a5qy" style="padding: 1em 0px; text-align: left;"><font id="yufm15" size="3">To embed the file, you will have to use the 'iframe' code provided by Google:</font> <div id="tr6t0" style="padding: 1em 0px; text-align: left;"><font id="yufm17" size="3"><img id="a5qy0" src="http://docs.google.com/File?id=dfhbhqd7_81f3xwd6fn_b"></font></div> <font id="yufm18" size="3">Select the iframe code and copy it. <br id="imrm"> <br id="imrm0"> Then open the Moodle course, and turn editing on, and then choose Compose a Webpage, from the "Add a resource..." drop down.<br id="imrm1"> </font></div> <div id="fqqg" style="padding: 1em 0px; text-align: left;"> <div id="xbt1" style="padding: 1em 0px; text-align: left;"><font id="yufm19" size="3"><img id="swc." src="http://docs.google.com/File?id=dfhbhqd7_82c9kdmbdz_b"><br id="l870"> <br id="l8700"> On compose a web page screen, give the file a name.<br id="l8701"> </font></div> <div id="pa:." style="padding: 1em 0px; text-align: left;"><font id="yufm20" size="3"><img id="swc.0" src="http://docs.google.com/File?id=dfhbhqd7_83fwvgmcgk_b"><br id="ger9"> <br id="ger90"> <br id="ger91"> Then down past the optional summary in the content field, turn the the code view on<br id="ger92"> </font></div> <div id="qzbt" style="padding: 1em 0px; text-align: left;"><font id="yufm21" size="3"><img id="z9pm" src="http://docs.google.com/File?id=dfhbhqd7_84dq86mgfx_b"><br id="m1g7"> <br id="m1g70"> </font></div> <div id="mrb." style="padding: 1em 0px; text-align: left;"><font id="yufm22" size="3"> In code view, paste the iframe code.<br id="yqg0"> <br id="yqg00"> </font> <div id="a1-1" style="padding: 1em 0pt; text-align: left;"><font id="yufm23" size="3"><img id="ld:x" src="http://docs.google.com/File?id=dfhbhqd7_88t9kdgvfz_b"></font></div> <font id="yufm24" size="3"><br id="yqg01"> Then turn code view back on. The code view disapears.<br id="h-nn"> </font></div> <div id="i72l" style="padding: 1em 0px; text-align: left;"><font id="yufm25" size="3"><img id="z9pm0" src="http://docs.google.com/File?id=dfhbhqd7_84ctsz5jcm_b"><br id="mq.0"> <br id="mq.00"> <br id="mq.01"> Click Save and view course. Now you can see the presentation in the course as shown below.<br id="mq.02"> </font></div> <div id="i72l1" style="padding: 1em 0px; text-align: left;"><font id="yufm26" size="3"><img id="jpam" src="http://docs.google.com/File?id=dfhbhqd7_85gs669rw6_b"></font></div> </div> <font id="ciu3" size="3">Students can now click the Presentation, and view it. Using the iframe method enables you to embed the Presentation in other Moodle activities.</font> <div id="c68x" style="padding: 1em 0px; text-align: left;"><font id="yufm28" size="3">For instance, you could embed multiple presentations in a Moodle Lesson:</font></div> <div id="c68x0" style="padding: 1em 0px; text-align: left;"> <div id="fu63" style="padding: 1em 0px; text-align: left;"><font id="yufm29" size="3"><img id="k6w5" src="http://docs.google.com/File?id=dfhbhqd7_86d8rcbhng_b"></font></div> </div> <div id="sy4t" style="padding: 1em 0px; text-align: left;"><font id="yufm30" size="3"><b id="sy4t0">Summary:</b></font> </div> <div id="sy4t1" style="padding: 1em 0px; text-align: left;"><font id="yufm31" size="3">Google Presentations offers a nice way to publish Powerpoint presentations to your students, and to display those presentations within Moodle</font> activities.</div> </div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-5138165307852791561.post-16709538250178276232008-07-25T17:01:00.000-07:002008-07-27T11:32:13.925-07:00Google Docs-Moodle tutorial<div id="lpkh"><a id="nqnk0" name="c_h5"></a><a id="nqnk1" name="c_h50"></a><a id="nqnk2" name="c_h51"></a><a id="nqnk3" name="c_h52"></a><a id="nqnk4" name="c9bo"></a><span id="y_8g" style="font-family:Arial;"><span id="y_8g0" style="font-size:130%;"><b id="y_8g1">Google Docs-Moodle tutorial </b></span> </span><span id="y_8g4" style="font-family:Arial;"> Google Docs provides an online office system that includes Documents, Spreadsheets, and Presentations. This can be used as an online content system for publishing content in Moodle by following the steps in this tutorial. This tutorial is mainly for folks who currently publish web pages and then link to them from within their Moodle system.</span></div><span id="ftkf" style="font-family:Arial;"><span id="ftkf0" style="font-size:100%;"> </span> </span> <span id="ftkf2" style="font-family:Arial;"><a id="behv" href="http://docs.google.com/File?id=dfhbhqd7_9c32bnfdd_b" target="_blank"></a> </span><div id="hrad1"><span id="ftkf3" style="font-family:Arial;"><span id="z_155" style="font-family:Arial;">1) To start, sign up for a <a title="Gmail account" target="_blank" href="http://gmail.com/" id="nt-u">Gmail account</a>, if you haven't already. Then click on Documents link in your Gmail account. This takes you to the Google Docs screen. </span></span></div> <div id="l6d-"> </div> <div id="bnmz"><span id="ftkf5" style="font-family:Arial;"><span id="z_157" style="font-family:Arial;"><b id="behv1"><div id="l:7-" style="padding: 1em 0pt; text-align: left;"><img id="jbxe" style="width: 737px; height: 206px;" src="http://docs.google.com/File?id=dfhbhqd7_176gmksv46j_b" /></div></b> </span></span></div><div id="l6d-2"> </div> <div id="o4lf1"><span id="ftkf8" style="font-family:Arial;"><span id="o4lf2" style="font-family:Arial;">2. If you have not created a document, create a new document in Google Docs by clicking the "New:Document" menu. </span></span></div> <div id="nm2v"> </div> <div id="s-ko" style="padding: 1em 0px; text-align: left;"><span id="ftkf10" style="font-family:Arial;"><span id="z_1511" style="font-family:Arial;"><img id="nm2v2" src="http://docs.google.com/File?id=dfhbhqd7_11gdhjsxgn_b" /> </span></span></div> <div id="bnmz2"> </div> <div id="bnmz3"><span id="ftkf12" style="font-family:Arial;"><span id="bnmz4" style="font-family:Arial;">3) Save your document by clicking the Save button. Click a saved document to open it. </span></span></div> <div id="lpkh4"> </div> <div id="lpkh6"> <div id="nfb6" style="padding: 1em 0px; text-align: left;"><span id="ftkf15" style="font-family:Arial;"><span id="z_1515" style="font-family:Arial;"><img id="g.j:" src="http://docs.google.com/File?id=dfhbhqd7_6pr6kfzcx_b" /> </span></span></div> <div id="brvc" style="padding: 1em 0px; text-align: left;"><span id="ftkf16" style="font-family:Arial;"><span id="z_1516" style="font-family:Arial;">4) Click the Share document to publish the document. Choose the "Publish as web page..." option. This will publish the document to anyone on the internet, if they know the address of the document. </span></span></div> <div id="r6lh" style="padding: 1em 0px; text-align: left;"> <div id="h040" style="padding: 1em 0px; text-align: left;"><span id="ftkf17" style="font-family:Arial;"><span id="z_1517" style="font-family:Arial;"><img id="i1uf" src="http://docs.google.com/File?id=dfhbhqd7_8cfrrc8cm_b" /> </span></span></div> <div id="pgkt" style="padding: 1em 0px; text-align: left;"><span id="ftkf18" style="font-family:Arial;"><span id="z_1518" style="font-family:Arial;">5) When you click the Publish as web page link, Google Docs brings you to the screen below. Here you have two main options for the purpose of this tutorial: </span></span></div> <blockquote id="s1cb" style="margin-right: 0px;"> <ol id="s1cb0"> <span id="ftkf19" style="font-family:Arial;"><li id="s1cb1"> <div id="br1a" style="padding: 1em 0px; text-align: left;"><span id="z_1519" style="font-family:Arial;">You can publish the document, </span></div> </li> <li id="s1cb2"> <div id="s1cb3" style="padding: 1em 0px; text-align: left;"><span id="z_1520" style="font-family:Arial;">and you can choose to have the published document re-published when you make changes to it. </span></div> </li> </span></ol> </blockquote> <p id="s1cb4" style="padding: 1em 0px; text-align: left;"><span id="ftkf20" style="font-family:Arial;"><span id="z_1521" style="font-family:Arial;"><i id="hipc">The last is particularly handy for your course files that you may want to update or correct, such as a syllabus, etc. </i></span></span></p> <p id="hipc0" style="padding: 1em 0px; text-align: left;"><span id="ftkf21" style="font-family:Arial;"><span id="hipc1" style="font-family:Arial;">5) Click "Publish document" to publish the document. </span></span></p> <div id="hipc2" style="padding: 1em 0px; text-align: left;"><span id="ftkf22" style="font-family:Arial;"><span id="z_1522" style="font-family:Arial;"><img id="pgkt0" src="http://docs.google.com/File?id=dfhbhqd7_12cnxb25g8_b" /> </span></span></div> <div id="et95" style="padding: 1em 0px; text-align: left;"><span id="ftkf23" style="font-family:Arial;"><span id="z_1523" style="font-family:Arial;">Now Google Docs shows you the unique link to the document you have just published. </span></span></div> <div id="rf4j" style="padding: 1em 0px; text-align: left;"><span id="ftkf24" style="font-family:Arial;"><span id="z_1524" style="font-family:Arial;"><img id="et950" src="http://docs.google.com/File?id=dfhbhqd7_13ccxvsxwc_b" /> </span></span></div> <div id="et951" style="padding: 1em 0px; text-align: left;"><span id="ftkf25" style="font-family:Arial;"><span id="z_1526" style="font-family:Arial;">6) To add the file to your Moodle course, you will just link the document to a Moodle resource. To do this you must first copy the link to the document to your clipboard. If you are using Windows, you can right click on the link, and then choose "Copy Shortcut". </span> </span><div id="dfu." style="padding: 1em 0px; text-align: left;"><span id="ftkf26" style="font-family:Arial;"><span id="z_1527" style="font-family:Arial;"><img id="kq6d" src="http://docs.google.com/File?id=dfhbhqd7_14dwdmxdgd_b" /> </span></span></div> <div id="oz__" style="padding: 1em 0px; text-align: left;"><span id="ftkf27" style="font-family:Arial;"><span id="z_1528" style="font-family:Arial;">7) Now go into your Moodle course (folks who do not yet have Moodle can try this at <a title="demo.moodle.org" target="_blank" href="http://demo.moodle.org/" id="i78l">demo.moodle.org</a>, you can also download and install Moodle on your computer by using the packages here <a title="http://download.moodle.org/windows" target="_blank" href="http://download.moodle.org/windows" id="isdv">http://download.moodle.org/windows</a>), click "Turn editing on", go to the section where you would like to add the link to the Google Docs file, and choose "Link to file or web site" from the "Add a resource" drop down menu.</span></span></div> <div id="cowc" style="padding: 1em 0px; text-align: left;"> <div id="l_tu" style="padding: 1em 0px; text-align: left;"><span id="ftkf28" style="font-family:Arial;"><span id="z_1529" style="font-family:Arial;"><img id="yint" src="http://docs.google.com/File?id=dfhbhqd7_16hq3rjtfn_b" /></span></span></div> <div id="we5s" style="padding: 1em 0px; text-align: left;"><span id="ftkf29" style="font-family:Arial;"><span id="z_1530" style="font-family:Arial;">8) Give the resource a name, and then scroll down to the "Location" field. Paste the shortcut into the Location field. On Windows you can right-click and choose "Paste".</span></span></div> <div id="c7de" style="padding: 1em 0px; text-align: left;"><span id="ftkf30" style="font-family:Arial;"><span id="z_1531" style="font-family:Arial;"><img id="we5s0" src="http://docs.google.com/File?id=dfhbhqd7_176627mwd4_b" /></span></span></div> <div id="k9wp" style="padding: 1em 0px; text-align: left;"><span id="ftkf31" style="font-family:Arial;"><span id="z_1532" style="font-family:Arial;">9) Once the link has been pasted into the Location field in Moodle, </span></span></div> <div id="k9wp0" style="padding: 1em 0px; text-align: left;"><span id="ftkf32" style="font-family:Arial;"><span id="z_1534" style="font-family:Arial;"><img id="k9wp1" src="http://docs.google.com/File?id=dfhbhqd7_184xtfpd3h_b" /></span></span></div> <div id="k9wp2" style="padding: 1em 0px; text-align: left;"><span id="ftkf33" style="font-family:Arial;"><span id="z_1535" style="font-family:Arial;">scroll down to the "Window" dialogue, and for this tutorial choose "New window". This will display a link in your course that your students can click to view the document. </span></span></div> <div id="h94f" style="padding: 1em 0px; text-align: left;"><span id="ftkf34" style="font-family:Arial;"><span id="z_1536" style="font-family:Arial;"><img id="y41y0" src="http://docs.google.com/File?id=dfhbhqd7_19dshfd5fj_b" /></span></span></div> <div id="awmp" style="padding: 1em 0px; text-align: left;"><span id="ftkf35" style="font-family:Arial;"><span id="z_1537" style="font-family:Arial;">10) Scroll down to the "Save and return to course" button, and click it.</span></span></div> <div id="ct5p" style="padding: 1em 0px; text-align: left;"><span id="ftkf36" style="font-family:Arial;"><img id="o:dd" src="http://docs.google.com/File?id=dfhbhqd7_20hmhd4tf7_b" /></span></div> <div id="o00:" style="padding: 1em 0px; text-align: left;"><span id="ftkf37" style="font-family:Arial;"><span id="av1n" style="font-family:Arial;">Now you can click the "Google Tutorial" link (the link name will be the name you entered in step 8 above), and view the file. If you have chosen to show the file to students in step 9 above, your students will also be able to see the file. </span></span></div> <div id="o00:0" style="padding: 1em 0px; text-align: left;"><span id="ftkf38" style="font-family:Arial;"><span id="av1n0" style="font-family:Arial;">By following the steps above, you can share a document file from Google documents. In subsequent tutorials, I'll discuss how to add Google Presentations and Spreadsheets to Moodle.</span></span></div> <div id="g7-:" style="padding: 1em 0px; text-align: left;"> <div id="g7-:0" style="padding: 1em 0px; text-align: left;"><span id="ftkf39" style="font-family:Arial;"><b id="xze1"><span id="g7-:1" style="font-family:Arial;">Showing the file later if you chose to hide it above:</span></b> <span id="o00:1" style="font-family:Arial;"> If the file is not visible to students, the 'eye' icon will be closed and the name of the file will be grayed out.</span></span></div> <div id="cj7y" style="padding: 1em 0px; text-align: left;"> <div id="c2vb" style="padding: 1em 0px; text-align: left;"><span id="ftkf40" style="font-family:Arial;"><img id="cj7y0" style="width: 221px; height: 82px;" src="http://docs.google.com/File?id=dfhbhqd7_20dkbctkhr_b" /></span></div> <div id="eo2y" style="padding: 1em 0px; text-align: left;"><span id="ftkf41" style="font-family:Arial;"><span id="xze12" style="font-family:Arial;">To make the file visible to students, click the shut eye icon:</span></span></div> <div id="eo2y0" style="padding: 1em 0px; text-align: left;"> <div id="wwr6" style="padding: 1em 0px; text-align: left;"><span id="ftkf42" style="font-family:Arial;"><span id="g7-:2" style="font-family:Arial;"><img id="r3r3" src="http://docs.google.com/File?id=dfhbhqd7_21dz5tnwg6_b" /></span></span></div> </div> <span id="ftkf43" style="font-family:Arial;"><span id="g7-:3" style="font-family:Arial;">Of course you can also choose the edit icon (1) to return to the editing screen, and then choose "Show" from the Visible menu.</span> </span><div id="poqz" style="padding: 1em 0px; text-align: left;"><span id="ftkf44" style="font-family:Arial;"><span id="g7-:4" style="font-family:Arial;"><img id="dyqm" src="http://docs.google.com/File?id=dfhbhqd7_22c4c6z6fg_b" /></span></span></div> <div id="dyqm0" style="padding: 1em 0px; text-align: left;"><span id="ftkf45" style="font-family:Arial;"><span id="g7-:5" style="font-family:Arial;">Other icons are the Move icon (2), which you can use to move the link to the file to a different position in your course, and the delete icon (3) which will remove the link to the file in your course (but not the file on Google Docs).</span> </span></div> </div> <span id="ftkf46" style="font-family:Arial;"><span id="g7-:6" style="font-family:Arial;"><b id="g7-:7">Summary:</b></span></span></div> </div> <span id="ftkf47" style="font-family:Arial;"><span id="abls" style="font-family:Arial;">There are many Advanced options in Moodle, which you can view by clicking the "Show Advanced" button. A good place to experiment with these settings is on demo.moodle.org. In the "Common module settings" box, make sure "Visible" is set to "Show" if you want your students to see the file (files can be hidden from students in Moodle by choosing "Hide" here, though this won't change the "Publish" settings in Google Docs). Note that Moodle contains numerous "Help" links (the buttons with the ? on them), you can click these to view more information about a particular setting in Moodle.</span></span></div> <span id="ftkf48" style="font-family:Arial;"><a id="c53l" href="http://docs.google.com/File?id=dfhbhqd7_7kfjxnchd_b" target="_blank"></a></span></div> </div> <span id="ftkf49" style="font-family:Arial;"><b id="ddvz"> <div id="ddvz0"> <div id="nqnk7"></div> </div> </b> </span><div id="nqnk21"></div> <div id="nqnk22"></div>Unknownnoreply@blogger.com