BetterKnightsUI

Original UCF Course Selector
BetterKnightsUI Extension Popup
New Revamped UCF Course Selector

Inspiration

BetterKnightsUI was born out of the need to improve the user interface and user experience of the existing tools available to UCF Knights. We recognized the potential to create a more intuitive, visually appealing, and functional system, aiming to provide students with a seamless and efficient experience during course selection.

What it does

BetterKnightsUI is a Google Chrome Extension specifically designed to enhance the Course Selection page at UCF. Our extension streamlines navigation, improves accessibility, and brings a modernized look and feel to the interface. The most significant upgrade is the addition of embedded features such as RateMyProfessor integration—complete with ratings and hyperlinks—directly in the course selection table. Additionally, we added a Google Maps link to the exact building where each class is held, making it easier for students to navigate campus

How we built it

The development of BetterKnightsUI relied heavily on JavaScript, which was instrumental in dynamically updating the Course Selection page and embedding third-party tools like RateMyProfessor and Google Maps into the existing structure. We also leveraged CSS frameworks like Bootstrap to ensure a responsive and clean design. The flexibility of these technologies allowed us to seamlessly integrate new features without overwhelming the user experience.

Challenges we ran into

One of the biggest challenges we faced was overcoming Google Chrome Extension security policies, especially when embedding third-party content like RateMyProfessor hyperlinks. These restrictions delayed our progress, but we adapted by ensuring compliance with Chrome’s strict security rules while maintaining the integrity of the user experience.

Accomplishments that we're proud of

We are proud of delivering a solution that significantly improves the course selection process for UCF students. Our integration of RateMyProfessor and Google Maps into the Course Selection tab offers valuable insights and campus navigation assistance, all within a single interface. Overcoming the hurdles of Chrome Extension security was a key accomplishment, allowing us to deploy an extension that meets security standards without sacrificing functionality.

What we learned

Throughout the development of BetterKnightsUI, we gained a deep understanding of how to create a Google Chrome Extension that balances accessibility, security, and responsiveness. We learned how to navigate the complexities of integrating third-party tools within a secure environment, as well as how to implement dynamic content updates effectively. Additionally, working with CSS frameworks like Bootstrap simplified styling and layout adjustments, reinforcing our knowledge of creating mobile-friendly, cross-browser-compatible designs.

What's next for BetterKnightsUI

Our next steps include expanding BetterKnightsUI’s functionality by introducing personalized course recommendations, improving mobile responsiveness, and incorporating real-time updates from other university services. We also plan to gather more feedback from UCF students to refine the interface further and ensure that our extension continues to meet their evolving needs.