<commit_before><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=1024, user-scalable=no">

  <title>BUsiness</title>

  <!-- Required stylesheet -->
  <link rel="stylesheet" media="screen" href="core/deck.core.css">

  <!-- Extension CSS files go here. Remove or add as needed. -->
  <link rel="stylesheet" media="screen" href="extensions/goto/deck.goto.css">
  <link rel="stylesheet" media="screen" href="extensions/menu/deck.menu.css">
  <link rel="stylesheet" media="screen" href="extensions/navigation/deck.navigation.css">
  <link rel="stylesheet" media="screen" href="extensions/status/deck.status.css">
  <link rel="stylesheet" media="screen" href="extensions/scale/deck.scale.css">

  <!-- Style theme. More available in /themes/style/ or create your own. -->
  <link rel="stylesheet" media="screen" href="themes/style/swiss.css">

  <!-- Transition theme. More available in /themes/transition/ or create your own. -->
  <link rel="stylesheet" media="screen" href="themes/transition/horizontal-slide.css">

  <!-- Basic black and white print styles -->
  <link rel="stylesheet" media="print" href="core/print.css">

  <!-- Required Modernizr file -->
  <script src="modernizr.custom.js"></script>
</head>
<body>
  <div class="deck-container">

    <!-- Begin slides. Just make elements with a class of slide. -->

		<section class="slide">
		  <h2>Graphical Design Approach</h2>
		  <div>
		    <ol>
		      <li class="slide">
		      	<h3>Ask upfront for information</h3>	      	  
		      </li>
		      <li class="slide">
		      	<h3>Layout &amp; Design</h3>
		      	  
		      <li class="slide">
		      	<h3>Web Accessibility</h3>		      	  
		      </li>
		      <li class="slide">
		      	<h3>Course Technology</h3>		      	  
		      </li>
		      <li class="slide">
		      	<h3>Create a Pattern/Strategy for subsequent modules</h3>		      	  
		      </li>
		    </ol>
		 </div>
		 </section>

		<section class="slide">
		  <h2>Ask upfront for information</h2>
		  <div>
		    <ol class="slide">
		      <li slide>
		      	<h3>Textbook &amp; copyright</h3>
						<p>Using images in courses can be tangly, so it is best to know upfront what are the where those images willbe coming from.</p>      	  
		      </li>
		      <li class="slide">
		      	<h3>What D2L tools?</h3> 
						<p>What icons? What activities will need to be highlighted?</p>   	  
		      <li class="slide">
		      	<h3>Content Pattens</h3>
						<p>Finding/identifying patterns in the content informs design choices. The more the content, the more accurate your pattern assessment will be.</p>      	  
		      </li>
		    </ol>
		    <!--<p><a href="sample-course/m03-business-messages/overview.html">{demo: Overview}</a></p>
				<p><a href="sample-course/m03-business-messages/10-notes-patterns.html">{demo: Patterns}</a></p>
				<p><a href="sample-course/m03-business-messages/20-notes-sample-memo.html">{demo: Sample}</a></p>
				<p><a href="sample-course/m03-business-messages/30-notes-checklist.html">{demo: Checklist}</a></p>-->
		 </div>
		 </section>

		<section class="slide">
		  <h2>Slide 3</h2>
		  <div>
			<p>Intro</p>
		    <ol>
		      <li class="slide">
		      	<h3>Point 1</h3>
				  	<p>rationale</p>
		      	  
		      </li>
		      <li class="slide">
		      	<h3>Point 2</h3>
				  	<p>rationale</p>
		      	  
		      <li class="slide">
		      	<h3>Pont 3</h3>
				  	<p>rationale</p>
		      	  
		      </li>
		    </ol>
		    <!--<p><a href="sample-course/m03-business-messages/overview.html">{demo: Overview}</a></p>
				<p><a href="sample-course/m03-business-messages/10-notes-patterns.html">{demo: Patterns}</a></p>
				<p><a href="sample-course/m03-business-messages/20-notes-sample-memo.html">{demo: Sample}</a></p>
				<p><a href="sample-course/m03-business-messages/30-notes-checklist.html">{demo: Checklist}</a></p>-->
		 </div>
		 </section>

    <!-- End slides. -->

    <!-- Begin extension snippets. Add or remove as needed. -->

    <!-- deck.navigation snippet -->
    <div aria-role="navigation">
      <a href="#" class="deck-prev-link" title="Previous">&#8592;</a>
      <a href="#" class="deck-next-link" title="Next">&#8594;</a>
    </div>

    <!-- deck.status snippet -->
    <p class="deck-status" aria-role="status">
      <span class="deck-status-current"></span>
      /
      <span class="deck-status-total"></span>
    </p>

    <!-- deck.goto snippet -->
    <form action="." method="get" class="goto-form">
      <label for="goto-slide">Go to slide:</label>
      <input type="text" name="slidenum" id="goto-slide" list="goto-datalist">
      <datalist id="goto-datalist"></datalist>
      <input type="submit" value="Go">
    </form>

    <!-- End extension snippets. -->
  </div>

