{"id":25,"date":"2011-08-02T02:00:24","date_gmt":"2011-08-02T10:00:24","guid":{"rendered":"https:\/\/blogs.ubc.ca\/kenbuis\/"},"modified":"2011-08-02T13:14:06","modified_gmt":"2011-08-02T21:14:06","slug":"synthesis","status":"publish","type":"page","link":"https:\/\/blogs.ubc.ca\/kenbuis\/synthesis\/","title":{"rendered":"Course Site"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/blogs.ubc.ca\/kenbuis\/files\/2011\/05\/blog-photo1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-99\" title=\"Social Media for Business and Personal Branding\" src=\"https:\/\/blogs.ubc.ca\/kenbuis\/files\/2011\/05\/blog-photo1.jpg\" alt=\"\" width=\"600\" height=\"267\" srcset=\"https:\/\/blogs.ubc.ca\/kenbuis\/files\/2011\/05\/blog-photo1.jpg 600w, https:\/\/blogs.ubc.ca\/kenbuis\/files\/2011\/05\/blog-photo1-300x133.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a>My experience in building the Moodle LMS course site has been enlightening.  While I have used Moodle for close to ten years, I wanted to push the software to see if I could create a completely new style of online course based on the idea of building an interface similar to a website, complete with icons and introductory paragraphs leading to <em>read more<\/em> buttons.<\/p>\n<p>The overall theme for the course was using <strong><em>Social Media for Business and Personal Branding<\/em><\/strong>. \u00a0This was completely new topic for me, even though I had taught small components of the idea in my Digital Media Arts 11&amp;12 classes, I wanted to produce something completely unique. \u00a0The course is suited to the needs of business people and online entrepreneurs and those who want to learn more about how to use Social media to promote themselves, their products and\/or their services. \u00a0I worked far harder and longer than I anticipated to build this site, creating a great deal of original artwork, content and researching topics deeply to gain a better understanding of the most important concepts around business and social media.<\/p>\n<p>I divided up the content into 6 units. \u00a0Originally I had laid out 9 units, but later combined them together into six powerful thematic bodies of knowledge. \u00a0The course includes these units:<\/p>\n<ol>\n<li>Introduction to Social Media<\/li>\n<li>Social Media for Business<\/li>\n<li>Digital Identity<\/li>\n<li>Social Media Tools<\/li>\n<li>Social Media and the Blogosphere<\/li>\n<li>Future Potential of Social Media<\/li>\n<\/ol>\n<p>And the final section is a listing of resources I consulted, directly or indirectly to learn more about the topic. \u00a0Each unit comprises of various notes, videos, discussions, surveys, a quiz and online assignments such as writing a blog article and setting up a LinkedIn account.<\/p>\n<p>The course can be broken down into several elements, and all intertwine to produce a product that I am thrilled to have produced.<\/p>\n<p>1. \u00a0I created a \u00a0<a href=\"http:\/\/moodle.met.ubc.ca\/course\/view.php?id=289\">Learning Management System (LMS) online course site<\/a> in\u00a0<a href=\"http:\/\/moodle.org\/\">Moodle<\/a> that contains the following components:A <a href=\"http:\/\/moodle.met.ubc.ca\/course\/view.php?id=289\" target=\"_blank\">splash page<\/a> with an easy to use, graphically powerful GUI (graphic user interface). \u00a0My splash page is visually appealing, utilizing sophisticated HTML and CSS3 techniques to make a professional, and inviting space. \u00a0Each unit has a brief\u00a0description, a thematic graphic that links to the unit, as well as a read more button that links to the unit.<\/p>\n<p>To remove distraction, I used a soft white and grey colour scheme in the splash page and the buttons highlight in soft blue when the mouse hovers. \u00a0This page is carefully coded and can be a base upon which I can build in the future. \u00a0One element I would like to add in the future would be jQuery to provide more fluidity, animation and interactivity. \u00a0However, when I tested it inside this version of Moodle, the results were not what I wanted, so I will try it inside Moodle 2.0. \u00a0I am happy with the final result and am glad my CSS worked well to layout the elements, produce the frame around each unit&#8217;s photos and produce beautiful buttons. \u00a0Here is a screenshot of the splash page:<\/p>\n<p><a href=\"https:\/\/blogs.ubc.ca\/kenbuis\/files\/2011\/05\/spalsh-thumb.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-100\" title=\"Splash Page for Ken's Moodle Course on Social Media\" src=\"https:\/\/blogs.ubc.ca\/kenbuis\/files\/2011\/05\/spalsh-thumb.jpg\" alt=\"\" width=\"539\" height=\"500\" srcset=\"https:\/\/blogs.ubc.ca\/kenbuis\/files\/2011\/05\/spalsh-thumb.jpg 539w, https:\/\/blogs.ubc.ca\/kenbuis\/files\/2011\/05\/spalsh-thumb-300x278.jpg 300w\" sizes=\"auto, (max-width: 539px) 100vw, 539px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>2. \u00a0Six complete learning modules are also included within the course. \u00a0Each module is varied in its content to create an interesting learning experience, and each allows for modular progression through each element, building the scaffolding required for a constructionist learning experience.<\/p>\n<p>These units are designed for visual learner and for someone used to working on the web. \u00a0Icons are used throughout the course units as visual cues to the type of content contained therein. \u00a0A wide variety of activities are present within each section to account for different learning styles, different learning experiences and for different methods of information retention.\u00a0\u00a0I created all of the written content based on my professional web marketing and design experience, research both from academic, technical resources, as well as from personal experimentation. \u00a0I also designed the course to fit in the academic placement of &#8220;continuing studies&#8221;, to remove the pure academic stream of thought and integrate it with practical experiential learning. \u00a0Hence, I have tried to write the content to be as user-friendly as possible, keeping the message clear and utilizing visual cues to assist the learner.<\/p>\n<p>This course is meant to be taken over about 6 weeks, and assignments are set up to promote learning at various levels along with the production of tangible elements at its conclusion. \u00a0What is most unique about this set of units is that I carried the idea of the splash page further by making the entire course based on HTML pages, including the lessons within. \u00a0Some element, such as assignments were more difficult, since the Moodle theme was limited and I could not access its styles, but overall I am well pleased with the results. \u00a0Below is a sampling of part of a unit:<\/p>\n<p><a href=\"https:\/\/blogs.ubc.ca\/kenbuis\/files\/2011\/05\/unit-GUI.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-101\" title=\"unit GUI\" src=\"https:\/\/blogs.ubc.ca\/kenbuis\/files\/2011\/05\/unit-GUI.jpg\" alt=\"\" width=\"352\" height=\"500\" srcset=\"https:\/\/blogs.ubc.ca\/kenbuis\/files\/2011\/05\/unit-GUI.jpg 352w, https:\/\/blogs.ubc.ca\/kenbuis\/files\/2011\/05\/unit-GUI-211x300.jpg 211w\" sizes=\"auto, (max-width: 352px) 100vw, 352px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>3. \u00a0Five modules are programmed for selective release. \u00a0I researched Moodle.org, forums, universities, guidebooks, and more and found this element to be a challenging application to the course, because I had to make an instance of selective release that made sense to the course. \u00a0Rather than doing a manual release, a timed release of a programmed release based on completion of a unit, I chose to use group membership as the basis for selective release.<\/p>\n<p>For purposes of viewing by my colleagues in this MET course, I made everyone a member of one of the groups under the grouping &#8220;Social Media for Business and personal branding&#8221;. \u00a0I created two groups, one for business branding and one for personal branding. \u00a0To make this work in cyberspace, I would initiate group membership in the signup process. \u00a0This course could then be expanded to focus on personal OR business branding and each group could have their own set of assignments and notes, culminating in a group project at the end that would utilize both sets of skills. \u00a0I wanted to have the entire course visible to the learner, once a member of a group, so they could see what elements they would be learning in a more detailed manner than a course syllabus.<\/p>\n<p>The first module,<em> Introduction to Social Media<\/em>, is not programmed for selective release, so as to demonstrate the difference. \u00a0Moodle 2.0 is much more sophisticated in its methods of selective release, so I had to improvise for our older version of Moodle, based on inspiration from this link:\u00a0<a href=\"http:\/\/tstcedtech.weebly.com\/22\/post\/2010\/05\/selective-release-sort-of.html\">http:\/\/tstcedtech.weebly.com\/22\/post\/2010\/05\/selective-release-sort-of.html<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>4. \u00a0Discussion is built into the course across the units, both in the form of forums and chats, as well as a peer assessment. \u00a0Each chat deals specifically with questions related to Social Media and its importance for business. \u00a0In one of the chats, both groups have the ability to talk to one another to gain greater perspective. \u00a0I used the companies Dell, and Starbucks as case studies and prompts for discussion within the course. \u00a0Informal discussion also takes place through Twitter and Blog replies to articles created in the assignments in the course.<\/p>\n<p>&nbsp;<\/p>\n<p>5. \u00a0Assessment is build in throughout the course and marks are based on assignments, discussions, peer assessments, and overall participation. \u00a0I debated about creating a course syllabus, and decided to incorporate a short one in the splash page. \u00a0 The original idea was to create a constructionist web-quest type of experience where discovery learning was built in via moving through the topics item by item, but also being able to scroll ahead to see what content is coming next. \u00a0By integrating a short syllabus into the splash page, this <em>constructivist<\/em> principal has been safeguarded.<\/p>\n<p>&nbsp;<\/p>\n<p>6. \u00a0Fail-safe procedures are built into the course as well. \u00a0For example, if the Youtube videos are not visible, a message states that it is necessary to refresh the screen or click on a link to watch the selected work on Youtube.com. \u00a0Another fail-safe procedure built in is the fact that I left the original links to the course work visible below the GUI unit interfaces, in case the learner was not able to view the content on an old browser or limited bandwidth.<\/p>\n<p>7. \u00a0Cross-platform and browser capability was also built in. \u00a0As I was working through the course, I was reminded of Bates and Poole (2003) and the SECTIONS model, so I worked in coding throughout that was compatible across the browsers Chrome, Firefox, Safari, and Internet Explorer. \u00a0I also tested the course pages on my iPhone and a friend&#8217;s iPad to ensure cross platform compatibility. \u00a0The course worked extremely well on all browsers and devices and looked the same across all platforms as well.<\/p>\n<p>8. \u00a0Extended elements are built in throughout the course. \u00a0For example, terms are linked out to more information, a complete list of resources I used to build the course is present and I have also built in a list of extended reading. Building in extension exercises has been a key element to courses I have built in the past and I use them extensively in my teaching practice, so I wanted to build in that element as well.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright\" style=\"margin: 10px;\" title=\"Icarus\" src=\"http:\/\/www.bbc.co.uk\/england\/looknorthnecumbria\/weather\/calendar_competition\/august\/images\/icarus_mike_kirkup_470.jpg\" alt=\"\" width=\"376\" height=\"232\" \/><\/p>\n<p>Producing this course has been an incredible learning journey, promoting growth through challenge, long hours of work and contemplation, design and interface theory, as well as considerations in building an online course. \u00a0Moodle is a flexible system that I am used to working with, and that enabled me to push the program to learn new elements and to experiment with my own design techniques. \u00a0I have learned more through this course and this project in particular than I have over the years of using Moodle, due to the directed guidance, community of inquiry and practice, and the overall example of Dr. Egan who effectively modeled how to teach an online course. \u00a0This provided the inspiration and the motivation to develop a course beyond my comfort zone and outside of my regular teaching context. \u00a0I now have the\u00a0skill set\u00a0to develop more sophisticated courses for my own students and to test my course design work in the global marketplace. \u00a0Overall, an uplifting experience, but one that required a lot of effort, incredible number of hours and a great deal of inspiration to complete.<\/p>\n<p>Kenneth Buis<\/p>\n<p>August 2, 2011<\/p>\n<p>&nbsp;<\/p>\n<p><em>References:<\/em><\/p>\n<p>Bates, A.W. &amp; Poole, G. (2003). Chapter 4: a Framework for Selecting and Using Technology. In Effective Teaching with Technology in Higher Education: Foundations for Success. (pp. 77-105). San Francisco: Jossey Bass Publishers.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; My experience in building the Moodle LMS course site has been enlightening. While I have used Moodle for close to ten years, I wanted to push the software to see if I could create a completely new style of online course based on the idea of building an interface similar to a website, complete [&hellip;]<\/p>\n","protected":false},"author":7296,"featured_media":98,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/kenbuis\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/kenbuis\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/kenbuis\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/kenbuis\/wp-json\/wp\/v2\/users\/7296"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/kenbuis\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":7,"href":"https:\/\/blogs.ubc.ca\/kenbuis\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":97,"href":"https:\/\/blogs.ubc.ca\/kenbuis\/wp-json\/wp\/v2\/pages\/25\/revisions\/97"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/kenbuis\/wp-json\/wp\/v2\/media\/98"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/kenbuis\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}