{"id":890,"date":"2019-03-06T17:07:56","date_gmt":"2019-03-06T22:07:56","guid":{"rendered":"http:\/\/www.adventistlearningcommunity.net\/alcwiki\/?p=890"},"modified":"2022-05-09T14:53:40","modified_gmt":"2022-05-09T18:53:40","slug":"course-design","status":"publish","type":"post","link":"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/course-design\/","title":{"rendered":"How to Develop a Course"},"content":{"rendered":"\n<p><strong>ALC Course Layout Designer Responsibilities:<\/strong><br> As the staff course layout designer, this is a position that is unique in it\u2019s own way. You aren\u2019t a full-time faculty, but you are not a student worker. You have student workers that work for you and help you to get your work done. As course layout designer you report to James Gigante (the Media Manager) and ultimately Adam Fenner (Director).<\/p>\n\n\n\n<p>This position is also unique as James is often out of the office filming. And sometimes you will go along on trips too! However, it\u2019s important to make sure to be innovate and constructive with your time as you won\u2019t always have someone there to tell you what to do. Frequently checking in with James is important in order to stay on task and find out what the priorities are. It is your job to let him know when things get finished.<\/p>\n\n\n\n<p>The key responsibilities in this position are:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Know how to navigate the NAS for necessary information and content<\/li><li>Designing courses in Muse<\/li><li>Importing content to canvas<\/li><li>Fixing any corrections\/errors that arise<\/li><li>Troubleshooting errors that are passed along from James while he is out of office, or while he is in office but has handed the task to you<\/li><li>Essentially fix whatever James directs you to fix<\/li><li>Being proactive in making sure your work is organized appropriately.<\/li><li>Be organized so that if you are out of the office, and someone needs something you\u2019ve been working on, they can find it without too much trouble.<\/li><li>Design work from Adam or other ALC employees<\/li><li>Design work from Adam usually gets bumped to the top of the priority list unless otherwise specified<\/li><li>Attending conferences\/trips as needed or requested by James<\/li><li>Delegating work to student workers as needed if James doesn\u2019t have them on a specific task<\/li><li>Visiting the corrections spreadsheet and making sure any necessary changes are up-todate.<\/li><li>Keeping your office space clean and organized<\/li><li>Making sure your computer is up-to-date (not ignoring updates).<\/li><\/ul>\n\n\n\n<p>Each of these responsibilities can be broken down into their own sections.<br><\/p>\n\n\n\n<p><strong>Storage<\/strong><\/p>\n\n\n\n<p>Navigating the NAS<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>The NAS is our storage device. Steve often refers to this as the \u201ccounter space.\u201d We have two other storage devices that we use to store our content that we don\u2019t need readily available.<ul><li> NAS (kitchen counter &#8211; we\u2019re using this content currently)<\/li><li>Drobo &#8211; (refrigerator) &#8211; where we put projects that we don\u2019t need readily available, but still might need access too from time to time<\/li><li> LTO &#8211; (freezer) &#8211; this is where we store things we don\u2019t usually use much anymore<\/li><\/ul><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>You will need a username and pw for the NAS which James or Steve will arrange for you.<\/li><li> Within the NAS you will find several folders &#8211; you really only need to worry about three<\/li><li> ALC Catalog<\/li><li><strong> ALC CourseDev<\/strong><\/li><li><strong>ALC Edit<\/strong><\/li><li><strong>Generic Assets<\/strong><\/li><li>Temp<\/li><li>Transfers<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"581\" data-id=\"891\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp1-1024x581.jpg\" alt=\"\" class=\"wp-image-891\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp1-1024x581.jpg 1024w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp1-300x170.jpg 300w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp1-768x436.jpg 768w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp1.jpg 1518w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>In CourseDev &#8211; you will find all the courses we are currently working on, or have worked on recently. Inside each of these folders is content you will need &#8211; and I will refresh later what this content is. Here is an example: <ul><li>Course Name: Sexual Abuse Reclaiming Hope <ul><li>Graphics<\/li><li>HTML<\/li><li>Resources for Downloads<\/li><li>Scripts<\/li><li>Thumbs  <\/li><\/ul><\/li><\/ul><\/li><li>Scripts &#8211; in the scripts folder you will find your \u2018course path\u2019 that you follow to create the course. Make sure that the course path has been edited by an editor by verifying with James. Sometimes he will tell you to start building the course even though it\u2019s not yet been edited.<\/li><li>HTML &#8211; this is your exported HTML code from Muse that you will later put in Filezilla <ul><li>More on this later&#8230; <\/li><\/ul><\/li><li>Resources for Downloads &#8211; this is where you will find any assets or documents you need to link to the site your building. These are usually provided with the course path. However, sometimes they are emailed later and you will need to add them to this folder.<\/li><li>Thumbs &#8211; this is where you will save your thumbnails to when you place thumbnails on videos in Muse.<\/li><li>Graphics &#8211; place your cover photo here, any photos of course instructors, or any other graphics you use during course design<\/li><\/ul>\n\n\n\n<p><strong> Designing Courses in Muse<\/strong><\/p>\n\n\n\n<p> Muse is a beautiful piece of Adobe software, but is also sometimes your enemy. The way you would think to troubleshoot a problem, might actually require you do to the opposite to fix it. It\u2019s important to be open minded as the possibilities might not be intuitive. <\/p>\n\n\n\n<p>There is a template on the NAS that is your \u2018skeleton\u2019 so to speak to use when you start building a new course. Within that template you will find<\/p>\n\n\n\n<p> \u2022 An A-Master<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"870\" height=\"1024\" data-id=\"892\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp2-870x1024.jpg\" alt=\"\" class=\"wp-image-892\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp2-870x1024.jpg 870w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp2-255x300.jpg 255w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp2-768x904.jpg 768w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp2.jpg 1518w\" sizes=\"auto, (max-width: 870px) 100vw, 870px\" \/><\/figure>\n<\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>A B-Master<\/li><li>Intro Page<\/li><li>Subsequent pages to follow<\/li><\/ul>\n\n\n\n<p> The A-Master is responsibly for your site landing page ONLY.<\/p>\n\n\n\n<p>The B-Master is responsible for the pages within your site.<\/p>\n\n\n\n<p> A-Master<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Your A-Master should have a measured rectangle at the top that goes from 0-550 (numbers on left)<\/li><li>At the top your breakpoints should be:<ul><li>960<\/li><li>360<\/li><li>Breakpoints show how wide the page will be and how narrow it will be (for tablet and mobile devices)<\/li><li>Double click in the breakpoint area (purple in the photo attached) to change the breakpoints.<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"729\" data-id=\"893\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp3-1024x729.jpg\" alt=\"\" class=\"wp-image-893\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp3-1024x729.jpg 1024w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp3-300x213.jpg 300w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp3-768x547.jpg 768w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp3-1600x1139.jpg 1600w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp3.jpg 2018w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Your top left blue arrow should be \u201cTop of Page\u201d<\/li><li>Your next blue arrow should be your \u201cHeader\u201d which should be right below your rectangle and right above your line<\/li><li>Your next blue arrow will be with your \u201cFooter\u201d and will be at the bottom of your page, but above your footer content. <\/li><li>Your next two arrows should be your<ul><li> \u201cBottom of Browser\u201d<\/li><li>\u201cBottom of Page\u201d<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"798\" height=\"1024\" data-id=\"894\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp4-798x1024.jpg\" alt=\"\" class=\"wp-image-894\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp4-798x1024.jpg 798w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp4-234x300.jpg 234w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp4-768x986.jpg 768w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp4.jpg 1181w\" sizes=\"auto, (max-width: 798px) 100vw, 798px\" \/><\/figure>\n<\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Inside your footer section is a grey rectangle (click on the grey rectangle &#8211; and also each of its contents individually to check them as footer)<ul><li>In the top right hand corner, make this this is checked as \u201cfooter\u201d while it is selected<\/li><li>Make sure triangle with the exclamation point in it is checked as footer<\/li><li>The next button should also be checked as footer<ul><li>You can also check to make sure they are footer items by selecting them and the going to the menu and clicking \u201cobject\u201d and making sure there is a check mark next to \u201cFooter Item\u201d<\/li><\/ul><\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"505\" height=\"174\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp5.jpg\" alt=\"\" class=\"wp-image-895\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp5.jpg 505w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp5-300x103.jpg 300w\" sizes=\"auto, (max-width: 505px) 100vw, 505px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"885\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp6-1024x885.jpg\" alt=\"\" class=\"wp-image-896\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp6-1024x885.jpg 1024w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp6-300x259.jpg 300w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp6-768x664.jpg 768w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp6-1600x1383.jpg 1600w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp6.jpg 1772w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Right click on the checkered box with the triangle\/exclamation point in it (while it\u2019s selected) and click \u201cEdit HTML\u201d<ul><li>In this section you should have this<\/li><li> &lt;base target=&#8221;_parent&#8221;\/&gt;<\/li><li>If you don\u2019t see that, paste the above code there.<\/li><\/ul><\/li><li>When you are ready to add your photo you selected to your course, you can place it here in your A-Master in your \u201cHeader\u201d section.<ul><li>Make sure to drag this photo into the \u201cgraphics\u201d folder on the NAS for this course &#8211; that way all the assets stay linked together.<\/li><\/ul><\/li><li>Draw a regular square (not the one with the \u2018x\u2019 through it) in the rectangle area you have.<\/li><li>Go to the menu and click \u201cFill\u201d<ul><li>After clicking \u201cFill\u201d you can click \u201cAdd Image\u201d<\/li><li>You want to be sure that your image you add is set to \u201cScale to Fill\u201d<\/li><li>You can then adjust the placement as needed<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"760\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp7.jpg\" alt=\"\" class=\"wp-image-897\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp7.jpg 960w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp7-300x238.jpg 300w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp7-768x608.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li> This A-Master section is where you change the name of your course title and any subtitles it might have<\/li><li>You will also create your MENU in this section<\/li><li>On the top left corner is a \u201clogo\u201d placeholder. Place the corresponding logo for your course here.<\/li><li>The top right corner is \u201cMENU\u201d and we will discuss how to create the menu after you\u2019ve created your content in canvas.<\/li><\/ul>\n\n\n\n<p> Next let\u2019s look at the B-Master<\/p>\n\n\n\n<p> B-Master<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>In your B-Master your blue arrows on the left will follow the same \u201cguide\u201d so to speak as your A-Master.<\/li><li>You will also place the logo here and do the same with your header image.<ul><li>Only a portion of your header image will show up so you can pick which section of the photo you\u2019d like it to show.<\/li><\/ul><\/li><li>If you are having trouble getting an image that will not take away from the title or text on your A-Master or B-Master you can add a black or white box over the top with an opacity that is brought down to 50% or so. This will fade the picture some so that the text shows up best.<\/li><\/ul>\n\n\n\n<p> <strong>Content for A-Master<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>The content for your A-Master will be relatively standard for each course. The list of what\u2019s included on the A-Master\/Landing Page is:<ul><li>Course Summary<\/li><li>What Do I Need to Know?<\/li><li>What Will I Learn?<\/li><li>Instructor Bio<\/li><li>Required\/Suggested Resources<\/li><li>CEU Values (Usually in the \u201cWhat Will I Learn\u201d section)<\/li><\/ul><\/li><li>Sometimes there will be more\/less content for this page &#8211; it will depend from course to course and it\u2019s important to follow your script to see how your landing page is customized.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"735\" height=\"1024\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp8-735x1024.jpg\" alt=\"\" class=\"wp-image-898\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp8-735x1024.jpg 735w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp8-215x300.jpg 215w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp8-768x1071.jpg 768w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp8.jpg 1147w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><\/figure>\n\n\n\n<p> Now that your A-Master and B-Master are created, you can start working on the content for each page.<\/p>\n\n\n\n<p>Within your dashboard in Muse, you can now add a page for each module you will have in your course. Your subsequent pages will all be \u201cB-Master\u201d pages unless you are doing something different, but in 99% of cases you will use B-Master pages.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li> If you want to add another page you can right click on the first Module Page and click \u201cDuplicate&#8221;<\/li><li>You can also move these pages below other pages, or next to as you see fit. Sometimes if you have Module 1.1, 1.2, 1.3, it is easier to place them below one another. This is completely up to you though. The pages will link to the links you make in canvas so ultimately that is where the \u2018order\u2019 comes into play.<\/li><li>Most courses on the module pages will contain the following:<ul><li>Module Number<\/li><li>Title of Module<\/li><li>Learning Outcomes\/Objectives<\/li><li>Webpage Verbiage<\/li><li>Video<\/li><li>Any more webpage verbiage or photos<\/li><li>Learning Activity<\/li><\/ul><\/li><li>This is where you will look at the script and paste the necessary information in Muse.<\/li><\/ul>\n\n\n\n<p> <strong>How to Add a Video<\/strong><\/p>\n\n\n\n<p> Adding a video is quite simple, but you need to grab a code from an outside source.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>First you will need to make sure your videos are complete and edited in<br> <ul><li>ALC Edit<\/li><li>Within the ALC Edit folder are all the finished or in progress projects that the video editors or content developers are working on.<\/li><li>Complete videos for each course will be in the appropriate course name folder and then in a folder labeled \u201cOutput<\/li><li>The output folder should have the videos titled correctly, if not, don\u2019t just guess. Talk to Steve or James (or another video editor) to figure out what is what.<\/li><li>You can also watch the first 30 seconds of a video to see what the title is &#8211; although they should be labeled correctly. If they aren\u2019t &#8211; be sure to let someone know. <\/li><\/ul><\/li><li>Once you have located your videos, you are now ready to upload them to \u201cBrightcove.\u201d<\/li><li>Brightcove is a host site for all of our video content. It\u2019s a place to load our videos that creates a HTML\/URL to be used and also a thumbnail for the video for your to use in Muse.<\/li><li>James or Steve will create a Brightcove account for you to use and grant you access to the ALC video content<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"840\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp9-1024x840.jpg\" alt=\"\" class=\"wp-image-900\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp9-1024x840.jpg 1024w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp9-300x246.jpg 300w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp9-768x630.jpg 768w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp9.jpg 1380w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>On the homepage for brightcove, you will find a drop down menu under \u201cHome\u201d that has the features you will be using. You will mainly use:<ul><li>Upload &#8211; where you will drag files to upload<\/li><li>Media &#8211; where you will find already uploaded files<\/li><\/ul><\/li><li>To upload a video, you simply drag the video onto the upload page of bright cove<\/li><li>The videos listed are all uploaded videos &#8211; you can click on one to start working with the thumbnail and link<ul><li>To grab your link to embed, click \u201cPublish and Embed\u201d in the top right corner<ul><li>Then click \u201cweb player&#8221;<\/li><li><\/li><\/ul><\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"912\" height=\"500\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp10.jpg\" alt=\"\" class=\"wp-image-901\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp10.jpg 912w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp10-300x164.jpg 300w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp10-768x421.jpg 768w\" sizes=\"auto, (max-width: 912px) 100vw, 912px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>It is there you will find the embed code &#8211; I will explain where to place it later<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"835\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp11-1024x835.jpg\" alt=\"\" class=\"wp-image-902\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp11-1024x835.jpg 1024w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp11-300x245.jpg 300w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp11-768x626.jpg 768w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp11-1600x1305.jpg 1600w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp11.jpg 1806w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Next you are going to save a thumbnail of the image to place in Muse.<ul><li>There are two images provided &#8211; thumbnail and poster.<\/li><li>I prefer to use poster as it seems to be higher quality, but it doesn\u2019t matter really.<\/li><li>Right click on the image and then click \u201csave image as\u201d<ul><li>Save the image in your graphics folder (for this particular course) on the NAS<\/li><\/ul><\/li><\/ul><\/li><li>You are now ready to embed the video in Muse.<\/li><\/ul>\n\n\n\n<p> <strong>Embedding a video in Muse<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Embedding a video can be tricky, but once you get the hang of it, it\u2019s very straightforward.<\/li><li>There should already be a video frame in the Muse template file (usually in the first module<ul><li>Once you have located the video, click until you see a little blue arrow and also x\u2019s on all the corners.<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"670\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp12-1024x670.jpg\" alt=\"\" class=\"wp-image-903\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp12-1024x670.jpg 1024w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp12-300x196.jpg 300w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp12-768x503.jpg 768w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp12.jpg 1259w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Click on the blue arrow in the top right corner.<\/li><li>Then tick the second box from the bottom that says \u201cshow widget parts while editing\u201d<\/li><li>You will untick this box when you\u2019re done embedding the video<\/li><li>Next, right click in the video box and click \u201cedit HTML\u201d<\/li><li>This is where you will paste your embed code<\/li><li>When you copy from brightcove, it forces you to copy the entire code, however you only need a certain part of it.<\/li><li>The only part you need is in bold\/underlined here:<\/li><li> &lt;iframe src=&#8221;<strong>\/\/<em>players.brightcove.net\/4303072785001\/default_default\/index.html?videold=5853437203001I&nbsp;<\/em><\/strong>&#8221; allowfullscreen&nbsp;webkitallowfullscreenmozallowfullscreenallow=&#8221;encrypted-media&#8221;&gt;&lt;\/iframe&gt;<\/li><li>When pasting this code, simply replace the code that is in the \u201ccode here\u201d quotation marks. If you replace the entire bright cove code for the entire code that is in the video box in Muse, it WILL NOT work.<ul><li>REPLACE JUST THE CODE<\/li><\/ul><\/li><li>When you\u2019re done you can hop out and untick the \u201cshow widget parts while editing\u201d<\/li><li>If you can\u2019t find the box to untick, just click the little blue arrow again and it will reappear.<\/li><\/ul>\n\n\n\n<p> Next we are going to change the thumbnail image for the video:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Click on the video until the white boxes appear at the corners (instead of the x\u2019s seen previously)<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"667\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp14-1024x667.jpg\" alt=\"\" class=\"wp-image-904\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp14-1024x667.jpg 1024w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp14-300x195.jpg 300w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp14-768x500.jpg 768w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp14.jpg 1206w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Next &#8211; Right Click and choose \u201creplace background image\u201d<\/li><li>Link this to the file you placed on the NAS from bright cove<ul><li>You are incorporating your thumbnail<\/li><\/ul><\/li><li>Next you need to make sure that image is there for all of your \u201cstates\u201d<\/li><li>On the right side (or in your menu) you will find the states<\/li><li>You will have to have the image selected with the white boxes in the corners to change the states<\/li><li>Click each of the states and change the background image for each of the states.<\/li><li><strong>HINT:<\/strong> If you replace the \u201cnormal\u201d state first, it will change the next three automatically.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"824\" height=\"844\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp15.jpg\" alt=\"\" class=\"wp-image-905\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp15.jpg 824w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp15-293x300.jpg 293w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp15-768x787.jpg 768w\" sizes=\"auto, (max-width: 824px) 100vw, 824px\" \/><\/figure>\n\n\n\n<p><strong> How to Post to Menu for Navigation<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Next you are going to want to look at your Menu. The menu functions very similar to the video. You change the menu in the A-Master and B-Master<ul><li>You will use the same little blue play button\/arrow to edit the menu. I would suggest editing it in the A-Master first, and then pasting it in the B-Master.<\/li><\/ul><\/li><li>When creating your menu &#8211; you will want to create a menu item for each page and each quiz.<ul><li>For example, if you have three modules, you will want to create a menu item that reads as follows:<ul><li>Module 1<\/li><li>Module 2<\/li><li>Module 3<\/li><\/ul><\/li><\/ul><\/li><li>Directly across\/next to the module numbers you will want your quizzes (if there are quizzes)<ul><li>Quiz 1<\/li><li>Quiz 2<\/li><li>Quiz 3<\/li><\/ul><\/li><li>Next you are going to want to copy and paste your menu into the B-Master.<ul><li>Make sure to click it once (until you see the blue X\u2019s on the corners)<ul><li>This will ensure you copy and paste all of the layers in the menu<\/li><\/ul><\/li><\/ul><\/li><li>Paste it to the B-Master in the same place<ul><li>To \u201cpaste in place\u201d &#8211; Command + option + shift + v<\/li><\/ul><\/li><li>Next you want to right click and make sure that the object (menu) transferred to the B-Master.<\/li><li>Whenever you moving between layers, you will want to make sure it\u2019s moving to the correct Master layer.<\/li><\/ul>\n\n\n\n<p><strong> Preview Page in Browser<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>You will want to preview your website in your browser from time to time to check the layout and functionality.<\/li><li>Click File \u2014&gt; Preview Page in Browser<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1022\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp17-1024x1022.jpg\" alt=\"\" class=\"wp-image-906\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp17-1024x1022.jpg 1024w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp17-150x150.jpg 150w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp17-300x300.jpg 300w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp17-768x767.jpg 768w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp17.jpg 1064w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong> Creating External Links for Resources<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>There will be times when you will need to link a website, book, file, etc. in your webpage.<\/li><li>Select the text you want to be linked to the external file<\/li><li>Next, in the upper right corner you will see a section for hyperlinks.<\/li><li>You can directly paste a hyperlink here, or you can link to a file that you have saved on the NAS. You will often need to do this when you have resources provided by the course author.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"602\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp18-1024x602.jpg\" alt=\"\" class=\"wp-image-907\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp18-1024x602.jpg 1024w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp18-300x176.jpg 300w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp18-768x451.jpg 768w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp18-1600x940.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>You will also want to make sure (in the hyperlinks section you have open) to tick the box that says \u201cOpen Link in New Tab&#8221;<ul><li>This is a great habit to get into as most course authors like their links to open in new tabs.<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"405\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp19.jpg\" alt=\"\" class=\"wp-image-908\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp19.jpg 650w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp19-300x187.jpg 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/figure>\n\n\n\n<p><strong> Exporting to HTML Folder<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Once you have completed creating your course, it is time to export it to HTML.<\/li><li>When you export to HTML, you are exporting to a folder you created on the NAS.<\/li><li>Within your folder for this course on the NAS you should have an HTML folder. This is why you want to direct your HTML code to in Muse.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp20-1024x584.jpg\" alt=\"\" class=\"wp-image-909\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp20-1024x584.jpg 1024w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp20-300x171.jpg 300w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp20-768x438.jpg 768w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp20.jpg 1524w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p> \u2022 This is what your HTML will look like when it\u2019s been exported to the correct folder.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"913\" height=\"862\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp21.jpg\" alt=\"\" class=\"wp-image-910\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp21.jpg 913w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp21-300x283.jpg 300w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp21-768x725.jpg 768w\" sizes=\"auto, (max-width: 913px) 100vw, 913px\" \/><\/figure>\n\n\n\n<p> \u2022 To export your code go to File \u2014&gt; Export as HTML<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"942\" height=\"994\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp22.jpg\" alt=\"\" class=\"wp-image-911\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp22.jpg 942w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp22-284x300.jpg 284w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp22-768x810.jpg 768w\" sizes=\"auto, (max-width: 942px) 100vw, 942px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>When you click \u201cexport as HTML\u201d you will be asked for a name. Name your course whatever the name of the course is followed by the ending \u201c.net\u201d<ul><li>For example, if your course is named \u201cI Love Dogs\u201d you can name it ilovedogs.net when you export.<\/li><li>Make sure to check the location and direct it to the correct folder as sometimes Muse makes the wrong assumption as to where to send the HTML.<\/li><\/ul><\/li><li>This is the folder you are going to place on Filezilla in the next step.<\/li><\/ul>\n\n\n\n<p><strong> Filezilla<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>FileZilla is the software we use to push our codes to the internet to make them live. This is how to make a folder and transfer your information to that folder.<\/li><li>First, launch FileZilla<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"733\" src=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp23-1024x733.jpg\" alt=\"\" class=\"wp-image-912\" srcset=\"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp23-1024x733.jpg 1024w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp23-300x215.jpg 300w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp23-768x550.jpg 768w, https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-content\/uploads\/2019\/03\/CDp23-1600x1146.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Choose the public html folder.<\/li><li>Now that you\u2019re in the HTML folder, right click and \u201cCreate a new directory\u201d<\/li><li>Name the folder here the same name you gave your site in Muse. <ul><li>Following our same example, you will title your folder \u201cilovedogs\u201d <\/li><\/ul><\/li><li>Next, drag your content from your HTML folder onto this folder in Filezilla. <ul><li>It will sometimes ask you if you want to \u201coverwrite\u201d &#8211; choose yes\/ok to this option. <\/li><\/ul><\/li><li>Wait for FileZilla to tell you at the top that the transfer is successful<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>ALC Course Layout Designer Responsibilities: As the staff course layout designer, this is a position that is unique in it\u2019s own way. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"image","meta":{"footnotes":""},"categories":[8],"tags":[12,11,15,14,13],"class_list":["post-890","post","type-post","status-publish","format-image","hentry","category-course-development","tag-course-design","tag-design","tag-filezilla","tag-guide","tag-muse","post_format-post-format-image"],"_links":{"self":[{"href":"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-json\/wp\/v2\/posts\/890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-json\/wp\/v2\/comments?post=890"}],"version-history":[{"count":11,"href":"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-json\/wp\/v2\/posts\/890\/revisions"}],"predecessor-version":[{"id":1183,"href":"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-json\/wp\/v2\/posts\/890\/revisions\/1183"}],"wp:attachment":[{"href":"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-json\/wp\/v2\/media?parent=890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-json\/wp\/v2\/categories?post=890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.adventistlearningcommunity.net\/alcwiki\/wp-json\/wp\/v2\/tags?post=890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}