Macrosis

Macrosis GUI

Inspiration

Our inspiration came from the repetitive tasks that we do everytime we visit a website. For example, when we wished to access our Brightspace online classroom, we would first have to sign into our school academic workspace, then click on a dropdown menu and finally click on the icon for the online classroom, all of which took which really adds up considering that during these times we were visiting brightspace 3-4 times a day.

What it does

Macrosis is a chrome extension that performs a certain set of predefined tasks when visiting a website. The user has the option to record a set of things that they want performed whenever they access a site. Some examples could include filling in the username and password and clicking the login button.

How we built it

The buttons and icons were made in photoshop. The GUI of the extension popup window was made using HTML and CSS. All the functionality components were made in Javascript.

Challenges we ran into

Since this was our first newhacks competition, we had a hard time choosing an idea. Another factor that contributed to our indecisiveness was the face that we were unable to use hardware this year. We are grade 11 high school students with not much software experience. Our interests are mainly competitive programming and robotics, so if we had the chance to use hardware, we could have made something that was more representative of our skills.

Accomplishments that we're proud of

The members of our team worked extremely hard to finish our hack. We had little to no experience with Javascript, HTML, or CSS so we had to learn those languages from scratch during the 24h hacking period. We were also inexperienced with Git and Github, and now we feel that we have a decent grasp of the basics of Git and Github.

What we learned

Our team learned many new things during this newhacks competition including Git, Github, Javascript, HTML, CSS and Photoshop. We also learned that we should be better prepared before the competition began. We should have thought of an idea and did some research on relating topics beforehand so that we could use our 24h hacking period more efficiently.

What's next for Macrosis

We would like to make our GUI prettier by doing more research around HTML and CSS. We would also like to add more features in the future such as: -Auto log in -Opening a certain website using keyboard shortcuts -Auto clicker with a looped mouse position feature -Mouse tracing -Scheduled automations in intervals or on a specific time/date -Kill system that terminates all ongoing macros

Built With

Submitted to

NewHacks - IEEE University of Toronto

Created by

I designed and worked on the popup window GUI. It was my first time using HTML & CSS, so I had to watch a lot of tutorials. I also planned and recorded the voice for the demonstration video.

Ri Hong
During the hackathon, I mostly worked in the backend using JavaScript. I also helped with the front end a bit and help with creating the html and CSS and created the video for demonstration. This was my first hackathon, so we had many difficulties along the way and learning new languages along the way is very difficult to do, since there are many different syntaxes to learn.

Simon Yang
Created part of the JavaScript code to track keyboard presses and attempted to communicate between different windows. It was my first time using JavaScript, so there was a lot difficulties implementing the new concepts associated with JavaScript.

Winston Ho
I worked on the graphical design of the project. It was my first time using photoshop and I had to mess around with it quite a few times to get a hang of it.

Joseph Ho

Updates

Ri Hong started this project — Nov 08, 2020 11:16 AM EST

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.