1<div class="boxcontainer">
			<div class="boxcontainerlabel">Knowledgebase: <a href="https://support.eclass.ualberta.ca/Knowledgebase/List/Index/22">eClass (Read-Only)</a> &gt;  <a href="https://support.eclass.ualberta.ca/Knowledgebase/List/Index/5">eClass For Instructors</a> &gt;  <a href="https://support.eclass.ualberta.ca/Knowledgebase/List/Index/13">Constructing Courses</a>   </div>

			<div class="boxcontainercontent">
				<table width="100%" cellpadding="0" cellspacing="0" border="0" class = "containercontenttable">
					<tr>
						<td valign="top" colspan="2">
							<!--<div class="kbavatar"><img src="https://support.eclass.ualberta.ca/Base/StaffProfile/DisplayAvatar/5/d20e25065d7fedfd399fb7dce1785fa8/60" align="absmiddle" border="0" /></div>-->
							<div class="kbtitle"><span class="kbtitlemain">Video highlights: eClass Changes in Summer 2018</span></div>
							<div class="kbinfo"><!--Posted by Dave Laurie--> Last modified <!--,Ian Anderson-->  on 15 August 2025 08:20 AM</div>
						</td>
					</tr>
					<tr><td colspan="2" class="kbcontents">
						<div class="toc" style="display: table; border-collapse: separate; table margin: 5px; padding: 7px; border: 1px solid #000; background-color: #e1b4b4; font-size: 12pt;">
