Team

Tools

Technologies

Methodology

We used an Agile methodology for fast prototyping and an incremental development. We run weekly meetings for tasks assignation, review of the latests developments and brainstorming.

Coordination

The team was divided into several roles. The team leader was in charge of setting up the meetings, debriefing the team, tasks assignation and motivation. The decisions making was done by majority vote. In case of tie the Team Leader had the decision vote.

Haisheng Yu

Role: tester


Email: haisheng@kth.se

Tasks

Research
  • Literature search.
  • Article retrieval.
  • Reading and digest publications.
  • Summarize key message.
  • Coordination
  • Using Online tools such as Slack, Github,Ttrello etc. to accept tasks, handling data and code, and coordinate time to have meetings with group members.
  • Data handling
  • Create and update csv files for datasets.
  • Test and evaluate datasets.
  • Cleaning of data.
  • Meetings
  • Meet with other group members to discuss the further steps.
  • Testing
  • Debugs the project.
  • Create online survey.
  • Normal user testing.
  • Collecting and analyzing results.
  • Development
  • Work on to visualize the part of “About the team”
  • Tasks

    Research
  • Search for datasources, information about nutrition, research papers and different kinds of visualizations.
  • Data handling
  • Merge of datasets.
  • Cleaning of data.
  • Development
  • Creation of the visualization for the 'About the team'.
  • Tests
  • Bug detection.
  • Expert users testing.
  • Presentations
  • Creation of content for the slides.
  • Search for images and sources of information.
  • Website
  • Creation of the "About the team" section.
  • Coordination
  • Asignation of tasks.
  • Follow up of assignations.
  • Scheduling of meetings.
  • Meetings
  • Creation of an agenda for each session.
  • Role of project manager.
  • Debrief all team with a summary of the meeting.
  • Development
  • Creation of the visualization for the 'About the team'.
  • Tasks

    Meetings
    Team meetings
  • Bilateral meetings with Haisheng in order to prepare user testing.
  • Contributions during multilateral team meetings.
  • Meeting with expert researcher Björn Hedin (KTH).
  • Research
  • Literature search.
  • Article retrieval.
  • Reading and digest publications.
  • Summarize key message.
  • Data handling
  • Examine and evaluate online databases.
  • Contact responsible persons.
  • Document responses.
  • Exploration of raw data wrt plausibility.
  • Website
  • Data cleaning and quality control.
  • Created early version of website.
  • User instructions to ease understanding.
  • Graphic design
  • Research for favicon creation.
  • Actual blueprint and design.
  • Presentations
  • Preparation of test result report.
  • Proof-reading of all presentations.
  • Video production
  • Script creation for teaser films.
  • Visiting suitable supermarkets, contact with staff.
  • Arrangement of professional camera equipment (i.a., GoPro, handheld camera with tripod).
  • Tests
  • Preparation of suitable approach.
  • Literature research.
  • Decision to follow Analytic Task Taxonomy (Stasko et al.).
  • Development of suitable user tasks.
  • Creation of Online Survey.
  • Distribution of Online Survey.
  • Development of improved survey version.
  • Collection and handling of user data.
  • Recruitment of test user sample.
  • Coordination
  • Use Online Project Management tools.
  • Use Online Chat Tools.
  • Use Google Docs.
  • Stay up-to-date.
  • Participate in team polls.
  • Find and agree on time-slots for in-person meetings.
  • Preparations for video film production.
  • Tasks

    Meetings
  • Introducing slack & trello to the team.
  • Introducing Git branch concept to the team to avoid merge hell.
  • Development
    Bubble chart prototype
  • Customizable x, y, z axis & bubble size.
  • Brush on z-axis.
  • Searchbar.
  • Pan & Zoom.
  • Highlight effects on bubble.
  • Bubble chart final version
  • Extending most features of the prototype.
  • Integrate chart update with Martin's category legend action.
  • Integrate chart update with Martin's filter action.
  • Flip x, y axis.
  • Dynamic rescaling base on visible data.
  • Implement animations on every view updates.
  • Tasks

    Meetings
  • Group meetings regarding progress in the project, brainstorming ideas, deciding what comes next and handing out tasks for members.
  • Data handling
  • Match all items found in Co2 database with nutrition database finding closest match manually.
  • Translating from Swedish to English using the English version of the nutrition database.
  • Data cleaning.
  • Explore automated datacleaning (not much success here).
  • Development
  • Made a version-handler for final presentation that was merged with the website we had at the time.
  • Minor tweaks, like adding color.
  • Research
  • Looking for datasets/api's that could be of use for the project.
  • Researching the possibility of matching names in two datasets to find closest match.
  • Video production
  • Editing the video.
  • Creating animations in the editing software.
  • Creating the music from scratch.
  • Recording voiceover for video.
  • Tests
  • Played around with the visualization when I was asked to.
  • Trying to find bugs and such.
  • Tasks

    Meetings
  • Shared some ideas.
  • Development
  • Filters.
  • Bug fixes.
  • Legend for bubble chart.
  • Colors for bubble chart.
  • Made the clickable axis labels in the bubble chart.
  • Research
  • Studied different sources for CO2 data.
  • Website
  • Did some layouting of the screen.
  • Presentation
  • Made a couple of slides.
  • Tests
  • Testing the website when making changes.
  • Tasks

    Meetings
  • Partake in discussions.
  • Concept development.
  • Research
  • Come up with several concepts.
  • Research existing visualizations, and come up with ideas for this project.
  • Searching for additional data sources.
  • Data handling
  • Gathering, matching and cleaning the data.
  • Translating.
  • Cross-checking sources to get realistic numbers.
  • Development
  • Bug-fixing.
  • Presentations
  • Proofreading.
  • Research for the first presentation.
  • Website
  • Web design.
  • Structuring the webpage.
  • Graphic design
  • Creating logo and header.
  • Colour pallette for the website.
  • Alternative favicon.
  • Video production
  • Planning and filming the part with the boiling water.
  • Drawing vector graphics.
  • Tasks

    Meetings
  • Partake in discussions.
  • Development
  • Visualization Models.
  • The final product.
  • Donut Chart.
  • Other general 'programming' things.
  • Research
  • Data sourcing.
  • Food statistics research.
  • Tests
  • Code testing and debugging.
  • User testing.
  • Presentations
  • Helped proofread and prepare presentations.
  • Website
  • Website hosting.
  • Effective HTML/JS/D3 organization and creation.
  • In charge of secondary detail-on-demand visualization (Donut Chart).
  • Ensure multi-OS and Software support.
  • Coordination
  • Communicating effectively with other team members.
  • Effective modular programming and dividing up tasks efficiently.
  • The use of tools such as Github, Slack and Trello.
  • Coordinating the backend and frontend programmers.
  • Data handling
  • Data Cleaning.
  • File Generation.
  • Script creations.