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
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

- 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
https://docs.google.com/a/ncsu.edu/document/d/1qWz3rIN9NmhkNBTscGFsn3sd3XueZmyHnAjNo035auE/edit?usp=sharing
Report of Go.Js and p5.js utility
https://docs.google.com/a/ncsu.edu/document/d/18zXQo68JWzYhsgQ6l_rAoa0ejuyf66Q71dAjPp3UQrU/edit?usp=sharing
User Manual:
https://docs.google.com/a/ncsu.edu/document/d/1hP5OV1aaaPVSeOUxbJvpHkBmrcdDOwVwyZh-TxC8ZRs/edit?usp=sharing
Project: FuturePres1
FuturePres1 - Final Deliverables
Team
- Felipe Sousa de Andrade
- Zachary Butler
- Bada Kim
- Hussein Koprly
- Veronica Sigler
- Linda Vue
Tagline
The Core Problem the App Solves
The Madness Behind the App
- Bootstrap
- JavaScript
- jQuery
- PHP
- MySQL
Unfinished and Future Work
Working site
Video
Github Repo
Project Evaluation
Presentation
Project FuturePres Team 2
Team Members:
- James Davis
- Michael Ivanov
- John Nixon
- Benjamin Drury
- Alexander Richardson
- Quinton Chappell
Problem:
Description:
Future Work:
- Extra Features
- Comments
- User log ins
- Data Collection/Database expansion
Video Demo
Presentation
Demo Server
GitHub Repository
Projects: Tilt-A-Story
- A link to the working site
- Video
- Github Repo
- Presentation
- Project Evaluation
Project: Sharks

Citizen Science - An initiative to enable everyone to participate in a scientific process.
Problem:
We would like to provide students the opportunity to experience the process of finding, measuring, and doing statistics on shark teeth, without needing to acquire expensive supplies. We want to create a "virtual fossil dig" which will allow students to get a similar experience by through their browser.How it Works:
From the homepage, users can click on the "Start Digging!" button to be directed to the main game panel. 15 Shark teeth will be randomly scattered across a background of "fossil dirt." Not all of the dig area is visible at once, so users will need to scroll around using the arrow keys or scrollbars. Once a user sees a tooth, they can click it, at which point it will disappear from the game window and reappear in an inventory panel. Once all 15 teeth have been discovered, the user can progress to a measurement page where they try to fit each tooth into the smallest circle that completely encloses it. Once all teeth have been measured, the user progresses to a statistics page, where the size distribution of the teeth they have measured is compared against the size distribution of all of the teeth in the database.Future Work:
- Add an "I give up" button which highlights remaining teeth so that they can be found
- Zoom in/out functionality
- Better interface
- More backgrounds
- Provide more information about the shark teeth and sharks they came from
- Class / group functionality - compare your teeth statistics against the entire class
Demo Site
Screencast
Presentation
Github
Created By:
Remington Campbell, William Pruett, Eric Anderson, Daniel Alley, Kevin Reed, Derek Schreiner
Project: Seniors
Resources for Seniors, Inc
Problem:
Description:
Future Work:
- Frequent updates of Company information on the Webpages
- Deployment of new PHP stack onto the Web Server
Video:
Demo Server:
Presentation:
Thursday, December 10, 2015
Project: SAS Team Two

CSC 342 Sas Team 2 Project Description
TagLine:
Web application demonstrating different ways to animate the transition between data and a graph.
Problem to solve: Transitions from data to graphs are often clunky and hard to follow, if they even exist at all. The goal of this web app is to demonstrates ways for these transitions that are smooth and easy to follow.
How it works:
This application used a simple user interface consisting of an area for the data and an area for the graph. It also has a side bar that allow the user to choose which type of animation and transition to display.
Most of the transitions are done with the animate function in jquery, where we can decide where to move elements and how much to expand or compress them. The data for the demo is coded in an array for ease of access. Also, we used p5.js for our pie and doughnut chart. And finally, the animations themselves are done with a setInterval function to make all the timing work out properly.
Unfinished and future work:
-Finding ways to transition to other types of graphs.
-Implementing the transitions with larger data sets
- Being able to upload your own data set
- Coming up with different animation styles
Link to site:
http://www4.ncsu.edu/~tcpatter/csc342/
Presentation
https://docs.google.com/presentation/d/1Z0bY3n2lwsVa_rwYfxaKMv-run7NtjxVgsCO20nUo2Y/edit#slide=id.gec04617d4_0_53
Video
https://www.youtube.com/watch?v=1gElNyBlpyg
GitHub:
https://github.com/NCSUWebClass/fall15-sasgraphs2
Michael MacKrell, James Schaefer, Connor Patterson, Jose Chavez, Philip Jones
Project: CodeArt

LENT - A project that turns library technology into art.
Problem:
How to combine useful data about Hunt Library's Tech-Lending resources with digital art and sound.Description:
A project to turn library technology into art. Users are able to see a visual representation of the technology that is currently available to be checked out at Hunt library in the Immersion Theatre. On the left is a legend that allows the user to see how many of each item is currently checked out, as well as a key that shows what each shape in the visualizer represents. On the right is the visualizer - a unique way to display the data about what technology is currently available and checked out from the library. The purpose of the project is to find a way combine a useful data with art, as part of NCSU Hunt Library's CodeArt Competition.Future Work:
- System Testing within the Immersion Theatre
- For every 10 or so minutes, allow each individual sound to provide a "roll-call" along side an animation, so that viewers could see which object is associated to which device
- Convert 3D objects to three.js
- Allow the aesthetics of the visuals and sound to change depending on the time of the day
- Update the "Castle" so that we have different variations showing up on the map
- Add Camera/Tilt Perspective to the map space
- Change mechanism in which the chart is currently being loaded, so that a Timout doesn't need to be used
- Allow extendability with loading objects, for easy inclusion of new devices
Link to Video
Link to Live Working Demo
Link to Presentation
GitHub:
http://go.ncsu.edu/codeartlentCreated By: Cameren Dolecheck, Tori Santonil, Filip Kolev, Zane Hissom, Nicholli Bernard, Kamaria Hardy
Spiral Sleepwalker

Team members: Abbey Lancaster, Aoyi Li, Kai Ma, Nicholas Waked, Ethan Swartzentruber and Jennifer Wagman
Tagline: Gravity-Based Mobile Platformer
Problem:
Developing a web based mobile game that reads data from motion sensors on smartphone or tablet.
Implementation:
We wanted to create a native mobile game experience while the user was actually playing a web based mobile game. We used p5.js to implement all of the game's graphics, including a gravity oriented mechanism that allowed the user to manipulate the sleepwalker in the game. Various levels are implemented, with varying amounts of difficulty. The amount of monsters increases as the player moves to higher levels, and the maps become more difficult to navigate.
Future/Unfinished Work:
The game still has extreme performance issues on Android, we expect that switching libraries would make this better.
Implementing more levels
Developing a tool for non-programmers to create levels
Links:
Link to Working Site
Link to GitHub
Link to Video
Wednesday, December 9, 2015
Friday's NexUX meetup with Emil Polyak - 3:30pm at Hunt Library!
|