Category: Collaborative Project Development

Project: Interactive Digital Map – Data Visualization

Date: 05/07/2019

Static map of sharks (2017):

Overlapping vessel data and shark data (2017):

After the progress presentation, I improved my project based on comments and suggestions I received. In order to reduce the burden of computation and to visualize the data more clearly, I made a new map for shark data only that shows the amount of time for which the sharks stay around each receiver as well as the graph of sharks moving from one receiver to another.  I also built a simple homepage that links to the two maps.

Major functions that need to be implemented are the timeline and hover-to-show-information.

My idea for overlapping vessel data and shark data is to show the intersection of human activities and shark activities in the sand tiger sharks’ nursery. I did some research and found that potential threats to sharks related to vessels are by-catching and underwater noise. I am trying to visualize the datasets in a less messy way.

Partner: Tyler Roman

Project: Ainu Memory Game

What We Have:

We now have a working coded game. Cards flip when selected, matches are recognized, pop-ups work, matched cards stay face up, and the final pop-up also works. We have filled 12 of the 16 cards (6 of the 8 objects) with images. The backs of the cards are also designed. There is a small sound that plays to give positive feedback when a match is made.

Currently Working On:

We are working on putting the video and audio in the pop-ups. We are working on adding an urban effect to the background. It was also suggested that we make the pop-up boxes larger and have background music playing. We are working on implementing these. The overall aesthetic is also something that will be finalized soon and will be influenced by the other group’s website.

This is the version that is correctly coded:

This is the version that has most of the images:

We just need to incorporate the images in the correctly coded version.

Project: Interactive Digital Map – Data Visualization

Date: 05/01/2019

Last week, I mainly dealt with data collection and processing. I learnt more about data scraping and file converting with Python modules. I now have three  sets of cleaned data in json files  – the whale data from Robots4Whales, the shark data from WCS and the vessel from NOAA. After studying the whale data,  I decided not to visualize it on the map because all the data points are  fixed in one position and thus visualizing them on a map is ineffective.

I spent a lot of time searching for vessel position data. Vessel position datasets are usually very large and not free of charge. I was lucky to find vessel data on NOAA.

I created simple dictionaries for the both the shark data and the vessel data. But as I start to make the map, I find that I need to process the vessel data into nested dictionaries to easily draw points for the vessels.

My data visualization idea is to first make static maps for each dataset with a week or a month as a unit. Then, I plan to animate the maps by interacting shark data and vessel data. The map will have basic functions such as switching layers. I also want to include user interactions such as clicking on data points to read information.

Partner: Tyler Roman 

Project: Memory game in the web browser

We want to create a simple memory card game users can play to learn about the Sapporo Upopo Hozonkai singing and dancing culture. It will be made so that it can be attached to another group’s website, yet also stand alone. We want any textual information to be written both in English and Japanese.

We started with a minimal paper prototype. Here is where you can find a video of us using the paper prototype:

https://drive.google.com/file/d/1IP2sJ7eV_l-c6_7TNm5f6pia7Z8w4bda/view?usp=sharing

We then made a wireframe/mockup of what our memory game will look like. We used to Balsamiq to make that. We made different pages for different stages of our game. For example, we have a page where there is not a match, where there is a match, and the ending of the game. Here is where you can find the mockup: 

https://balsamiq.cloud/svrsvn2/paoepn9

We went through footage from Friday and found some images we would like to use for the cards. We still need to edit a few of the photos before using them in the final product.

Now we are starting on the coding of the game. We’ve found some good tutorials, and we both already have some background in coding. The coding is what will be our focus for this and next week.