Athabasca University | AU Student/Staff Login | Invited Guest Login
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 posts - FAQs: Course process : Site design : HTML : CSS : JavaScript : JQuery : AJAX : Misc : Podcasts for each unit
Updated resource pages: Unit 1 - Unit 2 - Unit 3 - Units 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
Part. 1 Learning Diary - Unit 5: Writing JavaScript - Choosing the Project
ByTristan Simpson Unit 5
- Comp 266
- Reflections
- Learning Diary
- Choosing the project
3 JavaScript Ideas to implement:
1. Manual Photo Slideshow of Fitness
Description:
I have taken a good number of photos from my fitness business Nurofit.ca, I would like to use these photos as I believe that they fit the mission of my website.
Rationale:
A 100% of my personas are people who are interested in Fitness and mentality. Thus attaching photos of my business that has to do with fitness and mental health would suit the inspiration factor of a slideshow on my page.
Note:
I would have to create a new HTML page to implement this photo gallery as I currently do not have a place for it in the pages I currently have.
2. Megamenu
Description:
Megamenu for site map
Rationale:
I think all of my personas again can find a use for this.
Each visitor may have questions they need to be answered. To say only specific people can use a megamenu wouldn’t be logical
Possible Resources:
3. Search bar
Description:
To implement a search bar to help users find specific information on any keyword on mind. I looked into this and a Google custom search bar seems like a good idea at the moment.
Rationale:
My personas probably go through a lot of websites to prepare for their workouts. To make their diet/workout research easier a search bar would definitely help them find what they are looking for
Possible Resources:
W3schools
Learning Diary - Unit 5: Writing JavaScript - Designing
By tristan simpson
Search bar.
- This is the code for the search bar
2. Mega menu
3. Slide show
Data:
Private (in-class) variables
Functions and Classes:
Pseudocode:
Unit 5: Writing JavaScript - Coding - UNIT COMPLETE
Work completed: I have made 3 new java apps for my website. Search bar, megamenu and a photo slide-show, I believe all three of these will add interest to my site and value to my customers,
The most difficult for me was the slide show as I had to figure out multiple links
What I Would Do Differently: I would put it on each page not just my home page
Resources: W3schools
COMP 266