<!-- Required JS files. -->
<script src="jquery.min.js"></script>
<script src="core/deck.core.js"></script>

<!-- Extension JS files. Add or remove as needed. -->
<script src="extensions/menu/deck.menu.js"></script>
<script src="extensions/goto/deck.goto.js"></script>
<script src="extensions/status/deck.status.js"></script>
<script src="extensions/navigation/deck.navigation.js"></script>
<script src="extensions/scale/deck.scale.js"></script>

<!-- Initialize the deck. You can put this in an external file if desired. -->
<script>
  $(function() {
    $.deck('.slide');
  });
</script>
</body>
</html>
<commit_msg>Content edits<commit_after><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=1024, user-scalable=no">

  <title>BUsiness</title>

  <!-- Required stylesheet -->
  <link rel="stylesheet" media="screen" href="core/deck.core.css">

  <!-- Extension CSS files go here. Remove or add as needed. -->
  <link rel="stylesheet" media="screen" href="extensions/goto/deck.goto.css">
  <link rel="stylesheet" media="screen" href="extensions/menu/deck.menu.css">
  <link rel="stylesheet" media="screen" href="extensions/navigation/deck.navigation.css">
  <link rel="stylesheet" media="screen" href="extensions/status/deck.status.css">
  <link rel="stylesheet" media="screen" href="extensions/scale/deck.scale.css">

  <!-- Style theme. More available in /themes/style/ or create your own. -->
  <link rel="stylesheet" media="screen" href="themes/style/swiss.css">

  <!-- Transition theme. More available in /themes/transition/ or create your own. -->
  <link rel="stylesheet" media="screen" href="themes/transition/horizontal-slide.css">

  <!-- Basic black and white print styles -->
  <link rel="stylesheet" media="print" href="core/print.css">

  <!-- Required Modernizr file -->
  <script src="modernizr.custom.js"></script>
