ASQ Highlight question type element.
CSS HTML JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
elements
less
lib
src
test/element
.bowerrc
.gitignore
Gruntfile.js
README.md
asq-highlight-editor.css
asq-highlight-editor.html
asq-highlight-editor.less
asq-highlight.html
bower.json
demo.html
editor.html
index.html
index.js
package.json
server.js

README.md

##What is it? ASQ-Highlight element can be used to to create, deliver and validate highlighting exercises utilizing the Ace editor. It can be used in everything that has to do with languages from Programming exercises to English grammar exercises. It started as a summer project by @margaritaG and has now evolved to an editor with edit, highglight and heatmap capabilities.

##Overview The lifecycle of a highlight question consists of:

  • authoring: Use the highlight editor to create a question with highlighting tasks.Copy the resulting microformat snippet to your presentation and upload it on ASQ.
  • Presentation: During presentation students answer highlight questions while the results can be visualized on the instructors machine with a heatmap.

#Architecture ASQ-Highlight comprises three main components:

  • highlight manager: The manager interfaces with the ace editor API and implements the highlighting functionality.
  • microformat: The definition for the asq-highlight question type that can be plugged into ASQ and interfaces with the highlight manager.
  • editor: Used to create highlight questions, also interfaces with the highlgiht manager.

##Developer Run the main grunttask to get started:

> cd asq-microformat
> npm install
> grunt

The default task builds dust templates, less stylesheets and javascript and will watch for any changes in these source files rebuilding them as necessary.

##Editor To run the highlight editor locally:

> cd asq-microformat
> npm install
> cd ./editor
> node server.js