Edit - Master Product Knowledge Space

/

4. Virtual Classes Module

The virtual classes module is intended to provide information to students about online forums related to their study.

The Main module uses the following html:

1<p style="text-align: right;"><img src="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/welcome%20zoom%20tafe.png" alt="" title="" style="max-width: 100%;">Image © TAFE Queensland</p>
2<p>Virtual classrooms are web conferences or webinars that allow students to participate in classes regardless of where you are. All you require is an internet connection and a computer with speakers, a microphone and a webcam.&nbsp;</p>
3<p>Your Virtual class can include:</p>
4<ul>
5<li>voice (via a microphone)</li>
6<li>video (via a webcam)</li>
7<li>text (via chat)</li>
8<li>shared apps and programs</li>
9<li>screen sharing</li>
10<li>document sharing</li>
11</ul>

Attached to the Main module are pages and a chat.

Zoom

A page about using zoom for classes.

The Zoom page HTML is:

1<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/studentOrientation_2021/content/07-Topic_7_Virtual_classes/../../css/bootstrap-bs_accessibility-font_awesome-tq_iconset.css?h=1615253719">
  <link rel="stylesheet" href="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/studentOrientation_2021/content/07-Topic_7_Virtual_classes/../../plugins/tq-interactivities/tq-interactivities.css?h=1615253723">
  <link rel="stylesheet" href="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/studentOrientation_2021/content/07-Topic_7_Virtual_classes/../../css/extras-tq.css?h=1618192954">
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
						<script src="/static/plugins/legacy.js?h=1615253717"></script>
						<![endif]-->
  <title>Zoom</title>
  <link rel="stylesheet" href="https://s.brightspace.com/lib/fonts/0.5.0/fonts.css">
</head>
<body>
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <!-- Start of content block -->
        <p>
          <span style="font-family: Lato, sans-serif; font-size: 19px;">Zoom is the platform TAFE Queensland use for virtual and remote classes.</span>
        </p>
        <p>
          <span style="font-family: Lato, sans-serif; font-size: 19px;">Zoom provides students with the opportunity to have live remote classes with your fellow students and your teachers from anywhere you have access to the internet.</span>
        </p>
        <p>
          <span style="font-family: Lato, sans-serif; font-size: 19px;">The class can include:</span>
        </p>
        <ul>
          <li>
            <span style="font-family: Lato, sans-serif; font-size: 19px;">video (via a webcam)</span>
          </li>
          <li>
            <span style="font-family: Lato, sans-serif; font-size: 19px;">audio (via a microphone)</span>
          </li>
          <li>
            <span style="font-family: Lato, sans-serif; font-size: 19px;">text (via chat)</span>
          </li>
          <li>
            <span style="font-family: Lato, sans-serif; font-size: 19px;">screen sharing</span>
          </li>
          <li>
            <span style="font-family: Lato, sans-serif; font-size: 19px;">document sharing.</span>
          </li>
        </ul>
        <span style="font-family: Lato, sans-serif; font-size: 19px;">
          <!-- video Panel -->
        </span>
        <div id="panel-10905a67-3cfc-4bf9-89a4-1efab07cce17" class="panel panel-default tq-panel ">
          <div class="panel-heading">
            <span style="font-family: Lato, sans-serif; font-size: 19px;">
              <i aria-hidden="true" class="tqi tqi-video tqi-2x tq-panel-icon pull-left"></i>
            </span>
            <h3 class="panel-title">
              <span style="font-family: Lato, sans-serif; font-size: 19px;">Video</span>
            </h3>
            <div class="clearfix"></div>
          </div>
          <div class="panel-body">
            <p>
              <span style="font-family: Lato, sans-serif; font-size: 19px;">Watch the following video ‘Student introduction to Zoom’</span>
            </p>
            <div class="embed-responsive embed-responsive-16by9">
              <span style="font-family: Lato, sans-serif; font-size: 19px;">
                <iframe aria-label="Student introduction to Zoom" class="embed-responsive-item" src="https://www.youtube.com/embed/NYNDvzr4C_s?wmode=opaque" allowfullscreen=""></iframe>
              </span>
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
        <span style="font-family: Lato, sans-serif; font-size: 19px;">
          <!-- from original page as requested -->
        </span>
        <p>
          <span style="font-family: Lato, sans-serif; font-size: 19px;">Please familiarise yourself with zoom prior to participating in a session by previewing the YouTube <sup>®</sup> clips below. </span>
        </p>
        <span style="font-family: Lato, sans-serif; font-size: 19px;">
          <!-- video Panel -->
        </span>
        <div id="panel-f1681256-ebda-42f0-b90c-5c07379cd152" class="panel panel-default tq-panel ">
          <div class="panel-heading">
            <span style="font-family: Lato, sans-serif; font-size: 19px;">
              <i aria-hidden="true" class="tqi tqi-video tqi-2x tq-panel-icon pull-left"></i>
            </span>
            <h3 class="panel-title">
              <span style="font-family: Lato, sans-serif; font-size: 19px;">Video</span>
            </h3>
            <div class="clearfix"></div>
          </div>
          <div class="panel-body">
            <p>
              <span style="font-family: Lato, sans-serif; font-size: 19px;">Basic computer setup: <a rel="noopener" href="https://youtu.be/hIkCmbvAHQQ" target="_blank">joining a Zoom meeting</a>(1:10). </span>
            </p>
            <div class="embed-responsive embed-responsive-16by9 bottom-buffer">
              <span style="font-family: Lato, sans-serif; font-size: 19px;">
                <iframe title="Join a Zoom Meeting" src="https://www.youtube.com/embed/hIkCmbvAHQQ?wmode=opaque&amp;rel=0" allowfullscreen=""></iframe>
              </span>
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
        <div id="panel-5cb72e3e-079d-45c7-8461-dc4c5768c805" class="panel panel-default tq-panel ">
          <div class="panel-heading">
            <span style="font-family: Lato, sans-serif; font-size: 19px;">
              <i aria-hidden="true" class="tqi tqi-video tqi-2x tq-panel-icon pull-left"></i>
            </span>
            <h3 class="panel-title">
              <span style="font-family: Lato, sans-serif; font-size: 19px;">Video</span>
            </h3>
            <div class="clearfix"></div>
          </div>
          <div class="panel-body">
            <p>
              <span style="font-family: Lato, sans-serif; font-size: 19px;">Device and computer setup: <a rel="noopener" href="https://youtu.be/GEQLjLYhuJQ" target="_blank">Zoom on Smart Phones</a> (4:22). </span>
            </p>
            <div class="embed-responsive embed-responsive-16by9 bottom-buffer">
              <span style="font-family: Lato, sans-serif; font-size: 19px;">
                <iframe title="" src="https://www.youtube.com/embed/GEQLjLYhuJQ?wmode=opaque&amp;rel=0" allowfullscreen=""></iframe>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <p>
    <span style="font-family: Lato, sans-serif; font-size: 19px;">
      <!-- Core js dependencies -->
    </span>
  </p>
  <p>
    <span style="font-family: Lato, sans-serif; font-size: 19px;">
      <script type="text/javascript" src="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/studentOrientation_2021/content/07-Topic_7_Virtual_classes/../../plugins/jquery-bootstrap-bootstrap_accessibility.js?h=1615253718"></script>
      <script>
        $(function() {
          //enabling popovers
          $('[data-toggle="popover"]').popover({
            html: 1
          });
          //enabling tooltips
          $('[data-toggle="tooltip"]').tooltip({
            html: 1
          });
        });
      </script>
      <script type="text/javascript" src="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/studentOrientation_2021/content/07-Topic_7_Virtual_classes/../../plugins/tq-interactivities/tq-interactivities_deps.js?h=1615253723"></script>
      <script type="text/javascript" src="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/studentOrientation_2021/content/07-Topic_7_Virtual_classes/../../plugins/tq-interactivities/tq-interactivities.min.js?h=1615253723"></script>
      <script type="text/javascript" src="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/studentOrientation_2021/content/07-Topic_7_Virtual_classes/../../js/extras-tq.js?h=1618186873"></script>
    </span>
  </p>
