Devlog 2

This past approximately 1 hour and 30 minutes was used mainly for two things:

1. Test out the accuracy of the calculator by comparing it to CMHC’s existing mortgage calculator.
2. Adding some styles to it.

Changes:

• Added a top bar, which includes a Canadian Maple Leaf in-line with the text “Canadian Mortgage Calculator.”
• Changed the font and font sizes of the text, inputs, and buttons.
• The button is now red with white text.
• The payment per period is now displayed either on the right (if the screen is wide enough) or below the inputs. The Mortgage Amount, Down Payment, Loan-to-Value, and Insurance Premium are also displayed.
• A 25% transparent white background surrounds both the form and input to allow the user to see the necessary information.
• Added a background image (image of housing, source: Bank of Canada)

Next steps:

• Start of NHA MBS calculator (which has not been built by anyone yet!)

Devlog 1

Using vite in my Andromeda project (from the Give your Website a Pulse project) really helped as I managed to install it for this project as well!

In Canada, the CMHC only offers a Mortgage Calculator and provides only documentation for the NHA MBS calculation; however, I am going to try and change that by creating one.

I started off this project by creating a Mortgage Calculator that would take the Home Price, Down Payment on the Home, Annual Interest Rate, Amortization Period, Payment Frequency, and having a small checkbox for whether or not the Down Payment was non-traditional. I started this project by using HTML, CSS, and JS. In the HTML portion, I used the form, label, and input elements with IDs to ask for the information listed above, and then on the JavaScript side, I used the .getElementById method to retrieve the information. I also added various calculations to the project for me to figure out CMHC’s premium amount (more information regarding CMHC’s premium can be found here) and the mortgage payment per period specified by the user.

Changes:

• Added inputs for the user to type in values for Home Price, Down Payment, Annual Interest Rate, Amortization Period, Payment Frequency, and whether or not the down payment is non-traditional.
• Added calculations in the background (the premium amount and mortgage payment per period are displayed in the console).
• The favicon has changed from being the vite default.

Next steps:

• Check the accuracy of the calculator by comparing it to the CMHC Mortgage Calculator that they provide (preliminary tests show that it is accurate to the hundredths place).
• Add CSS and other formatting.
• Start the NHA MBS part of the project

Disclaimer: This is an independent, unofficial software implementation and is not affiliated with, endorsed by, or approved by CMHC.

Devlog 1 - Stage 1C (Exercises 1 & 2)

On the left, I created a Flat Intake powered by a NEO Brushless Motor. The gear ratio for the intake is 30:12, which means that the output torque is 30/12 or approximately 2.5x more, while the output speed is 12/30, so 2.5x slower. The biggest challenge for this project was that a lot of the featurescripts have been updated, which made it overall harder to use since I would always have to be finding loopholes to achieve the final result. Additionally, at the beginning of the project, I set one of the mate connectors incorrectly (it needed to be located 4 inches in the x-direction from the origin, but I placed the mate connector and offset by that specific distance from the edge of the Origin Cube), messing up all the dimensions and requiring me to re-do the entire intake subsystem.

On the right, I created some Dead Axle Rollers, which were powered by a Kraken X60 Brushless Motor on the right. I connected the motor to the pulleys by having a belt of HTD 5mm, 9mm width for pulleys with 12 teeth (driving) and 24 teeth (driven), resulting in the gear ratio 24:12. This means that you would be exchanging for double the output torque and half the output speed in an ideal world. I also have another belt on the left side of the rollers connecting the first to the second, and an identical one located on the right side connecting the second roller to the third.

Next Steps: Stage 1C Exercise 3: Shooter Mechanism

Devlog 4 for ArctosOS

I finished my first app on the OS! Now, the OS comes with the ArctosNOTES app.

Here are some changes:

• Apps are now left-justified, rather than centre-justified as previously shown in devlogs.
• The Welcome Screen (openable by the ArctosOS button in the bottom-left corner) now appears 30 pixels away from the top and left of the screen in the top-left corner.
• The ArctosNOTES app has been added to the OS. It has various functionalities, including opening multiple notes and editing the contents (however, saving the contents is not supported in the OS as of yet)
• The clock at the bottom-right of the OS can sometimes be distracting with the timer being updated every second, so we adopted the Windows 10/11 OS way of showing the time, with firstly, the time at the top and then the date underneath it (there were still some issues with the en-CA way of displaying time, so I decided just to use the en-US way instead)
• All windows (welcome, notes) remain draggable, closable, and openable. The top part of each window has been redesigned from a transparent background to an opaque one to remove distractions.

Next steps!

• Find a way to add more features (maybe saving notes?)
• Add more apps
• Maybe find a way to be able to change the background image as needed

Devlog - Section 1B

