Wednesday, December 16, 2015

Announcement: best effort grades up!


Our best effort grades are up! Please have a look and let us know if you see any problems.

Changes from here on out should be few.

Professor Watson.

Monday, December 14, 2015

Peer Evaluations

Hi folks,

Peer evaluations are available here, if you wish to evaluate your team members. You are not required to do this.

Have a good break!

Friday, December 11, 2015

Project: Nonlinear Learning


One of the main focuses of our nonlinear learning project was to incorporate mind maps for nonlinear learning, and use p5.js for videos with interactive elements. We spent over 2 months exploring the different aspects of the Go.Js library (mind map) and the p5.js library (interactive videos), and this report will highlight our findings and opinions.


Linear learning, as found on course sites such as moodle exhibit a very rigid type of learning, where people go from topic A to B, then to C. Nonlinear learning allows students to navigate through different topics at their leisure, while providing the instructor the tools to guide them in the right direction.

Future Work:
  • Add more immersive elements to mindmap (different sounds for different actions)
  • Allowing mindmap changes to be directly saved to the html file
  • More tools for instructors who are not proficient with coding (interfaces for non-technical users)
  • Incorporating whole course web pages into mindmap (moodle)
  • Tracker for most visited videos, favorites list
Video Demo:
Our Site:
Github Repo:
User Feedback and Evaluations:

Report of Go.Js and p5.js utility

User Manual:
orites list

Project: FuturePres1


FuturePres1 - Final Deliverables


  • Felipe Sousa de Andrade
  • Zachary Butler
  • Bada Kim
  • Hussein Koprly
  • Veronica Sigler
  • Linda Vue


Create presentations that enable greater interactivity between the audience and the presenter.

The Core Problem the App Solves

We created an example of an interface that allows users to display more interactive and engaging presentations than is traditionally available through Microsoft Powerpoint. Our focus is on the guided communication scenario, with the goal of improving audience participation and non-linear structure.

The Madness Behind the App

Our application utilizes the following tools:
  • Bootstrap
  • JavaScript
  • jQuery
  • PHP
  • MySQL
The tool is a web-based blueprint-dashboard of a presentation that will allow users to navigate the presentation in a nonlinear manner. Each panel on the dashboard represents a part of the presentation. After clicking on a tile, the viewer will either be shown information, or another set of tiles representing subcategories. This allows the presenter the flexibility of nesting information into categories for easier navigation, rather than having dozens of tiles on the top level.

As indicated above, there are two views: the audience and presenter view. The audience view shows the presentation itself and allows the audience to ‘like’ a page, as well ask questions.  The presenter view shows statistics of the site, such as the page that has the most views and the most liked site. The presenter view also shows questions from the audience in the presenter panel at the bottom of the site.

An additional feature of the website is that users can participate in the presentation without being present, allowing them to get the full presentation experience anywhere.

Unfinished and Future Work

The tool is currently use-case specific for a Zoo and showcases functionality and capabilities that would be available to presenters. We do not currently have a tool that would allow users to create their own presentations as this project is a demonstration of what the tool could provide in the presentation realm.
There is currently a distinct presenter and audience view that allows for a QA-like interaction. Currently, the audience is able to submit questions, however the tool is limited in that the presenter is only able to answer verbally (this is sufficient for our project because we are implementing for a use-case specific scenario of a live Zoo presentation). That being said, a future goal is to incorporate an answering system such that the presenter may respond directly to the audience, or to have the questions and answers viewable to the audience as a whole.
We were also unable to provide multimedia support as listed in our project proposal due to time limitations.

Working site


Github Repo

Project Evaluation


Project FuturePres Team 2

Team Members: 

  • James Davis
  • Michael Ivanov
  • John Nixon
  • Benjamin Drury
  • Alexander Richardson
  • Quinton Chappell


Creating a new way to present a presentation in a non-linear model to make presentations more intuitive and exciting.


Presentations follow a linear path from one slide of information to the next which offers very little flexibility for the presenter and can also be dull for its audience. The idea of FuturePres is to create a new way to present data in a non-linear model to improve the experience of presentations for the presenter and his/her audience. For our implementation we focused on legal cases where lawyers have to record data and present them in a court of law. The website is split into four different categories: People, Places, Evidence, and Events. These are used to store the data from cases into the sstem to represent later. Once Data is stored onto the system the data is linked from one to another by connecting factors of other categories. Using this the presenter can move from one piece of data to the next by simply clicking on a connecting factor and guide the presentation. A timeline is also implemented in the View section to show events on a day to day, week by week, or even year by year selection.

Future Work:

  • Extra Features
  • Comments
  • User log ins
  • Data Collection/Database expansion

Video Demo


Demo Server

GitHub Repository

Projects: Tilt-A-Story

Tilt-A-Story Project Description

Tilt-a-story is an interactive picture book to inspire children to read.

Core Problem:
Children today no longer read books. Instead, they spend most of their time glued to their phone and ipads. By introducing classic childhood stories and fun learning games, children that use our program will be able to embrace the same learning that comes from reading books. The best part is, they think they’re just playing a fun game!

How it Works:
To make Tilt-A-Story we used javascript, canvas and html. By using these tools our webpage can run on more browsers. The child can interact with the story in two ways. The first way is to tilt the device to move the character around the screen. The second way is by using the touch screen to press buttons. Both methods can be mixed and matched as needed by the story writer/designer.  

Future Work:
In the future we plan to increase the user experience by adding more sounds and animations.  We would like to add gifs instead of static pictures to increase the overall visual of the app.  Since Tilt a story brings together multiple stories for children to learn from, we need a way for parents to “buy” a story and add it to the application. We would also like to create a “world builder” application so that designers can easily create their own stories and post them to our store.  

Extra Credit:
On top of our completed Picnic Adventure story, we have also finished our Billy’s Treasure Hunt story that capitalized more on telling a story with visuals. The player takes on the role of Billy and his search for treasure, along with picking up useful tools along the way.

  • A link to the working site
  • Video
  • Github Repo
  • Presentation

  • Project Evaluation