{"id":17835,"date":"2022-07-19T01:13:17","date_gmt":"2022-07-19T05:13:17","guid":{"rendered":"https:\/\/pacificopencourses.col.org\/edt4ol\/?page_id=17835"},"modified":"2022-07-19T01:13:17","modified_gmt":"2022-07-19T05:13:17","slug":"design-constraints-of-a-course-outline-page","status":"publish","type":"page","link":"https:\/\/pacificopencourses.col.org\/edt4ol\/learning-challenges\/snapshot-process\/design-constraints-of-a-course-outline-page\/","title":{"rendered":"Design constraints of a course outline page"},"content":{"rendered":"<div id=\"content\" class=\"mw-body container\" role=\"main\">\n<div class=\"row\">\n<div class=\"col-md-12\">\n<div class=\"panel\">\n<div class=\"panel-body\">\n<div id=\"bodyContent\">\n<div id=\"mw-content-text\" lang=\"en\" dir=\"ltr\" class=\"mw-content-ltr\">\n<div class=\"floatright\"><a href=\"https:\/\/wikieducator.org\/File:Pen-crayons.jpg\" class=\"image\"><img loading=\"lazy\" decoding=\"async\" alt=\"Pen-crayons.jpg\" src=\"\/\/wikieducator.org\/images\/thumb\/1\/12\/Pen-crayons.jpg\/400px-Pen-crayons.jpg\" width=\"400\" height=\"266\" class=\"img-responsive\"><\/a><\/div>\n<table class=\"cquote\" style=\"margin:auto; border-collapse: collapse; border: none; background-color: transparent; width: auto;\">\n<tbody>\n<tr>\n<td width=\"20\" valign=\"top\" style=\"border:none; color:#B2B7F2;font-size:35px;font-family: 'Times New Roman', serif; font-weight: bold; text-align: left; padding: 10px 10px;\"> \u201c\n<\/td>\n<td valign=\"top\" style=\"border: none; padding: 4px 10px;\"> <i>Here is one of the few effective keys to the design problem \u2014 the ability of the designer to recognize as many of the constraints as possible&#8230; [and their] willingness and enthusiasm for working within these constraints.<\/i>\n<\/td>\n<td width=\"20\" valign=\"bottom\" style=\"border: none; color: #B2B7F2; font-size: 35px; font-family: 'Times New Roman', serif; font-weight: bold; text-align: right; padding: 10px 10px;\"> \u201d\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"3\" class=\"cquotecite\" style=\"border: none; padding-right: 4%\">\n<p style=\"font-size: smaller; text-align: right;\"><cite style=\"font-style: normal;\">\u2014Charles Eames<sup id=\"cite_ref-1\" class=\"reference\"><a href=\"#cite_note-1\">[1]<\/a><\/sup><\/cite><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><br style=\"clear:both;\">\n<\/p>\n<p>Open learning design is the art of creating meaningful learning opportunities, while understanding the limitations of the technologies we use. Successful design in this environment requires pre-knowledge of the practical constraints of the environment.\n<\/p>\n<p>In this section, we provide a few guidelines to keep in mind when developing the outline in the wiki, for the learning pathways you are designing on this course. Following these guidelines will improve the navigation and user experience of your website.<br style=\"clear:both;\">\n<\/p>\n<div class=\"panel iDevice\">\n\t<div class=\"panel-heading idevice-heading\">\n\t\t<div>\n\t\t\t<img decoding=\"async\" class=\"pedagogicalicon\" alt=\"preknowledge\" src=\"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-content\/themes\/oeru-course\/idevices\/Icon_preknowledge.png\">\n\t\t<\/div>\n\t\t<div>\n\t\t\t<h2>Pre-knowledge<\/h2>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"panel-body\">\n\t\t<div class=\"col-md-12\">\n\t\t\t<\/p>\n<p>You should familiarise yourself with a wiki course outline and how this relates to the website produced by putting together the collection of wiki pages.\n<\/p>\n<ol>\n<li>  Open a copy of the <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/wikieducator.org\/EDT4OL\/_Outline\">wiki outline page<\/a> used to publish this <a href=\"\/edt4ol\/empowered-digital-teacher-for-online-learning\" title=\"EDT4OL\/home\">course website<\/a>.\n<ul>\n<li> We suggest that you open the <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/wikieducator.org\/EDT4OL\/_Outline\">outline link<\/a> in a <b>new window<\/b> or separate tab to make it easier to compare with the <a href=\"\/edt4ol\/empowered-digital-teacher-for-online-learning\" title=\"EDT4OL\/home\">published course website<\/a>.\n<\/li>\n<\/ul>\n<\/li>\n<li> <b>Look at:<\/b>:\n<ul>\n<li> How the structure of the <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/wikieducator.org\/EDT4OL\/_Outline\">wiki outline page<\/a> relates to the <a href=\"\/edt4ol\/empowered-digital-teacher-for-online-learning\" title=\"EDT4OL\/home\">published website<\/a> navigation\n<\/li>\n<li> How the next and previous buttons on the <a href=\"\/edt4ol\/empowered-digital-teacher-for-online-learning\" title=\"EDT4OL\/home\">published website<\/a> function in relation to the course outline.\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p>\n<\/p>\n<p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<p>\n<\/p>\n<h2><span class=\"mw-headline\" id=\"Technical_constraints_for_a_course_outline_page\">Technical constraints for a course outline page<\/span><\/h2>\n<ol>\n<li> The <b>first<\/b> bullet in the outline list is reserved for the <b>course homepage<\/b> and must be an internal wiki link.\n<\/li>\n<li> The navigation structure of the website is restricted to <b>three<\/b> hierarchical levels:\n<ul>\n<li> <i>Level 1<\/i> is used for the general navigation of the course website\u2014implemented as a <i>single bullet<\/i> in the <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/wikieducator.org\/EDT4OL\/_Outline\">course outline<\/a>.\n<\/li>\n<li> <i>Level 2<\/i> is used for the drop-down options from the general navigation of the course website\u2014implemented as a <i>single indented sub-bullet<\/i> in the <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/wikieducator.org\/EDT4OL\/_Outline\">course outline<\/a>.\n<\/li>\n<li> <i>Level 3<\/i> is used for in-page navigation of third-level items\u2014implemented as a <i>double indented sub-bullet<\/i> in the <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/wikieducator.org\/EDT4OL\/_Outline\">course outline<\/a>.\n<\/li>\n<\/ul>\n<\/li>\n<li> The course website uses the display text for the wiki link (called a &#8216;pipe&#8217; in Mediawiki software) as the label of the navigation item. Avoid using long titles, as they do not display well as menu options. We recommend that you:\n<ul>\n<li> Keep level 1 navigation labels under 20 characters and spaces.\n<\/li>\n<li> Keep level 2 and level 3 navigation labels under 35 characters and spaces.\n<\/li>\n<li> Avoid using punctuation and restricted characters which have special meaning in page urls within your label text because this will cause problems with the next and previous page buttons which are inserted automatically in the snapshot. (For example, avoid using the following characters in your page labels: &amp;, +, \u2018 \u201d \\ |).\n<\/li>\n<\/ul>\n<\/li>\n<li> Except for the first bullet used for the landing page, bullets in the outline which have sub-bullets (children) should not be links. Check to see that only bullets which don\u2019t have children are links in the outline. This is related to how items behave in the navigation when the user selects a menu option.\n<\/li>\n<li> We recommend that you do not use more than six level 1 navigation options, as this will create navigation challenges on lower screen resolutions. Also, you may need to reduce this number if you are using long titles for your general navigation.\n<\/li>\n<li> Always make changes to your source pages in the wiki. Don\u2019t edit or make changes in your WordPress site because these edits will not be preserved when rerunning the script. The script will delete all previous pages in WordPress when updating the pages from the wiki.\n<\/li>\n<\/ol>\n<p>We offer these guidelines to help you get started. Feel free to experiment\u2014there is no risk of &#8220;breaking&#8221; the technology. Using a wiki model makes it very easy to change and adapt your design, because you will get visual feedback when you publish your own course website. If something goes wrong, you will be able to fix it.\n<\/p>\n<h2><span class=\"mw-headline\" id=\"Notes\">Notes<\/span><\/h2>\n<ol class=\"references\">\n<li id=\"cite_note-1\"><span class=\"mw-cite-backlink\"><a href=\"#cite_ref-1\">\u2191<\/a><\/span> <span class=\"reference-text\"><a rel=\"nofollow\" class=\"external free\" href=\"http:\/\/quotesondesign.com\/charles-eames-5\/\">http:\/\/quotesondesign.com\/charles-eames-5\/<\/a><\/span>\n<\/li>\n<\/ol>\n<p><!-- \nNewPP limit report\nCPU time usage: 0.061 seconds\nReal time usage: 0.075 seconds\nPreprocessor visited node count: 213\/1000000\nPreprocessor generated node count: 1324\/1000000\nPost\u2010expand include size: 4613\/2097152 bytes\nTemplate argument size: 2083\/2097152 bytes\nHighest expansion depth: 7\/40\nExpensive parser function count: 0\/100\n--><\/p>\n<p><!-- Saved in parser cache with key we_en-mw_:pcache:idhash:189780-0!*!0!!*!2!* and timestamp 20220719051317 and revision id 1097228\n -->\n<\/div>\n<div class=\"visualClear\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-md-12\">\n<ul class=\"pager\">\n<li class=\"previous\">\n            <a href=\"\/edt4ol\/learning-challenges\/snapshot-process\/wiki-sub-pages\">\u2190 Previous<\/a>\n          <\/li>\n<li class=\"next\">\n            <a href=\"\/edt4ol\/learning-challenges\/snapshot-process\/components-of-the-snapshot-process\">Next \u2192<\/a>\n          <\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<div id=\"wenote-ids\"><script type='text\/javascript' id='wenotes-ids'>\n    var WEnotesSite = \"https:\/\/wikieducator.org\";\n    var WEnotesPath = \"\/EDT4OL\/Snapshot\/Design_constraints\";\n    var WEnotesSiteID = \"0e3d258fbd36841f92259eefcd41d5e9\";\n    var WEnotesPathID = \"ecccfebe110baf2057ec586743c6552f\";\n    var WEnotesIDs = { site: \"https:\/\/wikieducator.org\", path: \"\/EDT4OL\/Snapshot\/Design_constraints\", site_id: \"0e3d258fbd36841f92259eefcd41d5e9\", path_id: \"ecccfebe110baf2057ec586743c6552f\" };\n<\/script><\/div>\n<\/div>\n<footer><\/footer>\n","protected":false},"excerpt":{"rendered":"<p>\u201c Here is one of the few effective keys to the design problem \u2014 the ability of the designer to recognize as many of the constraints as possible&#8230; [and their] willingness and enthusiasm for working within these constraints. \u201d \u2014Charles Eames[1] Open learning design is the art of creating meaningful learning opportunities, while understanding the [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":17825,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17835","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-json\/wp\/v2\/pages\/17835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-json\/wp\/v2\/comments?post=17835"}],"version-history":[{"count":1,"href":"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-json\/wp\/v2\/pages\/17835\/revisions"}],"predecessor-version":[{"id":17836,"href":"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-json\/wp\/v2\/pages\/17835\/revisions\/17836"}],"up":[{"embeddable":true,"href":"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-json\/wp\/v2\/pages\/17825"}],"wp:attachment":[{"href":"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-json\/wp\/v2\/media?parent=17835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}