CSC 343: The Week beginning Mar. 27

• Homework:
  
  HTML Watch HTML5 overview: Standardizing semantic elements | lynda.com, then make a page about HTML5 semantic elements that uses HTML5 sematic elements.
  
  CSS Watch CSS Tutorial for Beginners - 37 - The cursor property and CSS Tutorial for Beginners - 38 - Custom cursor. Then make a page with some cursor styling.
  
  JavaScript Write the program of "tracks" seen at the end of Understanding Variable Scope & Closures Without Losing your Mind
  
  Due: Apr. 3
  
  
• Monday:
  
  TVShowGenrePseudoCode.jpg
  
  TowardChemicalFixSort.jpg
  
  Histogram.htm
  
  
• Wednesday:
  
  GuessRomanNumeral.zip
  
  Lab: Frequency Analysis
  • Have a textarea where the user can enter some text.
  • When a button is clicked, break the text into an array of letters and count the frequency (number of occurrences) of each letter -- case insensitive. Disable the button. (Before breaking the text into letters, eliminate spaces, punctuation, etc.)
  • Use JavaScript/jQuery to make an svg histogram showing the frequency of each letter.
  • Also calculate the information entropy -- the sum of - p_i log₂(p_i) where p_i is the probability of the i^th letter which we will take to be its frequency divided by the total number of letter occurrences. (The information entropy is the number of bits conveyed by each letter.) You can use Math.log2(x) to obtain the log base 2 of a number. A check on your results is that the information entropy is less than or equal to the information capacity which in this case is log₂ (26) = 4.70044 bits/letter
  • Clear the histogram if the user changes the content of the textarea. Enable the button.
  
  
  Due: Apr. 5
  
  
• Friday:
  
  Lab: Angular Tip Calculator
  
  
  
  Using the Angular examples GuessRomanNumeral and MadLib (last week), create a simple Tip Calculator Page. It should take in the amount of the bill (number input) and the tip percentage (select) and calculate the tip and total (amount+tip). It should use the angular library. It should follow the Model-View-Control approach (seen in GuessRomanNumeral). In other words the "business" logic (the calculation) should be in a different file from HTML page seen by the user.
  
  Due: Apr. 7