</head>
<body>
  <div class="deck-container">

    <!-- Begin slides. Just make elements with a class of slide. -->

		<section class="slide">
		  <h2>Graphical Design Approach</h2>
		  <div>
		    <ol>
		      <li class="slide">
		      	<h3>Layout &amp; Design</h3>
		      	  
		      <li class="slide">
		      	<h3>Web Accessibility</h3>		      	  
		      </li>
		      <li class="slide">
		      	<h3>Course Technology</h3>		      	  
		      </li>
		      <li class="slide">
		      	<h3>Patterns &amp; Categories</h3>		      	  
		      </li>
		    </ol>
		 </div>
		 </section>

		<section class="slide">
		  <h2>Ask upfront for information</h2>
		  <div>
		    <ol class="slide">
		      <li slide>
		      	<h3>Textbook &amp; Copyright</h3>
						<p>Best to know upfront what images can be used, and where the images will be coming from.</p>      	  
		      </li>
		      <li class="slide">
		      	<h3>What D2L tools?</h3> 
						<p>What icons? What activities will need to be highlighted?</p>   	  
		      <li class="slide">
		      	<h3>Content Pattens</h3>
						<p>Finding/identifying patterns in the content informs design choices.</p>      	  
		      </li>
		    </ol>
		 </div>
		 </section>

		<section class="slide">
		  <h2>Layout &amp; Design</h2>
		  <div>
			<p>Effectively present materials for the web and specifically for D2L.</p>
		    <ol>
		      <li class="slide">
		      	<h3>Clear organization</h3>
				  	<ul>
							<li>Key points are easily found by skimming.</li>
							<li>Clear navigation for modules and topics.</li>
							<li><a href="sample-course/m03-business-messages/overview.html">{demo: Overview}</a></li>
		      	  
		      </li>
		      <li class="slide">
		      	<h3>What's content? What's an example? What's actviity?</h3>
				  	<p><a href="sample-course/m03-business-messages/10-notes-patterns.html">{demo: Patterns}</a></p>
		      	  
		      <li class="slide">
		      	<h3>Encourage engagement</h3>
				  	<p>Visual interest and little surprises can engage the learner.</p>
						<p><a href="sample-course/m03-business-messages/30-notes-checklist.html">{demo: Checklist}</a></p>  
		      </li>
		    </ol>
		 </div>
		 </section>
		 
 		<section class="slide">
 		  <h2>Web Accessibility</h2>
 		  <div>
 		    <ol>
					<li><h3>Colour &amp; Contrast</h3>
						<p>When changing the design and colors re-check for contrast ratios.</p>
					</li>
					<li><h3>Meaningful structure</h3>
						<p>Ensure that the html mark-up is optimized for accessibility.</p>
					</li>						
					<li><h3>Text Alternatives</h3>
						<p>Ensure all images have appropriate alternative text.</p></li>
					<li><h3>Interactivity</h3>
						<p>When adding interactvity, consider fallbacks.</p>
					</li>
 		    </ol>
 		 </div>
 		 </section>
  		<section class="slide">
  		  <h2>Course Technologies</h2>
  		  <div>
  		    <ol>
 					<li><h3>Knowing &amp; Using D2L</h3>
				  	<ul>
							<li>Content menu: long and short options</li>
							<li>Custom navigation, themes and home pages</li>
						</ul>
 					</li>					
 					<li><h3>Suggestion for an activity</h3>
 						<p>Which D2L tool is best chice for this - course mail or discussion forum?</p></li>
 					<li><h3>Interactivity</h3>
 						<p>When adding interactvity, consider fallbacks.</p>
 					</li>
  		    </ol>
  		 </div>
  		 </section>
	 		 </section>
	  		<section class="slide">
	  		  <h2>Workable Approach?</h2>
					<p>This particular approach is likely general enough to be applied to future modules.
However, I would prefer to have more information and more content to before putting too much effort into customization of layout and design.</p>
	  		  <div>
	  		    <ol>
	 					<li><h3>Very general approach</h3>
	 					</li>					
	 					<li><h3>Alignment with Instructional Design</h3>
	 						<p>Being familiar with the syllabus and more content upfront allows me to align my web design choices with istructional design decisions.</p></li>
		 					<li><h3>Time</h3>
		 						<p>Having a ready toolbox saves us in a crunch and allows us time to innovate when we have more time to engage in the entire course design process.</p></li>
	  		    </ol>
	  		 </div>
	  		 </section>

    <!-- End slides. -->

    <!-- Begin extension snippets. Add or remove as needed. -->

    <!-- deck.navigation snippet -->
    <div aria-role="navigation">
      <a href="#" class="deck-prev-link" title="Previous">&#8592;</a>
      <a href="#" class="deck-next-link" title="Next">&#8594;</a>
    </div>

    <!-- deck.status snippet -->
    <p class="deck-status" aria-role="status">
      <span class="deck-status-current"></span>
      /
      <span class="deck-status-total"></span>
    </p>

    <!-- deck.goto snippet -->
    <form action="." method="get" class="goto-form">
      <label for="goto-slide">Go to slide:</label>
      <input type="text" name="slidenum" id="goto-slide" list="goto-datalist">
      <datalist id="goto-datalist"></datalist>
      <input type="submit" value="Go">
    </form>

    <!-- End extension snippets. -->
  </div>

<!-- Required JS files. -->
<script src="jquery.min.js"></script>
<script src="core/deck.core.js"></script>

<!-- Extension JS files. Add or remove as needed. -->
<script src="extensions/menu/deck.menu.js"></script>
<script src="extensions/goto/deck.goto.js"></script>
<script src="extensions/status/deck.status.js"></script>
<script src="extensions/navigation/deck.navigation.js"></script>
<script src="extensions/scale/deck.scale.js"></script>

<!-- Initialize the deck. You can put this in an external file if desired. -->
<script>
  $(function() {
    $.deck('.slide');
  });
</script>
</body>
</html>

{'fraction_non_alphanumeric': 0.17746591820368884, 'fraction_numerical': 0.012429831595829992, 'mean_word_length': 2.690736904409589, 'pattern_counts': {'":': 0, '<': 447, '<?xml version=': 0, '>': 447, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6835712', 'n_tokens_mistral': 4690, 'n_tokens_neox': 4047, 'n_words': 962}