reactive-slides

A web framework for building interactive presentations.

This framework allow you to create several questions through your presentation shared by QR code so that audience can answer with their smartphones, tablets...

That give you a new way to make your presentation interactive and attractive.

Get Started

To start, clone the project.

To build the project and run the presentation example , follow these steps :

1. Ensure that sbt is installed. This provides the platform on which the build tooling runs.
2. Setup a database and create a table named question_reponse, you can use this query :

CREATE TABLE IF NOT EXISTS question_reponse (
   PK_question_reponse int(11) NOT NULL AUTO_INCREMENT,
   question varchar(100) NOT NULL,
   reponse varchar(100) NOT NULL,
   PRIMARY KEY (PK_question_reponse)
);

For the example presentation, we used a local MySQL server. The databasePort by default is 3306 .

To customize it, you need to browse the application.conf file and save your default database configuration using MySQL database engine or any other engine.

db.default.driver=com.mysql.jdbc.Driver
db.default.url="jdbc:mysql://localhost:3306/database_name"
db.default.username=database_username
db.default.password="database_password"

Note: Use the database.sql file to import the database model. You can find it in examples/public/db.

3. From the project folder, execute the following commands:

a - Delete all generated files and Compile the main sources :

sbt clean compile 

b - Compile and run all tests :

sbt test  

c - Create a jar file containing the files and the compiled classes :

sbt package 

Note: If you change the build definition, you need to reload the project. You can do this by executing sbt reload which will reload the new build definition.

4. To run the presentation example, execute the following command:

sbt run

It will run the main class of the project in the same virtual machine as sbt.

5. Browse to http://localhost:9000 to see the presentation. You can make changes in the code found under examples/app and the browser should auto-refresh itself as you save files.

Create your own Interactive Presentation

Before creating your own Interactive Presentation, take your time to read the User Manual available in the root of the project. It will guide you step by step. ( Available only in French)

Useful informations :

• The HTML presentation framework used is reveal.js
• Also using a Scala library named scalatags (version 0.6.1)
• For rendering the audience's response, Chart.js is used.