</body>
153</html>

Zoom links and recordings

A page intended for Teacher to add zoom meeting links for classes for learners to use.

The Zoom links and recordings page HTML is:

1<html lang="en"><head><link rel="stylesheet" href="https://s.brightspace.com/lib/fonts/0.5.0/fonts.css"></head>
2  <body>
3<p><span style="font-size: 19px; font-family: Lato, sans-serif;">To access a class being held in Zoom, click on the link provided by your teacher. </span></p>
4<p><span style="font-size: 19px; font-family: Lato, sans-serif;">If your Zoom classes are recorded your teacher will provide you with the link to access the recording.</span></p>
5</body></html>

Live Chat

A Chat Room page for teachers to add to.

The Live chat page HTML is:

1<html lang="en"><head>
2    <meta charset="utf-8">
3    <meta http-equiv="X-UA-Compatible" content="IE=edge">
4    <meta name="viewport" content="width=device-width, initial-scale=1">
5    <link rel="stylesheet" href="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/studentOrientation_2021/content/07-Topic_7_Virtual_classes/../../css/bootstrap-bs_accessibility-font_awesome-tq_iconset.css?h=1615253719">
6    <link rel="stylesheet" href="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/studentOrientation_2021/content/07-Topic_7_Virtual_classes/../../plugins/tq-interactivities/tq-interactivities.css?h=1615253723">
7    <link rel="stylesheet" href="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/studentOrientation_2021/content/07-Topic_7_Virtual_classes/../../css/extras-tq.css?h=1618192954">
8    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
9    <!--[if lt IE 9]>
10								<script src="/static/plugins/legacy.js?h=1615253717"></script>
11								<![endif]-->
12    <title>Live chat</title>
13    <link rel="stylesheet" href="https://s.brightspace.com/lib/fonts/0.5.0/fonts.css">
14  </head>
15  <body>
16<div class="container">
17<div class="row">
18<div class="col-md-12"><!-- Start of content block -->
19<p><span style="font-family: Lato, sans-serif; font-size: 19px;">The Connect Live Chat tool is a real-time, text-based collaboration tool.</span></p>
20<p><span style="font-family: Lato, sans-serif; font-size: 19px;">Your teacher may use the Chat tool to brainstorm ideas, hold a question and answer period, have a debate or discussion, or for a remote study group.</span></p>
21<p><span style="font-family: Lato, sans-serif; font-size: 19px;">Live Chat conversations occur in real-time.</span></p>
22<p><span style="font-family: Lato, sans-serif; font-size: 19px;">Live chats are visible to everyone enrolled in the Connect offering where they are created.</span></p>
23<p><span style="font-family: Lato, sans-serif; font-size: 19px;">If your teacher has created a chat room for discussions about your course you will see the link to the chat below. Click on the link to enter the chat room at the scheduled time. <a href="javascript:void(0);" role="button" data-toggle="modal" data-target=".tq-unit-version-modal-sm" title="Version info" tabindex="0"></a></span></p>
24<p><span style="font-family: Lato, sans-serif; font-size: 19px;">Live Chat conversations occur in real-time.</span></p>
25<p><span style="font-family: Lato, sans-serif; font-size: 19px;">Live chats are visible to everyone enrolled in the Connect offering where they are created.</span></p>
26<p><span style="font-family: Lato, sans-serif; font-size: 19px;">If your teacher has created a chat room for discussions about your course you will see the link to the chat below. Click on the link to enter the chat room at the scheduled time.</span></p>
27</div>
28</div>
29</div>
30<!-- Core js dependencies -->
31<p>
32<script type="text/javascript" src="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/studentOrientation_2021/content/07-Topic_7_Virtual_classes/../../plugins/jquery-bootstrap-bootstrap_accessibility.js?h=1615253718"></script>
33<script>
34$(function(){
35    //enabling popovers
36    $('[data-toggle="popover"]').popover({html : 1});
37    //enabling tooltips
38    $('[data-toggle="tooltip"]').tooltip({html : 1});
39});
40</script>
41<script type="text/javascript" src="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/studentOrientation_2021/content/07-Topic_7_Virtual_classes/../../plugins/tq-interactivities/tq-interactivities_deps.js?h=1615253723"></script>
42<script type="text/javascript" src="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/studentOrientation_2021/content/07-Topic_7_Virtual_classes/../../plugins/tq-interactivities/tq-interactivities.min.js?h=1615253723"></script>
43<script type="text/javascript" src="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/studentOrientation_2021/content/07-Topic_7_Virtual_classes/../../js/extras-tq.js?h=1618186873"></script>
44</p>
45</body></html>

