Web Programming for Non-Programmers

DCI 110

Winter 2019

Credits: 4

Requirements Met: SC, DCI Minor Core Elective

GitHub Site: https://github.com/dci110w19

Class Meeting Metadata
Meets: M
W (lab)
2:45 - 4:15pm
3:15 - 4:45pm
2:45 - 4:15pm
Classroom: CGL 212
Instructor's Metadata
Instructor: Jason T. Mickel, Ph.D.
E-Mail: mickelj@wlu.edu How to Email a Professor
Phone: (540) 458-8653
Office: Leyburn M33
Office Hours: M 11:00 - 12:00
T 11:00 - 12:00
W 1:00 - 2:00
Or by appointment

Project Deliverable #4: Website w/ Full Javascript Visualizations75 points

Due Wednesday, April 4 @ 11:55pm


Complete your website by adding in a Google Map and Chart.js chart into the respective pages that address your questions. Edit any HTML to reflect the answers to your research questions as well so that when this deliverable is complete, you will have a fully-functional mini-website.

For the map:

  • Load the GeoJSON file from your GitHub project directory. This will draw neighborhood areas on your map.
  • Your job is to then use JavaScript to display information in pop-ups similar to how you accomplished it in your labs.
  • Hint: try using infowindow.setPosition(event.latLng); to position your pop-up boxes

For the chart:

  • Use the data from your original CSV file to build a chart to answer your chart question. You will have to re-enter this data into the JavaScript for your chart.

Grading Specifications

Expectations for grading:

  • Good styling for the appropriate languages in all files.
  • Completeness of the site as a whole including corrections to your HTML and CSS where noted. Your site should be in a finished state upon submission.
  • This includes the updated text for the explanations of your answered questions.
  • Working map and chart that demonstrate the answers to your questions
  • HTML and CSS should continue to work properly from Deliverable 3 following the addition of your JavaScript. Test, test, test!