Assignment 5

The bulk of Assignment 5 was supposed to be applying CSS styling to what we did in Assignment 4. Luckily, I've been working on the CSS part of my website alongside the HTML part of my website for a long time. Unluckily, that means that figuring out what to talk about is much more challenging. The site went through a couple stylistic versions before I landed on what I have now, and I'm still not 100% happy.


In order to optimize my website's performance, I've done a couple things. First and foremost, you may have noticed that I'm using a better server than Trent University's Loki Server. I've instead switched to my own Amazon Lightsail server for hosting my web-page. This was an immediately noticable improvement. I also took the plunge into my images folder and removed all the images which were too high a resolution, and replaced them with much more modestly sized images. Obivously, for assignments like number one, the images were left slightly higher resolution than the images on the rest of the site, due to the image-based nature of the assignment.

Aside from optimizing page-load performance, I've also boosted the look and feel of my site. I've implemented flexbox all over my site to try and help better the performance of my website on mobile. By using the full power of flexbox, I can have things side-by-side on desktop, but stacked on top of each other on mobile. I've coupled this with CSS media queries to drastically change how my side looks. On screens smaller than 1100 pixels in width, the wide navigation bar on the top instead becomes a stack of links. To make it easier to edit my navigation bar, I use JQuery to load a separate file into place. This allows me to edit that single file and have the changes propagate to all of my pages. The same goes for my footer.

To add a higher "production value" to my side, I've added a fun transition to page changes. You may have noticed them. This works entirely with JavaScript to set the CSS properties for transform and translate on both the main content, banner, and footer sections. This feature of my website was my pride and joy; it took several days straight of non-stop learning and trouble shooting, and is still a feature that I'm constantly improving the effiency of. My production value is increased even farther by on-hover effects present throughout my page; the navigation header's links grow, glow, and change colour upon hovering. Many of my links for performing on-page actions also come in the form of little buttons, which slide upwards slightly upon hover. I love the simplistic interaction of these buttons; they're my favourite feature of my site.

Throughout my site, I've also used relative units, primarily the em unit, to help make things scale from mobile to desktop. vw and vh have also been very helpful in achieving the look I was going for. I've also made good use of the CSS calc(); feature. This has proven to be an invaluable asset in tight situations when I could not figure out a reliable way to format my page.

Analyzing Use-Cases

As part of this assignment, we were to analyze different use-cases of several websites.

  1. Using the Trent University website for the first time to try and find a specific classroom, without leaving the Trent website.
  2. Using the Trent University website to find the graduate calendar, in the event that the University's important dates are ever required.
  3. A first-time student trying to find their grade on Blackboard.
  4. How difficult is it to find a link to purchase the textbooks for this course (COIS-2830H), without using the author's name or going through an online retailer. Start from a fresh browser window.
  5. How easily can you find an Uber in Peterborough, UK, instead of Peterborough, Ontario?
  6. Using Duck Duck Go vs. Google to determine the accuracy of a political ad.

Finding a Classroom

To do this, I used the example of specifcally CCS 307. My first thought was that maybe, I could pretend to be a slightly tech savvy user, and attempted to use the Site Map, located at the very bottom of the page. I CTRL+F'd the page for all kinds of things; "map," "room," "locate," and more. I was unable to find a directory for classroom locations. Next, I figured I could probably find it in the menu dropdown, and probably under services. Unless I missed something obvious, it wasn't there either. Finally, I caught a big break... almost.

After using the dropdown menu, I found the "About Trent" page. Once on there, the bottom of the header began sporting links to other topics; "Trent By the Numbers," "Governance," et cetera. One of these was, "How to Find Us." "Aha! A Map!" I thought to myself. It was there that I found a section of the page devoted to talking about the exciting and brand new interactive map! This map was indeed very impressive. It was a nice, high resolution look at the school from a bird's eye view. Neat! Sadly, I could not find anywhere to search for a room number or anything of the sort.

Upon giving up, I decided to simply search the site to see where I was supposed to have gone. Hilariously, even after searching the entire website for CCS 307, I could find nothing. The only things on the whole site that I could find with reference to a room number were PDF documents for orientation week.

I think Trent should adopt a system like ClassFind, with a directions from the far side of campus. I cannot believe how ridiculously impossible it was to find a room, let alone my specific room.

How to find the Graduate Calendar, and its Important Dates

For this use-case, we were to find out at what dates University started, and what dates were holidays for graduate students. Thankfully, this proved much easier than finding classrooms.

