{"id":17811,"date":"2022-07-19T01:13:10","date_gmt":"2022-07-19T05:13:10","guid":{"rendered":"https:\/\/pacificopencourses.col.org\/edt4ol\/?page_id=17811"},"modified":"2022-07-19T01:13:10","modified_gmt":"2022-07-19T05:13:10","slug":"pedagogical-templates","status":"publish","type":"page","link":"https:\/\/pacificopencourses.col.org\/edt4ol\/learning-challenges\/intermediate-wiki-skills\/pedagogical-templates\/","title":{"rendered":"Pedagogical templates"},"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:Blue-steps-red-wall.jpg\" class=\"image\"><img loading=\"lazy\" decoding=\"async\" alt=\"Blue-steps-red-wall.jpg\" src=\"\/\/wikieducator.org\/images\/thumb\/0\/0e\/Blue-steps-red-wall.jpg\/400px-Blue-steps-red-wall.jpg\" width=\"400\" height=\"267\" class=\"img-responsive\"><\/a><\/div>\n<p><br style=\"clear:both;\"><\/p>\n<p>\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=\"summary\" src=\"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-content\/themes\/oeru-course\/idevices\/Icon_summary.png\">\n\t\t<\/div>\n\t\t<div>\n\t\t\t<h2>Mini challenge - Create and edit a pedagogical template in 4 steps<\/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<table>\n<tbody>\n<tr>\n<td width=\"100px\"><b>Summary<\/b>:<\/td>\n<td>Learn how to publish instructional activities using WikiEducator&#8217;s pre-defined pedagogical templates<\/td>\n<\/tr>\n<tr>\n<td>\n<div class=\"floatleft\"><a href=\"https:\/\/wikieducator.org\/File:Time7.svg\" class=\"image\"><img loading=\"lazy\" decoding=\"async\" alt=\"Time7.svg\" src=\"\/\/wikieducator.org\/images\/thumb\/8\/88\/Time7.svg\/30px-Time7.svg.png\" width=\"30\" height=\"30\" class=\"img-responsive\"><\/a><\/div>\n<\/td>\n<td>30 mins &#8211; 1 hour (Depending on prior knowledge of wiki text and general understanding of <a href=\"http:\/\/en.wikipedia.org\/wiki\/Markup_language\" class=\"extiw\" title=\"w:Markup language\">markup languages<\/a>)<\/td>\n<\/tr>\n<tr>\n<td>\n<div class=\"floatleft\"><a href=\"https:\/\/wikieducator.org\/File:Font2.svg\" class=\"image\"><img loading=\"lazy\" decoding=\"async\" alt=\"Font2.svg\" src=\"\/\/wikieducator.org\/images\/thumb\/e\/e5\/Font2.svg\/30px-Font2.svg.png\" width=\"30\" height=\"30\" class=\"img-responsive\"><\/a><\/div>\n<\/td>\n<td>Linked to final: <a href=\"\/edt4ol\/learning-challenges\/intermediate-wiki-skills\/intermediate-wiki-skills-challenge\" title=\"EDT4OL\/Intermediate wiki skills\/Challenge\">Intermediate wiki skills challenge<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>In this challenge, you will learn how to use wiki text (markup) for pedagogical templates, while developing draft content for re-use in the learning materials you are developing in the course\n<\/p>\n<p>\n<\/p>\n<p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<p>\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=\"objective\" src=\"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-content\/themes\/oeru-course\/idevices\/Icon_objectives.png\">\n\t\t<\/div>\n\t\t<div>\n\t\t\t<h2>Purpose<\/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>The purpose of this learn-by-doing challenge is to:\n<\/p>\n<ul>\n<li> Build your wiki skills for publishing pedagogical templates in WikiEducator\n<\/li>\n<li> Discover the range of pre-defined pedagogical templates available in WikiEducator\n<\/li>\n<li> Follow &#8216;help&#8217; instructions published on WikiEducator\n<\/li>\n<li> Learn how to customise these templates for your own authoring\n<\/li>\n<li> Prepare initial drafts of templates for use in your own course\n<\/li>\n<\/ul>\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=\"Start_here\">Start here<\/span><\/h2>\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=\"web resources\" src=\"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-content\/themes\/oeru-course\/idevices\/Icon_inter.png\">\n\t\t<\/div>\n\t\t<div>\n\t\t\t<h2>Web resources<\/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<ol>\n<li> Read the summary of the three steps for publishing a pedagogical template below\n<\/li>\n<li> Bookmark and scan the quickstart guide for <a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/www.wikieducator.org\/Quickstart_guide\/pedagogical_templates\">pedagogical templates<\/a> (which can be accessed from the help link on the left-hand side of your browser on <a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/www.wikieducator.org\/Main_Page\">WikiEducator<\/a>)\n<\/li>\n<\/ol>\n<p>\n<\/p>\n<p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<p> \n<\/p>\n<div class=\"floatright\"><a href=\"https:\/\/wikieducator.org\/File:Vegetables_1370912_Nevit_droste.jpg\" class=\"image\"><img loading=\"lazy\" decoding=\"async\" alt=\"Vegetables 1370912 Nevit droste.jpg\" src=\"\/\/wikieducator.org\/images\/thumb\/f\/f6\/Vegetables_1370912_Nevit_droste.jpg\/400px-Vegetables_1370912_Nevit_droste.jpg\" width=\"400\" height=\"533\" class=\"img-responsive\"><\/a><\/div>\n<p>The <a class=\"external text\" href=\"http:\/\/www.mediawiki.org\/wiki\/MediaWiki\">Mediawiki<\/a> software has a powerful feature called templates, which enables more advanced features to help manage the layout and structure of elements more consistently in the wiki. So, for example, a template can be created to manage the display of a feature on a particular page in the wiki. Every time the template is used on any page in the wiki, it will re-produce the layout features defined in the original template without the need to code the wiki text on the page where it is used.\n<\/p>\n<p>The layout for the Mini-challenge, Purpose, and Stimulus resources on this page was created using this pedagogical template feature.\n<\/p>\n<p>Don&#8217;t worry! In this course, you are not required to code new templates. You will be using templates we have already created. We will show you how to use a number of popular templates in WikiEducator. They are very easy to use once you know how. It&#8217;s a simple process of:\n<\/p>\n<ol>\n<li> <b>Copy<\/b> the wiki text for the template\n<\/li>\n<li> <b>Paste<\/b> this on the page where you would like to use it\n<\/li>\n<li> <b>Edit<\/b> and customise the content of the template in the wiki\n<\/li>\n<\/ol>\n<p>\n<\/p>\n<div class=\"floatleft\"><a href=\"https:\/\/wikieducator.org\/File:Exe_RGB_72dpi.jpg\" class=\"image\"><img loading=\"lazy\" decoding=\"async\" alt=\"Exe RGB 72dpi.jpg\" src=\"\/\/wikieducator.org\/images\/thumb\/4\/4a\/Exe_RGB_72dpi.jpg\/150px-Exe_RGB_72dpi.jpg\" width=\"150\" height=\"99\" class=\"img-responsive\"><\/a><\/div>\n<p>In WikiEducator, we use pedagogical templates to manage the layout and display of a range of pedagogical forms: objectives, case studies, reading activities, etc. We call these &#8216;instructional devices&#8217; (or <b>iDevices<\/b> for short). Historically, the idea of isolating the iDevices of learning content was a primary aspect of the <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/exelearning.net\/en\/\">eXe Project<\/a>, an open source development project, and the concept has been retained in WikiEducator.<\/p>\n<p>A pedagogical template associates an icon with the type of activity and applies a distinctive layout to differentiate iDevices from normal body text. Consequently, templates provide a way to manage structure and form on wiki pages in a consistent way, not unlike styles used in word processing.\n<\/p>\n<h2><span class=\"mw-headline\" id=\"Step_1:_Create_a_practice_page_for_pedagogical_templates\">Step 1: Create a practice page for pedagogical templates<\/span><\/h2>\n<p>Create a subpage from your <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/wikieducator.org\/Special:MyPage\/Sandbox\">Sandbox<\/a> page to practise editing pedagogical templates.\n<\/p>\n<ol>\n<li> Log in to WikiEducator and go to your <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/wikieducator.org\/Special:MyPage\/Sandbox\">Sandbox page<\/a>\n<\/li>\n<li> Click on the edit link, then add a subpage for pedagogical templates using the following syntax: <code>[[\/Pedagogical templates\/|Pedagogical templates]]<\/code>. (Make sure that there is a &#8220;<code>\/<\/code>&#8221; (forward slash)  before and <b>after<\/b> the wiki page name. This is a shortcut for creating sub-pages from a parent page)\n<\/li>\n<li> You should see a red link for a new &#8216;Pedagogical template&#8217; page which is a placeholder for creating the new subpage below\n<\/li>\n<\/ol>\n<h2><span class=\"mw-headline\" id=\"Step_2:_Copy_the_wiki_text_for_a_pedagogical_template\">Step 2: Copy the wiki text for a pedagogical template<\/span><\/h2>\n<p>In wiki text, the beginning of a template is indicated by two curly braces like this <code>{{<\/code> and is closed using two curly braces like this <code>}}<\/code>. These curly braces instruct the wiki software to apply the specified template&#8217;s formatting, in our case the template called <a href=\"https:\/\/wikieducator.org\/Template:IDevice\" title=\"Template:IDevice\">IDevice<\/a>.\n<\/p>\n<p>The pedagogical templates also support parameters. These are variables using pre-defined text phrases for manipulating the behaviour of the template. Each parameter is signaled by a vertical bar like this &#8220;<code>|<\/code>&#8221; followed by the name of the parameter. The variable text is entered after the equals sign (&#8220;<code>=<\/code>&#8220;), which will be explained in Step 3 below.\n<\/p>\n<p>All you need to do is to highlight and copy the wiki text for the template in the box below:\n<\/p>\n<pre>{{IDevice\n|theme=line\n|type=\n|title=\n|body=\n}}\n<\/pre>\n<h2><span class=\"mw-headline\" id=\"Step_3:_Paste_the_wiki_text_for_the_template_on_your_page\">Step 3: Paste the wiki text for the template on your page<\/span><\/h2>\n<ol>\n<li> Go to your <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/wikieducator.org\/Special:MyPage\/Sandbox\">Sandbox page<\/a> and click on the red link for the &#8216;Pedagogical template&#8217; subpage to create this new page\n<\/li>\n<li> Paste the wiki text you copied from Step 2 above onto this page\n<\/li>\n<li> Remember to save your page\n<\/li>\n<\/ol>\n<p>If you have done this correctly, you should see the following example after you save the page:\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=\"activity\" src=\"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-content\/themes\/oeru-course\/idevices\/Icon_activity.png\">\n\t\t<\/div>\n\t\t<div>\n\t\t\t<h2>Activity<\/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>\n<\/p>\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=\"Step_4:_Edit_and_customise_a_pedagogical_template\">Step 4: Edit and customise a pedagogical template<\/span><\/h2>\n<p>Theme, type, title, and body are parameters you can use for editing and customising your template. The parameter names are case sensitive and, in the case of pedagogical templates, they are all lower case. They will not function properly if, for example, you use &#8220;Theme=&#8221; instead of the lowercase &#8220;theme&#8221;. The list below provides a summary of the parameters and options.\n<\/p>\n<table class=\"oeru1 table table-striped\">\n<tbody>\n<tr>\n<th>Parameter\n<\/th>\n<th>Purpose and options\n<\/th>\n<\/tr>\n<tr>\n<td>theme\n<\/td>\n<td>The user can specify a theme which manages how templates are displayed in WikiEducator. The display of templates in the published course site will use the theme of the target website.<\/p>\n<p>Check the name of the theme next to the theme parameter, which in our case will always be: <code>theme=line<\/code>\n<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>type<br \/>(<i>Required<\/i>)\n<\/td>\n<td>Type specifies the associated icon for a pre-determined list of iDevices. Consult the <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/wikieducator.org\/Quickstart_guide\/Pedagogical_templates#List_of_predefined_template_types\">list of options<\/a> in the Quickstart guide\n<\/td>\n<\/tr>\n<tr>\n<td>title<br \/>(<i>Optional<\/i>)\n<\/td>\n<td>The title parameter enables the user to specify an alternate title associated with the designated icon for the corresponding type. So for example, the author could use &#8220;<code>title=Next steps<\/code>&#8221; to be associated with the icon for &#8220;<code>type=Key point<\/code>&#8221;\n<\/td>\n<\/tr>\n<tr>\n<td>body<br \/>(<i>Required<\/i>)\n<\/td>\n<td>This parameter is used to display the body text of the iDevice. It will accept any standard wiki text and formatting, including <b>bold<\/b>, <i>italics<\/i>, lists, images, etc.\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><span class=\"mw-headline\" id=\"Tasks\">Tasks<\/span><\/h3>\n<ol>\n<li> Consult the <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/wikieducator.org\/Quickstart_guide\/Pedagogical_templates#List_of_predefined_template_types\">list of options<\/a> in the Quickstart guide and choose a &#8216;type&#8217; of pedagogical template you can include in your online learning materials (for example: &#8220;Objectives&#8221;)\n<\/li>\n<li> Prepare some draft text to provide learner instructions for the iDevice you have chosen\n<\/li>\n<li> Go to the <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/wikieducator.org\/Special:MyPage\/Sandbox\">Sandbox page<\/a> you created in Step 2 above, and open the &#8216;Pedagogical template&#8217; subpage in edit mode to start populating the variables of the Wiki markup you copied in Step 3\n<\/li>\n<li> Enter the type variable from the list after the &#8220;<code>type=<\/code>&#8221; parameter, for example: &#8220;<code>|type=Definition<\/code>&#8221;\n<\/li>\n<li> After the &#8220;<code>body=<\/code>&#8221; parameter, enter the body text you prepared to provide instructions for your learners\n<\/li>\n<li> Click on save to see what your template looks like in published view\n<\/li>\n<li> Now change the title for your iDevice, providing alternate text after the &#8220;<code>title=<\/code>&#8221; parameter; This demonstrates how you can change the default heading text associated with each icon in the style\n<\/li>\n<li> Experiment creating a few different iDevices from <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/wikieducator.org\/Quickstart_guide\/Pedagogical_templates#List_of_predefined_template_types\">list of options<\/a>\n<\/li>\n<\/ol>\n<p><!-- \nNewPP limit report\nCPU time usage: 0.192 seconds\nReal time usage: 1.339 seconds\nPreprocessor visited node count: 550\/1000000\nPreprocessor generated node count: 1407\/1000000\nPost\u2010expand include size: 11104\/2097152 bytes\nTemplate argument size: 4228\/2097152 bytes\nHighest expansion depth: 8\/40\nExpensive parser function count: 0\/100\n--><\/p>\n<p><!-- Saved in parser cache with key we_en-mw_:pcache:idhash:189425-0!*!0!!*!2!* and timestamp 20220718232657 and revision id 1093457\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\/intermediate-wiki-skills\/images-from-the-wikimedia-commons\">\u2190 Previous<\/a>\n          <\/li>\n<li class=\"next\">\n            <a href=\"\/edt4ol\/learning-challenges\/intermediate-wiki-skills\/footnotes-and-references\">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\/Intermediate_wiki_skills\/Pedagogical_templates\";\n    var WEnotesSiteID = \"0e3d258fbd36841f92259eefcd41d5e9\";\n    var WEnotesPathID = \"22746a499f6f8c9f567f61e410c5bf66\";\n    var WEnotesIDs = { site: \"https:\/\/wikieducator.org\", path: \"\/EDT4OL\/Intermediate_wiki_skills\/Pedagogical_templates\", site_id: \"0e3d258fbd36841f92259eefcd41d5e9\", path_id: \"22746a499f6f8c9f567f61e410c5bf66\" };\n<\/script><\/div>\n<\/div>\n<footer><\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Start here The Mediawiki software has a powerful feature called templates, which enables more advanced features to help manage the layout and structure of elements more consistently in the wiki. So, for example, a template can be created to manage the display of a feature on a particular page in the wiki. Every time the [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":17799,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17811","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-json\/wp\/v2\/pages\/17811","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=17811"}],"version-history":[{"count":1,"href":"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-json\/wp\/v2\/pages\/17811\/revisions"}],"predecessor-version":[{"id":17812,"href":"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-json\/wp\/v2\/pages\/17811\/revisions\/17812"}],"up":[{"embeddable":true,"href":"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-json\/wp\/v2\/pages\/17799"}],"wp:attachment":[{"href":"https:\/\/pacificopencourses.col.org\/edt4ol\/wp-json\/wp\/v2\/media?parent=17811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}