Zoom Rooms Sub Module

The Zoom Room submodule houses a page to explain what a Zoom Room is.

The Zoom Rooms page HTML is:

1<p style="text-align: right;"><img src="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/welcome%20zoom%20tafe%20copy.png" alt="" title="" style="max-width: 100%;">Image © TAFE Queensland</p>
2<p>Zoom Rooms located within all TAFE Queensland regions provide a way to interact and deliver lessons to students without having to be in the same physical location.</p>

The What is a Zoom Room page HTML is:

1<html><head>
2<link rel="stylesheet" href="https://s.brightspace.com/lib/fonts/0.5.0/fonts.css"></head>
3<body style="font-family: arial, helvetica, sans-serif;font-size: 1em;">
4<p><span style="font-family: Lato, sans-serif; font-size: 19px;">Zoom Rooms provide a way to interact and deliver lessons to students without having to be in the same physical location.</span></p>
5<p><span style="font-family: Lato, sans-serif; font-size: 19px;">Zoom Rooms are located at all our campuses. In some locations we have more than one Zoom Room to choose from.</span></p>
6<p><span style="font-family: Lato, sans-serif; font-size: 19px;">Zoom Rooms are fitted out with 75"monitors and a Poly Studio X50 video bar which combines quality audio and advanced camera capabilities.</span></p>
7<p><span style="font-family: Lato, sans-serif; font-size: 19px;">The equipment and meeting functionality is all operated from a Poly TC8 touch panel located on the table.</span></p>
8<p><img src="/content/enforced/240601-COURSEHUB_HOMEPAGE_ELS/Poly%20TC8%20Touchpanel.jpg" alt="" title="" style="max-width: 100%;" data-d2l-editor-default-img-style="true"></p>
9<p style="text-align: right; color: #999999; font-size: 0.8em;">Image © TAFE Queensland</p>
10<p><span style="font-family: Lato, sans-serif; font-size: 19px;">Zoom Rooms can be used to deliver to students both within the room and at a Zoom Room at another campus at the same time.</span></p>
11<p><span style="font-family: Lato, sans-serif; font-size: 19px;">Students may also attend from their desktop,&nbsp; laptop or mobile off-campus.</span></p>
12</body></html>