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: 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/codeartlent

Created By: Cameren Dolecheck, Tori Santonil, Filip Kolev, Zane Hissom, Nicholli Bernard, Kamaria Hardy

Announcement: project details and our final day

Event: A reminder that projects are due as you present them during our final period, which will happen on Friday December 11, 1-4pm, in our regular room. With ten projects, we will have 18 minutes per presentation. On that day we will be visited by most of our clients. SAS and Lexis Nexis have indicated that they would prefer to come to this final period rather than host you at their facilities.

Deliverables: In addition to your presentation, you should prepare the deliverables outlined on this page. Some notes:

• To post, you will need authoring rights on our class site. To get those rights, each team should have at least one of its members contact our TA, then accept the resulting invitation. 
• There are many screencasting tools, but my preferred tool now is Google Hangouts on Air, which does not require any install. Just do a private broadcast to yourself only, and it will appear in your YouTube. You can even do a little editing there.
• Host your working site on your assigned github repo, if it is all client side. If you have server side components, we suggest AWS or Google Cloud -- both have free options.

Presentation: And here is a reminder of how to present.

Professor Watson

Announcement: grading update

Folks,

One of you pointed out that the comments headings in the wolfware grading feedback were not informative enough. We improved them.

Also, we added project grades to date.

We have not yet graded assignments (questions) and critiques.

Although today is our last class, we will do our best to respond quickly to your project and grading concerns until the final.

Professor Watson

Announcement: project evaluation

Folks,

As you prepare to submit your revised project plans, please be sure to include 10% for a lightweight project evaluation, as described here.

I didn't always remember to include this myself in my responses to your first draft plans.

Professor Watson

Extra credit: give us your project preferences

Hey folks,

You should have received an email asking you to log into catme.org, the tool we are using to create project teams. Please do login and fill out the short survey there today. All the information you give us will be kept confidential.

If you didn't receive this email, let us know and we'll look into it!

You will receive a bit of extra credit for this work. If you don't complete it, we will simply assign you to a team without your preferences early next week.

Professor Watson

Project: SAS Team 3

Project: SAS Team 3

Team: Caitlin McCright, Jerald Narron

Tagline: SAS Campaign Management System

Problem: To facilitate project management communication in an easy and efficient way.

Implementation:

The goal was to create the front-end of a campaign management system that tracks the progress of ongoing projects. We wanted to add a chat feature to allow people to easily collaborate on projects. We used Twitter Bootstrap to create the front-end framework, as well as Font Awesome for some of the web page elements. For the chat, we used Kiwi IRC.

Future work:

The back-end of the webpage would have to be implemented for full functionality.

Link to page:

http://www4.ncsu.edu/~cdmccrig/scms/

Announcement: opportunity to give feedback on your teammates

Hey folks,

If you would like to give feedback on your teammates project performance, you may do so at this form. We can only act if there is a consensus about a team member.

It isn't necessary to give feedback about team members who did well.

Professor Watson

Project: Recognition 2

Team: Aiden Cowart, Gregory Daniels,Neelkanth Patel, Akshit Patel, Logan Valentine, David Harvey-Macaulay

Tagline: Recogneyes - Take a closer look

Problem: 

Many games seem like a waste of time, nothing more than a mindless distraction to kill time. Why not try to turn that wasted time and energy into something more productive? A game where it helps sharpen your mind while you are playing? This is the goal of Recogneyes. Recogneyes is a game in which you match pictures, one that is at first pixilated and is progressively de-pixilated, to a picture selected from a group that matches it. This game serves to hone your visual perception skills, and rewards you for doing so! The faster you can match the pictures, while the main picture is still heavily pixilated, the more points you earn! 

How it Works: 

This game has been converted from an Android platform game to a full Web browser experience! This site uses HTML, CSS, JavaScript, JQuery, and Java Servlet pages for back-end communication. The backend is built on an Apache Tomcat server using Java for server-side work and MySQL for database needs. Recogneyes uses the jQuery library Fancybox to display the game images, Prefixfree JavaScript tool to allow for better cross-platform compatibility, and the ClosePixilate JavaScript library to do real-time image pixilation within the browser. The requests are handled by the JSP pages, which pass those commands to the Java classes imported into the JSP page, which then accesses the resources necessary to fulfill the request. 

