Landing : Athabascau University

Group members: this is the place for your learning diary. Use this to post your zipped-up site at least once each unit, and your reflections as often as you wish (at least once per unit). Please write your reflections directly in the post, not as attached files. Where you do need to attach documents, such as for unit 1 designs, use PDF, PNG or JPG formats. You can attach files using the 'Embed content' link in the editor.

QUICK COURSE LINKS:  Add blog post - Read latest group postsFAQs: Course process : Site design : HTML : CSS : JavaScript : JQuery : AJAX : MiscPodcasts for each unit

Updated resource pages:  Unit 1 - Unit 2  - Unit 3Units 4 & 5 - Unit 6 - Unit 7

mportant notice: the student web server is unavailable. Until this is fixed, we do not require you to upload your site to the student server. See Running a web server on your local machine for details of how to meet the requirements for the final unit

Unit 5: Three javascript ideas

  • Public
By Mipam Lauder in the group COMP 266 February 17, 2021 - 9:08am

I'm going to work on the 3 javascript ideas I've outlined below, and I'll likely use #2 for Unit 7 as well.

1) Display a pop-up mini-map showing the location of the marina when the user hovers over the marina name on the Marina's page.  I'd likely use leaflet to help display the map, and openstreetmap as the data source.

2) Fetch and parse the marine weather forecast for the selected Vancouver Island areas.  I'd grab the raw forecast data from the Environment Canada data server, parse it to display the correct areas based on the stored cookie containing the user's area selections.  It would display the entire marine forecast by default.

3) Create a multi-choice quiz based on navigation buoys ( select the correct answer based on the buoy picture displayed ).  The quiz would be timed, keeping track of the time taken to submit an answer, and the score would be saved as a cookie to keep track of the quiz history.