Introducing the Teaching Editor

We are very happy to introduce our latest open source project: the Teaching Editor. This project provides an online editor that automatically reloads the contents of an iPhone-sized frame. It also provides students with a read-only mode, allowing them to follow in real time whatever code is written in the screen of the teacher, and they can also download the current state of the code at any moment.

It is built exclusively in JavaScript, using the following libraries:

Requirements

Server

Use Homebrew to install Node.js in your system. Also, install npm and install Express and Socket.IO with npm.

The install.sh script performs all the required operations to install external dependencies in your system.

Client

The client has been tested successfully on several combinations of operating systems and browsers:

  • Cross-platform browsers:
    • Firefox 10
    • Chrome 17
    • Opera 11
  • OS X “Lion”
    • Safari 5.1
  • Windows 7
    • Internet Explorer 9
  • iOS
    • Mobile Safari for iOS 5.1 on the iPad (in this case, however, scrolling is not possible)

Pay attention to the fact that the mobile libraries themselves might not be compatible with some of these browsers (in particular, Sencha Touch only works on Webkit-based browsers).

How to Use

  • ./install.sh (this will download the required libraries, only required once)
  • ./launch.js (this launches the Node.js app and opens a browser window)
  • Students can browse to the IP shown in the dialog of the “Project / Show Share URL” menu entry.

License

This project is released under the GPLv3 license. Please check the LICENSE file for details.

Similar Posts:

    None Found