User Tools

Site Tools


training_library

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Next revisionBoth sides next revision
training_library [2018/08/29 16:27] lucytraining_library [2019/04/19 17:02] lucy
Line 1: Line 1:
 ====== Training Library ====== ====== Training Library ======
 +
 +===== Introduction =====
  
 The training library should give employees the opportunity to download their training content from an overview page called "training library". The large selection of regular e-learning templates in LUCY serves as learning input. The overview page can be sorted by certain topics (video, quiz, test etc.). To use the training library, you have to create the references to the other LUCY templates first. The training library should give employees the opportunity to download their training content from an overview page called "training library". The large selection of regular e-learning templates in LUCY serves as learning input. The overview page can be sorted by certain topics (video, quiz, test etc.). To use the training library, you have to create the references to the other LUCY templates first.
 +
 +
 +===== Creating references to courses within the library =====
  
 **Instruction (Items 1-4 should be performed inside the campaign)** **Instruction (Items 1-4 should be performed inside the campaign)**
-1) Go to the template, click the Library button. +  - Go to the template, click the Library button 
-2) Set the checkboxes for the templates that will be used. +  Set the checkboxes for the templates that will be used 
-3) Go to the Content Template, edit the file templates/init.js. The   template   name  in the file "templates/init.js" must match exactly  the  name  of the template on the LUCY server. Otherwise, the template  will not be found. If some template is renamed, then you need to make changes to the file "templates/init.js". +  Go to the Content Template, edit the file templates/init.js. The   template   name  in the file "templates/init.js" must match exactly  the  name  of the template on the LUCY server. Otherwise, the template  will not be found. If some template is renamed, then you need to make changes to the file "templates/init.js" 
-4) If you want to change the images that get displayed in the library overview, you can upload images with a size of 675 x 497 pixels +  If you want to change the images that get displayed in the library overview, you can upload images with a size of 675 x 497 pixels 
-5) Now the template can be used.+  Now the template can be used.
  
  
Line 72: Line 77:
  
 Please note, that these links are not available in CSS and Javascript files. Please note, that these links are not available in CSS and Javascript files.
 +
 +
 +===== Customization of navigation menu =====
 +
 +You can customize the navigation in the training library, for example, add a new entry "Security" to the menu: \\
 +\\
 +1. Go to the Settings menu > Awareness Templates; \\
 +2. Find the template "Awareness Training Library" (install it through the page "Download Templates", if missing) > click on "Edit"; \\
 +3. Within the section "Content Template" click on the "Source Code" button; \\
 +4. Add new line into the section "__nav nav-sidebar__": \\ \\ <code html><li class="li-security"><a class="a-menuitem a-security" href="#">Security</a></li></code> \\ \\ {{ training_library_idx.png?700 }} \\
 +5. Add the following lines of code into the section "__main-grids__": \\
 +<code html>
 +<div class="sect-info security">
 +<h3>Security </h3>
 +</div> 
 +<div class="sect-body security "></div>
 +<div class="clearfix clear-sect security "></div>
 +</code>
 +
 +{{ training_library_body.png?700 }}
 +
 +6. Save the template by clicking "Save" button; \\
 +7. Switch to the file "__static/js/actions.js__" and add the following code: \\
 +<code java>
 +if($(this).hasClass('a-security'))
 +{
 +showSection('security');
 +return false;
 +}
 +</code>
 +
 +{{ training_library_action.png?700 }}
 +
 +8. Save the template. \\
 +9. Switch back to the file "__index.html__" and click on "__Preview__" button to check out the results:
 +
 +
 +{{ training_library_result.png?700 }}
 +
 +
 +===== Tracking which course gets started within the library =====
 +
 +Please add a tracking event into a e-learning course used within the template. To send a LUCY an event that can determine which course was loaded, this function is used:
 +
 +**lucyDispatchEvent(str);**
 +
 +"str" can be any string. Example:
 +
 +**lucyDispatchEvent("Course: This is your course name");** 
 +
 +An  event  can  be  sent at any time. It can be loaded automatically when the user starts the course or you could associate such an event with the click of a button. 
 +
 +**Button example:** 
 +In order to associate an event with a button, you can do this within the HTML code:
 +
 +Button Example 1
 +  <button onclick="lucyDispatchEvent('some string')"> Some button </button>
 +
 +Button Example 2:
 +  <button onclick="buttonfunc()">
 +  Some button
 +  </button>
 +  <script>
 +  function buttonfunc()
 +  {
 +  lucyDispatchEvent('some string');
 +  }
 +  </script>
 +  
 +**Automatic Start Example** (in this example an notification about the course name that gets started is sent automatically to LUCY upon opening of the first page). Please insert this script into the index.html page (can be in header or body. It is important to insert it before the body close tag (/body>).
 +
 +  <script>
 +  $(function () {
 +  lucyDispatchEvent("Course: your_course_name started"); });
 +  </script>
 +
 +jQuery requirements: In most templates, jQuery is already connected.
 +
 +If  a  line  like the examples below is already in the index.html file, then nothing else needs to be done. Look for:
 +
 +  <script src="%static%/jquery-1.11.3.min.js"></script>
 +  
 +or
 +
 +  <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
 +  
 +
 +If you dont have jQuery in the template, you can use those versions:  
 +
 +  * jquery-1.11.3.min.js
 +  * jquery.js 
 +  * jquery-2.4.min.js
 +
 +All those version can be downloaded from here:
 +https://jquery.com/download/
 +
 +
 +**Statistics in Training Library**
 +
 +Statistics of visits and completed quizzes in the Training Library can be found in Campaign>Statistics>Awareness training:
 +
 +{{:train_lib_1.png?600|}}
 +
 +You can check the statistics for all quizzes or for an individual quiz:
 +
 +{{:train_lib_2.png?600|}}
 +
 +{{:train_lib_3.png?600|}}
 +
training_library.txt · Last modified: 2021/10/18 15:16 by lucysecurity