In order to find the important dates, the first step is to open the dropdown menu from the top left. From there, select academics, followed by Academic Calendar. This will lead to a page on which the user may choose whether they were looking for the undergraduate or graduate calendar. Finally, after selecting which one, there is a pointless page in which the user clicks one more link to a direct PDF of the entire academic calendar.

After getting to the academic calendar, I simply had to scroll down to the table of contents (it was more a list, really), and look for Important Dates (they were on page 8, if you're wondering). There, I finally found the list. School for graduates began on September 1st, and, after a brief holiday on the 3rd, ran until the eighth of October for Thanksgiving. After that, there was reading week from Oct. 22nd to Oct. 26th. After that, the last important date is the 24th of December, when the school closes for the holidays.

Finding Grades on Blackboard for the First Time

This was thankfully the easiest of the three so far. There were only two potential roadblocks. First, if the user didn't realize that their grades are accessed per course, and not from one single place. Second, if the user was using a mobile device on the website. From my iPad, for example, the course side-bar does not appear by default; it must be summoned by tapping on a very small blue bar on the left-hand edge of the screen.

If neither of those roadblocks are in place, then it is fairly simple to find grades on Blackboard. There is simply a "My Grades" link on the left hand side in the course information panel.

Purchasing the Textbook for COIS-2830H

To begin, I Googled "trent university cois-2830 textbook." From there, I selected the third link, "textbooks for AQ courses." This gave me a link to the TrentU bookstore. Once there, it was fairly easy. I simply selected my department of interest, and then my course. The bookstore gave me a handy link to add the books directly to my cart.

This was the easiest thing I've done so far in these unit testings. Unforuntately, it was done through Google, so it doesn't really boost Trent's poor UX score.

Find an Uber in Peterborough, UK

Surprisingly, this was slighlty more difficult that I originally thought it was going to be. Even withot using any fancy Google tricks, like putting "UK" in quotes to force results which include UK in the name, it was the top of the list after a search for "order uber peterborough uk." Specifically, it gave me results for East Anglia, the place where Peterborough, UK is.

Verify the Integrity of a Poltical Ad — DuckDuckGo vs. Google

My experience with this use case was actually opposite what I originally thought it would be. Originally, I thought I was going to prefer DuckDuckGo, due to its much broader and less targeted search space. However, I found that, while not exactly Google Search, Google has a database of political ads, free for people to look at whenever they please and gather information on.

I preferred this to DuckDuckGo, since there is not really any place where I can grab tons of information on an ad; I have to do the digging myself. Google's extremely aptly named "Transparency Report," on the other hand, provided me a convenient place to start digging.

Another thing we had to do was to convert one of our previous essays into a three column layout. This wasn't that difficult to figure out, once I discovered the nifty CSS property, columns.

Assignment 3's Essay — Remade in a Three-Column Layout

The USMCA, and how it Fails Net Neurtrality

Matthew Brown
November 14th, 2018

The United States-Mexico-Canada Agreement (USMCA) is a rewrite of NAFTA (the North American Free Trade Agreement), originally enacted on January 1st, 1994 (Wikipedia contributors, 2018). The NAFTA was renegotiated after President Trump promised to do so in his 2016 election campaign. USMCA is basically a modernized refresh of the 25-year old NAFTA, with some extra changes to cars, labour laws, environmental standards, and intellectual property (IP) protections (Kirby, 2018). Most notable are new IP protection laws, which include an extension of copyright protections on intellectual properties from 50 years to 70 year. Interestingly, the controversial topic of net neutrality was not covered by the USMCA (The Governments of The United States of America, The United Mexican States, and Canada, 2018). This is perhaps the biggest downfall of the USMCA.


What is Net Netrality?

As controversial and wide-spread a topic as net neutrality is, understanding what it is a multi-layered problem, with roots in both commerce and networking. By definition, net neutrality is the principle that Internet Service Providers (ISPs) provide customers with unrestricted access to all data on the internet equally, without discrimination (Wikipedia contributors, 2018). But what does this mean?

When data is sent on the internet, it is sent in a series of packets. Each packet will then take the fastest route available to it. These are analogous to cars on a highway. The current way of transmitting data over the internet involves equal treatment of every packet, no matter its destination or origin—just as how the speed limit on the analogous highway does not depend on who is driving the car (Linus Media Group, 2015).

Where is the Concern?

The next question regarding net neutrality is, “why is this such a controversial topic?” The issues arise when ISPs break away from this traditional ideology of equal packet treatment. For example, in 2014, Netflix was forced to enter a deal with Comcast in order to have access to reliable speeds across the United States. This was after a reported 25 percent decrease in speeds for customers accessing Netflix’s services (Shaikh, 2014). Netflix struck up a deal with Comcast to make up for the large amount of Comcast’s bandwidth they were using (Linus Media Group, 2015).

As a consumer, this is a really opaque process - being unable to really know who’s paying what to whom. All you know as a consumer is that you are really paying in the end.

Quote: Craig Aaron, from the consumer advocacy group, 'Free Press'

This situation brings to light the ramifications of letting ISPs do what they please to the speed limits of the internet. Let’s look at Comcast again for an example. Say NBC’s (a subsidiary of Comcast) new, hypothetical, video platform was struggling to gain traction. Comcast realizes that the vast majority of their customers download their video content from Netflix and YouTube. Comcast realizes that the viewership on their platform will increase if the speeds of their competitors become less reliable. In a North America without net neutrality, Comcast would be able to throttle Netflix and YouTube until the services payed an extra fee. This is almost what happened in 2014, although the two, Comcast and Verizon (Gantt, 2014) suspected companies denied any of Netflix’s new “preferential network treatment” (Shaikh, 2014).

Notable net neutrality advocate Tim Wu said that agreements of this type are inevitably bad for consumers (Shaikh, 2014). Deals like these will encourage similar behaviour in the future, which will mean that only the companies with the deepest pockets will be able to afford a “fast-lane” on the internet; online start-ups will all but disappear without a costly web-hosting solution.

On the Term 'Controversial'

Net neutrality is often (including in this essay) called a controversial topic. While this statement is not entirely false, “controversial” is usually associated with the idea of public discourse and general unpleasantry. However, in this case, the general public is nearly unanimously in favour of net neutrality—the controversy comes when it comes to bringing net neutrality into law.

On the topic of net neutrality, the “public discourse” is instead between the public and the government. This is most prevalent in the United States, where the majority of the attention towards net neutrality has been. In the United States, the Federal Communications Commission (FCC) regulates all communications by radio, television, satellite, and cable (Wikipedia contributors, 2018), the latter two of which encompass the internet. The largest part of the fight against the FCC is the public’s attempt to block the FCC’s attempt to repeal net neutrality.

Sadly, the FCC successfully repealed net neutrality rules in June 2018 (Collins, 2018). It’s not hard to see how, since this action, which very much benefits ISPs, allowing them to charge exorbitant rates, received so much support from congressional officials who received sponsorships from ISPs (Sottek & The Center for Responsive Politics, 2017).

vox-nn-graphic Figure 1: This diagram from Vox shows what ISPs can do in the total absence of net netrality laws.

However, Congress and the Supreme Court of the United States (SCOTUS) has seemingly been in favour of keeping the spirit of net neutrality alive.

A few days before the midterm elections, net neutrality supporters got a boost from the Supreme Court of the United States’ (SCOTUS) refusal to hear US Telecom’s appeal regarding the Obama administration’s 2015 net neutrality rules. Several think tanks called the denial […] a win for net neutrality. […]

SCOTUS’ refusal to hear the case means the 2015 rules may still be valid, even though the FCC repealed them last year. Whether or not those 2015 rules still stand will be decided in the D.C. Circuit Court of Appeals, in the Mozilla v. FCC case. And then there’s the United States v. California case, in which the Department of Justice (DOJ) is suing the state of California for overriding federal law and passing its own net neutrality rules.

Quote: Kate Patrick of [InsideSources], November 9th, 2018

In April of 2018, shortly before the FCC repealed, a study was conducted in which participants were presented with two arguments: one for the repeal of net neutrality, and one against its repeal. They were selected online based on probability from a larger sample, which was recruited by telephone and mail. Here’s what he found:

Voter responses in an independently conducted survey, in which people were asked whether they supported the repeal of net neutrality.
Affiliation Voters in Favour Voters Opposed Percent Opposed
National 13 86 86.87%
GOP 17 82 82.83%
Democrats 8 90 91.84%
Independents 14 85 85.86%

It’s incredibly clear that the people did not want this repeal to happen (Scarborough, 2018). This is not a fight between voters of different parties, like usual. Instead, it is an ongoing fight between voters, the government, the FCC, and the large corporations that back the FCC. The optimal situation would be for a bill to eventually be passed to veto the FCC’s new ruling.

In the months ranging between late 2017 and early 2018, the Internet rallied together. They flooded sites like Imgur and Reddit with links to Battle For the Net, which makes it easy to write to Congress and tell a representative one’s thoughts on net neutrality. After this occurred, miraculously, the United States Senate voted 52-47 to block the FCC’s repeal (Finley, 2018)! This was a glorious victory for all Internet users.

All that is left now is for an official law to be passed which would effectively lock the FCC into abiding by net neutrality rules. If only there was an impending international trade deal with the potential to influence laws domestically…

What does the USMCA do for Net Neurtrality?

Sadly, not much. According to Michael Geist, net neutrality provisions “fall short” of what laws are in place in Canada already (2018). The only thing that the new agreement touches on is “Principles on Access to and Use of the Internet for Digital Trade.” The three governments’ new agreement states that consumers have the rights to:

  1. access to services and applications of their choice, subject to reasonable network management;
  2. connect their devices to the internet, providing their devices to not harm the network;
  3. access information on the network management practices of their ISP;

and that’s it (The Governments of The United States of America, The United Mexican States, and Canada 2018). This comes directly from the USMCA.

What Should the USMCA Have Done for Net Neutrality?

Canada already had some rules for net neutrality in place, but, since the United States' unwinding of net neutrality in 2017, Canada has started to push even harder. Earlier this year, Canada passed the M-168 bill, titled simply “net neutrality.” This bill states that the House of Commons of Canada must:

  1. recognize that the internet has thrived due to net neutrality principles of openness transparency, freedom, and innovation;
  2. recognize that Canada has strong net neutrality rules in place that are grounded in the Telecommunications act and enforced by the Canadian Radio-television and Telecommunications Commission (CRTC);
  3. recognize that preserving an open Internet and the free flow of information is vital for the freedom of expression and diversity, education, entrepreneurship, innovation, Canadian democracy, and the future economic and social prosperity of Canadians;
  4. express its firm support for net neutrality and the continued preservation of an open Internet, free from unjust discrimination and interference; and
  5. call on the government to include net neutrality as a guiding principle of the upcoming Telecommunications Act and Broadcasting Act reviews in order to explore opportunities to further enshrine in legislation the principles of neutrality in the provision and carriage of all telecommunications services.
From the M-168 Bill's Text of Motion directly.

What this motion is essentially saying is that, since its passing, the government of Canada now recognizes the impact that net neutrality has on its citizens (House of Commons, 2018). Since Canada has net neutrality rules in place, it’s evident that they’re trying to strengthen their current laws past the point of no return; “We cannot rest on our laurels,” House member John Oliver said to the House of Commons. This would be the best case scenario type of bill to be enacted in the United States, as many other countries around the globe will follow them suit.

Opinion on the Solution

This strengthening of existing net neutrality laws is, in my opinion, what the USCMA should have done for net neutrality. If the USMCA had included provisions which regulate net neutrality, then the United States, Mexico, and Canada would all have had to sit down and evaluate whether or not their existing laws met the criteria to respect net neutrality. If they didn’t, then they’d have to bring theirs up to snuff.

The optimal plan of action would have been the political equivalent of espionage. Mexico, Canada, and the majority of the United States Senate should have worked together to try and write some net neutrality clauses into the agreement. In the senate, 52 agreed to the prospect of net neutrality (including three republicans!), and the ones that didn’t were all nominees who had been sponsored heavily by ISPs (Sottek & The Center for Responsive Politics, 2017). This means that, by working with the side of the Senate who had supported the idea of net neutrality, they could have found a way to make the provision appealing to the head honcho.

Speaking of the head honcho, President Trump is the main hurdle in this plan. Despite his position against lobbyism, Trump is against still against the idea of net neutrality. Knowing him, there’s some convoluted reason that’s too complicated for the smaller folk. The reason he poses a threat is because, even if Mexico, Canada, and the sneaky side of the Senate can get a net neutrality provision onto the USMCA, Trump is the one who must give his final approval. Trump’s main reason against net neutrality is (seemingly) the fact that he, along with FCC chairman Ajit Pai, believe that the Internet is an “interstate information service,” and thus only the federal government should be allowed to regulate it (Lam, 2018). This means that, whatever the provision says would have to include some kind of exceptional clause which would allow the federal government some amount of control, perhaps even more control is some areas than they have now, but still keep the fundamental principals of net neutrality in place.

As California’s State Senator, Scott Wiener, states;

Net neutrality, at its core, is the basic notion that we each get to decide where we go on the internet, as opposed to having that decision made for us by internet service providers. It’s also about ensuring a level playing field for ideas and for businesses to compete.

Scott Wiener, after California passed its own bill which went against the federal repeal of net neutrality.

It's extremely difficult to disagree.