') );
43 |
44 | button.click( function() {
45 | $('#p5-canvas',element).remove();
46 | element.append( $('
') );
47 | $('#p5-canvas',element).css( 'width', '750px' );
48 | $('#p5-canvas',element).css( 'height', '500px' );
49 |
50 | $('#p5-canvas').hover(function() {
51 | console.log('DISABLE');
52 | $(document).keydown(function(e) {
53 | var key = e.which;
54 | if(key==35 || key == 36 || key == 37 || key == 39) {
55 | e.preventDefault();
56 | return false;
57 | }
58 | return true;
59 | });
60 | }, function() {
61 | //$("body").css("overflow","auto");
62 | });
63 |
64 | var prefix = 'for(var k in p) { window[k]=p[k]; if (window[k] && window[k].bind) window[k] = window[k].bind(p); } ; var width = 750; var height = 500;';
65 | var sneaky = Function('p', prefix + myCodeMirror.getValue() );
66 | window.sketch = sneaky;
67 | new window.p5(sneaky, 'p5-canvas');
68 | });
69 |
70 | return;
71 | };
72 |
73 | $.fn.extend({
74 | coding: function() {
75 | return this.each( createCoding );
76 | }
77 | });
78 |
79 |
--------------------------------------------------------------------------------
/routes/instructors.js:
--------------------------------------------------------------------------------
1 | var mdb = require('../mdb');
2 | var async = require('async');
3 | var config = require('../config');
4 |
5 | exports.index = function(req, res, next) {
6 | var activity = req.activity;
7 |
8 | if (activity.kind != 'xourse') {
9 | next('Only xourses have instructors.');
10 | return;
11 | }
12 |
13 | var xourse = activity;
14 | xourse.path = req.activity.path;
15 | if (xourse.path) {
16 | xourse.path = xourse.path.replace(/\.html$/,'')
17 | }
18 | xourse.hash = req.activity.hash;
19 |
20 | var instructorBridges = [];
21 |
22 | async.waterfall([
23 | function(callback) {
24 | mdb.LtiBridge.find( {user: req.user._id,
25 | repository: req.repositoryName,
26 | path: xourse.path},
27 | callback);
28 | },
29 | function(bridges, callback) {
30 | callback( null, bridges.map( function(b) { return b.contextId; } ) );
31 | },
32 | function(contexts, callback) {
33 | var instructorRoles = ['Instructor', 'TeachingAssistant', 'urn:lti:role:ims/lis/TeachingAssistant', 'urn:lti:role:ims/lis/Instructor'];
34 | mdb.LtiBridge.find( {roles: { $elemMatch: { $in: instructorRoles } },
35 | contextId: {$in: contexts},
36 | repository: req.repositoryName,
37 | path: xourse.path},
38 | callback );
39 | },
40 | function(bridges, callback) {
41 | instructorBridges = bridges;
42 | callback( null, bridges.map( function(b) { return b.user; } ) );
43 | },
44 | function(instructorIds, callback) {
45 | mdb.User.find( {_id: { $in: instructorIds } }, callback );
46 | }
47 | ], function (err, instructors) {
48 | if (err)
49 | next(err);
50 | else {
51 | instructors.forEach( function(i) {
52 | instructorBridges.forEach( function(b) {
53 | if (b.user.toString() == i._id.toString()) {
54 | i.bridge = b;
55 | }
56 | });
57 | });
58 |
59 | var body = "Dear professor,\n\n";
60 | if (req.headers.referer)
61 | body = body + "I am having trouble with " + req.headers.referer + "\n\n";
62 | body = body + "\n\nSincerely,\n" + req.user.name;
63 | body = body.replace(/\n/g,'%0D%0A');
64 | body = body.replace(config.root, config.root + '/users/' + req.user._id );
65 |
66 | var subject = 'Help with ' + xourse.title;
67 | subject = subject.replace(/ +/g, ' ');
68 |
69 | res.render('instructors', {
70 | xourse: xourse,
71 | instructors: instructors,
72 | subject: subject,
73 | body: body,
74 | repositoryName: req.repositoryName
75 | } );
76 | }
77 | });
78 | };
79 |
--------------------------------------------------------------------------------
/public/javascripts/index.js:
--------------------------------------------------------------------------------
1 | $(function() {
2 | var callout = $("#myCarousel");
3 |
4 | callout.css('background','black');
5 |
6 | callout.children().css('z-index',50);
7 |
8 | for (var i = 0; i < 30; i++) {
9 | callout.append('
X
');
10 | }
11 |
12 | callout.css('overflow', 'hidden');
13 |
14 | $( '.eks' ).each(function( index ) {
15 |
16 | function start( element ) {
17 | var width = callout.width();
18 | var height = callout.outerHeight();
19 |
20 | $(element).css({
21 | position: 'absolute',
22 | color: 'white',
23 | fontSize: 200 + 0.5 * Math.random() * height,
24 | fontWeight: 800,
25 | opacity: 0.15 + 0.10 * Math.random(),
26 | zIndex: 10,
27 | '-webkit-user-select': 'none',
28 | '-moz-user-select': 'none',
29 | '-ms-user-select': 'none',
30 | 'user-select': 'none',
31 | '-o-user-select': 'none'
32 | });
33 |
34 | var eksWidth = $(element).width();
35 | var eksHeight = $(element).outerHeight();
36 |
37 | var left = 0;
38 | var top = 0;
39 | var finishLeft = 0;
40 | var finishTop = 0;
41 |
42 | if (Math.random() > 0.5) {
43 | top = Math.random() * height;
44 | finishTop = Math.random() * height;
45 |
46 | if (Math.random() > 0.5) {
47 | left = -eksWidth;
48 | finishLeft = width;
49 | } else {
50 | left = width;
51 | finishLeft = -eksWidth;
52 | }
53 | } else {
54 | left = Math.random() * width;
55 | finishLeft = Math.random() * width;
56 |
57 | if (Math.random() > 0.5) {
58 | top = -eksHeight;
59 | finishTop = height;
60 | } else {
61 | top = height;
62 | finishTop = -eksHeight;
63 | }
64 | }
65 |
66 | if ($(element).attr('data-repeated')) {
67 | $(element).css({
68 | left : left,
69 | top : top
70 | });
71 | } else {
72 | $(element).css({
73 | left : Math.random() * width,
74 | top : Math.random() * height
75 | });
76 |
77 | $(element).attr('data-repeated', true );
78 | }
79 |
80 |
81 | $(element).transition({ left: finishLeft,
82 | top: finishTop
83 | },
84 | 10000 + 50000 * Math.random(),
85 | function() {
86 | start(this);
87 | }
88 | /*
89 | { duration: 20000 + 30000 * Math.random(),
90 | easing: 'linear',
91 | done: function() {
92 | start(this);
93 | }*/
94 | );
95 | }
96 |
97 | start(this);
98 |
99 | });
100 | });
101 |
--------------------------------------------------------------------------------
/summarize/read-lrs.js:
--------------------------------------------------------------------------------
1 | var fs = require("fs");
2 | var snappy = require('snappy');
3 | var async = require('async');
4 | var buffer24 = require("buffer24");
5 | var uint32 = require('uint32');
6 | var crc32 = require('fast-crc32c');
7 |
8 | function processLearningRecords( filename, position, loop, callback ) {
9 | fs.open(filename, fs.constants.O_RDONLY, function(err, fd) {
10 | if (err) {
11 | callback(err);
12 | } else {
13 | async.forever(
14 | function(next) {
15 | var headerBuffer = Buffer.alloc(4);
16 | fs.read( fd, headerBuffer, 0, 4, position, function(err, bytesRead, lengthBuffer) {
17 | if (err) {
18 | next(err);
19 | } else {
20 | if (bytesRead != 4) {
21 | next('end of file');
22 | } else {
23 | var kind = headerBuffer.readUInt8(0);
24 | var length = lengthBuffer.readUInt24LE(1);
25 | var buffer = Buffer.alloc(length);
26 |
27 | fs.read( fd, buffer, 0, length, position + 4, function(err, bytesRead, buffer) {
28 | position = position + 4 + length;
29 | if (err) {
30 | next(err);
31 | } else {
32 | if (bytesRead != length) {
33 | next('end of file');
34 | } else {
35 | if (kind != 0) {
36 | next(null);
37 | } else {
38 | snappy.uncompress(buffer.slice(4), { asBuffer: false }, function (err, original) {
39 | if (err) {
40 | next(err);
41 | } else {
42 | var checksum = crc32.calculate(original, 0);
43 | var maskedChecksum = uint32.addMod32( uint32.rotateRight(checksum, 15), 0xa282ead8 );
44 | var recordedChecksum = buffer.readUInt32LE(0);
45 | if (maskedChecksum != recordedChecksum) {
46 | next('incorrect checksum');
47 | } else {
48 | // should also send file offset
49 | loop( JSON.parse(original),
50 | next );
51 | }
52 | }
53 | });
54 | }
55 | }
56 | }
57 | });
58 | }
59 | }
60 | });
61 | },
62 | function(err) {
63 | if (err == 'end of file')
64 | callback(null, position);
65 | else
66 | callback(err, position);
67 | });
68 | }
69 | });
70 | }
71 |
72 | exports.read = processLearningRecords;
73 |
74 | /*
75 | processLearningRecords( "repositories/sample.git/learning-record-store", 0,
76 | function( entry, callback ) {
77 | console.log(entry);
78 | callback(null);
79 | },
80 | function(err, position) {
81 | if (err) {
82 | console.log(err);
83 | } else {
84 | console.log("done at", position);
85 | }
86 | });
87 | */
88 |
--------------------------------------------------------------------------------
/map-reduce/map-reduce-incremental.js:
--------------------------------------------------------------------------------
1 | var mongo = new Mongo();
2 | var db = mongo.getDB("test");
3 |
4 | var mapResponse = function() {
5 | var url = this.object.id.split('/');
6 | var hash = url[4];
7 | var problem = url[6];
8 | var answer = url[8];
9 |
10 | var result = {};
11 | result[problem] = {};
12 | result[problem][answer] = {};
13 |
14 | var response = this.result.response;
15 |
16 | if (typeof response == 'string')
17 | response = response.replace(/\0/g, '' );
18 |
19 | if (Array.isArray(response)) {
20 | response.forEach( function(r) {
21 | result[problem][answer][r] = 1;
22 | });
23 | } else {
24 | result[problem][answer][response] = 1;
25 | }
26 |
27 | emit(hash, result);
28 | };
29 |
30 | var mapSuccess = function() {
31 | var url = this.object.id.split('/');
32 | var hash = url[4];
33 | var problem = url[6];
34 | var answer = url[8];
35 |
36 | var result = {};
37 | result[problem] = {};
38 | result[problem][answer] = {};
39 |
40 | var success = this.result.success;
41 |
42 | result[problem][answer][success] = 1;
43 |
44 | emit(hash, result);
45 | };
46 |
47 |
48 | var reduce = function(key, values) {
49 | var result = {};
50 |
51 | values.forEach( function(v) {
52 |
53 | Object.keys(v).forEach( function(problem) {
54 | if (!(result[problem]))
55 | result[problem] = {};
56 |
57 | Object.keys(v[problem]).forEach( function(answer) {
58 | if (!(result[problem][answer]))
59 | result[problem][answer] = {};
60 |
61 | Object.keys(v[problem][answer]).forEach( function(response) {
62 | if (!(result[problem][answer][response]))
63 | result[problem][answer][response] = 0;
64 |
65 | result[problem][answer][response] += v[problem][answer][response];
66 | });
67 | });
68 | });
69 | });
70 |
71 | return result;
72 | };
73 |
74 | var x = db.ServerEvent.find( { event: "MapReduce" } ).sort( { timestamp: -1 } ).limit(1);
75 | var lastReduce = x[0].timestamp;
76 |
77 | db.learningrecords.mapReduce( mapResponse, reduce,
78 | { out: { reduce: "answers" },
79 | query: { verbId: "http://adlnet.gov/expapi/verbs/answered",
80 | stored: { $gt: lastReduce }
81 | }
82 | });
83 |
84 | db.learningrecords.mapReduce( mapSuccess, reduce,
85 | { out: { reduce: "successes" },
86 | query: { verbId: "http://adlnet.gov/expapi/verbs/answered",
87 | stored: { $gt: lastReduce }
88 | }
89 | });
90 |
91 | // I suppose I might miss some -- oh well!
92 | db.ServerEvent.insert( { event: "MapReduce", description: "Incremental MapReduce", timestamp: new ISODate() } );
93 |
--------------------------------------------------------------------------------
/public/javascripts/activity.js:
--------------------------------------------------------------------------------
1 | var $ = require('jquery');
2 | var _ = require('underscore');
3 | var MathJax = require('mathjax');
4 | var TinCan = require('./tincan');
5 | var ProgressBar = require('./progress-bar');
6 |
7 | var activityCard = require('./activity-card');
8 | var problem = require('./problem');
9 | var mathAnswer = require('./math-answer');
10 | var multipleChoice = require('./multiple-choice');
11 | var selectAll = require('./select-all');
12 | var wordChoice = require('./word-choice');
13 | var hint = require('./hint');
14 | var foldable = require('./foldable');
15 | var youtube = require('./youtube');
16 |
17 | var freeResponse = require('./free-response');
18 | var coding = require('./coding');
19 | var shuffle = require('./shuffle');
20 | var feedback = require('./feedback');
21 | var validator = require('./validator');
22 | var javascript = require('./javascript');
23 |
24 | var connectInteractives = require('./interactives').connectInteractives;
25 |
26 | var database = require('./database');
27 |
28 | var annotator = require('./annotator');
29 |
30 | var createActivity = function() {
31 | var activity = $(this);
32 |
33 | //$('.activity-body', this).annotator();
34 |
35 | activity.fetchData( function() {
36 | activity.persistentData( function() {
37 | if (!(activity.persistentData( 'experienced' ))) {
38 | TinCan.experience(activity);
39 | activity.persistentData( 'experienced', true );
40 | }
41 | });
42 |
43 | ProgressBar.monitorActivity( activity );
44 |
45 | $(".problem-environment", activity).problemEnvironment();
46 | $(".multiple-choice", activity).multipleChoice();
47 | $(".select-all", activity).selectAll();
48 | $(".word-choice", activity).wordChoice();
49 | $(".hint", activity).hint();
50 | $(".foldable", activity).foldable();
51 | $(".free-response", activity).freeResponse();
52 | $(".javascript-code", activity).coding();
53 |
54 | $(".shuffle", activity).shuffle();
55 | $(".feedback", activity).feedback();
56 | $(".validator", activity).validator();
57 | $(".inline-javascript", activity).javascript();
58 | $('.youtube-player', activity).youtube();
59 |
60 | connectInteractives();
61 |
62 | $('.activity-card').activityCard();
63 | });
64 | };
65 |
66 | $.fn.extend({
67 | activity: function() {
68 | return this.each( createActivity );
69 | },
70 |
71 | recordCompletion: function(proportionComplete) {
72 | var hash = $(this).activityHash();
73 |
74 | if (hash != undefined) {
75 | var repositoryName = $(this).repositoryName();
76 | var activityPath = $(this).activityPath();
77 |
78 | database.setCompletion( repositoryName, activityPath, proportionComplete );
79 | }
80 |
81 | return;
82 | }
83 | });
84 |
85 |
--------------------------------------------------------------------------------
/blog/cpc.markdown:
--------------------------------------------------------------------------------
1 | {{{
2 | "title" : "MOOCulus at the Coursera Partners Conference",
3 | "tags" : [ "calculus one" ],
4 | "category" : "calculus one",
5 | "date" : "5-3-2013",
6 | "author" : "Bart Snapp"
7 | }}}
8 |
9 |
10 |
11 | I've just returned from the Coursera Partners conference. This was a
12 | chance for people who are teaching massive open online courses (MOOCs)
13 | and those who are interested in these things to get together and
14 | share/learn/collaborate. I got to meet up with my old teacher,
15 | friend, and competitor Rob Ghrist.
16 |
17 |
18 |
19 |
20 | You see, Jim Fowler, Steve Gubkin, a few others, and I at OSU have been
21 | running a Calculus One MOOC that we call "MOOCulus." Rob Ghrist is
22 | doing something similar at the University of Pennsylvania, though his
23 | MOOC doesn't have a funny little name. Ok, I suppose it
24 | does—since he is basically teaching out of his beautiful book,
25 | titled "Funny Little Calculus Text."
26 |
27 | Despite the fact that we are now technically in direct competition,
28 | since we are both teaching calculus MOOCs, I don’t think we really
29 | view ourselves as competitors—rather we see each other as vanguards,
30 | cheering at each other’s successes. After talking to the people at the
31 | conference, I think most (if not all) of us honestly see the MOOC
32 | phenomenon as something of a “force of nature” and rather than fight
33 | the current of these murky waters, we choose to learn to surf the
34 | waves.
35 |
36 | We face many obstacles on our way. One is that we as academics are
37 | unsure what our roles as teachers would be in a post-MOOC society. I'm
38 | an optimist. I see MOOCs as a way to enhance education. The practice,
39 | rote procedures, and tedium of skills one needs can be pushed off on
40 | to the MOOC. At this point the teacher can get to the good stuff such
41 | as critical thinking and creativity—things that belong in all
42 | courses including calculus.
43 |
44 | Another obstacle we face is that of longevity. Technology changes at
45 | an essentially incomprehensible rate. How do you produce courseware
46 | that will last 5 years? Several solutions were discussed at the
47 | conference, here is what we've adopted:
48 |
49 | 1. Use formats that are "here to stay"
50 | 2. Produce content as efficiently as possible.
51 |
52 | I’ll address these in turn. To start, formats that are "here to stay"
53 | are those such as the Wiki markup, LaTeX, and basic XML. These are all
54 | markup languages, whose content if needed could be converted (and
55 | enhanced!) to a future format without trouble.
56 |
57 | Second, we try to be as efficient as possible when making video
58 | content. Jim Fowler has been a pioneer in this respect, developing the
59 | "AutoCutter" software that reduces time consuming video editing to a
60 | few key strokes.
61 |
62 | One thing is certain to me—MOOCs are the future. I am encouraged that
63 | with courses like MOOCulus OSU is at the forefront of this revolution.
--------------------------------------------------------------------------------
/test/routes/user.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var sessionFactory = require('supertest-session');
4 | var app = require('../../app').app;
5 | var should = require('should');
6 | var faker = require('faker');
7 | var assert = require('assert');
8 | var validator = require('validator');
9 |
10 | var session = null;
11 | var otherSession = null;
12 |
13 | before(function () {
14 | session = sessionFactory(app);
15 | otherSession = sessionFactory(app);
16 | });
17 |
18 | describe('the current user', function () {
19 | var user = {};
20 |
21 | before(function(done){
22 | session
23 | .get('/users/me')
24 | .set('Accept', 'application/json')
25 | .expect(200, function(err, res) {
26 | user = res.body;
27 | done();
28 | });
29 | });
30 |
31 | it('should include an id', function () {
32 | user.should.have.property('_id');
33 | });
34 |
35 | it('is available at /users/:id', function (done) {
36 | session
37 | .get('/users/' + user['_id'])
38 | .expect(200, done);
39 | });
40 |
41 | // These are really integration tests, so fuzz testing is
42 | // acceptable
43 |
44 | var updatedData = {
45 | email: faker.internet.email(),
46 | birthday: faker.date.past(),
47 | website: faker.internet.url(),
48 | biography: faker.lorem.text(),
49 | displayName: faker.name.firstName()
50 | };
51 |
52 | it('can be updated at /users/:id', function (done) {
53 | session
54 | .post('/users/' + user['_id'])
55 | .send(updatedData)
56 | .expect(200, done);
57 | });
58 |
59 | it('can not be updated at by another person', function (done) {
60 | otherSession
61 | .post('/users/' + user['_id'])
62 | .send(updatedData)
63 | .expect(403, done);
64 | });
65 |
66 | it('can be retrieved a second time', function (done) {
67 | session
68 | .get('/users/me')
69 | .set('Accept', 'application/json')
70 | .expect(200, function(err, res) {
71 | user = res.body;
72 | done();
73 | });
74 | });
75 |
76 | it('should include new email', function () {
77 | user.should.have.property('email');
78 | validator.normalizeEmail(user.email).should.equal( validator.normalizeEmail(updatedData.email) );
79 | });
80 |
81 | it('should include new birthday', function () {
82 | user.should.have.property('birthday');
83 | assert.deepEqual( validator.toDate(user.birthday), validator.toDate(updatedData.birthday) );
84 | });
85 |
86 | it('should include new website', function () {
87 | user.should.have.property('website');
88 | user.website.should.equal( updatedData.website );
89 | });
90 |
91 | it('should include new biography', function () {
92 | user.should.have.property('biography');
93 | user.biography.should.equal( updatedData.biography );
94 | });
95 |
96 | it('should include new display name', function () {
97 | user.should.have.property('displayName');
98 | user.displayName.should.equal( updatedData.displayName );
99 | });
100 | });
101 |
--------------------------------------------------------------------------------
/views/layouts/footer/index.pug:
--------------------------------------------------------------------------------
1 | footer.bg-inverse.text-white
2 | .container
3 | .row
4 | if (!atColoradoState)
5 | .col-md-3.hidden-sm-down
6 | h5
7 | a(href="/mooculus/") Courses
8 | ul
9 | a(href="/mooculus/calculus1") Calculus One
10 | a(href="/mooculus/calculus2") Calculus Two
11 | a(href="/mooculus/calculus3") Calculus Three
12 | .col-md-3
13 | h5.hidden-sm-down
14 | a(href="/about/overview") About
15 | ul
16 | a(href="/about/faq") FAQ
17 | a(href="/about/team") Development Team
18 | a(href="/about/workshop") Workshop
19 | a(href='/about/contact') Contact Us
20 | i.fa.fa-envelope
21 | .col-md-3.hidden-sm-down
22 | h5 Social
23 | ul
24 | a(href='http://www.facebook.com/sharer.php?u=' + absoluteUrl)
25 | | Facebook
26 | i.fa.fa-facebook
27 | a(href='http://twitter.com/intent/tweet?status=' + absoluteUrl + ' @XimeraProject')
28 | | Twitter
29 | i.fa.fa-twitter
30 | a(href='https://plus.google.com/share?url=' + absoluteUrl)
31 | | Google Plus
32 | i.fa.fa-google-plus
33 | a(href='https://github.com/kisonecat/ximera')
34 | | GitHub
35 | i.fa.fa-github-alt
36 |
37 | .col-md-3.address.hidden-sm-down
38 | p
39 | | Built at
The Ohio State UniversityOSU with
support from NSF Grant DUE-1245433,
the Shuttleworth Foundation,
the Department of Mathematics, and
the Affordable Learning ExchangeALX.
40 | .row
41 | .col-md-12.osu
42 | if (atColoradoState)
43 | img.hidden-sm-down(src=versionPath("/public/images/colorado-state/logo.png"))
44 | else
45 | img.hidden-sm-down(src=versionPath("/public/images/osu/osu-web-footer-wordmark-rev.png"))
46 | p
47 | | © 2013–#{new Date().getFullYear()}, The Ohio State University
— Ximera team
48 | p.hidden-xs-down
49 | | 100 Math Tower, 231 West 18th Avenue, Columbus OH, 43210–1174
50 | p.hidden-xs-down
51 | | Phone: (773) 809–5659 |
52 | a(href='/about/contact') Contact
53 | p
54 | | If you have trouble accessing this page and need to request an alternate format, contact
ximera@math.osu.edu.
55 |
--------------------------------------------------------------------------------
/blog/bigdata.markdown:
--------------------------------------------------------------------------------
1 | {{{
2 | "title" : "Why Data?",
3 | "tags" : [ "calculus one" ],
4 | "category" : "calculus one",
5 | "date" : "4-16-2013",
6 | "author" : "Jim Fowler"
7 | }}}
8 |
9 | Data turned medicine from anecdotes into science; data has the same
10 | effect on education. But gathering data is much too expensive! If
11 | only there were some way to produce activity logs for each student,
12 | without the awkward overhead of moving students into [Bentham's
13 | Panopticon](http://en.wikipedia.org/wiki/Panopticon).
14 |
15 | But there is a way! Instead of an in-person course, use a massive
16 | open online course (a
MOOC). Once the student experience is online,
17 | the student experience can be logged, so
MOOCs provide tons of free
18 | data on exactly how students are using the educational resources we
19 | provide. **Online isn't the point: data is the point.**
20 |
21 |
22 |
23 | Big data pays off right away. Because the courses are massive
24 | (Calculus One had 35k enrollments), there's enough data to see trends.
25 | A wrong answer caused by a misconception in one percent of my students
26 | might go unnoticed when I only teach a couple hundred students, but
27 | when a few hundred
MOOC students submit the same wrong answer, we take
28 | notice, and we can program our quizzes to address the misconception
29 | for future students.
30 |
31 | Big data also pays off in the long run.
MOOCs are real-time (this is
32 | not the Postal Service) and interactive (this is not watching TV), yet
33 | much of that real-time interactivity arises from (or, at least, is
34 | stored in) a fixed form, namely posts in the forums, the lecture
35 | videos we made, the textbook we wrote, and the exercises (which are
36 | really just computer programs) we designed. A fixed form makes
37 | iterative development possible.
38 |
39 | How so? When I teach an in-person course for the second time, each
40 | lecture is a new reading from improved notes; when a
MOOC runs a
41 | second time, we can re-use the pieces that worked and fix the parts
42 | that didn't. Data tells us precisely where improvement is needed.
43 |
44 | Unfortunately, I often hear that it'll be so much easier to run
45 | Calculus One for the second time, now that I have the videos recorded;
46 | and yes, yes, the second run will be easier in significant ways, but
47 | serious iterative development is seriously expensive enough that I
48 | doubt
MOOCs will save money---what
MOOCs will save is education.
49 | We'll know exactly which paragraphs students are turning to in the
50 | textbook when they're struggling with a particular homework problem;
51 | we'll know exactly when students pause the lecture; we'll know exactly
52 | which instructors communicate most effectively with students to
53 | improve outcomes. In ten years time, with that feedback mechanism in
54 | place, the most effective learning experiences will be found online.
55 |
--------------------------------------------------------------------------------
/views/modals/guppymath.pug:
--------------------------------------------------------------------------------
1 | .modal.fade#guppymathModal(tabindex="-1",role="dialog",aria-labelledby="guppyModal")
2 | .modal-dialog(role="document")
3 | .modal-content
4 | .modal-header
5 | h5(class="modal-title",id="guppyModal") Mathematical Expression Editor
6 | button.close(type="button",data-dismiss="modal",aria-label="Close")
7 | span(aria-hidden="true") ×
8 | .modal-body
9 | .btn-toolbar.mb-2(role="math palette",aria-label="Palette of mathematical symbols")
10 | .btn-group.mr-2(role="group",aria-label="Operations")
11 | button.btn.btn-secondary#guppy-plus(type="button") +
12 | button.btn.btn-secondary#guppy-minus(type="button") –
13 | button.btn.btn-secondary#guppy-times(type="button") ×
14 | button.btn.btn-secondary#guppy-slash(type="button") ÷
15 | button.btn.btn-secondary#guppy-exp(type="button")
xⁿ
16 | .btn-group.mr-2(role="group",aria-label="Radiacls")
17 | button.btn.btn-secondary#guppy-sqrt(type="button") √
18 | button.btn.btn-secondary#guppy-root(type="button") ⁿ√
19 | .btn-group.mr-2(role="group",aria-label="Greek letters")
20 | button.btn.btn-secondary#guppy-pi(type="button") π
21 | button.btn.btn-secondary#guppy-theta(type="button") θ
22 | button.btn.btn-secondary#guppy-phi(type="button") φ
23 | button.btn.btn-secondary#guppy-rho(type="button") ρ
24 | .btn-group.mr-2(role="group",aria-label="Delimiters")
25 | button.btn.btn-secondary#guppy-paren(type="button") ( )
26 | button.btn.btn-secondary#guppy-abs(type="button") | |
27 | .btn-toolbar.mb-2(role="math palette",aria-label="Palette of mathematical symbols")
28 | .btn-group.mr-2(role="group",aria-label="trig functions")
29 | button.btn.btn-secondary#guppy-sin(type="button") sin
30 | button.btn.btn-secondary#guppy-cos(type="button") cos
31 | button.btn.btn-secondary#guppy-tan(type="button") tan
32 | .btn-group.mr-2(role="group",aria-label="inverse trig functions")
33 | button.btn.btn-secondary#guppy-arcsin(type="button") arcsin
34 | button.btn.btn-secondary#guppy-arccos(type="button") arccos
35 | button.btn.btn-secondary#guppy-arctan(type="button") arctan
36 | .btn-group.mr-2(role="group",aria-label="logarithms and exponentials")
37 | button.btn.btn-secondary#guppy-etothe(type="button")
eˣ
38 | button.btn.btn-secondary#guppy-ln(type="button") ln
39 | button.btn.btn-secondary#guppy-log(type="button") log
40 | div#guppy(style="width:100%;height:100pt;")
41 | div#guppy-error
42 | .modal-footer
43 | button.btn.btn-danger(type="button",data-dismiss="modal")
44 | |
Cancel
45 | button.btn.btn-primary#guppy-save-button(type="button")
46 | |
OK
47 |
--------------------------------------------------------------------------------
/public/javascripts/math-palette.js:
--------------------------------------------------------------------------------
1 | var $ = require('jquery');
2 |
3 | // https://github.com/daniel3735928559/guppy
4 | var Guppy = require('guppy-dev/src/guppy.js');
5 |
6 | var Expression = require('math-expressions');
7 | var guppyDiv = undefined;
8 | var callback = undefined;
9 |
10 | $(function() {
11 | if ($("#guppy").length > 0) {
12 | Guppy.init({"path":"/lib/guppy",
13 | "symbols":"/public/json/symbols.json"
14 | });
15 |
16 | guppyDiv = new Guppy("guppy", {
17 | settings: {
18 | "buttons": []
19 | },
20 | "events":{
21 | 'done': function(event) {
22 | var input = guppyDiv.engine.get_content('latex');
23 | try {
24 | var output = Expression.fromLatex( input
25 | .replace(/\\dfrac/g,'\\frac')
26 | .replace(/\\cdot/g, ' ')
27 | ).toString();
28 | $('#guppymathModal').modal('hide');
29 |
30 | callback( null, output );
31 | } catch (err) {
32 | $('#guppy-error').text(err);
33 | }
34 | }
35 | }
36 | });
37 |
38 | function symbolizer( id, sym ) {
39 | $('#guppy-' + id).mousedown( function(event) {
40 | guppyDiv.engine.insert_symbol(sym);
41 | event.stopImmediatePropagation();
42 | document.getElementById("guppy").focus();
43 | } );
44 | }
45 |
46 | function stringizer( id, str ) {
47 | $('#guppy-' + id).mousedown( function(event) {
48 | guppyDiv.engine.insert_string(str);
49 | event.stopImmediatePropagation();
50 | document.getElementById("guppy").focus();
51 | } );
52 | }
53 |
54 | symbolizer( 'pi', 'pi' );
55 | symbolizer( 'theta', 'theta' );
56 | symbolizer( 'phi', 'phi' );
57 | symbolizer( 'rho', 'rho' );
58 |
59 | symbolizer( 'sqrt', 'sqrt' );
60 | symbolizer( 'root', 'root' );
61 | stringizer( 'times', '*' );
62 | stringizer( 'plus', '+' );
63 | stringizer( 'minus', '-' );
64 | symbolizer( 'slash', 'slash' );
65 | symbolizer( 'paren', 'paren' );
66 | symbolizer( 'abs', 'abs' );
67 | symbolizer( 'exp', 'exp' );
68 |
69 | stringizer( 'sin', 'sin' );
70 | stringizer( 'cos', 'cos' );
71 | stringizer( 'tan', 'tan' );
72 | stringizer( 'log', 'log' );
73 | stringizer( 'ln', 'ln' );
74 | stringizer( 'arcsin', 'arcsin' );
75 | stringizer( 'arccos', 'arccos' );
76 | stringizer( 'arctan', 'arctan' );
77 |
78 | $('#guppy-etothe').mousedown( function(event) {
79 | guppyDiv.engine.insert_string('e');
80 | guppyDiv.engine.insert_symbol('exp');
81 | event.stopImmediatePropagation();
82 | document.getElementById("guppy").focus();
83 | } );
84 |
85 | }
86 |
87 | $('#guppy-save-button').click( function() {
88 | guppyDiv.engine.done();
89 | });
90 | });
91 |
92 |
93 | module.exports.launch = function( text, f ) {
94 | callback = f;
95 |
96 | try {
97 | if (text.match(/^ *$/)) {
98 | guppyDiv.engine.set_content('
');
99 | } else {
100 | var expression = Expression.fromText( text );
101 | guppyDiv.engine.set_content(expression.toXML());
102 | }
103 | } catch (err) {
104 | guppyDiv.engine.set_content('
');
105 | //$('#guppy-error').text(err);
106 | }
107 |
108 | $('#guppymathModal').modal('show');
109 | guppyDiv.activate();
110 | };
111 |
--------------------------------------------------------------------------------
/public/javascripts/pencil.js:
--------------------------------------------------------------------------------
1 | var $ = require('jquery');
2 | var _ = require('underscore');
3 |
4 | $( function() {
5 | // Only activities get the pencil
6 | if ($('main.activity').length == 0)
7 | return;
8 |
9 | var pencilDiv;
10 | if ($("#pencil").length > 0) {
11 | pencilDiv = $("#pencil").first();
12 | } else {
13 | pencilDiv = $('
');
14 | $('div.container-fluid').append( pencilDiv );
15 | }
16 |
17 | var drawn = {};
18 | var maxCounter = 0;
19 |
20 | pencilDiv.fetchData( function() {
21 | pencilDiv.persistentData( function(event) {
22 | // When erase, let's actually clear things
23 | if (Object.keys( event.data ).length == 0) {
24 | drawn = {};
25 | pencilDiv.empty();
26 | }
27 |
28 | Object.keys( event.data ).forEach( function(key) {
29 | if (parseInt(key) > maxCounter)
30 | maxCounter = parseInt(key);
31 |
32 | if (drawn[key] !== true) {
33 | var stroke = event.data[key];
34 | drawn[key] = true;
35 | drawLine( stroke.x1, stroke.y1, stroke.x2, stroke.y2 );
36 | }
37 | });
38 | });
39 | });
40 |
41 | var parent = $('div.container-fluid');
42 |
43 | pencilDiv.css( 'position', 'absolute' );
44 | pencilDiv.css( 'top', '0' );
45 | pencilDiv.css( 'left', '0' );
46 | pencilDiv.css( 'width', '100%' );
47 | pencilDiv.css( 'height', '100%' );
48 | pencilDiv.css( 'overflow', 'visible' );
49 | pencilDiv.css( 'z-index', '1029' );
50 | pencilDiv.css( 'pointer-events', 'none' );
51 |
52 | var drawing = false;
53 | var lastX = undefined;
54 | var lastY = undefined;
55 |
56 | function drawLine( ax, ay, bx, by ) {
57 | var newLine = document.createElementNS('http://www.w3.org/2000/svg','line');
58 | newLine.setAttribute('id','line2');
59 | newLine.setAttribute('x1',ax);
60 | newLine.setAttribute('y1',ay);
61 | newLine.setAttribute('x2',bx);
62 | newLine.setAttribute('y2',by);
63 | newLine.setAttribute('stroke','black');
64 | $("#pencil").append(newLine);
65 | }
66 |
67 | parent.on( "touchstart", function(e) {
68 | if (e.touches[0].touchType !== "stylus") return;
69 |
70 | var touch = e.touches[0];
71 | drawing = true;
72 |
73 | lastX = touch.pageX - parent.offset().left;
74 | lastY = touch.pageY - parent.offset().top;
75 |
76 | e.preventDefault();
77 | });
78 |
79 | parent.on( "touchend", function(e) {
80 | if (drawing == false) return;
81 |
82 | drawing = false;
83 | e.preventDefault();
84 | });
85 |
86 | parent.on( "touchmove", function(e) {
87 | if (drawing == false) return;
88 |
89 | var touch = e.touches[0];
90 |
91 | var bx = touch.pageX - parent.offset().left;
92 | var by = touch.pageY - parent.offset().top;
93 | var ax = lastX;
94 | var ay = lastY;
95 | drawLine( ax, ay, bx, by );
96 |
97 | maxCounter = maxCounter + 1;
98 | var uuid = maxCounter.toString();
99 | drawn[uuid] = true;
100 | pencilDiv.persistentData( uuid, { 'x1': ax, 'y1': ay, 'x2': bx, 'y2': by } );
101 |
102 | lastX = touch.pageX - parent.offset().left;
103 | lastY = touch.pageY - parent.offset().top;
104 |
105 | e.preventDefault();
106 | });
107 | });
108 |
--------------------------------------------------------------------------------
/routes/poetry.js:
--------------------------------------------------------------------------------
1 | var crypto = require('crypto');
2 |
3 | var prepositions = ["aboard", "about", "above", "across", "after", "against", "along", "alongside", "amid", "around", "as", "at", "before", "behind", "below", "beneath", "beside", "besides", "between", "beyond", "by", "despite", "down", "during", "except", "from", "into", "less", "like", "near", "nearer", "of", "off", "on", "onto", "opposite", "outside", "over", "past", "through", "throughout", "to", "toward", "towards", "under", "underneath", "unlike", "until", "up", "upon", "upside", "versus", "via", "with", "within", "without", "according to","adjacent to","ahead of","apart from","as for","as of","as per","as regards","aside from","back to","because of","close to","due to","except for","far from","inside of","instead of","left of","near to","next to","opposite of","opposite to","out from","out of","outside of","owing to","prior to","pursuant to","rather than","regardless of","right of","subsequent to","such as","thanks to","up to",'as far as','as opposed to','as soon as','as well as'];
4 |
5 | var adjectives = ["quick", "gray", "red", "orange", "green", "blue", "purple", "magenta", "maroon", "navy", "silver", "gold", "lime", "teal", "violet", "bright", "tall", "short", "dark", "cloudy", "summer", "winter", "spring", "fall", "autumn", "windy", "noisy", "loud", "quiet", "heavy", "light", "strong", "powerful", "wonderful", "amazing", "super", "sour", "bitter", "beautiful", "good", "bad", "great", "important", "useful", "free", "fine", "sad", "proud", "lonely", "frowning","comfortable", "happy", "clever", "interesting", "famous", "exciting", "funny", "kind", "polite", "fair", "careful", "rainy", "humid", "arid", "frigid", "foggy", "windy", "stormy", "breezy", "windless", "calm", "still"];
6 |
7 | var nouns = ['mountain','tree','lake','water','river','ocean','sea','gulf','bay','town','city','village','house','bird','fish','cat','flower','butterfly','owl','book','hummingbird','eyes','building','home','raft','number','expression','equation','manifold','group','ring','set','prime','square','hexagon','cube','quadrilateral','rectangle','rhombus','parallelogram','trapezoid','tetrahedron','octahedron','circle','sphere','dodecahedron','icosahedron','disk','line','angle','chord','arc','approximation','function','formula','calculation','matrix','solution','theorem','fact','lemma','castle'];
8 |
9 | function poeticName(text) {
10 | var sha = crypto
11 | .createHash('sha256')
12 | .update(text)
13 | .digest('hex');
14 |
15 | var buffer = new Buffer(sha, "hex");
16 |
17 | var n = buffer.readUInt32LE(7);
18 | var preposition = prepositions[n % prepositions.length];
19 |
20 | var n = buffer.readUInt32LE(11);
21 | var adjective = adjectives[n % adjectives.length];
22 |
23 | var article = 'the';
24 | if (buffer.readUInt8(6) % 2 == 0) {
25 | if (adjective.substr(0,1).match(/[aeiou]/))
26 | article = 'an';
27 | else
28 | article = 'a';
29 | }
30 |
31 | var n = buffer.readUInt32LE(15);
32 | var noun = nouns[n % nouns.length];
33 |
34 | var phrase = [preposition, article, adjective, noun].join(' ');
35 | function capitalizeFirstLetter(string) {
36 | return string.charAt(0).toUpperCase() + string.slice(1);
37 | }
38 |
39 | return capitalizeFirstLetter(phrase.toLowerCase());
40 | }
41 |
42 | module.exports.poeticName = poeticName;
43 |
--------------------------------------------------------------------------------
/public/javascripts/free-response.js:
--------------------------------------------------------------------------------
1 | var $ = require('jquery');
2 | var _ = require('underscore');
3 | var database = require('./database');
4 |
5 | window.Markdown = require('pagedown-converter');
6 | var Converter = Markdown.Converter;
7 | var Sanitizer = require('pagedown-sanitizer').getSanitizingConverter;
8 | var editor = require('pagedown-editor');
9 |
10 | var TinCan = require('./tincan');
11 |
12 | var createFreeResponse = function() {
13 | var element = $(this);
14 |
15 | var wmdName = "-" + $(this).attr('id');
16 |
17 | var formHtml = '
' +
18 | '
' +
19 | '
' +
20 | '
' +
21 | //'
' +
22 | '
';
23 |
24 | var form = $(formHtml);
25 | $(element).append( form );
26 |
27 | var textarea = $('textarea',element);
28 |
29 | var converter = Sanitizer();
30 | var editor = new Markdown.Editor(converter, wmdName);
31 |
32 | editor.hooks.chain("onPreviewRefresh", function () {
33 | /*
34 | MathJax.Hub.Queue(
35 | ["Typeset",MathJax.Hub, $('.wmd-preview' + wmdName).get(0)]
36 | );
37 | */
38 | });
39 |
40 | // update database from view
41 | $(textarea).on("keyup change input propertychange", function (e) {
42 | $(element).persistentData( 'response', $(textarea).val() );
43 | });
44 |
45 | $(element).persistentData( function(event) {
46 | if ('response' in event.data)
47 | $(textarea).val( event.data['response'] );
48 | });
49 |
50 | // run should be called after you've added your plugins to the editor (if any).
51 | editor.run();
52 |
53 | var toolbar = $('#wmd-button-row' + wmdName, form);
54 | //toolbar.append( $('
') );
55 |
56 | var buttonGroup = $('
');
57 |
58 | var submit = $( '
' );
59 | buttonGroup.append( submit );
60 | toolbar.append( buttonGroup );
61 |
62 | submit.on( 'click', function() {
63 | var e = $(this);
64 | $('.submit-label', e).text( 'Submitted!' );
65 |
66 | var result = $(element).persistentData( 'response' );
67 |
68 | TinCan.submitted( element, result );
69 | });
70 |
71 | /*
72 | var button = '
';
73 | toolbar.append( $(button) );
74 | */
75 |
76 | // Remove the "add image" button since it is broken
77 | $('#wmd-image-button' + wmdName).remove();
78 | };
79 |
80 | $.fn.extend({
81 | freeResponse: function() {
82 | return this.each( createFreeResponse );
83 | }
84 | });
85 |
86 |
--------------------------------------------------------------------------------
/documentation/interactives.md:
--------------------------------------------------------------------------------
1 | # Interactive widgets
2 |
3 | Ximera defines a format for interactive widgets via JavaScript.
4 |
5 | The widgets are described in JavaScript files conforming to the AMD
6 | module format. Inside the interactive, `this` points to a div on the
7 | page with a unique id.
8 |
9 | ## Special modules
10 |
11 | ### 'db'
12 |
13 | The database is exposed via a db object.
14 |
15 | ```
16 | define(['jquery', 'db'], function($, db) {
17 | var target = this;
18 |
19 | target.width("100%");
20 | target.height(300);
21 |
22 | // The callback is called whenever the remote database is updated
23 | db(function(event) {
24 | if (db.correct)
25 | target.css('background-color','#DFE');
26 | else
27 | target.css('background-color','#EEE');
28 | });
29 |
30 | target.click( function() {
31 | // The properties set on the db object are
32 | // automatically persisted to the database
33 | db.correct = true;
34 | });
35 | });
36 | ```
37 |
38 | The db object is proxied so any time you set a property on the db
39 | object, it'll get persisted to the remote database. And the db object
40 | is also a function, which accepts a callback which is called whenever
41 | there is a remote update that needs to be propagated to the page
42 | state.
43 |
44 | This seems to me to be the minimal way to handle persistent state
45 | across a variety of possible use cases.
46 |
47 | ### 'parameters'
48 |
49 | In your LaTeX file, you might have
50 | ```
51 | \includeinteractive[x=16,y=18]{example.js}
52 | ```
53 | and then in `example.js` you could access x and y via
54 | ```
55 | define(['parameters'], function(parameters) {
56 | console.log( "x = ", parameters.x );
57 | console.log( "y = ", parameters.y );
58 | });
59 | ```
60 |
61 | ### 'reset'
62 |
63 | Invoking the 'reset' module in your javascript file will create a
64 | "Reset" button below the interactive; the reset object can be called
65 | with a callback which will be invoked whenever the learner clicks on
66 | the reset button.
67 |
68 | ```
69 | define(['reset'], function(reset) {
70 | reset( function() {
71 | console.log( "This is when I reset myself." );
72 | });
73 | });
74 | ```
75 |
76 | ### 'answer' (not implemented yet)
77 |
78 | Invoking the 'answer' module in your interactive will create a "Check
79 | Work" button below the interactive; the answer object can be called
80 | with a callback which will be invoked whenever the learner clicks on
81 | the "Check Work" button.
82 |
83 | The functions `answer.correct` and `answer.incorrect` and can be
84 | called from within the callback to record whether or not the widget's
85 | state should be adjudicated as correct or not. To record partial
86 | work, `answer.score` can be called. Indeed,
87 | `answer.correct(feedback)` is equivalent to `answer.score(1,feedback)` and `answer.incorrect(feedback)` is equivalent to
88 | `answer.score(0, feedback)`.
89 |
90 |
91 | ```
92 | define(['db', 'answer'], function(db, answer) {
93 | this.click( function() {
94 | db.clicked = true;
95 | });
96 |
97 | target.width("100%");
98 | target.height(300);
99 |
100 | answer( function() {
101 | if (db.clicked) {
102 | answer.correct('You clicked the button.');
103 | } else {
104 | answer.incorrect('You should click the button.');
105 | }
106 | });
107 | });
108 | ```
109 |
--------------------------------------------------------------------------------
/public/stylesheets/syntaxHighlighter.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * SyntaxHighlighter
3 | * http://alexgorbatchev.com/SyntaxHighlighter
4 | *
5 | * SyntaxHighlighter is donationware. If you are using it, please donate.
6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
7 | *
8 | * @version
9 | * 3.0.83 (July 02 2010)
10 | *
11 | * @copyright
12 | * Copyright (C) 2004-2010 Alex Gorbatchev.
13 | *
14 | * @license
15 | * Dual licensed under the MIT and GPL licenses.
16 | */
17 | .syntaxhighlighter {
18 | background-color: white !important;
19 | }
20 | .syntaxhighlighter .line.alt1 {
21 | background-color: white !important;
22 | }
23 | .syntaxhighlighter .line.alt2 {
24 | background-color: white !important;
25 | }
26 | .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
27 | background-color: #e0e0e0 !important;
28 | }
29 | .syntaxhighlighter .line.highlighted.number {
30 | color: black !important;
31 | }
32 | .syntaxhighlighter table caption {
33 | color: black !important;
34 | }
35 | .syntaxhighlighter .gutter {
36 | color: #afafaf !important;
37 | }
38 | .syntaxhighlighter .gutter .line {
39 | border-right: 3px solid #6ce26c !important;
40 | }
41 | .syntaxhighlighter .gutter .line.highlighted {
42 | background-color: #6ce26c !important;
43 | color: white !important;
44 | }
45 | .syntaxhighlighter.printing .line .content {
46 | border: none !important;
47 | }
48 | .syntaxhighlighter.collapsed {
49 | overflow: visible !important;
50 | }
51 | .syntaxhighlighter.collapsed .toolbar {
52 | color: blue !important;
53 | background: white !important;
54 | border: 1px solid #6ce26c !important;
55 | }
56 | .syntaxhighlighter.collapsed .toolbar a {
57 | color: blue !important;
58 | }
59 | .syntaxhighlighter.collapsed .toolbar a:hover {
60 | color: red !important;
61 | }
62 | .syntaxhighlighter .toolbar {
63 | color: white !important;
64 | background: #6ce26c !important;
65 | border: none !important;
66 | }
67 | .syntaxhighlighter .toolbar a {
68 | color: white !important;
69 | }
70 | .syntaxhighlighter .toolbar a:hover {
71 | color: black !important;
72 | }
73 | .syntaxhighlighter .plain, .syntaxhighlighter .plain a {
74 | color: black !important;
75 | }
76 | .syntaxhighlighter .comments, .syntaxhighlighter .comments a {
77 | color: #008200 !important;
78 | }
79 | .syntaxhighlighter .string, .syntaxhighlighter .string a {
80 | color: blue !important;
81 | }
82 | .syntaxhighlighter .keyword {
83 | color: #006699 !important;
84 | }
85 | .syntaxhighlighter .preprocessor {
86 | color: gray !important;
87 | }
88 | .syntaxhighlighter .variable {
89 | color: #aa7700 !important;
90 | }
91 | .syntaxhighlighter .value {
92 | color: #009900 !important;
93 | }
94 | .syntaxhighlighter .functions {
95 | color: #ff1493 !important;
96 | }
97 | .syntaxhighlighter .constants {
98 | color: #0066cc !important;
99 | }
100 | .syntaxhighlighter .script {
101 | font-weight: bold !important;
102 | color: #006699 !important;
103 | background-color: none !important;
104 | }
105 | .syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
106 | color: gray !important;
107 | }
108 | .syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
109 | color: #ff1493 !important;
110 | }
111 | .syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
112 | color: red !important;
113 | }
114 |
115 | .syntaxhighlighter .keyword {
116 | font-weight: bold !important;
117 | }
118 |
--------------------------------------------------------------------------------
/public/javascripts/javascript.js:
--------------------------------------------------------------------------------
1 | var $ = require('jquery');
2 | var _ = require('underscore');
3 | var MathJax = require('./mathjax');
4 |
5 | $( function() {
6 | var anyRandomness = false;
7 |
8 | $('.javascript script').each( function() {
9 | if ($(this).html().match( /random/ ))
10 | anyRandomness = true;
11 | });
12 |
13 | if (anyRandomness) {
14 | $("#show-me-another-button").show();
15 |
16 | var seedDiv;
17 | if ($("#seed").length > 0) {
18 | seedDiv = $("#seed").first();
19 | } else {
20 | seedDiv = $('
');
21 | $('main.activity .activity-body').append( seedDiv );
22 | }
23 |
24 | seedDiv.fetchData( function() {
25 | seedDiv.persistentData( function() {
26 | var newSeed = seedDiv.persistentData('seed');
27 |
28 | if (newSeed !== undefined) {
29 | Math.seedrandom(newSeed);
30 | } else {
31 | var activityPath = $('main.activity').attr( 'data-path' );
32 | var currfilebase = activityPath.split('/').slice(-1)[0];
33 | Math.seedrandom(currfilebase);
34 | }
35 | console.log("newSeed=", newSeed);
36 | console.log("reevaluate",seedDiv);
37 |
38 | $('.javascript script').each( function() {
39 | $.globalEval( $(this).html() );
40 | });
41 | exports.reevaluate( seedDiv );
42 | });
43 | });
44 | }
45 | });
46 |
47 | var createJavascript = function() {
48 | var element = $(this);
49 |
50 | element.on( 'ximera:reevaluate', function(event) {
51 | var value = $('
');
52 | if ($('.value', element).length > 0) {
53 | value = $('.value', element);
54 | } else {
55 | element.append( value );
56 | }
57 |
58 | try {
59 | value.text( window[element.attr('id')].call(this).toString() );
60 | } catch (err) {
61 | value.html( '□' );
62 | };
63 | });
64 |
65 | element.trigger( 'ximera:reevaluate' );
66 | };
67 |
68 | $.fn.extend({
69 | javascript: function() {
70 | return this.each( createJavascript );
71 | }
72 | });
73 |
74 | var evaluateLatex = exports.evaluateLatex = function(code) {
75 | var value;
76 |
77 | try {
78 | value = eval(code);
79 |
80 | if (typeof value === "number") {
81 | value = value.toString();
82 | }
83 |
84 | if (typeof value.tex !== "undefined") {
85 | value = value.tex();
86 | }
87 |
88 | value = value.toString();
89 | } catch(err) {
90 | value = '\\square';
91 | }
92 |
93 | return value;
94 | };
95 |
96 | var reevaluateMathjaxNow = function(element) {
97 | var activity = element.closest('.activity-body');
98 |
99 | var ids = new Set();
100 |
101 | $('.mathjax-javascript', activity ).each( function(i,e) {
102 | var value;
103 | var code = $(e).attr('data-code');
104 | try {
105 | value = evaluateLatex(code);
106 | } catch(err) {
107 | value = '\\square';
108 | }
109 |
110 | if (value != $(e).attr('data-value')) {
111 | var id = $(e).closest(".MathJax").attr('id').replace('-Frame', '');
112 | ids.add(id);
113 | }
114 | });
115 |
116 | ids.forEach( function(id) {
117 | MathJax.Hub.Queue(["Reprocess",MathJax.Hub,id]);
118 | });
119 | };
120 |
121 | var reevaluateMathjax = _.debounce(reevaluateMathjaxNow, 250);
122 |
123 | exports.reevaluate = function(element) {
124 | var activity = element.closest('.activity-body');
125 |
126 | $('.inline-javascript', activity ).each( function(i,e) { $(e).triggerHandler( 'ximera:reevaluate' ); } );
127 |
128 | reevaluateMathjax(element);
129 | };
130 |
131 |
132 |
--------------------------------------------------------------------------------
/public/javascripts/validator.js:
--------------------------------------------------------------------------------
1 | var $ = require('jquery');
2 | var _ = require('underscore');
3 | var database = require('./database');
4 |
5 | var answerHtml = '
' +
6 | '
' +
9 | '
' +
10 | '
' +
13 | '
' +
14 | '' +
17 | '
';
18 |
19 | var createValidator = function() {
20 | var validator = $(this);
21 |
22 | $(validator).append( $(answerHtml) );
23 |
24 | validator.trigger( 'ximera:answer-needed' );
25 |
26 | validator.on( 'ximera:answers-changed', function() {
27 | // BADBAD: disable check work button
28 |
29 | // Mark it as "incorrect" if all the responses match the last attempt
30 | var good = true;
31 | validator.find('.mathjaxed-input').each( function(i,e) {
32 | if (($(e).persistentData('response')) && ($(e).persistentData( 'attempt' ) != $(e).persistentData('response'))) {
33 | good = false;
34 | }
35 | });
36 | validator.persistentData( 'incorrect', good );
37 | });
38 |
39 | validator.persistentData(function(event) {
40 | if (validator.persistentData('correct')) {
41 | validator.find( '.btn-group button' ).hide();
42 | validator.find( '.btn-group .btn-ximera-correct' ).show();
43 | } else {
44 | validator.find('.btn-ximera-correct').hide();
45 | validator.find('.btn-ximera-incorrect').hide();
46 | validator.find('.btn-ximera-submit').hide();
47 |
48 | if (validator.persistentData('incorrect'))
49 | validator.find('.btn-ximera-incorrect').show();
50 | else
51 | validator.find('.btn-ximera-submit').show();
52 | }
53 | });
54 |
55 | var checkAnswer = function() {
56 | // BADBAD: this should check whether validation is possible -- i.e., does the validator code throw an error?
57 | // this should acatually validate
58 | try {
59 | var correct = window[validator.attr('id')]();
60 | validator.persistentData('correct', correct );
61 | } catch(err) {
62 | console.log(err);
63 | validator.persistentData('correct', false );
64 | };
65 |
66 | validator.trigger( 'ximera:attempt' );
67 |
68 | validator.find('.mathjaxed-input').each( function(i,e) {
69 | $(e).persistentData( 'attempt', $(e).persistentData('response') );
70 | $(e).persistentData( 'correct', validator.persistentData('correct') );
71 | });
72 |
73 | if (validator.persistentData('correct')) {
74 | validator.trigger( 'ximera:correct' );
75 | }
76 |
77 | validator.trigger( 'ximera:answers-changed' );
78 |
79 | return false;
80 | };
81 |
82 | $(validator).find( ".btn-ximera-submit" ).click( checkAnswer );
83 | $(validator).find( ".btn-ximera-incorrect" ).click( checkAnswer );
84 | };
85 |
86 | $.fn.extend({
87 | validator: function() {
88 | return this.each( createValidator );
89 | }
90 | });
91 |
--------------------------------------------------------------------------------
/routes/course.js:
--------------------------------------------------------------------------------
1 | var mdb = require('../mdb'),
2 | async = require('async'),
3 | _ = require('underscore'),
4 | path = require('path'),
5 | dirname = require('path').dirname,
6 | normalize = require('path').normalize,
7 | extname = require('path').extname,
8 | pathJoin = require('path').join,
9 | winston = require('winston');
10 |
11 | exports.getLabel = function(req, res) {
12 | var commit = req.params.commit;
13 | var labelName = req.params.label;
14 |
15 | mdb.Label.findOne({label: labelName, commit: commit}).exec( function( err, label ) {
16 | if (!label) {
17 | res.status(500).send(err);
18 | } else {
19 | mdb.Activity.findOne({hash: label.activityHash, commit: commit}).exec( function( err, activity ) {
20 | if (!activity) {
21 | res.status(500).send(err);
22 | } else {
23 | res.json( activity );
24 | }
25 | });
26 | }
27 | });
28 | };
29 |
30 | function statistics( req, res, model )
31 | {
32 | var commit = req.params.commit;
33 | var hash = req.params.hash;
34 |
35 | // Verify that the user is an instructor for that given commit
36 | //if (('user' in req) && (req.user.instructor.indexOf(commit) > 0)) {
37 | if (('user' in req) && (req.user.isAuthor)) {
38 | // Verify that the hash belongs to the given commit
39 | mdb.Activity.findOne({hash: hash, commit: commit}).exec( function( err, activity ) {
40 | if (err || (!activity)) {
41 | res.status(500).send(err);
42 | } else {
43 | // Send answers statistics to instructor
44 | model.findOne({_id : hash}).exec( function( err, answers ) {
45 | if (err)
46 | res.status(500).send(err);
47 | else {
48 | if (answers)
49 | res.json( answers.value );
50 | else
51 | res.json( {} );
52 | }
53 | });
54 | }
55 | });
56 | } else {
57 | res.sendStatus(403);
58 | }
59 | }
60 |
61 | exports.answers = function(req, res) { return statistics( req, res, mdb.Answers ); };
62 |
63 | exports.successes = function(req, res) { return statistics( req, res, mdb.Successes ); };
64 |
65 | exports.progress = function(req, res) {
66 | var username = req.params.username;
67 | var reponame = req.params.repository;
68 | var course = username + "/" + reponame;
69 |
70 | if ( (!(req.user)) || !(req.user.instructor) ) {
71 | res.sendStatus(403);
72 | return;
73 | }
74 |
75 | mdb.Gradebook.findOne({_id: course}).exec( function(err,gradebook) {
76 | if (err)
77 | res.status(500).send(err);
78 | else {
79 | var header = [];
80 | var rows = {};
81 |
82 | // Verify that the user is an instructor for a commit that
83 | // appeared in the course
84 | if (_.intersection( req.user.instructor, gradebook.commits ).length == 0) {
85 | console.log(" noope.");
86 | res.sendStatus(403);
87 | } else {
88 | gradebook.users.forEach( function(user) {
89 | var name = user.user;
90 | rows[name] = [];
91 | user.paths.forEach( function(path) {
92 | var complete = path.complete;
93 | var path = path.path;
94 |
95 | if (header.indexOf(path) < 0)
96 | header.push(path);
97 | rows[name][header.indexOf(path)] = complete;
98 | });
99 | });
100 |
101 | var csv = "name,";
102 |
103 | header.forEach( function(h) {
104 | csv = csv + h + ",";
105 | });
106 |
107 | csv = csv + "\n";
108 |
109 | gradebook.users.forEach( function(user) {
110 | var name = user.user;
111 | csv = csv + name + ",";
112 | rows[name].forEach( function(r) {
113 | csv = csv + r + ",";
114 | });
115 | csv = csv + "\n";
116 | });
117 |
118 | res.setHeader('Content-disposition', 'attachment; filename=' + reponame + '.csv');
119 | res.set('Content-Type', 'text/csv');
120 | res.status(200).send(csv);
121 | }
122 | }
123 | });
124 | };
125 |
126 |
--------------------------------------------------------------------------------
/nginx.conf:
--------------------------------------------------------------------------------
1 | if ($repositories ~ "^$") {
2 | set $repositories "$ximera/repositories";
3 | }
4 |
5 | gzip on;
6 | gzip_disable "msie6";
7 | gzip_vary on;
8 | gzip_proxied any;
9 | gzip_comp_level 6;
10 | gzip_buffers 16 8k;
11 | gzip_http_version 1.1;
12 | gzip_min_length 256;
13 | gzip_types text/plain text/html application/html text/css application/javascript application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/vnd.ms-fontobject application/x-font-ttf font/opentype image/svg+xml image/x-icon;
14 |
15 | # An git object is immutable
16 | location ~ '^/[A-z0-9]+\.git/objects/[0-9a-f]{2}/[0-9a-f]{38}$' {
17 | access_log off;
18 | root $repositories;
19 | add_header Cache-Control "public";
20 | expires 1y;
21 | }
22 |
23 | # A pack file is immutable after creation
24 | location ~ '^/[A-z0-9]+\.git/objects/pack/pack-[0-9a-f]{40}.(pack|idx)$' {
25 | access_log off;
26 | root $repositories;
27 | add_header Cache-Control "public";
28 | expires 1y;
29 | }
30 |
31 | # But information about packfiles is not...
32 | location ~ '^/[A-z0-9]+\.git/objects/info/packs$' {
33 | access_log off;
34 | root $repositories;
35 | add_header Cache-Control "no-cache";
36 | }
37 |
38 | # The HEAD ref could change.
39 | location ~ '^/[A-z0-9]+\.git/HEAD$' {
40 | access_log off;
41 | root $repositories;
42 | add_header Cache-Control "no-cache";
43 | expires 1y;
44 | }
45 |
46 | # This is a bit annoying; nginx won't match on querystrings, so we
47 | # use an unused code (419) to control flow. We can handle
48 | # git-upload-pack and the "empty" git service with the dumb
49 | # protocol, so let's do that. We reduce load on our node app, at
50 | # the price of slower cloning.
51 | location ~ '^(/[A-z0-9]+\.git/info/refs)$' {
52 | error_page 419 = @gitUploadPack;
53 | access_log off;
54 | if ( $args ~ "service=git-upload-pack" ) { return 419; }
55 | if ( $args = "" ) { return 419; }
56 |
57 | # this is needed for the smart git protocol
58 | client_max_body_size 0;
59 |
60 | proxy_pass http://node;
61 | proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504;
62 | proxy_redirect off;
63 | proxy_buffering on;
64 | }
65 |
66 | location @gitUploadPack {
67 | root $repositories;
68 | add_header Cache-Control "no-cache";
69 | access_log off;
70 | }
71 |
72 | location ^~ /public {
73 | root $ximera;
74 | access_log off;
75 | add_header Cache-Control "public";
76 | expires 1d;
77 |
78 | location ~ '/public/v[0-9]+\.[0-9]+\.[0-9]+/(.*)$' {
79 | root $ximera;
80 | expires 1y;
81 | try_files /public/$1 =404;
82 | }
83 | }
84 |
85 |
86 | location ^~ /node_modules {
87 | root $ximera;
88 | access_log off;
89 | add_header Cache-Control "public";
90 | expires 1d;
91 |
92 | location ~ '/node_modules/v[0-9]+\.[0-9]+\.[0-9]+/(.*)$' {
93 | root $ximera;
94 | expires 1y;
95 | try_files /node_modules/$1 =404;
96 | }
97 | }
98 |
99 | # send the request to our app server
100 | location / {
101 | proxy_pass http://node;
102 | proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504;
103 | proxy_redirect off;
104 |
105 | proxy_set_header Host $host;
106 | proxy_set_header X-Real-IP $remote_addr;
107 | proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
108 | proxy_set_header X-NginX-Proxy true;
109 |
110 | proxy_http_version 1.1;
111 |
112 | # This is required for websockets to work?
113 | proxy_set_header Upgrade $http_upgrade;
114 | proxy_set_header Connection 'upgrade';
115 | proxy_set_header Host $host;
116 | proxy_cache_bypass $http_upgrade;
117 |
118 | # Our node server can be slow, so buffering shold help
119 | proxy_buffering on;
120 | proxy_buffer_size 128k;
121 | proxy_buffers 4 256k;
122 | proxy_busy_buffers_size 256k;
123 | }
124 |
125 |
126 |
127 |
--------------------------------------------------------------------------------
/summarize/summarize.js:
--------------------------------------------------------------------------------
1 | var fs = require('fs');
2 | var config = require('../config');
3 | var path = require('path');
4 | var learningRecordStore = require('./read-lrs.js');
5 | var async = require('async');
6 |
7 | function mergeResponseIntoAnswers( answers, entry ) {
8 | console.log(entry);
9 | if (!(answers.responses))
10 | answers.responses = {};
11 |
12 | if (entry.result) {
13 | var response = entry.result.response;
14 | if (response) {
15 | answers.responses[response] = (answers.responses[response] || 0) + 1;
16 | }
17 | }
18 | }
19 |
20 | function mergeSuccessIntoAnswers( answers, entry ) {
21 | if (!(answers.successes))
22 | answers.successes = {};
23 |
24 | if (entry.result) {
25 | var success = entry.result.success;
26 | if ((success === true) || (success === false)) {
27 | answers.successes[success] = (answers.successes[success] || 0) + 1;
28 | }
29 | }
30 | }
31 |
32 | function mergeEntryIntoSummary(summary, entry) {
33 | if (!(summary.activities))
34 | summary.activities = {};
35 |
36 | if ((entry.object) && (entry.object.objectType == 'Activity')) {
37 | var id = entry.object.id;
38 | if (id) {
39 | var matches = id.match( /\/activities\/([^\/]+)\/problems\/([^\/]+)\/answers\/([^\/]+)/ );
40 | if (matches) {
41 | var activityHash = matches[1];
42 | var problemId = matches[2];
43 | var answerId = matches[3];
44 |
45 | summary.activities[activityHash] = summary.activities[activityHash] || {};
46 | summary.activities[activityHash][problemId] = summary.activities[activityHash][problemId] || {};
47 | summary.activities[activityHash][problemId][answerId] = summary.activities[activityHash][problemId][answerId] || {};
48 |
49 | if ((entry.verb) && (entry.verb.id == 'http://adlnet.gov/expapi/verbs/answered')) {
50 | var answer = summary.activities[activityHash][problemId][answerId];
51 | mergeResponseIntoAnswers( answer, entry );
52 | mergeSuccessIntoAnswers( answer, entry );
53 | }
54 | }
55 | }
56 | }
57 |
58 | return;
59 | }
60 |
61 | console.log("Summarizing learning recors under " + config.repositories.root);
62 |
63 | fs.readdir(config.repositories.root, function(err, items) {
64 | async.each( items,
65 | function(repositoryName, callback) {
66 | var directory = path.join( config.repositories.root, repositoryName );
67 | var lrsFilename = path.join( directory, 'learning-record-store' );
68 | var summaryFilename = path.join( directory, 'summary.json' );
69 |
70 | console.log("Working on " + repositoryName);
71 |
72 | async.waterfall([
73 | function(callback) {
74 | console.log("...reading previous summary");
75 | fs.readFile(summaryFilename, 'utf8', function (err, data) {
76 | if (err)
77 | callback(null, {position: 0});
78 | else
79 | callback(null, JSON.parse(data));
80 | });
81 | },
82 | function(summary, callback) {
83 | console.log("...processing new events");
84 | learningRecordStore.read(
85 | lrsFilename, summary.position,
86 | function( entry, callback ) {
87 | mergeEntryIntoSummary(summary, entry);
88 | callback(null);
89 | },
90 | function(err, position) {
91 | if (err) {
92 | if (err.code == 'ENOENT')
93 | callback(null, summary);
94 | else
95 | callback(err);
96 | } else {
97 | summary.position = position;
98 | callback(null, summary);
99 | }
100 | });
101 | },
102 | function(summary, callback) {
103 | console.log("...saving new summary");
104 | fs.writeFile(summaryFilename, JSON.stringify(summary), callback );
105 | }
106 | ], function (err) {
107 | callback(err);
108 | });
109 | },
110 | function(err) {
111 | if (err) {
112 | console.log(err);
113 | } else {
114 | console.log("Finished with all summaries.");
115 | }
116 | });
117 | });
118 |
--------------------------------------------------------------------------------
/public/stylesheets/xourse.scss:
--------------------------------------------------------------------------------
1 | .xourse-cards {
2 | margin: 0;
3 | padding: 0;
4 | width: 100%;
5 | box-sizing: border-box;
6 | }
7 |
8 |
9 | main.xourse {
10 | display: flex;
11 | flex-wrap: wrap;
12 | box-sizing: border-box;
13 | width: 100%;
14 | justify-content: center;
15 | overflow: hidden;
16 | }
17 |
18 | main.xourse:before {
19 | display: inline;
20 | }
21 |
22 | .card-group .card.activity-card .card-block {
23 | width: 100%;
24 | flex: 0 0 100%;
25 | }
26 |
27 | .card.activity-card .card-number {
28 | opacity: 0.5;
29 | float: right;
30 | font-size: 50%;
31 | }
32 | .card.activity-card .card-number:before {
33 | content: "§";
34 | margin-left: 6px;
35 | }
36 |
37 | // Activity cards are square
38 | .card-group .card.activity-card {
39 | display: block;
40 | box-sizing: border-box;
41 | margin: 0;
42 | overflow: hidden;
43 | padding: 0;
44 | /* Seriously including 99.99% is ridiculous, but here we are. */
45 | width: 100%;
46 | flex: 0 0 100%;
47 | @for $i from 1 through 28 {
48 | @media (min-width: $i * 11rem) {
49 | width: calc(99.999% / #{$i});
50 | flex: 0 0 calc(99.999% / #{$i});
51 | }
52 | }
53 | height: 11rem;
54 | }
55 | .kinetic .card.activity-card {
56 | width: 11rem;
57 | }
58 |
59 | // The first anchor inside a card covers the whole card, making it
60 | // clickable.
61 | .activity-card > a:first-child {
62 | z-index: 900;
63 | position: absolute;
64 | top: 0; left: 0;
65 | height: 100%; width: 100%;
66 | }
67 |
68 | .xourse-card > a:first-child {
69 | z-index: 900;
70 | position: absolute;
71 | top: 0; left: 0;
72 | height: 100%; width: 100%;
73 | }
74 |
75 | // The section title cards are highlighted
76 | .card-sectionheading {
77 | background-color: $gray-lighter;
78 | border-color: $gray-lighter;
79 | h4 {
80 | font-weight: bold;
81 | }
82 | }
83 |
84 | // The section title cards are highlighted
85 | .card.chapter {
86 | background-color: $gray-lightest;
87 | }
88 |
89 | // The active card is displayed in an active way
90 | .activity-card.active {
91 | //@extend .card-info;
92 | background-color: $gray-dark;
93 | border-color: $gray-dark;
94 | @extend .card-inverse;
95 | }
96 |
97 | // Practice cards just include the progress bar
98 | .activity-card.practice {
99 | width: 2rem;
100 | max-width: 2rem;
101 | min-width: 2rem;
102 | max-height: 11rem;
103 | height: 11rem;
104 | overflow: hidden;
105 | }
106 |
107 | .activity-card.practice::before {
108 | counter-increment: practice;
109 | content: counter(practice);
110 | position: absolute;
111 | width: 2rem;
112 | font-size: 60%;
113 | padding-top: 1em;
114 | text-align: center;
115 | z-index: 100;
116 | color: black;
117 | left: 0px;
118 | }
119 |
120 | // Activity cards are often used in a scrolling carousel
121 | .scroll {
122 | display: flex;
123 | flex-wrap: nowrap;
124 | overflow-x: auto;
125 | -webkit-overflow-scrolling: touch;
126 | -ms-overflow-style: -ms-autohiding-scrollbar;
127 | }
128 |
129 | // some activtiy cards have vertical progress bars
130 | .vertical {
131 | /*width: 176px;
132 | position: relative;
133 | left: -176px;
134 | */
135 | //-webkit-transform: rotate(-90deg);
136 | //-webkit-transform-origin: top right;
137 | //transform: rotate(-90deg);
138 | //
139 | //transform-origin: bottom center;
140 | //padding: 0;
141 | //margin: 0;
142 | transform-origin: top right;
143 | transform: rotate(-90deg);
144 | position: relative;
145 | left: -10rem;
146 | width: 10rem;
147 | margin: 0.5rem;
148 | }
149 |
150 |
151 | // At least on webkit we can get rid of the basically useless thumb
152 | // buttons
153 | div.scroll::-webkit-scrollbar {
154 | width: 12pt;
155 | }
156 |
157 | div.scroll::-webkit-scrollbar-track {
158 | background-color: $gray-lighter;
159 | }
160 |
161 | div.scroll::-webkit-scrollbar-thumb {
162 | background-color: $gray-dark;
163 | }
164 |
165 |
--------------------------------------------------------------------------------
/public/javascripts/interactives.js:
--------------------------------------------------------------------------------
1 | var $ = require('jquery');
2 | var _ = require('underscore');
3 | var async = require('async');
4 | var TinCan = require('./tincan');
5 | var Desmos = require('./desmos');
6 | var Javascript = require('./javascript');
7 |
8 | var libraries = {
9 | jquery: $,
10 | underscore: _,
11 | tincan: TinCan
12 | };
13 |
14 | function asynchronousLibrary( dependencies, name, url, object ) {
15 | return function( callback ) {
16 | if ((libraries[name] == undefined) && (dependencies.some( function(dependency) { return dependency == name; } ))) {
17 | $.getScript( url, function() {
18 | libraries[name] = window[object];
19 | callback(null);
20 | });
21 | } else {
22 | callback(null);
23 | }
24 | };
25 | }
26 |
27 | // Connected to 'db'
28 | function createProxiedPersistentDataObject( element ) {
29 | var handler = {
30 | get: function(target, prop, receiver) {
31 | return element.persistentData( prop );
32 | },
33 | set: function(target, prop, value, receiver) {
34 | element.persistentData( prop, value );
35 | Javascript.reevaluate(element);
36 | return true;
37 | }
38 | };
39 |
40 | var p = new Proxy(function(callback) {
41 | element.persistentData(callback);
42 | }, handler);
43 |
44 | return p;
45 | }
46 |
47 | // Connected to 'reset'
48 | function createResetButton( element ) {
49 | var button = $('
');
50 | button.insertAfter( element );
51 |
52 | return function( callback ) {
53 | $(button).click( callback );
54 | };
55 | }
56 |
57 | // TODO reset button
58 | // TODO checkwork
59 | // TODO includeinteractive needs to be access the parameters that it is passed
60 | // basically as an "parameters" object
61 | function parseParameters(parameters) {
62 | if (parameters === null)
63 | return {};
64 |
65 | var pairs = parameters.split(',').map( function(x) { return x.trim(); } );
66 | var hash = {};
67 | pairs.forEach( function(pair) {
68 | var left = pair.split('=')[0];
69 | var right = pair.split('=')[1];
70 |
71 | hash[left] = right;
72 | });
73 |
74 | return hash;
75 | }
76 |
77 | exports.connectInteractives = function() {
78 | if (window.interactives) {
79 | window.interactives.forEach( function(interactive) {
80 | var dependencies = interactive.dependencies;
81 | var code = interactive.callback;
82 | var parameters = interactive.parameters;
83 |
84 | var variableName = parseParameters(parameters)['id'];
85 |
86 | var targetId = interactive.targetId;
87 | var target = $("#" + targetId);
88 |
89 | async.series(
90 | [
91 | // Additional asynchronously loaded scripts could be placed here
92 | function( callback ) {
93 | if (dependencies.some( function(dependency) { return dependency == "desmos"; } )) {
94 | Desmos.loadAsynchronously();
95 |
96 | Desmos.onReady( function(Desmos) {
97 | libraries['desmos'] = Desmos;
98 | callback(null);
99 | });
100 | } else {
101 | callback(null);
102 | }
103 | },
104 |
105 | asynchronousLibrary( dependencies, "three", "https://cdnjs.cloudflare.com/ajax/libs/three.js/r81/three.min.js", "THREE" ),
106 | asynchronousLibrary( dependencies, "jsxgraph", "https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.99.5/jsxgraphcore.js", "JXG" ),
107 | asynchronousLibrary( dependencies, "numeric", "https://cdnjs.cloudflare.com/ajax/libs/numeric/1.2.6/numeric.min.js", "numeric" ),
108 |
109 | ], function(err) {
110 | code.apply( target, dependencies.map( function(name) {
111 | if (name == 'db') {
112 | var proxy = createProxiedPersistentDataObject(target);
113 |
114 | if (variableName) {
115 | window[variableName] = proxy;
116 | }
117 |
118 | return proxy;
119 | } else if (name == 'reset')
120 | return createResetButton(target);
121 | else if (name == 'parameters')
122 | return parseParameters(parameters);
123 | else
124 | return libraries[name]; } ) );
125 | }
126 | );
127 | });
128 | }
129 | };
130 |
--------------------------------------------------------------------------------
/public/javascripts/sw.js:
--------------------------------------------------------------------------------
1 | var version = require('../../package.json').version;
2 |
3 | var mathjaxRoot = '/node_modules/mathjax/';
4 |
5 | var cacheUrls = [
6 | '/public/v' + version + '/javascripts/main.min.js',
7 | '/public/v' + version + '/stylesheets/base.css',
8 | '/public/v' + version + '/images/logo/logo.svg',
9 | '/public/v' + version + '/images/osu/osu-web-footer-wordmark-rev.png',
10 | '/public/json/symbols.json',
11 | '/node_modules/guppy-dev/build/guppy-default.min.css',
12 | mathjaxRoot + '/jax/input/TeX/jax.js',
13 | mathjaxRoot + '/jax/element/mml/jax.js',
14 | mathjaxRoot + '/jax/output/HTML-CSS/jax.js',
15 | mathjaxRoot + '/jax/output/HTML-CSS/fonts/TeX/fontdata.js',
16 | mathjaxRoot + '/extensions/TeX/AMSmath.js',
17 | mathjaxRoot + '/extensions/MathEvents.js',
18 | mathjaxRoot + '/extensions/TeX/AMSsymbols.js',
19 | mathjaxRoot + '/extensions/TeX/noErrors.js',
20 | mathjaxRoot + '/extensions/TeX/noUndefined.js',
21 | mathjaxRoot + '/extensions/TeX/color.js',
22 | mathjaxRoot + '/extensions/TeX/cancel.js',
23 | mathjaxRoot + '/extensions/toMathML.js',
24 | mathjaxRoot + '/extensions/AssistiveMML.js',
25 | mathjaxRoot + '/extensions/MathMenu.js',
26 | mathjaxRoot + '/extensions/MathZoom.js',
27 | mathjaxRoot + '/extensions/a11y/accessibility-menu.js',
28 | ];
29 |
30 | //GET /node_modules/mathjax//jax/input/TeX/config.js?V=2.7.3 200 8.363 ms - 1268
31 | //GET /node_modules/mathjax//extensions/tex2jax.js?V=2.7.3 200 5.973 ms - 6959
32 | //GET /node_modules/mathjax//jax/output/HTML-CSS/config.js?V=2.7.3 200 8.134 ms - 3570
33 | //GET /node_modules/mathjax//extensions/fast-preview.js?V=2.7.3 200 5.903 ms - 3177
34 | //GET /node_modules/mathjax//extensions/CHTML-preview.js?V=2.7.3 200 5.184 ms - 829
35 |
36 | self.addEventListener('install', function(event) {
37 | event.waitUntil(
38 | caches.open(version).then(function(cache) {
39 | return cache.addAll(cacheUrls);
40 | })
41 | );
42 | });
43 |
44 | self.addEventListener('activate', function(event) {
45 | event.waitUntil(
46 | caches.keys().then(function(cacheNames) {
47 | return Promise.all(
48 | cacheNames.filter(function(cacheName) {
49 | return (cacheName != version);
50 | }).map(function(cacheName) {
51 | return caches.delete(cacheName);
52 | })
53 | );
54 | })
55 | );
56 | });
57 |
58 | // cache woff
59 | self.addEventListener('fetch', function(event) {
60 | // Eliminate query strings from mathjax requests
61 | if (event.request.url.startsWith(mathjaxRoot)) {
62 | var requestClone = event.request.clone();
63 |
64 | var normalizedUrl = new URL(event.request.url);
65 | normalizedUrl.search = '';
66 |
67 | return event.respondWith(caches.match(normalizedUrl).then(function(response) {
68 | console.log("Found!",response);
69 | if (response !== undefined) {
70 | return response;
71 | } else {
72 | return fetch(event.request);
73 | }
74 | }));
75 | }
76 |
77 | event.respondWith(caches.open(version).then(function(cache) {
78 | return cache.match(event.request).then(function(response) {
79 | // caches.match() always resolves
80 | // but in case of success response will have value
81 | if (response !== undefined) {
82 | return response;
83 | } else {
84 | return fetch(event.request);
85 | }
86 | })
87 | }));
88 |
89 | return;
90 |
91 |
92 | event.respondWith(caches.match(event.request).then(function(response) {
93 | // caches.match() always resolves
94 | // but in case of success response will have value
95 | if (response !== undefined) {
96 | return response;
97 | } else {
98 | return fetch(event.request).then(function (response) {
99 | // response may be used only once
100 | // we need to save clone to put one copy in cache
101 | // and serve second one
102 | var responseClone = response.clone();
103 |
104 | caches.open(version).then(function (cache) {
105 | cache.put(event.request, responseClone);
106 | });
107 | return response;
108 | }).catch(function () {
109 | return caches.match('/sw-test/gallery/myLittleVader.jpg');
110 | });
111 | }
112 | }));
113 | });
114 |
--------------------------------------------------------------------------------
/config.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | /**
4 | * Module Dependencies
5 | */
6 |
7 | var pkg = require('./package.json');
8 | var dotenv = require('dotenv'); // https://www.npmjs.com/package/dotenv
9 | var path = require('path');
10 |
11 | // *For Development Purposes*
12 | // Read in environment vars from .env file
13 |
14 | dotenv.load();
15 |
16 | /**
17 | * Configuration File
18 | *
19 | * Why like this?
20 | *
21 | * - All environmental variables documented in one place
22 | * - If I use "." notation it's easy to cut/paste into code
23 | * - Unlike JSON, javascript allows comments (which I like)
24 | * - Reading package.json here centralizes all config info
25 | *
26 | */
27 |
28 | var config = {};
29 |
30 | // From package.json
31 | config.name = pkg.name;
32 | config.version = pkg.version;
33 | config.description = pkg.description;
34 | config.company = pkg.company;
35 | config.author = pkg.author;
36 | config.keywords = pkg.keywords;
37 | config.environment = process.env.NODE_ENV || 'development';
38 |
39 | config.port = process.env.PORT || 3000;
40 | config.root = process.env.ROOT_URL || ('http://localhost:' + config.port);
41 |
42 | config.logging = false;
43 |
44 | config.rateLimit = 1000;
45 |
46 | config.gpg = {};
47 | config.gpg.home = process.env.GNUPGHOME || (path.join(__dirname, 'gnupg'));
48 | config.repositories = {};
49 | config.repositories.root = process.env.GIT_REPOSITORIES_ROOT || (path.join(__dirname, 'repositories'));
50 |
51 | /**
52 | * Database Configuration
53 | */
54 |
55 | config.mongodb = {};
56 | config.mongodb.url = process.env.XIMERA_MONGO_URL || '127.0.0.1';
57 | config.mongodb.database = process.env.XIMERA_MONGO_DATABASE || 'ximera';
58 |
59 | /**
60 | * Session Configuration
61 | */
62 |
63 | var hour = 3600000;
64 | var day = (hour * 24);
65 | var week = (day * 7);
66 |
67 | // Session
68 | config.session = {};
69 | config.session.secret = process.env.XIMERA_COOKIE_SECRET || 'my big secret';
70 | config.session.name = 'sid'; // Generic - don't leak information
71 | config.session.proxy = false; // Trust the reverse proxy for HTTPS/SSL
72 | config.session.resave = false; // Forces session to be saved even when unmodified
73 | config.session.saveUninitialized = false; // forces a session that is "uninitialized" to be saved to the store
74 | config.session.cookie = {};
75 | config.session.cookie.httpOnly = true; // Reduce XSS attack vector
76 | config.session.cookie.secure = false; // Cookies via HTTPS/SSL
77 | config.session.cookie.maxAge = process.env.SESSION_MAX_AGE || week;
78 |
79 | /**
80 | * Mailing Configuration
81 | */
82 |
83 | config.smtp = {};
84 | config.smtp.name = process.env.SMTP_FROM_NAME || 'Ximera Team';
85 | config.smtp.address = process.env.SMTP_FROM_ADDRESS || 'ximera@math.osu.edu';
86 |
87 | /**
88 | * Authorization Configuration
89 | */
90 |
91 | config.localAuth = false;
92 | if (config.environment == 'development') {
93 | config.localAuth = true;
94 | }
95 |
96 | // Github
97 | config.githubAuth = true;
98 | config.github = {};
99 | config.github.clientID = process.env.GITHUB_CLIENT_ID || 'Your Key';
100 | config.github.clientSecret = process.env.GITHUB_CLIENT_SECRET || 'Your Secret';
101 |
102 | // Twitter
103 | config.twitterAuth = true;
104 | config.twitter = {};
105 | config.twitter.consumerKey = process.env.TWITTER_CONSUMER_KEY || 'Your Key';
106 | config.twitter.consumerSecret = process.env.TWITTER_CONSUMER_SECRET || 'Your Secret';
107 |
108 | // Google
109 | config.googleAuth = true;
110 | config.google = {};
111 | config.google.clientID = process.env.GOOGLE_CLIENT_ID || 'Your Key';
112 | config.google.clientSecret = process.env.GOOGLE_CLIENT_SECRET || 'Your Secret';
113 |
114 | // LTI
115 | config.ltiAuth = true;
116 | config.lti = {};
117 | config.lti.key = process.env.LTI_KEY || 'Your Key';
118 | config.lti.secret = process.env.LTI_SECRET || 'Your Secret';
119 |
120 | module.exports = config;
121 |
--------------------------------------------------------------------------------