This section, I learned about Power Transmission in FRC! I learned about speed, torque, and mechanical advantage concepts in FRC, as well as various featurescripts in the FRCDesign library (including Belt & Chain Gen, Robot Shaft, and Part Lighten using pocketing sketches. I also learned about belts/chains and how to use various dimensions in OnShape to create models of them effectively (including using the Origin Cube).

In Section 1B, I created three different types of gearboxes, utilizing gear ratios to exchange torque for speed (and vice versa), and assembling various parts together.

Devlog 2 - Section 1A

I finished Section 1A, where I completed the Plates and Assemblies subsections!

This past week, I learned about how I could create sketches and use a variety of features to make my work easier, such as centre point arc, mirror, use/project, tangent, coincident, etc. I used some of them (like the use/project or centre point arc to create gussets). I also learned about how to create assemblies, add elements to them (either through Insert or through the FRCDesign Inserter), and assemble everything (replicate, fastened mate, etc.)

On to Section 1B!

Devlog 1 - Section 1A

This past week, I focused on CADing for the FIRST Robotics Competition, using Onshape! My team, Arctos 6135, is apparently shifting to Onshape, so this is a good opportunity for me to learn the concepts while everyone is transitioning to this new platform. I started using FRCDesign.org to teach me the various design concepts, and I am proud to say that I have finished 1A!

In Section 1A, I learned about various box tubes (1x1, 1x2), how to CAD them in Onshape, and started learning basic sketching (such as using features like the various rectangles, coincident/tangent, dimension, projection, etc.). I also learned how to create a drivetrain frame and add either boxes (1.5) or triangles (1.6) on the frame.

The attached image shows my drivetrain frame with a triangle, to complete Exercise 6 in 1A:

Devlog 2

Some updates from yesterday:

• README.md has been finalized
• Errors have been checked
• I capitalized the title at the top in the tabs to be Andromedaaa

We are ready to ship!

Devlog 1

Over the past three days, I started, tested, and finalized this project. Here are some of the things that I am currently working toward in the submission requirements:

1. ✅It currently has HTML, CSS, and JS (with CSS and JS located in the src folder).

2. ⏰Currently working on a README, but I do have a lot of frequent commits (13 total).

3. ✅Here is the current devlog where I will be describing what I have been built (and any additional features that I have added).

4. ✅No AI usage at all in this project!

5. ✅Fully deployed website (not just a localhost)

6. ✅Custom UI/CSS instead of plain templates (I added an image of the James Webb Telescope in the background through the CSS property of background-image.

7. ✅This website uses a real feature (where we retrieve data from the NASA API).

What My Website Currently Has:

• Title, which is centred and retrieved from the API
• Explanation of what is happening (left-justified, with a relatively small margin to the left and right)
• Image/Video/YouTube video, that is currently managed by main.js depending on the type of media it is, which is located below the Title and Explanation
• Copyright Credits, located at the bottom and is aligned to the centre horizontally. This is used to credit the creators and contributors (NEW to just my website)
• Date changer, allowing the user to change the date and read up on previous topics in the past (I do this by adding the date to the fetch command in main.js). This is also NEW to just my website; however, the creator of the APOD project did suggest something relating to the date in the introduction.

Next Steps:

• Write a README for the project
• Attempt to find more errors
• Ship! (After that maybe, I might go back and add another few features!)

Devlog 3 for ArctosOS

Part 3 has been completed! Over the past few days, I encountered a problem where if I dragged the window to the right, the width of the window would decrease; if I dragged the window to the left, the width of the window would increase – despite the window not being near the periphery of the OS screen. After quite a long time of troubleshooting, I realized that I needed to set a fixed width, or the code would automatically resize the width depending on position.

Part 3 had a variety of tasks to manipulate the welcome window, including dragging, closing (in other words, setting display to “none”) and opening.

Over the next few days, I will learn how to create apps on my new OS!

Devlog 2

I recently spent time finishing the 1st and 2nd parts of the PersonalOS, where I created a welcome screen with an image background relating to me, and added the time (where it would update every second).

Part 3 next!!

Some changes from the original guide:

• I moved the “Top Bar” in Part 2 to the bottom by setting bottom: 0; in the div style that contains the bar.
• I added the site’s favicon and altered the name of the site by changing it in <head>.
• I used multiple different divs to centre various elements on the site.

Over the past few days, I have been working toward creating the welcome screen for my OS! I decided since FRC (the FIRST Robotics Competition) is such an integral part of who I am, to focus on communicating my team and what we do yet again. In my OS so far, I have some images and links attached, and soon, I will be able to style these to make them appear better on my OS.

Over the past day, I started the Slack bot mission and made a bot (ArctosBOT) with basic commands (such as ping, help, catfacts, and facts). I will introduce more and more commands as time passes (I have already added a bot introduction command, as well as a diceroll command!).

Even though I haven’t made my bot online 24/7, I will do that soon after enough unique commands have been added!