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

Unit 6 - Library Ideas

  • Public
By Hassan Jasim in the group COMP 266 August 25, 2022 - 4:15pm

In this document I have focused on quality of the code over quantity, I have only implemented features that are useful to the personas I created in unit 1 and haven’t implemented gimmicky features that don’t serve the personas any use.


Changing Site’s Font Size


This will allow the user to increase or decrease the font size of all the elements on the page. Readability is key for all the personas and making sure that they can see our portfolio, the projects we have worked on and our development team. This is key as this will determine if they want to bring us on as a vendor or not.


Spelling Out Words


Adding some movement to a page as it loads gives the illusion that the website is dynamic. This keeps our website lively and interesting. I’ve always gravitated to websites with unique features such as a new take on parallax scrolling or a cool JS or CSS feature. Having some movement on the page has been shown to increase user retention and time spent on the page. In this function I will spell out the text in the project tiles after some time after the page loads.



Adding a Bubble Graph to Homepage


            This function will be very involved as I want to add a bubble graph that will display all the companies we work with, and their size will represent how big of a client they are to us. This will allow all the personas to understand which client is hiring us more and get an idea of the scale of the projects that we are doing. I want to use the D3 library for this.


PDF of the above text can be found here:


These comments are moderated. Your comment will not be visible unless accepted by the content owner.

Only simple HTML formatting is allowed and any hyperlinks will be stripped away. If you need to include a URL then please simply type it so that users can copy and paste it if needed.