WebFund 2016W: Tutorial 9

From Soma-notes
Jump to navigation Jump to search

This tutorial is still in development.

In this tutorial you will be playing with interactive-graphs, a single-page web application that graphs word frequencies.

Understanding interactive-graphs

To better understand interactive-graphs, consider the following:

  • What files are loaded into the browser when the application is started?
  • What routes are defined? Is this more or less than you'd expect?
  • Where is the text analyzed, on the server or in the browser?

Extending interactive-graphs

  1. Add a radio selector to choose the sort order, either alphabetical or by frequency.
  2. Make the word sorting be case-insensitive, so "Three" comes after "apple".
  3. Add a second textbox to be analyzed. Call one "A" and the other "B". The graph should then have two datasets, one for "A" and one for "B". Change the sort radio selector to have three options: alphabetical, A's frequency, and B's frequency.

Completing the Tutorial

To successfully complete this tutorial, please complete all of the three tasks above or show a TA that you've spent most of the tutorial time working on the tasks.

If you need to spend time working on Assignment 5 in tutorial, you may do so; however, you will not get credit for the tutorial. You will need to talk to a TA in office hours to show that you have completed the tutorial tasks.