API tools faq
paste
Advertisement
kguak

cmp-719-wk2

kguak
Mar 15th, 2020
585
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 16.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  7.     <title>Full Page</title>
  8.     <link
  9.      rel="stylesheet"
  10.      href="https://e.centennialcollege.ca/content/enforced/504895-CMPW719.DEV/ecentennial.css"
  11.    />
  12.     <link
  13.      rel="stylesheet"
  14.      href="https://e.centennialcollege.ca/content/enforced/504895-CMPW719.DEV/font-awesome.css"
  15.    />
  16.     <link
  17.      rel="stylesheet"
  18.      href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
  19.      integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
  20.      crossorigin="anonymous"
  21.    />
  22.   </head>
  23.   <body>
  24.  
  25.         <div class="container">
  26.           <h2 class="large-text">Getting started.</h2>
  27.           <div class="row">
  28.             <div class="col-md-8">
  29.               <p>
  30.                 This week, we are going to begin planning out your eLearning
  31.                  course. You should have your&nbsp;topic and higher-level course
  32.                  learning outcomes submitted. I will get those back to you as soon as
  33.                  I can.
  34.                </p>
  35.                
  36.               <div class="alert alert-success mt-5">
  37.                 <h3>This week's readings:</h3>
  38.                 <ul>
  39.                   <li>
  40.                     <a
  41.                      href="https://www.talentlms.com/blog/elearning-in-the-workplace/"
  42.                      target="_blank"
  43.                      rel="noopener"
  44.                      >eLearning in the Workplace</a
  45.                    >&nbsp;by John Laskaris
  46.                   </li>
  47.                   <li>
  48.                     <a
  49.                      href="https://www.youtube.com/watch?v=r9WJSgbMUI0"
  50.                      target="_blank"
  51.                      rel="noopener"
  52.                      >3 ways to storyboard your e-learning course</a
  53.                    >
  54.                     by Brigham Communications<br />
  55.                     <ul></ul>
  56.                   </li>
  57.                   <li style="list-style-type: none;"><!--EndFragment--></li>
  58.                 </ul>
  59.               </div>
  60.             </div>
  61.             <div class="col-md-4">
  62.               <img
  63.              src="https://e.centennialcollege.ca/content/enforced/504895-CMPW719.DEV/how-different-are-macs-and-pcs-actually-comic.jpg"
  64.              alt=""
  65.              title=""
  66.            />
  67.             <p>
  68.               <span style="font-size: 8pt;"
  69.                ><em
  70.                  >Comic by
  71.                   <a
  72.                    href="https://xkcd.com/"
  73.                    target="_blank"
  74.                    rel="noopener noreferrer"
  75.                    >XKCD</a
  76.                  >.</em
  77.                ></span
  78.              ><span style="font-size: 8pt;"><em></em></span>
  79.             </p>
  80.             </div>
  81.           </div>
  82.  
  83.          
  84.           <p></p>
  85.           <p></p>
  86.           <p></p>
  87.           <p></p>
  88.           <p></p>
  89.          
  90.          
  91.          
  92.           <table class="blue-highlight">
  93.             <tbody>
  94.               <tr>
  95.                 <th scope="col">
  96.                   <h2>Learning Outcomes</h2>
  97.                 </th>
  98.                 <th scope="col">
  99.                   <h2>Checklist</h2>
  100.                 </th>
  101.               </tr>
  102.               <tr>
  103.                 <td>
  104.                   <p>At the end of this module, you will be able to:</p>
  105.                   <ol>
  106.                     <li>
  107.                       <p>
  108.                         Explain how to recognize and interpret the uses of
  109.                         eLearning in the workplace.
  110.                       </p>
  111.                     </li>
  112.                     <li>
  113.                       <p>
  114.                         Demonstrate your plan and storyboard your learning
  115.                         module.
  116.                       </p>
  117.                     </li>
  118.                   </ol>
  119.                 </td>
  120.                 <td>
  121.                   <p>
  122.                     In order to complete the module, you will need to do the
  123.                     following:
  124.                   </p>
  125.                   <ol>
  126.                     <li>Read course content.</li>
  127.                     <li>Complete readings.</li>
  128.                     <li>Continue working on your Course Plan.</li>
  129.                   </ol>
  130.                 </td>
  131.               </tr>
  132.             </tbody>
  133.           </table>
  134.  
  135.         <h2>Planning an eLearning&nbsp;Course</h2>
  136.         <div class="alert alert-success mt-3">
  137.           <p>
  138.             <strong>Reading assignment:</strong>&nbsp;&nbsp;<a
  139.              href="https://www.talentlms.com/blog/elearning-in-the-workplace/"
  140.              target="_blank"
  141.              rel="noopener"
  142.              >eLearning in the Workplace</a
  143.            >&nbsp;by John Laskaris
  144.           </p>
  145.         </div>
  146.         <p>
  147.           The course you design will have three to five modules. Each module
  148.           relates to a separate&nbsp;subtopic and has its own learning outcomes
  149.           and evaluations. The basic structure of your course will look like
  150.           this:
  151.         </p>
  152.  
  153.         <div class="card-group">
  154.           <div class="card">
  155.             <div class="card-body">
  156.               <h5 class="card-title">Introduction</h5>
  157.               <p class="card-text">
  158.                 <ul>
  159.                   <li>About you</li>
  160.                   <li>About the course</li>
  161.                   <li>Course Learning Outcomes (high level)</li>
  162.                 </ul>
  163.                
  164.                 </p>
  165.             </div>
  166.  
  167.           </div>
  168.           <div class="card">
  169.             <div class="card-body">
  170.               <h5 class="card-title">Subtopic 1</h5>
  171.               <p class="card-text">
  172.                 <ul>
  173.                   <li>Introduction</li>
  174.  
  175.                     <li>Learning Outcomes <em>(detailed and specific - NOT the same as the Course Learning Outcomes)</em></li>
  176.                     <li>Content</li>
  177.                     <li>Supplementary Resources <em>(think textbooks or videos that you didn't produce)</em></li>
  178.                     <li>Evaluation</li>
  179.                    
  180.                  
  181.                 </ul>
  182.                
  183.                 </p>
  184.             </div>
  185.            
  186.           </div>
  187.           <div class="card">
  188.             <div class="card-body">
  189.               <h5 class="card-title">Subtopic 2</h5>
  190.               <p class="card-text">
  191.                 <ul>
  192.                   <li>Introduction</li>
  193.  
  194.                     <li>Learning Outcomes <em>(detailed and specific - NOT the same as the Course Learning Outcomes)</em></li>
  195.                     <li>Content</li>
  196.                     <li>Supplementary Resources <em>(think textbooks or videos that you didn't produce)</em></li>
  197.                     <li>Evaluation</li>
  198.                    
  199.                  
  200.                 </ul>
  201.                
  202.                 </p>
  203.             </div>
  204.            
  205.           </div>
  206.         </div>
  207.         <div class="card-group">
  208.          
  209.           <div class="card">
  210.             <div class="card-body">
  211.               <h5 class="card-title">Subtopic 3</h5>
  212.               <p class="card-text">
  213.                 <ul>
  214.                   <li>Introduction</li>
  215.  
  216.                     <li>Learning Outcomes <em>(detailed and specific - NOT the same as the Course Learning Outcomes)</em></li>
  217.                     <li>Content</li>
  218.                     <li>Supplementary Resources <em>(think textbooks or videos that you didn't produce)</em></li>
  219.                     <li>Evaluation</li>
  220.                    
  221.                  
  222.                 </ul>
  223.                
  224.                 </p>
  225.             </div>
  226.            
  227.           </div>
  228.           <div class="card">
  229.             <div class="card-body">
  230.               <h5 class="card-title">Conclusion</h5>
  231.               <p class="card-text">
  232.                 <ul>
  233.                   <li>Course Review</li>
  234.                     <li>Further Information</li>
  235.                     <li>Contact Information</li>
  236.                     <li>Course Assessment</li>                </ul>
  237.                
  238.                 </p>
  239.             </div>
  240.            
  241.           </div>
  242.         </div>
  243.  
  244.        
  245.  
  246.        
  247.         <p class="mt-3">
  248.           When your course is complete, you will have 20-30 pages in total
  249.           (introduction/overview, 3-5 subtopics, conclusion) and up to six
  250.           evaluations. We will be using a trial version of Articulate Storyline
  251.           360. Storyline is built on PowerPoint, so you can start to visualize
  252.           your course as interactive slides. Each slide will have written and/or
  253.           multimedia content.
  254.         </p>
  255.         <p>
  256.           The level of interactivity and the use of multimedia should depend on
  257.           the audience and subject matter. If as part of a stress relief module
  258.           you want to show simple relaxation exercises that can be done at your
  259.           desk, it would make sense to record video of someone performing the
  260.           exercises. If you are explaining how to use new software, screen
  261.           capture video would make the most sense. If you're training employees
  262.           on the new harassment policy, you could use text content on slides and
  263.           supplement it with audio clips from management explaining terms. Think
  264.           about the audience in terms of both accessibility and engagement while
  265.           designing your course.<span
  266.            style="font-size: 1em; color: #252327;"
  267.          ></span>
  268.         </p>
  269.         <h3><span style="color: #000000;">Storyboarding</span></h3>
  270.         <p>
  271.           <span style="color: #000000;"
  272.            >Storyboarding allows you to plan your course visually. Many
  273.             instructional designers like to storyboard their eLearning courses
  274.             before they begin building them. In this course, we will Storyboard
  275.             our course and then complete a script. You don't need to know
  276.             exactly how the final course will look while storyboarding - think
  277.             of it instead as a visual plan.&nbsp;</span
  278.          >
  279.         </p>
  280.         <p>
  281.           <span style="color: #000000;"
  282.            ><strong>Video assignment:&nbsp;</strong></span
  283.          >
  284.         </p>
  285.         <p>
  286.           <span style="color: #cc0000;"
  287.            ><strong
  288.              ><iframe
  289.                width="500"
  290.                height="281"
  291.                src="https://www.youtube.com/embed/r9WJSgbMUI0?feature=oembed&amp;wmode=opaque&amp;rel=0"
  292.                frameborder="0"
  293.                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  294.                allowfullscreen=""
  295.              ></iframe></strong
  296.          ></span>
  297.         </p>
  298.         <h2><span style="color: #000000;">The eLearning Assignment</span></h2>
  299.         <p>
  300.           <span style="color: #000000;"
  301.            >This week, you'll need to complete two large components of your
  302.             course: the Course Plan and the Storyboard.</span
  303.          >
  304.         </p>
  305.         <h3><span style="color: #000000;">Course Plan</span></h3>
  306.         <p>
  307.           <span style="color: #000000;"
  308.            >Last week, you selected a topic and setting/workplace for your
  309.             eLearning course. You also wrote the general course learning
  310.             outcomes and selected the 3-5 subtopics that your course will cover.
  311.             In the same Google Doc, add the following sections:</span
  312.          >
  313.         </p>
  314.         <ul>
  315.           <li>
  316.             <span style="color: #000000;">A detailed audience analysis.</span>
  317.           </li>
  318.           <li>
  319.             <span style="color: #000000;"
  320.              >For each subtopic, add learning outcomes (these are different
  321.               than the course learning outcomes and are specific to just this
  322.               subtopic) and a summary.</span
  323.            >
  324.           </li>
  325.         </ul>
  326.         <p>
  327.           <span style="color: #000000;"
  328.            >When you are done, your course plan should look something like
  329.             this:
  330.             <a
  331.              href="https://docs.google.com/document/d/1w2n-ff6c8M4FCrRLtqO87vX-XWa3hkhjOpZ3TQAAK_U/edit?usp=sharing"
  332.              target="_blank"
  333.              rel="noopener"
  334.              >Course Plan Example in Google Docs</a
  335.            ></span
  336.          >
  337.         </p>
  338.         <h3><span style="color: #000000;">Storyboard</span></h3>
  339.         <p>
  340.           <span style="color: #000000;"
  341.            >Now that you've planned out your modules, you'll need to create a
  342.             Storyboard. You can use any of the three ways covered in the video
  343.             above and you can modify it to meet your needs. You also don't need
  344.             to include the completed or finished elements. It's enough to
  345.             describe them. Continuing with our Stress Relief example, it might
  346.             look like this:</span
  347.          >
  348.         </p>
  349.         <table style="height: 51px; width: 499px;">
  350.           <tbody>
  351.             <tr style="height: 35px;">
  352.               <td style="height: 35px; width: 71px;">
  353.                 <em><strong>Slide #</strong></em>
  354.               </td>
  355.               <td style="height: 35px; width: 71px;">
  356.                 <em><strong>Topic</strong></em>
  357.               </td>
  358.               <td style="height: 35px; width: 71px;">
  359.                 <em><strong>Text</strong></em>
  360.               </td>
  361.               <td style="height: 35px; width: 71px;">
  362.                 <em><strong>Graphics</strong></em>
  363.               </td>
  364.               <td style="height: 35px; width: 71px;">
  365.                 <em><strong>Multimedia</strong></em>
  366.               </td>
  367.               <td style="height: 35px; width: 72px;">
  368.                 <em><strong>Interactivity</strong></em>
  369.               </td>
  370.               <td style="height: 35px; width: 72px;">
  371.                 <em><strong>Navigation</strong></em>
  372.               </td>
  373.             </tr>
  374.             <tr style="height: 16px;">
  375.               <td style="height: 16px; width: 71px;">3</td>
  376.               <td style="height: 16px; width: 71px;">Desk Exercises</td>
  377.               <td style="height: 16px; width: 71px;">
  378.                 <p>
  379.                   Describe the importance of taking frequent breaks. Include
  380.                   descriptions of:
  381.                 </p>
  382.                 <ol>
  383.                   <li>Neck Rolls</li>
  384.                   <li>Standing Side Bend</li>
  385.                   <li>Wrist Stretch</li>
  386.                 </ol>
  387.               </td>
  388.               <td style="height: 16px; width: 71px;">None</td>
  389.               <td style="height: 16px; width: 71px;">
  390.                 Video examples of all three exercises.
  391.               </td>
  392.               <td style="height: 16px; width: 72px;">
  393.                 True/False question about average time adults sit.
  394.               </td>
  395.               <td style="height: 16px; width: 72px;">
  396.                 <p>Link to further external exercises on YouTube.</p>
  397.                 <p><strong>Next button:</strong> Breathing exercises.</p>
  398.               </td>
  399.             </tr>
  400.           </tbody>
  401.         </table>
  402.         <div class="alert alert-warning">
  403.           <p>
  404.             Submit Course Plan link and StoryBoard file to
  405.             <a
  406.              href="/d2l/common/dialogs/quickLink/quickLink.d2l?ou=504895&amp;type=dropbox&amp;rcode=CENCOL-1296593"
  407.              target="_self"
  408.              >Storyboard</a
  409.            >&nbsp;by January 24 at 6 pm.
  410.           </p>
  411.         </div>
  412.        
  413.         <h2>References</h2>
  414.         <ol>
  415.           <li>
  416.             Becker, D. (n.d.).&nbsp;<em>Elearning Storyboarding 101.&nbsp;</em
  417.            >Retrieved on January 14, 2019 from
  418.             <a
  419.              href="https://blogs.articulate.com/word-of-mouth/elearning-storyboarding-101/"
  420.              target="_blank"
  421.              rel="noopener"
  422.              >https://blogs.articulate.com/word-of-mouth/elearning-storyboarding-101/</a
  423.            >
  424.           </li>
  425.           <li>
  426.             Brigham Communications. (2014).<em>
  427.               3 ways to storyboard your e-learning course.</em
  428.            >
  429.             Retrieved from
  430.             <a
  431.              href="https://www.youtube.com/watch?v=r9WJSgbMUI0"
  432.              target="_blank"
  433.              rel="noopener"
  434.              >https://www.youtube.com/watch?v=r9WJSgbMUI0</a
  435.            >
  436.           </li>
  437.           <li>
  438.             Laskaris, J. (2015).<em> eLearning in the Workplace</em>. Retrieved
  439.             from
  440.             <a
  441.              href="https://www.talentlms.com/blog/elearning-in-the-workplace/"
  442.              target="_blank"
  443.              rel="noopener"
  444.              >https://www.talentlms.com/blog/elearning-in-the-workplace/</a
  445.            >
  446.           </li>
  447.         </ol>
  448.       </div> <!-- end of container -->
  449.  
  450.         <p class="footer">
  451.           eLearning for the Workplace -&nbsp;School of Communications, Media,
  452.           Art and Design
  453.         </p>
  454.       </body>
  455.     </html>
  456.   </body>
  457. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!