{"id":2115,"date":"2024-03-06T10:35:24","date_gmt":"2024-03-06T15:35:24","guid":{"rendered":"https:\/\/www.butler.edu\/academic-technology\/?page_id=2115"},"modified":"2025-11-07T15:44:39","modified_gmt":"2025-11-07T20:44:39","slug":"level-2-toolkit-for-new-faculty","status":"publish","type":"page","link":"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/","title":{"rendered":"Level 2 Toolkit: For Faculty New to Online"},"content":{"rendered":"<section class=\"wysiwyg wysiwyg-primary-block alignfull\" >\n\t<div class=\"container grid-default wysiwyg__container\">\n\t\t\t\t\t\t<nav class=\"sidebar-menu \" aria-label=\"Site Menu\" id=\"page-nav\">\n\t\t<div class=\"sidebar-menu__wrapper\">\n\t\t\t<header class=\"sidebar-menu__header\">\n\t\t\t\t<span class=\"sidebar-menu__headerLabel\">Online Education and Educational Technology Menu<\/span>\n\n\t\t\t\t\t\t\t\t<button class=\"sidebar-menu__mobileToggle\" title=\"Toggle Menu\" :aria-expanded=\"mobileOpen\"><\/button>\n\t\t\t\t\t\t\t<\/header>\n\n\t\t\t<ul class=\"sidebar-menu__list\" v-show=\"mobileOpen\">\n\t\t\t\t\t\t\t\t\t<li class=\"sidebar-menu__listItem initial-item\">\n\t\t\t\t\t\t<a href=\"\/academic-technology\/about\" class=\"sidebar-menu__listLink\" >About<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"sidebar-menu__listItem initial-item\">\n\t\t\t\t\t\t<a href=\"\/academic-technology\/services\" class=\"sidebar-menu__listLink\" >Services<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"sidebar-menu__listItem initial-item\">\n\t\t\t\t\t\t<a href=\"\/academic-technology\/events\" class=\"sidebar-menu__listLink\" >Events<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"sidebar-menu__listItem initial-item\">\n\t\t\t\t\t\t<a href=\"\/academic-technology\/resources\" class=\"sidebar-menu__listLink\" >Resources<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"sidebar-menu__listItem initial-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/ask.butler.edu\/\" class=\"sidebar-menu__listLink\" target=\"_blank\">Ask.Butler<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t\t\t<\/nav>\n\t\t\t\t<div class=\"wysiwyg__wrapper wysiwyg__wrapper--hasSidebar\">\n\t\t\t<!-- content from editor -->\n\t\t\t<div class=\"wysiwyg__content wysiwyg__contentContainer\">\n\t\t\t\t<div class=\"acf-innerblocks-container\">\n\n<h1 class=\"wp-block-heading\" id=\"h-level-2-toolkit-for-faculty-new-to-online-teaching\">Level 2 Toolkit: For Faculty New to Online Teaching<\/h1>\n\n\n\n<p>Level 2 contains the next phase of the summer online course template, building on the steps completed in Level 1. For this phase, course template will have a module flow, and modules (typically organized by unit or week) will have a module introduction page. Additionally, the assignment template is more robust with a section for the assignment purpose, task explanation, and grading criteria. Level 2 also introduces Readings and Instructor Content pages. Finally, this Level contains more advanced design options that allow for easier navigation.<\/p>\n\n\n\n<p>We recommend working systematically through your existing modules to apply the summer course template.<\/p>\n\n<\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n\n\n\n<section class=\"callout-one-column-two-buttons block-precedence alignnone\" >\n\t<div class=\"callout-one-column-two-buttons__wrapper\">\n\t\t<div class=\"callout-one-column-two-buttons__content\">\n\t\t\t\t\t\t\t<h2 class=\"callout-one-column-two-buttons__heading wysiwyg-content\">\n\t\t\t\t\tQuick Links\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t<div class=\"callout-one-column-two-buttons__links\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/Quick-Checklist-for-Butlers-Online-Course-Template.pdf\" target=\"_blank\" class=\"button-solid button-solid--color-ghost-light  t-p1\">\n\t\t<span class=\"button-solid__label\">Course Setup Checklist<\/span>\n\t<\/a>\n\t\t<a href=\"https:\/\/www.butler.edu\/academic-technology\/resources\/summer-2024-toolkit\/info-sessions\/\"  class=\"button-solid button-solid--color-ghost-light  t-p1\">\n\t\t<span class=\"button-solid__label\">Live Information Sessions<\/span>\n\t<\/a>\n\t\t<a href=\"https:\/\/www.butler.edu\/academic-technology\/resources\/summer-2024-toolkit\/toolkit-for-new-faculty\/\"  class=\"button-solid button-solid--color-ghost-light  t-p1\">\n\t\t<span class=\"button-solid__label\">Toolkit Level 1<\/span>\n\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n<section class=\"wysiwyg wysiwyg-secondary-block alignfull\" >\n\t<div class=\"container grid-default wysiwyg__container\">\n\t\t\t\t<div class=\"wysiwyg__wrapper wysiwyg__wrapper--noSidebar\">\n\t\t\t<!-- content from editor -->\n\t\t\t<div class=\"wysiwyg__content wysiwyg__contentContainer\">\n\t\t\t\t<div class=\"acf-innerblocks-container\">\n\n<h2 class=\"wp-block-heading has-theme-white-color has-theme-primary-background-color has-text-color has-background has-link-color wp-elements-ecbf597e0f39f2a4c42bd4b709513066\" id=\"h-edit-the-home-page-image-amp-expand-the-syllabus-preview\">Edit the Home Page Image &amp; Expand the Syllabus Preview<\/h2>\n\n\n\n<div class=\"acc-flex-container\">\n\t<div class=\"acc-title-container\" role=\"heading\" aria-level=\"3\">\n\t\t<button id='block_acf-block-690e5a3600912-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-690e5a3600912_acc-content-panel'>\n\t\t\t<div id='block_acf-block-690e5a3600912-acc-title' class='acc-title'>\n\t\t\t\tStep 1: Update the Home Page Image (Optional)\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-690e5a3600912-acc-img' class='acc-icon' src='https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png' \/>\n\t\t<\/button>\n\t<\/div>\n\t<div role=\"region\" aria-hidden='true'\n\t\tid='block_acf-block-690e5a3600912-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-690e5a3600912-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p>We have included this section based on faculty feedback stating a desire for more customization options on the home page. Therefore, in the template, we included a variety of banner images to select from. Alternatively, you can upload your own image.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-sourcing-your-image\">Sourcing Your Image<\/h4>\n\n\n\n<p>Before completing the Canvas steps, review these tips for creating or sourcing your own images.&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ensure that the image you selected follows copyright laws. Explore the <a href=\"https:\/\/libguides.butler.edu\/findmedia\/licensing\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Find Images &amp; Media libguide<\/em><\/a> for guidance on sourcing images.<\/li>\n\n\n\n<li>Refer to <a href=\"https:\/\/www.butler.edu\/marketing\/brand\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Butler\u2019s brand guidelines<\/em><\/a> for official Butler colors and fonts.<\/li>\n\n\n\n<li>The recommended aspect ratio for these banner images is 10:3. Crop or resize you image to a maximum size of 1280 pixels by 384 pixels.<\/li>\n\n\n\n<li>Ensure that the image is saved to your computer. It should be in an image format (e.g., jpeg, png).<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-updating-the-home-page-in-canvas\">Updating the Home Page in Canvas<\/h4>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/butler.hosted.panopto.com\/Panopto\/Pages\/Embed.aspx?id=98a7bf7b-a9ba-4af3-806f-b1410145a34f&#038;autoplay=false&#038;offerviewer=true&#038;showtitle=false&#038;showbrand=false&#038;captions=false&#038;interactivity=all\" height=\"405\" width=\"720\" style=\"border: 1px solid #464646;\" allowfullscreen allow=\"autoplay\" aria-label=\"Panopto Embedded Video Player\" aria-description=\"Step 1: Update the Home Page Image (Optional)\" ><\/iframe>\n\n\n\n<ol class=\"wp-block-list\">\n<li><em>Choose from existing images:<\/em> There are five alternative, Butler-branded images saved in the course files. These images were taken by the campus photographer. To use one of these images, follow these steps:\n<ol style=\"list-style-type:lower-alpha\" class=\"wp-block-list\">\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Select <\/span><strong style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Home<\/strong><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\"> in your course navigation. Select <\/span><strong style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Edit<\/strong><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Click on the existing banner image to select it.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Select <\/span><strong style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Images<\/strong><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\"> from the menu bar and choose <\/span><strong style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Course Images<\/strong><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">From the popup menu, click on one of the images that starts with \u201cBanner\u2026\u201d&nbsp; You will see the new image added to the page.Repeat steps i-iii to see the other pre-loaded images.<\/span><\/li>\n\n\n\n<li>Select <strong>Save<\/strong>.<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li><em>Upload your own image:<\/em> To add your own image to the course, we recommend these steps:\n<ol style=\"list-style-type:lower-alpha\" class=\"wp-block-list\">\n<li>Select <strong>Home<\/strong> in your course navigation. Select <strong>Edit<\/strong>.<\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Click on the existing image to select it.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Select <\/span><strong style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Images<\/strong><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\"> from the menu bar and choose <\/span><strong style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Upload Image<\/strong><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">In the popup window, either drag and drop your image file or click the rocket icon to browse your computer and select the file.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">After your image loads, adjust the alt text. If your image contains text or important information for the course, include that as part of the alt text description. Alternatively, if the image is aesthetic, select the checkbox for <\/span><strong style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Decorative Image<\/strong><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">. (Decorative image is most common for these banner images.)<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Select <\/span><strong style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Submit<\/strong><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">. Your image will be added below the original image.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Click on the existing original image to select it. Press <\/span><strong style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Delete<\/strong><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\"> on your keyboard.<\/span><\/li>\n\n\n\n<li>Select <strong>Save<\/strong>. Ensure the page formatting looks correct. If needed, you can revert this page to its original state following the tip below.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n\n\n\n<p><strong><mark style=\"background-color:#d4d117\" class=\"has-inline-color\"><em>Tip:<\/em><\/mark><\/strong><em><mark style=\"background-color:#d4d117\" class=\"has-inline-color\"> Each time you save a page, Canvas records each change. You can view and restore prior versions of your page by selecting the <strong>three-dot menu<\/strong> next to Edit and choosing <strong>View Page History<\/strong>. Click one of the time stamps to view that version. Then click <strong>Restore this version<\/strong>.<\/mark><\/em><\/p>\n\n<\/div>\t<\/div>\n\t<script type=\"text\/javascript\">\n\t\t( function( $ ) {\n\t\t\tlet panel = document.getElementById('block_acf-block-690e5a3600912-acc-content-panel');\n\n\t\t\t\/*\n\t\t\t * Need to set a value for maxHeight to initialize the accordion properly.\n\t\t\t * If we don't include this conditional, the accordion doesn't nicely transition to open\/close on the first click.\n\t\t\t *\/\n\t\t\tif ( 1 == 0 ) {\n\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t} else {\n\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t}\n\n\t\t\t$( '#block_acf-block-690e5a3600912-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-690e5a3600912-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-690e5a3600912-acc-img' );\n\t\t\t\t\/*\n\t\t\t\t * If the panel is open, close it by setting its height to 0px.\n\t\t\t\t * If it's closed, i.e. its height is 0px, open it b setting its height to fit-content if in backend, or scrollHeight if frontend.\n\t\t\t\t * This is necessary because transitions do not work on height: fit-content, causing the accordion to snap open and shut instantly.\n\t\t\t\t *\/\n\t\t\t\tif ( panel.style.maxHeight != '0px' ) {\n\t\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t\t} else {\n\t\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t\t}\n\n\t\t\t\tlet expanded = row.getAttribute( 'aria-expanded' );\n\t\t\t\tif ( expanded == 'true' ) {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'false' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png';\n\t\t\t\t} else {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'true' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'false' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_close.png';\n\t\t\t\t}\n\t\t\t} ) ); \/\/End .click\n\n\t\t\tlet highlightColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-blue-bright' );\n\t\t\tlet textColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-primary' );\n\t\t\tlet title = document.getElementById( 'block_acf-block-690e5a3600912-acc-title' );\n\n\t\t\t$( '#block_acf-block-690e5a3600912-acc-row' ).hover( function() {\n\t\t\t\ttitle.style.backgroundColor = highlightColor;\n\t\t\t\ttitle.style.color = textColor;\n\t\t\t}, function() {\n\t\t\t\ttitle.style.backgroundColor = '';\n\t\t\t\ttitle.style.color = '';\n\t\t\t} ); \/\/End .hover\n\n\t\t} )( jQuery );\n\t<\/script>\n<\/div>\n\n\n\n<div class=\"acc-flex-container has-bottom-spacing\">\n\t<div class=\"acc-title-container\" role=\"heading\" aria-level=\"3\">\n\t\t<button id='block_acf-block-690e5a3600934-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-690e5a3600934_acc-content-panel'>\n\t\t\t<div id='block_acf-block-690e5a3600934-acc-title' class='acc-title'>\n\t\t\t\tStep 2: Expand Your Course Syllabus Preview\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-690e5a3600934-acc-img' class='acc-icon' src='https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png' \/>\n\t\t<\/button>\n\t<\/div>\n\t<div role=\"region\" aria-hidden='true'\n\t\tid='block_acf-block-690e5a3600934-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-690e5a3600934-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<iframe loading=\"lazy\" src=\"https:\/\/butler.hosted.panopto.com\/Panopto\/Pages\/Embed.aspx?id=e5062c6b-bbc9-4129-a62d-b14101468fdc&#038;autoplay=false&#038;offerviewer=true&#038;showtitle=false&#038;showbrand=false&#038;captions=false&#038;interactivity=all\" height=\"405\" width=\"720\" style=\"border: 1px solid #464646;\" allowfullscreen allow=\"autoplay\" aria-label=\"Panopto Embedded Video Player\" aria-description=\"Step 2: Expand Your Course Syllabus Preview\" ><\/iframe>\n\n\n\n<p>Follow these steps if you added your syllabus as a file upload (e.g. a PDF or Word file). The steps below will make your syllabus immediately visible in an inline preview when students navigate to the syllabus page.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select <strong>Syllabus<\/strong> from the course navigation.<\/li>\n\n\n\n<li>Select <strong>Edit<\/strong>.<\/li>\n\n\n\n<li>In the textbox, click on the syllabus link (it will be your document title) and then select <strong>Link Options<\/strong>.<\/li>\n\n\n\n<li>In the Link Options popup, change the <em>Display Options<\/em> to <strong>Preview inline<\/strong> and check <strong>Expand preview by Default<\/strong>. Select <strong>Done<\/strong>. When complete, it will look like the image below, with the syllabus appearing in an embedded document viewer.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"709\" src=\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/syllabus-expanded-1024x709.png\" alt=\"Page header says &quot;HST 305: Course Syllabus.&quot; Under the header, there is a blue hyperlink for the syllabus file. The syllabus is displayed in a preview window under the hyperlink.\" class=\"wp-image-2008\" style=\"width:750px\" srcset=\"https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/syllabus-expanded-1024x709.png 1024w, https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/syllabus-expanded-300x208.png 300w, https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/syllabus-expanded-768x532.png 768w, https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/syllabus-expanded.png 1093w\" sizes=\"auto, 100vw\" \/><\/figure>\n<\/div>\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Select <strong>Update Syllabus<\/strong>. <\/li>\n<\/ol>\n\n<\/div>\t<\/div>\n\t<script type=\"text\/javascript\">\n\t\t( function( $ ) {\n\t\t\tlet panel = document.getElementById('block_acf-block-690e5a3600934-acc-content-panel');\n\n\t\t\t\/*\n\t\t\t * Need to set a value for maxHeight to initialize the accordion properly.\n\t\t\t * If we don't include this conditional, the accordion doesn't nicely transition to open\/close on the first click.\n\t\t\t *\/\n\t\t\tif ( 1 == 0 ) {\n\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t} else {\n\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t}\n\n\t\t\t$( '#block_acf-block-690e5a3600934-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-690e5a3600934-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-690e5a3600934-acc-img' );\n\t\t\t\t\/*\n\t\t\t\t * If the panel is open, close it by setting its height to 0px.\n\t\t\t\t * If it's closed, i.e. its height is 0px, open it b setting its height to fit-content if in backend, or scrollHeight if frontend.\n\t\t\t\t * This is necessary because transitions do not work on height: fit-content, causing the accordion to snap open and shut instantly.\n\t\t\t\t *\/\n\t\t\t\tif ( panel.style.maxHeight != '0px' ) {\n\t\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t\t} else {\n\t\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t\t}\n\n\t\t\t\tlet expanded = row.getAttribute( 'aria-expanded' );\n\t\t\t\tif ( expanded == 'true' ) {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'false' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png';\n\t\t\t\t} else {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'true' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'false' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_close.png';\n\t\t\t\t}\n\t\t\t} ) ); \/\/End .click\n\n\t\t\tlet highlightColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-blue-bright' );\n\t\t\tlet textColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-primary' );\n\t\t\tlet title = document.getElementById( 'block_acf-block-690e5a3600934-acc-title' );\n\n\t\t\t$( '#block_acf-block-690e5a3600934-acc-row' ).hover( function() {\n\t\t\t\ttitle.style.backgroundColor = highlightColor;\n\t\t\t\ttitle.style.color = textColor;\n\t\t\t}, function() {\n\t\t\t\ttitle.style.backgroundColor = '';\n\t\t\t\ttitle.style.color = '';\n\t\t\t} ); \/\/End .hover\n\n\t\t} )( jQuery );\n\t<\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-theme-white-color has-theme-primary-background-color has-text-color has-background has-link-color wp-elements-ece98c9dae266af45a049298f7c1658b\" id=\"h-set-up-modules-amp-module-introduction-pages\">Set Up Modules &amp; Module Introduction Pages<\/h2>\n\n\n\n<div class=\"acc-flex-container\">\n\t<div class=\"acc-title-container\" role=\"heading\" aria-level=\"3\">\n\t\t<button id='block_acf-block-690e5a3600951-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-690e5a3600951_acc-content-panel'>\n\t\t\t<div id='block_acf-block-690e5a3600951-acc-title' class='acc-title'>\n\t\t\t\tStep 3: Create Additional Modules as Needed\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-690e5a3600951-acc-img' class='acc-icon' src='https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png' \/>\n\t\t<\/button>\n\t<\/div>\n\t<div role=\"region\" aria-hidden='true'\n\t\tid='block_acf-block-690e5a3600951-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-690e5a3600951-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<iframe loading=\"lazy\" src=\"https:\/\/butler.hosted.panopto.com\/Panopto\/Pages\/Embed.aspx?id=6a171615-740c-454b-a859-b10a00f04613&#038;autoplay=false&#038;offerviewer=true&#038;showtitle=false&#038;showbrand=false&#038;captions=false&#038;interactivity=all\" height=\"405\" width=\"720\" style=\"border: 1px solid #464646;\" allowfullscreen allow=\"autoplay\" aria-label=\"Panopto Embedded Video Player\" aria-description=\"Step 3: Create additional modules as needed\" ><\/iframe>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select <strong>Modules<\/strong> from the course navigation.<\/li>\n\n\n\n<li>Select <strong>+Module<\/strong>.<\/li>\n\n\n\n<li>Enter the module name. We recommend prepending the module name with a numeric label like \u201cModule 2 | [Topic]\u201d, \u201cWeek 2 | [Topic]\u201d, or similar.<\/li>\n\n\n\n<li>Scroll to the bottom of the modules page to locate the new module.<\/li>\n\n\n\n<li>Select the <strong>three-dot menu<\/strong> next to the module. Then select <strong>Move Module<\/strong>.<\/li>\n\n\n\n<li>In the Move Module Item popup, use the <em>Place<\/em> options to arrange the module. Select <strong>Move<\/strong>.<\/li>\n\n\n\n<li>Repeat steps 2-6 until all your modules are created.<\/li>\n<\/ol>\n\n\n\n<p><strong><mark style=\"background-color:#d4d117\" class=\"has-inline-color\"><em>Tip:<\/em><\/mark><\/strong><em><mark style=\"background-color:#d4d117\" class=\"has-inline-color\"> To rename existing modules, select the <strong>three-dot menu<\/strong> next to the module, select <strong>Edit<\/strong>, enter the new name, and select <strong>Update Module<\/strong>.<\/mark><\/em><\/p>\n\n<\/div>\t<\/div>\n\t<script type=\"text\/javascript\">\n\t\t( function( $ ) {\n\t\t\tlet panel = document.getElementById('block_acf-block-690e5a3600951-acc-content-panel');\n\n\t\t\t\/*\n\t\t\t * Need to set a value for maxHeight to initialize the accordion properly.\n\t\t\t * If we don't include this conditional, the accordion doesn't nicely transition to open\/close on the first click.\n\t\t\t *\/\n\t\t\tif ( 1 == 0 ) {\n\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t} else {\n\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t}\n\n\t\t\t$( '#block_acf-block-690e5a3600951-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-690e5a3600951-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-690e5a3600951-acc-img' );\n\t\t\t\t\/*\n\t\t\t\t * If the panel is open, close it by setting its height to 0px.\n\t\t\t\t * If it's closed, i.e. its height is 0px, open it b setting its height to fit-content if in backend, or scrollHeight if frontend.\n\t\t\t\t * This is necessary because transitions do not work on height: fit-content, causing the accordion to snap open and shut instantly.\n\t\t\t\t *\/\n\t\t\t\tif ( panel.style.maxHeight != '0px' ) {\n\t\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t\t} else {\n\t\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t\t}\n\n\t\t\t\tlet expanded = row.getAttribute( 'aria-expanded' );\n\t\t\t\tif ( expanded == 'true' ) {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'false' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png';\n\t\t\t\t} else {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'true' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'false' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_close.png';\n\t\t\t\t}\n\t\t\t} ) ); \/\/End .click\n\n\t\t\tlet highlightColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-blue-bright' );\n\t\t\tlet textColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-primary' );\n\t\t\tlet title = document.getElementById( 'block_acf-block-690e5a3600951-acc-title' );\n\n\t\t\t$( '#block_acf-block-690e5a3600951-acc-row' ).hover( function() {\n\t\t\t\ttitle.style.backgroundColor = highlightColor;\n\t\t\t\ttitle.style.color = textColor;\n\t\t\t}, function() {\n\t\t\t\ttitle.style.backgroundColor = '';\n\t\t\t\ttitle.style.color = '';\n\t\t\t} ); \/\/End .hover\n\n\t\t} )( jQuery );\n\t<\/script>\n<\/div>\n\n\n\n<div class=\"acc-flex-container has-bottom-spacing\">\n\t<div class=\"acc-title-container\" role=\"heading\" aria-level=\"3\">\n\t\t<button id='block_acf-block-690e5a3600967-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-690e5a3600967_acc-content-panel'>\n\t\t\t<div id='block_acf-block-690e5a3600967-acc-title' class='acc-title'>\n\t\t\t\tStep 4: Set Up Module Introduction Pages\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-690e5a3600967-acc-img' class='acc-icon' src='https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png' \/>\n\t\t<\/button>\n\t<\/div>\n\t<div role=\"region\" aria-hidden='true'\n\t\tid='block_acf-block-690e5a3600967-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-690e5a3600967-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<iframe loading=\"lazy\" src=\"https:\/\/butler.hosted.panopto.com\/Panopto\/Pages\/Embed.aspx?id=1f34bc9c-8d79-483b-a577-b14101471c7d&#038;autoplay=false&#038;offerviewer=true&#038;showtitle=false&#038;showbrand=false&#038;captions=false&#038;interactivity=all\" height=\"405\" width=\"720\" style=\"border: 1px solid #464646;\" allowfullscreen allow=\"autoplay\" aria-label=\"Panopto Embedded Video Player\" aria-description=\"Step 4: Set up Module Introduction Pages\" ><\/iframe>\n\n\n\n<p>To view an example of a completed module introduction page, locate the Module titled \u201cExamples \u2013 DO NOT PUBLISH\u201d and click on the \u201cModule X: Introduction [Example]\u201d resource.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select <strong>Modules<\/strong> from the course navigation.<\/li>\n\n\n\n<li>Locate the template module named \u201cModule 1 | Name\u201d.<\/li>\n\n\n\n<li>In <strong>Modules<\/strong> view, select the <strong>three-dot menu<\/strong> next to the \u201cModule 1: Introduction\u201d page. Then select <strong>Duplicate<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"254\" src=\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/module-duplicate.png\" alt=\"\" class=\"wp-image-2012\" style=\"width:550px\" srcset=\"https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/module-duplicate.png 724w, https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/module-duplicate-300x105.png 300w, https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/module-duplicate-720x254.png 720w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/><\/figure>\n<\/div>\n\n\n<p><strong><mark style=\"background-color:#d4d117\" class=\"has-inline-color\"><em>Tip:<\/em><\/mark><\/strong><em><mark style=\"background-color:#d4d117\" class=\"has-inline-color\"> You should be on the Modules view for this step. If you clicked on and are viewing the introduction page, you will not see an option to duplicate it.<\/mark><\/em><\/p>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Select the <strong>three-dot menu<\/strong> next to the copied page. Then select <strong>Move To<\/strong>.<\/li>\n\n\n\n<li>In the Move Module Item popup, click the <em>Modules<\/em> dropdown and select a module that needs an introduction page. Leave the place set to <em>At the Top<\/em>. Select <strong>Move<\/strong>.<\/li>\n\n\n\n<li>Click on the module introduction page name (the page that you just moved). Then select <strong>Edit<\/strong>. Make the following changes to the page:\n<ol style=\"list-style-type:lower-alpha\" class=\"wp-block-list\">\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Update the page title. Enter the correct module number and erase the \u201cCopy\u201d text at the end.<\/span> (See Image 1 below.)<\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">In the body of the page, highlight \u201cCourse #\u201d and type your course code. Replace the \u201c#\u201d following \u201cModule\u201d with the correct number. After making these updates, your header should appear similar to <\/span>Image 2 below.<\/li>\n\n\n\n<li>Under the <em>Module Overview<\/em> section, identify the focus and purpose of the unit. Craft this Module Overview in a way that helps learners make connections among the module\u2019s associated learning outcomes, the module reading and assignments, other coursework, courses in the program, the discipline, and real-life applications. This is a great space to infuse your own voice, presence, experience, and expertise. It can also be useful to include the time learners can expect to spend completing the module activities. Module Overviews can include a variety of media, including text, images, audio, and video.<\/li>\n\n\n\n<li>Under the <em>Student Learning Outcomes (SLOs)<\/em> section, create a bulleted list of the outcomes for that module.<\/li>\n\n\n\n<li>After you have entered your content, select <strong>Save<\/strong> or <strong>Save &amp; Publish<\/strong>.<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>Repeat steps 1-6 for each module.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"146\" src=\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/module-intro.png\" alt=\"\" class=\"wp-image-2018\" srcset=\"https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/module-intro.png 530w, https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/module-intro-300x83.png 300w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/><figcaption class=\"wp-element-caption\">Image 1<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"544\" height=\"188\" src=\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/module-intro-header.png\" alt=\"\" class=\"wp-image-2019\" srcset=\"https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/module-intro-header.png 544w, https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/module-intro-header-300x104.png 300w\" sizes=\"auto, (max-width: 544px) 100vw, 544px\" \/><figcaption class=\"wp-element-caption\">Image 2<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n<\/div>\t<\/div>\n\t<script type=\"text\/javascript\">\n\t\t( function( $ ) {\n\t\t\tlet panel = document.getElementById('block_acf-block-690e5a3600967-acc-content-panel');\n\n\t\t\t\/*\n\t\t\t * Need to set a value for maxHeight to initialize the accordion properly.\n\t\t\t * If we don't include this conditional, the accordion doesn't nicely transition to open\/close on the first click.\n\t\t\t *\/\n\t\t\tif ( 1 == 0 ) {\n\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t} else {\n\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t}\n\n\t\t\t$( '#block_acf-block-690e5a3600967-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-690e5a3600967-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-690e5a3600967-acc-img' );\n\t\t\t\t\/*\n\t\t\t\t * If the panel is open, close it by setting its height to 0px.\n\t\t\t\t * If it's closed, i.e. its height is 0px, open it b setting its height to fit-content if in backend, or scrollHeight if frontend.\n\t\t\t\t * This is necessary because transitions do not work on height: fit-content, causing the accordion to snap open and shut instantly.\n\t\t\t\t *\/\n\t\t\t\tif ( panel.style.maxHeight != '0px' ) {\n\t\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t\t} else {\n\t\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t\t}\n\n\t\t\t\tlet expanded = row.getAttribute( 'aria-expanded' );\n\t\t\t\tif ( expanded == 'true' ) {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'false' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png';\n\t\t\t\t} else {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'true' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'false' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_close.png';\n\t\t\t\t}\n\t\t\t} ) ); \/\/End .click\n\n\t\t\tlet highlightColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-blue-bright' );\n\t\t\tlet textColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-primary' );\n\t\t\tlet title = document.getElementById( 'block_acf-block-690e5a3600967-acc-title' );\n\n\t\t\t$( '#block_acf-block-690e5a3600967-acc-row' ).hover( function() {\n\t\t\t\ttitle.style.backgroundColor = highlightColor;\n\t\t\t\ttitle.style.color = textColor;\n\t\t\t}, function() {\n\t\t\t\ttitle.style.backgroundColor = '';\n\t\t\t\ttitle.style.color = '';\n\t\t\t} ); \/\/End .hover\n\n\t\t} )( jQuery );\n\t<\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-theme-white-color has-theme-primary-background-color has-text-color has-background has-link-color wp-elements-ab770d7c118f4c66468ac47f12180b3f\" id=\"h-apply-the-level-2-assignment-templates\">Apply the Level 2 Assignment Templates<\/h2>\n\n\n\n<div class=\"acc-flex-container has-bottom-spacing\">\n\t<div class=\"acc-title-container\" role=\"heading\" aria-level=\"3\">\n\t\t<button id='block_acf-block-690e5a360098c-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-690e5a360098c_acc-content-panel'>\n\t\t\t<div id='block_acf-block-690e5a360098c-acc-title' class='acc-title'>\n\t\t\t\tStep 5: Build Course Activities Using the Assignment, Discussion, and Quizzes Templates\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-690e5a360098c-acc-img' class='acc-icon' src='https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png' \/>\n\t\t<\/button>\n\t<\/div>\n\t<div role=\"region\" aria-hidden='true'\n\t\tid='block_acf-block-690e5a360098c-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-690e5a360098c-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<iframe loading=\"lazy\" src=\"https:\/\/butler.hosted.panopto.com\/Panopto\/Pages\/Embed.aspx?id=aca1942f-0fa4-483b-8194-b14101485433&#038;autoplay=false&#038;offerviewer=true&#038;showtitle=false&#038;showbrand=false&#038;captions=false&#038;interactivity=all\" height=\"405\" width=\"720\" style=\"border: 1px solid #464646;\" allowfullscreen allow=\"autoplay\" aria-label=\"Panopto Embedded Video Player\" aria-description=\"Step 5: Transfer Your Existing Course Activities to the Assignment, Discussion, and Quizzes Templates\" ><\/iframe>\n\n\n\n<p>The key difference in the Level 2 assignment template is the addition of the Purpose, Task, and Grading Criteria sections. These categories reflect best practices in assignment design for online courses.<\/p>\n\n\n\n<p>To view an example of a completed assignment prompt, locate the Module titled \u201cExamples \u2013 DO NOT PUBLISH\u201d and click on the \u201cCover Letter Full Draft [Example]\u201d and \u201cCover Letter Polished Piece [Example]\u201d resources.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select <strong>Modules<\/strong> from the course navigation.<\/li>\n\n\n\n<li>Locate the template module named \u201cModule 1 | Name\u201d.<\/li>\n\n\n\n<li>Select the template you need. We recommend using \u201cAssignment Template (Level 2)\u201d, \u201cDiscussion Template (Level 2)\u201d, and \u201cQuiz Template (Level 2)\u201d.<\/li>\n\n\n\n<li>Select the <strong>three-dot menu <\/strong>next to the new copy of the activity. Choose <strong>Move to<\/strong>. Select a module, and use the <em>Place<\/em> options to arrange the activity in the module. Select <strong>Move<\/strong>.<\/li>\n\n\n\n<li>The Modules page will move your view to follow the activity. Click on the activity name to navigate to that page.<\/li>\n\n\n\n<li>Select <strong>Edit<\/strong>.<\/li>\n\n\n\n<li><a id=\"_msocom_1\"><\/a>Make the following changes to the activity:\n<ol style=\"list-style-type:lower-alpha\" class=\"wp-block-list\">\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Update the title. Enter the correct module number and add a descriptive title.<\/span> (See Image 1 below.)<\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">In the body of the activity, highlight \u201cCourse #\u201d and type your course code. Replace the \u201c#\u201d following \u201cModule\u201d with the correct number. After making these updates, your header should appear similar to <\/span>Image 2 below.<\/li>\n\n\n\n<li>Review the Resources for Assessment Design for best practices in assignment design. Complete the Purpose, Task, and Grading Criteria sections.<\/li>\n\n\n\n<li>Set the <strong>Due Date<\/strong> for the activity.<\/li>\n\n\n\n<li>Verify the other settings are correct.<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>After you have entered your content, select <strong>Save<\/strong> or <strong>Save &amp; Publish<\/strong>.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"406\" height=\"115\" src=\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/activity-title-edited.png\" alt=\"\" class=\"wp-image-1959\" srcset=\"https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/activity-title-edited.png 406w, https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/activity-title-edited-300x85.png 300w\" sizes=\"auto, (max-width: 406px) 100vw, 406px\" \/><figcaption class=\"wp-element-caption\">Image 1<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1106\" height=\"134\" src=\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/activity-edits.png\" alt=\"\" class=\"wp-image-1955\" srcset=\"https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/activity-edits.png 1106w, https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/activity-edits-300x36.png 300w, https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/activity-edits-1024x124.png 1024w, https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/activity-edits-768x93.png 768w\" sizes=\"auto, 100vw\" \/><figcaption class=\"wp-element-caption\">Image 2<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-resources-for-assessment-design\" style=\"font-size:44px\">Resources for Assessment Design<\/h4>\n\n\n\n<p>The recommended assessment template for assignments, discussions, and quizzes is based on Winkelmes\u2019 (<a href=\"https:\/\/www.unlv.edu\/sites\/default\/files\/page_files\/27\/Provost-DRAFT-Checklist-for-Designing-a-Transparent-Assignment.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">2016<\/a>) transparent assignment design, which helps maintain consistent and descriptive task expectations. Using a transparent design can help your students gain a greater understanding of how they should perform.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"h-what-to-include-in-the-purpose-section\" style=\"font-size:26px\">What to Include in the &#8220;Purpose&#8221; Section<\/h5>\n\n\n\n<p>To help students recognize how this assignment will benefit their learning, start by introducing learners to the task, defining the nature and purpose of the task, and detailing the associated course and module learning objectives. Consider the following when crafting this section:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>What is it students will achieve or demonstrate through this assignment?<\/li>\n\n\n\n<li>What are the skills and knowledge you want your students to gain and demonstrate with this assignment?<\/li>\n\n\n\n<li>Indicate how the specific knowledge and skills involved in this assignment connect with other assignments in the course or program and tasks they might perform in the workplace.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"h-what-to-include-in-the-task-section\" style=\"font-size:26px\">What to Include in the &#8220;Task&#8221; Section<\/h5>\n\n\n\n<p>In this section, explicitly define each step in the assignment completion process and link to resources to help learners complete the task expectations. Consider the following when crafting this section:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>What do the students need to do to complete the assignment successfully?&nbsp;&nbsp;<\/li>\n\n\n\n<li>What is the very first thing students should do when they begin working on this assignment? What is the next step, and so on?&nbsp;&nbsp;<\/li>\n\n\n\n<li>What resources or tutorials will they need to complete each step, and in what order? How do they access those resources?&nbsp;&nbsp;<\/li>\n\n\n\n<li>What unnecessary steps or common mistakes should students avoid?&nbsp;&nbsp;<\/li>\n\n\n\n<li>What documentation or formatting is required (APA, MLA, Chicago, etc.)?&nbsp;&nbsp;<\/li>\n\n\n\n<li>How long should it be?&nbsp;&nbsp;<\/li>\n\n\n\n<li>Where and how will the students submit their work?&nbsp;&nbsp;<\/li>\n\n\n\n<li>When is each step due? How long will the task be available? For example, it\u2019s good practice to have an initial discussion post due several days before the peer responses to give learners time to reflect and respond. For quizzes, consider making the exam available for several days to allow learners time to complete the activity.&nbsp;&nbsp;<\/li>\n\n\n\n<li>Does your description help students to focus their time efficiently on producing the highest quality work possible in the time given? Does it anticipate student needs and questions?&nbsp;&nbsp;<\/li>\n\n\n\n<li>For quizzes, what resources are students allowed to use when taking the exam (such as a textbook, the internet, or friend)?&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>In the assignment settings, be sure to indicate how many points the task is worth, what kind of and how many submissions are accepted, time limits, as well as the due date and availability dates. This information will be visible to learners in a variety of places in Canvas, including the top of the assignment page, so you do not have to repeat it within this assignment description.&nbsp;<\/p>\n\n\n\n<p>It\u2019s also helpful to provide models of completed activities so that students have a firm grasp of your expectations and what they look like in a finished product. These samples can be drafted by you (the instructor), your students, or even professionals. It may also be advantageous to provide a worked or annotated example. That is, provide additional commentary explaining how an example does or does not meet expectations, perhaps even including a scored checklist or rubric.&nbsp;<\/p>\n\n\n\n<p>If you are concerned about students simply copying the examples, you might use an example based on a similar activity but with a different focus. For example, you could show an example of a strong research paper that includes all the elements you are looking for (clarity, support, formatting, etc.), but that is based on a topic that students will not address.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"h-what-to-include-in-the-grading-criteria-section\" style=\"font-size:26px\">What to Include in the &#8220;Grading Criteria&#8221; Section<\/h5>\n\n\n\n<p>In this section define how the task will be assessed. Provide enough information so that learners have a solid understanding of your expectations and how they will be scored for their performance. This section should still be used even if the assessment is ungraded. As you craft this section:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ensure that the grading criteria provided align with the task description above.&nbsp;&nbsp;<\/li>\n\n\n\n<li>For assignments and discussions, use a rubric or checklist to clarify your expectations and facilitate grading.&nbsp;&nbsp;<\/li>\n\n\n\n<li>Provide the information needed to understand how a grade on an assignment or activity will be calculated.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>For help on adding a rubric to Canvas, check out the <a href=\"https:\/\/community.canvaslms.com\/t5\/Instructor-Guide\/How-do-I-add-a-rubric-to-an-assignment\/ta-p\/1058\" target=\"_blank\" rel=\"noreferrer noopener\">How Do I Add a Rubric to an Assignment?<\/a>, <a href=\"https:\/\/community.canvaslms.com\/t5\/Instructor-Guide\/How-do-I-add-a-rubric-to-a-graded-discussion\/ta-p\/1062\" target=\"_blank\" rel=\"noreferrer noopener\">How Do I Add a Rubric to a Graded Discussion?<\/a>, and <a href=\"https:\/\/community.canvaslms.com\/t5\/Instructor-Guide\/How-do-I-add-a-rubric-to-a-quiz\/ta-p\/1009\" target=\"_blank\" rel=\"noreferrer noopener\">How Do I Add a Rubric to a Quiz?<\/a> tutorials. Rubrics associated with native Canvas assignments will appear automatically for learners, so there is no need to add it to the text description. If you are using a third-party source, such as Turnitin or a publisher, you will need to add the rubric description in this section.<\/p>\n\n<\/div>\t<\/div>\n\t<script type=\"text\/javascript\">\n\t\t( function( $ ) {\n\t\t\tlet panel = document.getElementById('block_acf-block-690e5a360098c-acc-content-panel');\n\n\t\t\t\/*\n\t\t\t * Need to set a value for maxHeight to initialize the accordion properly.\n\t\t\t * If we don't include this conditional, the accordion doesn't nicely transition to open\/close on the first click.\n\t\t\t *\/\n\t\t\tif ( 1 == 0 ) {\n\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t} else {\n\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t}\n\n\t\t\t$( '#block_acf-block-690e5a360098c-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-690e5a360098c-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-690e5a360098c-acc-img' );\n\t\t\t\t\/*\n\t\t\t\t * If the panel is open, close it by setting its height to 0px.\n\t\t\t\t * If it's closed, i.e. its height is 0px, open it b setting its height to fit-content if in backend, or scrollHeight if frontend.\n\t\t\t\t * This is necessary because transitions do not work on height: fit-content, causing the accordion to snap open and shut instantly.\n\t\t\t\t *\/\n\t\t\t\tif ( panel.style.maxHeight != '0px' ) {\n\t\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t\t} else {\n\t\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t\t}\n\n\t\t\t\tlet expanded = row.getAttribute( 'aria-expanded' );\n\t\t\t\tif ( expanded == 'true' ) {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'false' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png';\n\t\t\t\t} else {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'true' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'false' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_close.png';\n\t\t\t\t}\n\t\t\t} ) ); \/\/End .click\n\n\t\t\tlet highlightColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-blue-bright' );\n\t\t\tlet textColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-primary' );\n\t\t\tlet title = document.getElementById( 'block_acf-block-690e5a360098c-acc-title' );\n\n\t\t\t$( '#block_acf-block-690e5a360098c-acc-row' ).hover( function() {\n\t\t\t\ttitle.style.backgroundColor = highlightColor;\n\t\t\t\ttitle.style.color = textColor;\n\t\t\t}, function() {\n\t\t\t\ttitle.style.backgroundColor = '';\n\t\t\t\ttitle.style.color = '';\n\t\t\t} ); \/\/End .hover\n\n\t\t} )( jQuery );\n\t<\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-theme-white-color has-theme-primary-background-color has-text-color has-background has-link-color wp-elements-550271f5dd70479493f31949a61e4321\" id=\"h-set-up-the-readings-amp-resources-pages\">Set Up the Readings &amp; Resources Pages<\/h2>\n\n\n\n<div class=\"acc-flex-container has-bottom-spacing\">\n\t<div class=\"acc-title-container\" role=\"heading\" aria-level=\"3\">\n\t\t<button id='block_acf-block-690e5a36009bd-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-690e5a36009bd_acc-content-panel'>\n\t\t\t<div id='block_acf-block-690e5a36009bd-acc-title' class='acc-title'>\n\t\t\t\tStep 6: Build the Readings &#038; Resources Pages\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-690e5a36009bd-acc-img' class='acc-icon' src='https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png' \/>\n\t\t<\/button>\n\t<\/div>\n\t<div role=\"region\" aria-hidden='true'\n\t\tid='block_acf-block-690e5a36009bd-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-690e5a36009bd-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<iframe loading=\"lazy\" src=\"https:\/\/butler.hosted.panopto.com\/Panopto\/Pages\/Embed.aspx?id=7eac14cd-0ad5-49a7-ae39-b14101495ab3&#038;autoplay=false&#038;offerviewer=true&#038;showtitle=false&#038;showbrand=false&#038;captions=false&#038;interactivity=all\" height=\"405\" width=\"720\" style=\"border: 1px solid #464646;\" allowfullscreen allow=\"autoplay\" aria-label=\"Panopto Embedded Video Player\" aria-description=\"Step 6: Transfer Your Existing Course Readings and Instructional Content to the Readings &amp; Resources Template\" ><\/iframe>\n\n\n\n<p>Additional support resources for the Readings &amp; Resources template will be coming with the next phase of the summer online toolkit.<\/p>\n\n\n\n<p>To view an example of a Readings and Resources&nbsp; pages, locate the Module titled \u201cExamples \u2013 DO NOT PUBLISH\u201d and click on the \u201cModule X: Readings &amp; Resources [Example 1]\u201d and \u201cModule X: Readings &amp; Resources [Example 2]\u201d resources.<\/p>\n\n\n\n<p><strong><mark style=\"background-color:#d4d117\" class=\"has-inline-color\"><em>Tip:<\/em><\/mark><\/strong><em><mark style=\"background-color:#d4d117\" class=\"has-inline-color\"> Each time you save a page, Canvas records each change. You can view and restore prior versions of your page by selecting the <strong>three-dot menu<\/strong> next to Edit and choosing <strong>View Page History<\/strong>. Click one of the time stamps to view that version. Then click <strong>Restore this version<\/strong>.<\/mark><\/em><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select <strong>Modules<\/strong> from the course navigation.<\/li>\n\n\n\n<li>Locate the template module named \u201cModule 1 | Name\u201d.<\/li>\n\n\n\n<li>Select the <strong>three-dot menu<\/strong> next to the \u201cModule 1: Readings &amp; Resources\u201d page. Then select <strong>Duplicate<\/strong>.<\/li>\n\n\n\n<li>Select the <strong>three-dot menu<\/strong> next to the copied page. Then select <strong>Move To<\/strong>.<\/li>\n\n\n\n<li>In the Move Module Item popup, click the <em>Modules<\/em> dropdown and select a module that needs a readings page. Use the <em>Place<\/em> options to arrange the page in the module. Select <strong>Move<\/strong>.<\/li>\n\n\n\n<li>Click on the readings page copy (the page that you just moved). Then select <strong>Edit<\/strong>. Make the following changes to the page:\n<ol style=\"list-style-type:lower-alpha\" class=\"wp-block-list\">\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Update the page title. Enter the correct module number and erase the \u201cCopy\u201d text at the end.<\/span> (See Image 1 below).<\/li>\n\n\n\n<li>In the body of the page, highlight \u201cCourse #\u201d and type your course code. Replace the \u201c#\u201d following \u201cModule\u201d with the correct number. After making these updates, your header should appear like Image 2 below.<\/li>\n\n\n\n<li>Select <strong>Save<\/strong>. If the header is formatted correctly, go back into edit mode by selecting <strong>Edit<\/strong>. Otherwise, use the tip above to undo the changes and try again.<\/li>\n\n\n\n<li>Under the heading, erase the placeholder text and add readings, videos, web resources, instructor-created resources, etc. here with proper citation. There are several ways to do so:\n<ol style=\"list-style-type:lower-roman\" class=\"wp-block-list\">\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">If you have an existing page with course readings and other instructional content, copy-paste them onto the template page.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">If you have uploaded readings as files, use the <\/span><strong style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Course Documents <\/strong><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">option in the Rich Content Editor to add them to the page. First draft the reading citation in the page body. Next select <\/span><strong style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Documents<\/strong><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\"> in the Rich Content Editor and choose <\/span><strong style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Course Documents<\/strong><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">. Then highlight text in the page body. With the text highlighted, select one of the files from the course documents popup. This will add a hyperlink to the selected text that opens the course file.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">If you use a textbook, indicate which chapters and\/or pages to read.<\/span><\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>For each resource, consider:\n<ol style=\"list-style-type:lower-roman\" class=\"wp-block-list\">\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Even if you only have one or two items, expounding on them here will allow you to effectively introduce the content, connect the materials to course and module outcomes and assignments or real-world applications, and add your expert guidance.&nbsp;<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">For each assigned reading, please write a brief description of the resource.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">State whether it is required or optional.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Include in your description where to locate the content and any directions or special instructions that will assist them using the content.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Remember, try to anticipate questions students might have about this resource and include this information in your description.&nbsp;<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">Instructor voice and expertise is incredibly important in any course. Use this template page to provide your learners with your own insights, experiences, commentary, instructional videos, etc. to increase critical thinking and offer a pivotal perspective.<\/span><\/li>\n\n\n\n<li><span style=\"color: var(--global-font-color); font-family: var(--global-font-family);\">You can also link to this page in as many places within your course as needed, such within an assignment description or module introduction.<\/span><\/li>\n\n\n\n<li>Provide citations for all course content.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>After you have entered your content, select <strong>Save<\/strong> or <strong>Save &amp; Publish<\/strong>.<\/li>\n\n\n\n<li>Repeat steps 1-7 for each module or as needed.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"528\" height=\"132\" src=\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/readings.png\" alt=\"\" class=\"wp-image-2044\" srcset=\"https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/readings.png 528w, https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/readings-300x75.png 300w\" sizes=\"auto, (max-width: 528px) 100vw, 528px\" \/><figcaption class=\"wp-element-caption\">Image 1<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"98\" src=\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/readings-edit.png\" alt=\"\" class=\"wp-image-2045\" srcset=\"https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/readings-edit.png 780w, https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/readings-edit-300x38.png 300w, https:\/\/cdn.butler.edu\/www\/sites\/9\/2024\/03\/08101831\/readings-edit-768x96.png 768w\" sizes=\"auto, 100vw\" \/><figcaption class=\"wp-element-caption\">Image 2<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n<\/div>\t<\/div>\n\t<script type=\"text\/javascript\">\n\t\t( function( $ ) {\n\t\t\tlet panel = document.getElementById('block_acf-block-690e5a36009bd-acc-content-panel');\n\n\t\t\t\/*\n\t\t\t * Need to set a value for maxHeight to initialize the accordion properly.\n\t\t\t * If we don't include this conditional, the accordion doesn't nicely transition to open\/close on the first click.\n\t\t\t *\/\n\t\t\tif ( 1 == 0 ) {\n\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t} else {\n\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t}\n\n\t\t\t$( '#block_acf-block-690e5a36009bd-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-690e5a36009bd-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-690e5a36009bd-acc-img' );\n\t\t\t\t\/*\n\t\t\t\t * If the panel is open, close it by setting its height to 0px.\n\t\t\t\t * If it's closed, i.e. its height is 0px, open it b setting its height to fit-content if in backend, or scrollHeight if frontend.\n\t\t\t\t * This is necessary because transitions do not work on height: fit-content, causing the accordion to snap open and shut instantly.\n\t\t\t\t *\/\n\t\t\t\tif ( panel.style.maxHeight != '0px' ) {\n\t\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t\t} else {\n\t\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t\t}\n\n\t\t\t\tlet expanded = row.getAttribute( 'aria-expanded' );\n\t\t\t\tif ( expanded == 'true' ) {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'false' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png';\n\t\t\t\t} else {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'true' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'false' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_close.png';\n\t\t\t\t}\n\t\t\t} ) ); \/\/End .click\n\n\t\t\tlet highlightColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-blue-bright' );\n\t\t\tlet textColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-primary' );\n\t\t\tlet title = document.getElementById( 'block_acf-block-690e5a36009bd-acc-title' );\n\n\t\t\t$( '#block_acf-block-690e5a36009bd-acc-row' ).hover( function() {\n\t\t\t\ttitle.style.backgroundColor = highlightColor;\n\t\t\t\ttitle.style.color = textColor;\n\t\t\t}, function() {\n\t\t\t\ttitle.style.backgroundColor = '';\n\t\t\t\ttitle.style.color = '';\n\t\t\t} ); \/\/End .hover\n\n\t\t} )( jQuery );\n\t<\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-theme-white-color has-theme-primary-background-color has-text-color has-background has-link-color wp-elements-af820342546fe3d7215a77d62b76f4b1\" id=\"h-schedule-announcements\">Schedule Announcements<\/h2>\n\n\n\n<div class=\"acc-flex-container has-bottom-spacing\">\n\t<div class=\"acc-title-container\" role=\"heading\" aria-level=\"3\">\n\t\t<button id='block_acf-block-690e5a36009e3-acc-row' class='acc-row' type='button' aria-expanded='false' aria-controls='block_acf-block-690e5a36009e3_acc-content-panel'>\n\t\t\t<div id='block_acf-block-690e5a36009e3-acc-title' class='acc-title'>\n\t\t\t\tStep 7: Schedule announcements and reminders\t\t\t<\/div>\n\t\t\t<img alt=\"\" id='block_acf-block-690e5a36009e3-acc-img' class='acc-icon' src='https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png' \/>\n\t\t<\/button>\n\t<\/div>\n\t<div role=\"region\" aria-hidden='true'\n\t\tid='block_acf-block-690e5a36009e3-acc-content-panel' class='acc-panel' aria-labelledby=\"block_acf-block-690e5a36009e3-acc-row\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<iframe loading=\"lazy\" src=\"https:\/\/butler.hosted.panopto.com\/Panopto\/Pages\/Embed.aspx?id=ca80de4c-3980-4a98-983d-b10a00fa3b34&#038;autoplay=false&#038;offerviewer=true&#038;showtitle=false&#038;showbrand=false&#038;captions=false&#038;interactivity=all\" height=\"405\" width=\"720\" style=\"border: 1px solid #464646;\" allowfullscreen allow=\"autoplay\" aria-label=\"Panopto Embedded Video Player\" aria-description=\"Step 7: Schedule announcements and reminders\" ><\/iframe>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select <strong>Announcements<\/strong> from the course navigation.<\/li>\n\n\n\n<li>Select <strong>+Announcement<\/strong>.<\/li>\n\n\n\n<li>Write your announcement by adding a topic title (subject) and body.<\/li>\n\n\n\n<li>Under <em>Options<\/em>, select <strong>Delay posting<\/strong>. Set the <em>Post At<\/em> date to a future date.<\/li>\n\n\n\n<li>Select <strong>Publish<\/strong>.<\/li>\n\n\n\n<li>Repeat steps 1-5 for each announcement.<\/li>\n<\/ol>\n\n<\/div>\t<\/div>\n\t<script type=\"text\/javascript\">\n\t\t( function( $ ) {\n\t\t\tlet panel = document.getElementById('block_acf-block-690e5a36009e3-acc-content-panel');\n\n\t\t\t\/*\n\t\t\t * Need to set a value for maxHeight to initialize the accordion properly.\n\t\t\t * If we don't include this conditional, the accordion doesn't nicely transition to open\/close on the first click.\n\t\t\t *\/\n\t\t\tif ( 1 == 0 ) {\n\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t} else {\n\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t}\n\n\t\t\t$( '#block_acf-block-690e5a36009e3-acc-row' ).off( 'click' ).on( 'click', ( function() {\n\t\t\t\tlet row = document.getElementById( 'block_acf-block-690e5a36009e3-acc-row' );\n\t\t\t\tlet acc_img = document.getElementById( 'block_acf-block-690e5a36009e3-acc-img' );\n\t\t\t\t\/*\n\t\t\t\t * If the panel is open, close it by setting its height to 0px.\n\t\t\t\t * If it's closed, i.e. its height is 0px, open it b setting its height to fit-content if in backend, or scrollHeight if frontend.\n\t\t\t\t * This is necessary because transitions do not work on height: fit-content, causing the accordion to snap open and shut instantly.\n\t\t\t\t *\/\n\t\t\t\tif ( panel.style.maxHeight != '0px' ) {\n\t\t\t\t\tpanel.style.maxHeight = '0px';\n\t\t\t\t} else {\n\t\t\t\t\tpanel.style.maxHeight = 0 == 1 ? 'fit-content' : panel.scrollHeight + 'px';\n\t\t\t\t}\n\n\t\t\t\tlet expanded = row.getAttribute( 'aria-expanded' );\n\t\t\t\tif ( expanded == 'true' ) {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'false' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_open.png';\n\t\t\t\t} else {\n\t\t\t\t\trow.setAttribute( 'aria-expanded', 'true' );\n\t\t\t\t\tpanel.setAttribute( 'aria-hidden', 'false' );\n\t\t\t\t\tacc_img.src = 'https:\/\/www.butler.edu\/oeet\/wp-content\/plugins\/butler-acf-blocks-new\/assets\/images\/nav_main_icon_close.png';\n\t\t\t\t}\n\t\t\t} ) ); \/\/End .click\n\n\t\t\tlet highlightColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-blue-bright' );\n\t\t\tlet textColor = getComputedStyle( document.documentElement ).getPropertyValue( '--color-theme-primary' );\n\t\t\tlet title = document.getElementById( 'block_acf-block-690e5a36009e3-acc-title' );\n\n\t\t\t$( '#block_acf-block-690e5a36009e3-acc-row' ).hover( function() {\n\t\t\t\ttitle.style.backgroundColor = highlightColor;\n\t\t\t\ttitle.style.color = textColor;\n\t\t\t}, function() {\n\t\t\t\ttitle.style.backgroundColor = '';\n\t\t\t\ttitle.style.color = '';\n\t\t\t} ); \/\/End .hover\n\n\t\t} )( jQuery );\n\t<\/script>\n<\/div>\n\n<\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":10,"featured_media":0,"parent":2112,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2115","page","type-page","status-publish","hentry"],"revision_note":"","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v26.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Level 2 Toolkit: For Faculty New to Online | Butler University<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Level 2 Toolkit: For Faculty New to Online\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Education and Educational Technology\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/butleruniversity\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-07T20:44:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/syllabus-expanded-1024x709.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@butleru\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/\",\"url\":\"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/\",\"name\":\"Level 2 Toolkit: For Faculty New to Online | Butler University\",\"isPartOf\":{\"@id\":\"https:\/\/www.butler.edu\/oeet\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/syllabus-expanded-1024x709.png\",\"datePublished\":\"2024-03-06T15:35:24+00:00\",\"dateModified\":\"2025-11-07T20:44:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/#primaryimage\",\"url\":\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/syllabus-expanded-1024x709.png\",\"contentUrl\":\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/syllabus-expanded-1024x709.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.butler.edu\/oeet\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/www.butler.edu\/oeet\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Online Course Toolkit\",\"item\":\"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Toolkit for Faculty New to Online Teaching\",\"item\":\"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Level 2 Toolkit: For Faculty New to Online\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.butler.edu\/oeet\/#website\",\"url\":\"https:\/\/www.butler.edu\/oeet\/\",\"name\":\"Online Education and Educational Technology\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.butler.edu\/oeet\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.butler.edu\/oeet\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.butler.edu\/oeet\/#organization\",\"name\":\"Butler University\",\"url\":\"https:\/\/www.butler.edu\/oeet\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.butler.edu\/oeet\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2022\/01\/cropped-fav.jpg\",\"contentUrl\":\"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2022\/01\/cropped-fav.jpg\",\"width\":512,\"height\":512,\"caption\":\"Butler University\"},\"image\":{\"@id\":\"https:\/\/www.butler.edu\/oeet\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/butleruniversity\",\"https:\/\/x.com\/butleru\",\"http:\/\/instagram.com\/butleru\",\"https:\/\/www.linkedin.com\/school\/14798\/\",\"https:\/\/www.youtube.com\/user\/butleruniversity\",\"https:\/\/en.wikipedia.org\/wiki\/Butler_University\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Level 2 Toolkit: For Faculty New to Online | Butler University","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/","og_locale":"en_US","og_type":"article","og_title":"Level 2 Toolkit: For Faculty New to Online","og_url":"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/","og_site_name":"Online Education and Educational Technology","article_publisher":"https:\/\/www.facebook.com\/butleruniversity","article_modified_time":"2025-11-07T20:44:39+00:00","og_image":[{"url":"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/syllabus-expanded-1024x709.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@butleru","twitter_misc":{"Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/","url":"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/","name":"Level 2 Toolkit: For Faculty New to Online | Butler University","isPartOf":{"@id":"https:\/\/www.butler.edu\/oeet\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/#primaryimage"},"image":{"@id":"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/#primaryimage"},"thumbnailUrl":"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/syllabus-expanded-1024x709.png","datePublished":"2024-03-06T15:35:24+00:00","dateModified":"2025-11-07T20:44:39+00:00","breadcrumb":{"@id":"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/#primaryimage","url":"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/syllabus-expanded-1024x709.png","contentUrl":"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2024\/03\/syllabus-expanded-1024x709.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/level-2-toolkit-for-new-faculty\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.butler.edu\/oeet\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/www.butler.edu\/oeet\/resources\/"},{"@type":"ListItem","position":3,"name":"Online Course Toolkit","item":"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/"},{"@type":"ListItem","position":4,"name":"Toolkit for Faculty New to Online Teaching","item":"https:\/\/www.butler.edu\/oeet\/resources\/summer-toolkit\/toolkit-for-new-faculty\/"},{"@type":"ListItem","position":5,"name":"Level 2 Toolkit: For Faculty New to Online"}]},{"@type":"WebSite","@id":"https:\/\/www.butler.edu\/oeet\/#website","url":"https:\/\/www.butler.edu\/oeet\/","name":"Online Education and Educational Technology","description":"","publisher":{"@id":"https:\/\/www.butler.edu\/oeet\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.butler.edu\/oeet\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.butler.edu\/oeet\/#organization","name":"Butler University","url":"https:\/\/www.butler.edu\/oeet\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.butler.edu\/oeet\/#\/schema\/logo\/image\/","url":"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2022\/01\/cropped-fav.jpg","contentUrl":"https:\/\/www.butler.edu\/academic-technology\/wp-content\/uploads\/sites\/9\/2022\/01\/cropped-fav.jpg","width":512,"height":512,"caption":"Butler University"},"image":{"@id":"https:\/\/www.butler.edu\/oeet\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/butleruniversity","https:\/\/x.com\/butleru","http:\/\/instagram.com\/butleru","https:\/\/www.linkedin.com\/school\/14798\/","https:\/\/www.youtube.com\/user\/butleruniversity","https:\/\/en.wikipedia.org\/wiki\/Butler_University"]}]}},"_links":{"self":[{"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/pages\/2115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/comments?post=2115"}],"version-history":[{"count":12,"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/pages\/2115\/revisions"}],"predecessor-version":[{"id":3330,"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/pages\/2115\/revisions\/3330"}],"up":[{"embeddable":true,"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/pages\/2112"}],"wp:attachment":[{"href":"https:\/\/www.butler.edu\/oeet\/wp-json\/wp\/v2\/media?parent=2115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}