<div><b data-stringify-type="bold">NOTICE:</b> Please be advised that the content of this article may only be relevant for users concluding the final stages of course work on eClass or for users on the eClass External system. <span>The eClass Learning Management System is currently in a <a href="https://support.eclass.ualberta.ca/News/NewsItem/View/319/digital-learning-environment-changes-for-summer-2025" target="_blank" rel="noopener">read-only state</a> that prohibits new courses, enrollments, and users from being added to the site. Credit courses and co-curricular courses at the UofA are now being delivered on <a href="https://canvas.ualberta.ca/" target="_blank" rel="noopener">Canvas</a>, and full articles on how to use Canvas can be found <a href="https://support.eclass.ualberta.ca/Knowledgebase/List/Index/53" target="_blank" rel="noopener">here</a>.</span><span style="font-size: 10pt;"></span></div>
</div>
<p>The eClass summer upgrade in 2018 introduces a redesigned user interface as well as a range of feature improvements. This article contains a number of short videos that highlight the changes.</p>
<p>The full outage announcement and complete list of features changing can be found <a href="https://support.ctl.ualberta.ca/index.php?/News/NewsItem/View/130/major-eclass-upgrade-june-2018---upcoming-changes">can be found here</a>.</p>
<p><span style="text-decoration: underline;"><strong>Major Interface Changes for Students:</strong></span></p>
<p style="position: relative; padding-bottom: 75%; padding-top: 30px; height: 0; overflow: hidden; max-width: 1280px; max-height: 960px;"><iframe width="300" height="960" style="max-width: 1280px; max-height: 960px; position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://drive.google.com/file/d/1J_kfR_JQJbZlgPib-EIuysJqrYJII-Es/preview?VQ=HD720" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p> </p>
<p><span style="text-decoration: underline;"><strong>Major Interface Changes for Instructors:</strong></span></p>
<p style="position: relative; padding-bottom: 75%; padding-top: 30px; height: 0; overflow: hidden; max-width: 1280px; max-height: 960px;"><iframe width="300" height="960" style="max-width: 1280px; max-height: 960px; position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://drive.google.com/file/d/1duRz95xMZTBEmvTGsOBQ_N_QD-0Qkj5d/preview?VQ=HD720" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p> </p>
<p><span style="text-decoration: underline;"><strong>User Management Changes for Instructors:</strong></span></p>
<p style="position: relative; padding-bottom: 75%; padding-top: 30px; height: 0; overflow: hidden; max-width: 1280px; max-height: 960px;"><iframe width="300" height="960" style="max-width: 1280px; max-height: 960px; position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://drive.google.com/a/ualberta.ca/file/d/1tpDHIM5du0Yv2rqx_h_XojCeUYHuL170/preview?VQ=HD720" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p> </p>
					</td></tr>
					<tr>
					<td colspan="2">

					


					
					<div id="kbratingcontainer">
					<div class="kbrating">
			<div class="kbratingstars"><img src="https://support.eclass.ualberta.ca/__swift/themes/client/images/icon_star_4.gif" align="absmiddle" border="0" title="4.0 out of 5 stars" /><span> (10 vote(s))</span></div>
			
			<div class="kbratinghelpful" onclick="javascript: ArticleHelpful('354');"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> Helpful</div><div class="kbratingnothelpful" onclick="javascript: ArticleNotHelpful('354');"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> Not helpful</div>
			
			</div>
					</div>
					
					<hr class="kbhr" /></td>
					</tr>
				</table>

				
			</div>
			</div><script type="text/javascript"> $(function(){ $('.dialogerror, .dialoginfo, .dialogalert').fadeIn('slow');$("form").on("submit", function(e){$(this).find("input:submit").attr("disabled", "disabled");});$(window).on("unload",function(){});}); function showEditorValidationError(){}</script></div>
				<style id="antiClickjack">body{display:none !important;}</style>
				<script type="text/javascript">
					if (self === top) {
						var antiClickjack = document.getElementById("antiClickjack");
						antiClickjack.parentNode.removeChild(antiClickjack);
					} else {
						top.location = self.location;
					}
				</script>
				</div>
				<div class="innerwrapper">
					<div id="bottomfooter" class="bottomfooterpadding"></div>
				</div>
		</div>
	</div>
			  <!--SWIFT-4941 Check Custom Tweaks compatibility with SWIFT -->
              
		        <script type="text/javascript" src="https://support.eclass.ualberta.ca/__swift/apps/base/javascript/__global/thirdparty/TinyMCE/tinymce.min.js"></script>
		        <script>
		tinyMCE.baseURL = "https://support.eclass.ualberta.ca/__swift/apps/base/javascript/__global/thirdparty/TinyMCE/";
		</script>

		<script type="text/javascript">
		tinymce.init({
		    mode : "specific_textareas",
		    editor_selector : "swifttextareawide",
		    paste_data_images: true,
		    image_title: true,
			automatic_uploads: true,
			file_picker_types: "image",
			file_picker_callback: function(cb, value, meta) {
				var input = document.createElement("input");
				input.setAttribute("type", "file");
				input.setAttribute("accept", "image/*");
				input.onchange = function() {
					var file = this.files[0];
					var reader = new FileReader();
					reader.onload = function () {
						var id = "blobid" + (new Date()).getTime();
						var blobCache =  tinymce.activeEditor.editorUpload.blobCache;
						var base64 = reader.result.split(",")[1];
						var blobInfo = blobCache.create(id, file, base64);
						blobCache.add(blobInfo);
						cb(blobInfo.blobUri(), { title: file.name });
					};
					reader.readAsDataURL(file);
				};
				input.click();
			},
		    force_p_newlines : false,
			remove_linebreaks : false,
		    browser_spellcheck : true,
		    entity_encoding : "raw",
		    relative_urls : false,
		    remove_script_host : false,
		    convert_urls : true,
		    gecko_spellcheck: true,
		    force_br_newlines : false,              //btw, I still get <p> tags if this is false
		    remove_trailing_nbsp : false,
		    verify_html : false,
		    theme: "modern",
		    plugins: [
		        "advlist autolink lists link image charmap print preview hr anchor pagebreak",
		        "searchreplace wordcount visualblocks visualchars fullscreen",
		        "insertdatetime media nonbreaking save table directionality",
		        " template paste textcolor codesample"
		    ],
		    toolbar1: "undo redo | styleselect | bold italic underline | fontsizeselect fontselect | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image print preview media | forecolor backcolor ",
		    image_advtab: true,
		    menubar: "file edit insert view format tools",
		    setup: function(ed) {
			        ed.on('init', function(e) {
			            showEditorValidationError();
			        });
    			}

		});
		</script><!--ENDCUSTOMWYSIWYG-->
        
        <!--<script type="text/javascript">
        	$(function() {
				$('#i-agree-consent').on('click', function(e) {
					e.preventDefault();
					document.cookie = "SWIFT_prconsenturl="+window.location.href;
					$.ajax({
						type: "POST",
						url: "https://support.eclass.ualberta.ca/Base/User/UpdateProcessingConsentAJAX",
						data: $('form.processconsentform').serialize(),
						success: function(response) {
							jQuery("#checkoffscreen").dialog("destroy");
						}
					});
					return false;
				});
			});
		</script>
		<!-- BEGIN MODAL FOR YET TO BE CAPTURED CONSENT LOGGEDIN USER -->
               <div style="display:none" id="checkoffscreen" class="innerwrapper">
               		<form enctype="multipart/form-data" name="processconsentform" autocomplete="off">
							<div>
								<p>I consent for Kayako to process my data and agree to the terms of the  <a href="https://www.kayako.com/about/privacy" target="_blank"> Privacy Policy </a></p>
								<input name ="processconsent" type="hidden" value="I Agree">
							</div>
							<div>
								<input id="i-agree-consent" type="submit" class="rebuttonwide2" value="I Agree">
							</div>
					</form>
				</div>-->
		  </body>
</html>