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
![thumbnail.jpg](https://github.com/kjcommon138/Non-Linear-Proposal/blob/master/thumbnail.jpg?raw=true)
- 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 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
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8RZGD3khAG92_lZRNndeoeCmHmG-xgAAjT29lp2LmJoeA0GjXmXgKWcPwBhECbsjnlrt4njGGKg14gLI0y53o_YzQ_ehItL-I5OegVnOvhSKbtvJTKwH8ZoLQf7j8AE8WJMY_N2NVFbW8/s1600/shark.small.jpg)
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
![](http://3.bp.blogspot.com/-HbuOs_KDvLw/VmoJ3QfhDXI/AAAAAAAAABU/fKFSEZNyNCg/s1600/sas-small.jpg)
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
![](http://1.bp.blogspot.com/-2NitW-w9tGM/VmntytQR83I/AAAAAAAAABc/tAh5I1Xmd9o/s1600/Logo.jpg)
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
![](http://3.bp.blogspot.com/-t6-65ePXCek/Vmnkw3a0ykI/AAAAAAAAALw/kd-jN-MHwos/s280/walker.png)
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!
|
Tuesday, December 8, 2015
Announcement (updated): Python, advanced tools and visuals quizzes are up! Do them by Thursday
Python, advanced tools, and visuals quizzes are up! These are optional, but we've already had ten quizzes, so taking these can only improve your grade.
Finish them by end Thursday the 10th.
Professor Watson
Sunday, December 6, 2015
Find: A major internet backbone company is about to make a lot of websites load much faster
// The Verge - All Posts
![](https://cdn1.vox-cdn.com/thumbor/heVfhn07sabkj3zQp735_k_lPNw=/2x0:843x561/800x536/cdn0.vox-cdn.com/uploads/chorus_image/image/47791657/20111124-d14d5auett2uddm8h3j12b4kxe.0.jpg)
In February, web engineers released a way to move information over the web. Called HTTP/2, the new protocol is designed to make web traffic faster and more efficient. In the months since it was formally approved, the challenge has been getting the rest of the web to use it.
Today, the protocol is taking a big step forward, thanks to a new deployment from the content distribution network CloudFlare. Starting today, HTTP/2 will be available by default to all the company's customers, more than doubling the adoption for the fledgling web standard. CEO Matthew Prince says the company has been rolling out support for the protocol slowly over the past week, and company scans indicate three out of four sites using HTTP/2 on the Alexa top...
Continue reading…
Saturday, December 5, 2015
Find: Internet-connected Hello Barbie doll gets bitten by nasty POODLE crypto bug
// Ars Technica
![](http://cdn.arstechnica.net/wp-content/uploads/2015/12/Screen-Shot-2015-12-04-at-11.41.54-AM.png)
The dreaded Hello Barbie. (credit: Mattel)
The vulnerabilities, laid out in a report published Friday by security firm Bluebox Labs, are the latest black eye for so-called "Internet of Things" devices. The term is applied to appliances and other everyday devices that are connected to the Internet, supposedly to give them a wider range of capabilities. The Hello Barbie doll is able to hold real-time conversations by uploading the words a child says to a server. Instant processing on the server then allows the doll to provide an appropriate response.
Bluebox researchers uncovered a variety of weaknesses in the iOS and Android app developed by Mattel partner ToyTalk. The apps are used to connect the doll to a nearby Wi-Fi networks. The researchers also reported vulnerabilities in the remote server used to communicate with the doll.
Find: Microsoft to open source Chakra, the JavaScript heart of its Edge browser
// Ars Technica
![](http://cdn.arstechnica.net/wp-content/uploads/2015/12/chakra-design-640x241.png)
Block diagram of Chakra's design. (credit: Microsoft)
Microsoft is calling the version it's open sourcing ChakraCore. This is the complete JavaScript engine—the parser, the interpreter, the just-in-time compiler, and the garbage collector along with the API used to embed the engine into applications (as used in Edge). This will have the same performance and capabilities, including asm.js and SIMD support, as well as cutting-edge support for new ECMAScript 2015 language features like the version found in Microsoft's Windows 10 browser.
There are some small differences, however, between ChakraCore and Chakra as ships in Windows 10. The full Chakra includes the glue between the JavaScript engine and the browser's HTML engine, and similarly, glue between the JavaScript engine and the Universal Windows Platform. Neither of these are part of ChakraCore. Chakra also has diagnostic APIs that use COM and hence are Windows-specific. These won't be in ChakraCore either. Instead, a new set of diagnostic APIs will be developed and eventually integrated into the full Chakra.
Wednesday, December 2, 2015
Announcement: project details and our final day
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
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
A primer on Python CGI Programming
Announcement: reminder about today's office hours @ 1145
- when: 1145am
- where: eb2 2280