{"id":3684,"date":"2016-03-26T05:13:40","date_gmt":"2016-03-26T05:13:40","guid":{"rendered":"http:\/\/course.oeru.org\/ds4oer\/?page_id=3684"},"modified":"2016-03-26T05:13:40","modified_gmt":"2016-03-26T05:13:40","slug":"design-constraints","status":"publish","type":"page","link":"https:\/\/course.oeru.org\/ds4oer\/learning-pathways\/outlining-a-course\/design-constraints\/","title":{"rendered":"Design constraints"},"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=\"thumb tright\">\n<div class=\"thumbinner thumbnail\" style=\"width:302px;\"><a href=\"http:\/\/WikiEducator.org\/File:Pen-crayons.jpg\" class=\"image\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"\/\/WikiEducator.org\/images\/thumb\/1\/12\/Pen-crayons.jpg\/300px-Pen-crayons.jpg\" width=\"300\" height=\"200\" class=\"thumbimage img-responsive\"><\/a>  <\/p>\n<div class=\"thumbcaption\">Design with constraints<\/div>\n<\/div>\n<\/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 \u2014 his 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>\nOpen learning design is the art of creating meaningful learning opportunities within the constraints of the <a href=\"\/ds4oer\/learning-pathways\/orientation\/the-reusability-paradox\" title=\"Digital skills for collaborative OER development\/Orientation\/Reusability paradox\">reusability paradox<\/a> and the technologies we use. Successful design in this environment requires preknowledge of the practical constraints of the environment.\n<\/p>\n<p>In this section we provide a few guidelines you should keep in mind when developing the outline in the wiki for the learning pathways you are designing for this course. Adhering to these guidelines will improve the navigation and user experience of your target 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:\/\/course.oeru.org\/ds4oer\/wp-content\/themes\/oeru_course\/idevices\/Icon_preknowledge.png\">\n\t\t<\/div>\n\t\t<div>\n\t\t\t<h2>Preknowledge<\/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 resultant website produced from harvesting the collection of wiki pages.\n<\/p>\n<ol>\n<li>  Open a copy of the <a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/wikieducator.org\/Digital_skills_for_collaborative_OER_development\/_Outline_2\">wiki outline<\/a> which was used to publish this <a href=\"\/Digital_skills_for_collaborative_OER_development\" title=\"Digital skills for collaborative OER development\">course website<\/a>.\n<ul>\n<li>We suggest that you open the <a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/wikieducator.org\/Digital_skills_for_collaborative_OER_development\/_Outline_2\">outline link<\/a> in a <b>new window<\/b> to make it easier to compare with the <a href=\"\/Digital_skills_for_collaborative_OER_development\" title=\"Digital skills for collaborative OER development\">published course website<\/a>.\n<\/li>\n<\/ul>\n<\/li>\n<li> <b>Note<\/b>:\n<ul>\n<li> How the structure of the <a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/wikieducator.org\/Digital_skills_for_collaborative_OER_development\/_Outline_2\">bullet list<\/a> relates to the <a href=\"\/Digital_skills_for_collaborative_OER_development\" title=\"Digital skills for collaborative OER development\">published website<\/a> navigation\n<\/li>\n<li> How the next and previous buttons on the <a href=\"\/Digital_skills_for_collaborative_OER_development\" title=\"Digital skills for collaborative OER development\">published website<\/a> function in relation to the wiki 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=\"Guidelines_for_developing_your_course_outline\">Guidelines for developing your course outline<\/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 target website is restricted to <b>three<\/b> hierarchical levels:\n<ul>\n<li> <i>Level 1<\/i> is used for the global navigation of the course web site\u2014implemented as a <i>single bullet<\/i> in the <a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/wikieducator.org\/Digital_skills_for_collaborative_OER_development\/_Outline_2\">course outline<\/a>.\n<\/li>\n<li> <i>Level 2<\/i> is used for the drop-down options from the global navigation of the course web site\u2014implemented as a <i>single indented sub-bullet<\/i> in the <a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/wikieducator.org\/Digital_skills_for_collaborative_OER_development\/_Outline_2\">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=\"http:\/\/wikieducator.org\/Digital_skills_for_collaborative_OER_development\/_Outline_2\">course outline<\/a>.\n<\/li>\n<\/ul>\n<\/li>\n<li> The course website uses the display text for the wiki link 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<\/ul>\n<\/li>\n<li> With the exception of the first bullet used for the landing page any bullet which is followed by a sub-bullet in the outline sequence cannot be a wiki link.   (That is, if a parent bullet has any children, it must not be a wiki link. This relates to the behaviour of a level 2 navigation item which cannot be a link under the implementation model we are using.)\n<\/li>\n<li> We recommend that you do not exceed six level 1 navigation options as this will generate navigation challenges on lower screen resolutions. And you may need to reduce this number if you are using unusually long titles for your global navigation.\n<\/li>\n<\/ol>\n<p>We offer these general 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.070 seconds\nReal time usage: 0.073 seconds\nPreprocessor visited node count: 203\/1000000\nPreprocessor generated node count: 1264\/1000000\nPost\u2010expand include size: 5089\/2097152 bytes\nTemplate argument size: 2563\/2097152 bytes\nHighest expansion depth: 7\/40\nExpensive parser function count: 0\/100\n--><\/p>\n<p><!-- Saved in parser cache with key wikiedu-mw_:pcache:idhash:165447-0!*!0!!*!2!* and timestamp 20160326051335 and revision id 990569\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=\"\/ds4oer\/learning-pathways\/outlining-a-course\/our-web-publishing-model\">\u2190 Previous<\/a>\n          <\/li>\n<li class=\"next\">\n            <a href=\"\/ds4oer\/learning-pathways\/outlining-a-course\/course-outline-structure\">Next \u2192<\/a>\n          <\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/div>\n<footer>\n<br \/>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Design with constraints \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 \u2014 his willingness and enthusiasm for working within these constraints. \u201d \u2014Charles Eames[1] Open learning design is the art of creating meaningful learning opportunities [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3676,"menu_order":7500,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3684","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/pages\/3684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/comments?post=3684"}],"version-history":[{"count":1,"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/pages\/3684\/revisions"}],"predecessor-version":[{"id":3685,"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/pages\/3684\/revisions\/3685"}],"up":[{"embeddable":true,"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/pages\/3676"}],"wp:attachment":[{"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/media?parent=3684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}