Senior Design Progress Blog - Final Post

Oh man it's the end! First of all, here's my final presentation video and a link to the hosted website, www.girlsbuilttech.com

Getting the site hosted was it's own ordeal (involving Amazon Web Service being a pain, figuring out how to get the proper port to load since Port 80 wasn't working, figuring out how to end a nohup process in linux, and general internet woes) but its up and running now.

Facebook sharing didn't work out as well as I would've like due to limitations on facebook's end, but I'm going to keep working on it even after submission.

I am very satisfied with the results of my project programmatically speaking. The games work well and could be expanded with relative ease. I feel the look of the site is appealing and I put some effort in to try and make it resizable for different sized viewing screens.

For future work I would obviously love to add more pages to include more women and more mini-games. I have been in touch with the producer and creator of “The Computers”, the documentary about the 6 women who programmed the ENIAC. I would also like the make a mobile-friendly version of the site, although that would take some serious artistic changes. Once I’ve included enough characters, I might also consider creating a login system that saves users’ progress in a database. I would also still like to add the reference page I have been working on, with links to websites such as Girls Who Code and Codecademy.com

I had a great semester working on this project and learned a lot about web programming that I didn't know before!

Senior Design Progress Blog 8

I had my Beta review this week! I focusses on creating 3 example pages with interactive element, badges and the system for unlocking these badges, and research into what other mini-games I want to include on my website.

Video demo of interactive pages and badge unlocking system:

For my three example pages I chose Ada Lovelace, Hedy Lamarr, and Grace Hopper. For Ada my three interactive elements (which currently animate on hover, but don't open up any info boxes or fun facts yet) are the Jacquard Loom, a letter from Charles Babbage, and her notes on his Analytical Engine (the first computer program ever). For Hedy, the elements are the piano (which will open the torpedo frequency hopping game) and the star (representing both her induction into the Inventor's hall of fame and the Hollywood walk of fame). For Grace, the elements are the UNIVAC computer, the COBOL manual, and the moth flying into one of the computers. (Both the moth and the cobol book animate based on how much the user has scrolled.)

Initially after log in, all the badges are locked. However once the user selects all the interactive elements on a given page, the badge for that page is unlocked. Next, I'm going to implement sharing features for the badges.

Ideas for Mini-games: For Joan Clarke I want to implement a version of Nonograms, a pattern finding/Sudoku-esque puzzle game. For Grace Hopper I looked into coding examples targeted at younger children and I'm thinking about doing either a fill-in-the-blank-variables COBOL code with if statements, or determining character movements using for loops. I'm also thinking about including a demo of what the translated code looks like in binary to demonstrate why high level programing languages are so important/easier to understand.

Curve Editor - Bezier, Hermite, and BSpline, oh my!

I just completed my first assignment for Computer Animation (CIS 462, the graphics class not the fine arts one). I implemented Bezier Curves (using Catmull-Rom Splines, De Casteljau's Algorithm, and Equivalent Matrix formulation), Hermite Splines (with both clamped and natural endpoint conditions), and BSplines (with natural endpoint conditions)

Key Frame Editor - Digital Flipbook

Key Frame Editor - Digital Flipbook Our ongoing CIS277 project is implementing a Scene Graph and creating a GUI to interact with it. At this stage the user can create and store keyframes, allowing them to create a digital flipbook. They can also batch add frames between two keyframes that will automatically be interpolated to create the beginning stages of motion tweening.

Created using: C++, QT, OpenGL