E-learning Js 0.1

About the library

E-learning library was created with the promise to help to create activities for e-learning courses that can return data about score and time, and improve the experience of evaluation from the virtuality of the class room. It will be based on a standard called SCORM that allow us set data easily on e-learning platform like Blackboard and Moodle.

Actually you can feel free to download the first version from the repository (github.com/cunigarro/e-learning-js) and join to this project.

This library is actually on an alpha version. My first steps will be create new activities based on my experience on the creation of e-learning courses and improve javascript to next develop the relation with SCORM standard.

You can see demo here: cunigarro.github.io/e-learning-js

How to use

Copy e-learning_activities_0.1.js on your project with the next dependencies:

• Modernizr: modernizr-2.6.2.min.js
• jQuery: jquery-1.10.1.min.js
• jQuery UI: jquery-ui-1.10.3.custom.min.js
• jQuery UI Touch Punch: jquery.ui.touch-punch.min.js

You can use the next set of activities:

1. Multiple choice

2. Select

3. Drag and drop

4. Multiple unique answer

5. Multiples answers

6. False and True

7. Drag and drop images

8. Accordion select

1. Multiple choice

Call this function and set params:

create_multiple_choice (
$activityWrapper,
$evalButton, 
$resetButton,
$showAnswersButton,
{
       'question_1': [‘correct_answer_1’, ‘correct_answer_2’, ‘‘correct_answer_3’],
       'question_2': [‘correct_answer_1’, ‘correct_answer_2’, ‘‘correct_answer_3’],
       'question_3': [‘correct_answer_1’, ‘correct_answer_2’, ‘‘correct_answer_3’],
});

2. Select

Call this function and set params:

create_select (
$activityWrapper,
$evalButton, 
$resetButton,
$showAnswersButton,
{
       'question_1': 1, /* number of correct answer */
       'question_2': 2,
       'question_3': 3
});

3. Drag and drop

Call this function and set params:

create_drag_drop (
$activityWrapper,
$evalButton, 
$resetButton,
$showAnswersButton,
{
       'question_1': 1, /* number of correct answer */
       'question_2': 2,
       'question_3': 3
});

4. Multiple unique answer

Call this function and set params:

create_multiple_unique_asnwers (
$activityWrapper,
$evalButton, 
$resetButton,
$showAnswersButton,
{
       'question_1': ‘option_1’, /* number of correct answer */
       'question_2': ‘option_2’,
       'question_3': ‘option_3’
});

5. Multiples answers

Call this function and set params:

create_multiple_asnwers (
$activityWrapper,
$evalButton, 
$resetButton,
$showAnswersButton,
{
       'question_1': {'option_1': true, 'option_2': true, 'option_3': true}, /* number of options and correct answer */
       'question_2': {'option_1': false, 'option_2': false, 'option_3': true},
       'question_3': {'option_1': true, 'option_2': false , 'option_3': true},
});

6. False and True

Call this function and set params:

create_false_true (
$activityWrapper,
$evalButton, 
$resetButton,
$showAnswersButton,
{
       'question_1': ‘option_1’, /* name of correct answer */
       'question_2': ‘option_2’,
       'question_3': ‘option_1’,
});

7. Drag and drop images

Call this function and set params:

create_drag_drop_images (
$activityWrapper,
$evalButton, 
$resetButton,
$showAnswersButton,
{
            'question_1': 7, /* number of correct answer */
            'question_2': 2,
         'question_3': 3
});

8. Accordion select

Call this function and set params:

create_accordion_select (
$activityWrapper,
$evalButton, 
$resetButton,
$showAnswersButton,
            {
       'question_1': 5, /* number of correct answer */
       'question_2': 1,
       'question_3': 6
   },
   {
       1: 'récord', /* options and number */
       2: 'ping-pong',
       3: 'jardín',
       4: 'manos',
       5: 'sol',
       6: 'puertas',
       7: 'mes'
   });

Next releases

Release 0.1.1 - alpha 1 (March 15 - 2018)

• Change jquery by vanilla javascript based on ECMAScript 2015, to not depend from external libraries.
• Add documentation for how to use library.

Release 0.1.2 - alpha 1 (April 15 - 2018)

• Improve code to make implementation easy, with only two files: css (e-learning_activities.min.css) and js (e-learning_activities.min.js).
• Implement bundle tool like webpack to generate css and js files optimized.
• Join to npm project to let download the library from Node Package Manager.

Release 0.1.3 - alpha 1 (August 15 - 2018)

• New activities

  • Crossword:
    

  • Concentrate:
    

  • Matchpoint:
    

  • Wordsearch:
    

---

Posted on Utopian.io - Rewarding Open Source Contributors

---