Unfinished and Future Work: 

Future work for this game would be a “rapid-fire” play mode. This will entail a new picture from the album every 10 seconds with no choice of pausing. Adjusting the difficulty level and the points assigned to it is also for the future. Also developer input on the design of the game screen is appreciated. Integration for Facebook profiles for login is not implemented, but is wanted for the future. 

Working Site: 

This site is not hosted at the moment. In order to check the game out, follow these steps: 

1. Download Eclipse IDE for Java EE Developers (link: http://www.eclipse.org/downloads/?)

2. Download and unpack Apache Tomcat 6.0 server: (link:http://tomcat.apache.org/download-60.cgi) 

3. Download and install MySQL server, workbench, and JDBC Connector for your OS (link: http://dev.mysql.com/downloads/) 

4. Open Eclipse, and import from the GitHub repository link below. 

5. Set up the Tomcat server for the application (Window -> Show View -> Servers; then switch file inside of it) 

6. Make sure in the lib directory of Apache Tomcat, you have the Java MySQL Connector .jar 

over to the server tab, click the link for the new server wizard -> choose Tomcat 6.0 and click 

next -> and add the project to the server)

7. Open up a web browser, enter localhost:8080/Recognition/login.jsp and enjoy!

GitHub 

Video

Project: SAS Team 4

Team Members:  Caroline Lima-Lane, Ronald Miller, Vatslav Orlov

Tagline:  Task Management Dashboard

Problem:  To create a Task Management system for the persona of a Project Manager organizing a large collaborative team project for a film campaign.

Implementation:

We wanted to create a Collaborative Task Management system that shows the workflow of the product cycle of a film campaign. We used the jQueryUI API for sortables, collapsible portlets for the objects, and progress bars inside each portlet. Adding a new portlet inserts via javascript into the HTML after that element.  We used extensive CSS to set up the columns of each task and format the look of each portlet.  We implemented a date in the upper right corner from Javascript.  We used the Facebook API to embed the live feed from SAS into the right side of the page.  The page is divided into 3 sections via frames: Top, bottom, and right.  Scroll bars were disabled to increase the aesthetics of the page.

Future Work:

The current site is a prototype with no backend.  The elements are reloaded each time the page is refreshed.  We would add some backend database to save the state and fully implement the login.  We also would like to filter tasks by category with menu items at the top of the page, and polish the interface.

Links:

Link to CSC Webcast

Link to Design Webcast

Link to Working Site (Use any email and any password to login)

Link to Github (ncsu web class) / Link to Github (non-ncsu)

Project: SAS Team 1

 

Team:  Waqas Goraya, Galen Keene

Tagline:  Project management tool for browsing previous campaigns and crafting new ones

Core Problems:  The primary issues faced by campaign developers is a lack of information on both previous and current campaigns and, as such, newly created campaigns aren't always as efficient or effective as they could be.  This application provides an interface for users to browse previous campaigns and all of their various attributes (such as channel, target audience, budget, success rate, etc.) and make decisions on the direction they would like their new campaign to take.

Some Background: This web application is implemented using JavaScript and HTML web code to produce a responsive web-design that is both flexible and easy-to-use.  Cascading Style Sheets (CSS) were used to form the design of the web app on other platforms such as mobile and resizing the browser on a PC. The usage of plugins in our application makes it easily extensible for any future needs.

Unfinished and Future Work:  While we created a solid design for the database, we didn't have enough time to completely integrate it with the application, nor did we have time to build out fake data to populate the database.  Once these two things are done, they can be quickly/easily integrated with the application to support live project information and queries.  Once there is a supported database, the next step would be to implement the ability to create new campaigns, both from scratch and based on historical information retrieved by a user's search query.  Beyond this, multiple users with various administrative levels should be added along with a less important messaging feature between users.

Github: https://github.com/NCSUWebClass/fall14-sas1

Video:  https://drive.google.com/file/d/0Bxtyc1CYEMzqU1l6RzlfNklLQ1E/view

Website: http://www4.ncsu.edu/~wagoraya/SAS_Project/homepage.html