ATLS 5660
Final Project
Bringing Sette to life was a balance of working with an AI and applying what I had learned over the course of the semester. In order to create a working sample of Sette, I wanted to first experiment with it as a web player.
This started by using Gemini to help me create the Javascript system that took local files and created a web browser media player. Using the prompt shown here, it was able to generate "V1" of the media player.
From here, I worked on adjusting the site CSS to better reflect the designs I had originally created for Sette. This involved adjusting the overall shape of the player, adding in plenty of new elements, and developing a better understanding of how HTML, CSS, and Javascript interacted with each other. This brought us to V2.
With quite a bit of design changes, and the ground work for the UX set up, I returned to Gemini for assistance in turning the gray box into an album cover and V3 of Sette where the "app" functioned as intended.
V4 and the final prototype of Sette involved a bit of backwards engineering as I wanted the albums to dissapear once selected, and be replaced by a simplified version of the cassette design. A single rotating wheel would take the place of the albums, and return when the album was stopped. Understanding how to create components in a CSS file, translate that to interaction in the Javascript, and then tie it all together took a lot of experimentation.
The full project is available on my Github.
