{"id":843,"date":"2011-12-07T15:21:06","date_gmt":"2011-12-07T19:21:06","guid":{"rendered":"http:\/\/blogs.vassar.edu\/acs\/?p=843"},"modified":"2012-02-02T16:43:44","modified_gmt":"2012-02-02T20:43:44","slug":"moodle-site-revamp-in-three-easy-stages-part-2-of-3-elegant-design-architecture","status":"publish","type":"post","link":"https:\/\/pages.vassar.edu\/acs\/moodle-site-revamp-in-three-easy-stages-part-2-of-3-elegant-design-architecture\/","title":{"rendered":"Moodle Site Revamp in Three Easy Stages: Part 2 of 3 &#8211; Elegant Design Architecture"},"content":{"rendered":"<script>fsg_json['fsg_post_843'] = [\n{id: 846, image: 'http:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-2.58.36-PM.png', extlink: '', thumb: 'https:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-2.58.36-PM-150x150.png', permalink: '<div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/moodle-site-revamp-in-three-easy-stages-part-2-of-3-elegant-design-architecture\/screen-shot-2011-12-01-at-2-58-36-pm\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div>', layer: '<div class=\"galleria-infolayer\"><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div><div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/moodle-site-revamp-in-three-easy-stages-part-2-of-3-elegant-design-architecture\/screen-shot-2011-12-01-at-2-58-36-pm\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div>'},\n{id: 854, image: 'http:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.44.56-PM.png', extlink: '', thumb: 'https:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.44.56-PM-150x150.png', permalink: '<div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/moodle-site-revamp-in-three-easy-stages-part-2-of-3-elegant-design-architecture\/screen-shot-2011-12-01-at-4-44-56-pm\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div>', layer: '<div class=\"galleria-infolayer\"><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div><div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/moodle-site-revamp-in-three-easy-stages-part-2-of-3-elegant-design-architecture\/screen-shot-2011-12-01-at-4-44-56-pm\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div>'},\n{id: 855, image: 'http:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.53.42-PM.png', extlink: '', thumb: 'https:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.53.42-PM-150x150.png', permalink: '<div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/moodle-site-revamp-in-three-easy-stages-part-2-of-3-elegant-design-architecture\/screen-shot-2011-12-01-at-4-53-42-pm\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div>', layer: '<div class=\"galleria-infolayer\"><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div><div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/moodle-site-revamp-in-three-easy-stages-part-2-of-3-elegant-design-architecture\/screen-shot-2011-12-01-at-4-53-42-pm\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div>'}\n];<\/script>\n<h2>Building Elegant Instructional Design Architecture with Moodle Web Pages<\/h2>\n<p><em>by Baynard Bailey<\/em><\/p>\n<p>In <a href=\"Elegant Design Architecture\" target=\"_blank\">Part I<\/a> of this series, I focused on the preliminary stages of revamping a Moodle site. The major steps included backing up your materials, culling unnecessary files, and choosing a course design that fits your teaching style (for most that means choosing a &#8216;topical&#8217; or &#8216;weekly&#8217; format). In this post, I hope to provide some tips to empower your Moodle site to enhance student understanding of the overall\u00a0 arc and flow of the course.<\/p>\n<p>Many of the Moodle sites I see suffer from &#8216;sprawl&#8217; or &#8216;bloat&#8217;. The site starts out fine, but by the end of the semester, especially for courses that meet more than once a week, the length of the front page stretches on for screen after screen. Scrolling to the bottom of the page (the current week) can take a minute or more, and sifting through past weeks&#8217; materials and activities is tedious. Why put up with this, when you can have an elegantly designed Moodle site that better reflects the structure and scope of your curriculum? Consider putting topics, class meetings or weeks into their own &#8220;web pages&#8221; within Moodle. The resulting front page of your Moodle site will be an elegant summary of the major topics of your course, easily navigable, and an aid to learning.<\/p>\n<div id=\"attachment_846\" style=\"width: 204px\" class=\"wp-caption alignnone\"><a data-postid=\"fsg_post_843\" data-imgid=\"846\" href=\"http:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-2.58.36-PM.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-846\" class=\"size-full wp-image-846\" title=\"Compose a Web Page Screen Shot\" src=\"http:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-2.58.36-PM.png\" alt=\"Compose a Web Page Screen Shot\" width=\"194\" height=\"175\" srcset=\"https:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-2.58.36-PM.png 194w, https:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-2.58.36-PM-150x135.png 150w\" sizes=\"auto, (max-width: 194px) 100vw, 194px\" \/><\/a><p id=\"caption-attachment-846\" class=\"wp-caption-text\">Creating web pages makes elegant Moodle site design easy.<\/p><\/div>\n<p>It is easy to overlook\u00a0 the &#8220;Compose a web page&#8221; resource tool, especially when one is first using Moodle. But if you are revamping a course, this resource choice is worth serious consideration. Composing Moodle web pages provides instructors ample room to provide detailed directions for class activities without adding unnecessary sprawl to the front page of your course site. I will use some examples from a recent consult I had with <a href=\"http:\/\/politicalscience.vassar.edu\/bio_shanley.html\" target=\"_blank\">Molly Shanley<\/a>.<\/p>\n<p>Molly wanted to meet because she had taught a course Poli Sci 278 before, using Blackboard. She was now getting ready to build her site in Moodle and wanted tips for building sites for Moodle courses that met biweekly. She had a syllabus that was 90% complete. I decided I would try and sell her on the idea of using Moodle web pages to help structure her course.<\/p>\n<p>We built a few of the first class meetings with a web page for each meeting. This really reduced front page sprawl, especially in regards to the some of the early class meetings, which contained comprehensive directions and details. We discussed how this approach allowed the main topics of the course to stay afloat at the top level of the site, becoming a sort of topical outline for the semester. Students would be able to easily discern the arc of the course, and to place the topic for each class within that arc. At the same time, the full details for readings and assignments could be accessed quickly and easily. We were happy with the results so we copied and pasted the syllabus outline and fleshed out the bulk of the course.<\/p>\n<div id=\"attachment_854\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a data-postid=\"fsg_post_843\" data-imgid=\"854\" href=\"http:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.44.56-PM.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-854\" class=\"size-medium wp-image-854   \" title=\"Outline of the Course\" src=\"http:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.44.56-PM-300x291.png\" alt=\"Outline for Part of the Course\" width=\"300\" height=\"291\" srcset=\"https:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.44.56-PM-300x291.png 300w, https:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.44.56-PM-150x145.png 150w, https:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.44.56-PM-400x389.png 400w, https:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.44.56-PM.png 594w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-854\" class=\"wp-caption-text\">Each Class Becomes a &quot;Branch&quot; of the Course Outline (Draft Syllabus)<\/p><\/div>\n<p>Here&#8217;s a sample &#8220;Moodle Web Page&#8221;, found by clicking on the corresponding link from the outline above:<\/p>\n<div id=\"attachment_855\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a data-postid=\"fsg_post_843\" data-imgid=\"855\" href=\"http:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.53.42-PM.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-855\" class=\"size-medium wp-image-855\" title=\"Sample Web Page \" src=\"http:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.53.42-PM-300x170.png\" alt=\"Sample course meeting\" width=\"300\" height=\"170\" srcset=\"https:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.53.42-PM-300x170.png 300w, https:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.53.42-PM-150x85.png 150w, https:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.53.42-PM-400x227.png 400w, https:\/\/pages.vassar.edu\/acs\/files\/2011\/12\/Screen-shot-2011-12-01-at-4.53.42-PM.png 871w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-855\" class=\"wp-caption-text\">Copying and Pasting Yielded Excellent Results<\/p><\/div>\n<p>Since Molly had a well developed syllabus, it was a straightforward mechanical process to paste the details into a corresponding structure in her Moodle site. The front page of her Moodle site became an outline of the entire course. Each class meetings\u2019 corresponding web page will contain detailed information about readings, activities and assignments. Building the design of your course into a corresponding visual and textual pattern in Moodle is excellent instructional design, facilitating the learning and teaching process.<\/p>\n<p>Look forward to Part III where we&#8217;ll complete the Moodle site revamping process.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Building Elegant Instructional Design Architecture with Moodle Web Pages by Baynard Bailey In Part I of this series, I focused on the preliminary stages of revamping a Moodle site. The major steps included backing up your materials, culling unnecessary files, &hellip; <a href=\"https:\/\/pages.vassar.edu\/acs\/moodle-site-revamp-in-three-easy-stages-part-2-of-3-elegant-design-architecture\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[11445,11451,110,4810],"tags":[],"class_list":["post-843","post","type-post","status-publish","format-standard","hentry","category-baynard-bailey","category-instructional-design","category-moodle","category-tools"],"_links":{"self":[{"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/posts\/843","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/comments?post=843"}],"version-history":[{"count":27,"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/posts\/843\/revisions"}],"predecessor-version":[{"id":922,"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/posts\/843\/revisions\/922"}],"wp:attachment":[{"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/media?parent=843"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/categories?post=843"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/tags?post=843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}