The Coolest Thing I’ve Done All Week: Project Red Raph

My roommate’s birthday was coming up and I was brainstorming good gift ideas. I tried to think about things he had said he wanted, but hadn’t actually bought. Two things stuck out in my mind: the pair of sai he was looking for at the Renaissance Festival and a Teenage Mutant Ninja Turtle DVD he was excited about at Target a few days prior. In the distance, dark clouds rolled in over the horizon.  The skies parted and there was an immense crackle;  I had hatched a plan.

Project Red Raph

I wanted to create something that offered a bit of an experience as a gift. The basic idea was to create a footlocker that would have been used by one of the Ninja Turtles, specifically the sai-wielding red-bandanna Raphael. In it, I would collect some artifacts from the TMNT world, things that would belong to Raphael had he been real. I made a mental list and began to amass a little collection from some stores.

Turtle Wax: Super Hard Shell

Turtle Wax: Super Hard Shell

The turtle wax was a gimmie. I mean, what self-respecting turtle wouldn’t want the Super Hard SHell protection that Turtle Wax can offer?

Skateboard

All ninja turtles have skateboards. I was a little disappointed in myself; if I had a few more days planning I would have made an 80′s style whale tale from a chunk of plywood, but as it was I had only a little time and a lot to do so I got a cheap one from Wal-Mart.

Casey Jones Baseball Bat

Louisville Slugger

I wanted something to represent Casey Jones’ (my favorite TMNT character) relationship with Raphael, so I got a Louisville Slugger 28″ from Wal-Mart and wrapped the handle in tape. The note taped to the top reads “This is my second favorite bat. Try it sometime. -Casey”

I had a spare 8″x10″ frame kicking around, so I decided to put a turtle brother family photo in it. I found a group picture and photoshopped it over a nighttime New York city street photo. One the back of the picture is written “A pizza run to Pie-zanos on 92nd St. Dude, April can take a radical picture!”

I was near a Borders and decided to throw a pair of books in while I was at it. Not that I expect my roommate to read them, just that I thought them appropriate.

The first book was “From Socrates to Sartre: The Philosophic Quest”. I wanted Raphael to have something from Donatello, the “smart” turtle, so I got this. The inscription reads “It’s worth a read, bro. Just give philosophy a chance and I’m sure you’ll love it! -Donny”

I figured “The Art of War” by Sun Tzu would be a perfect item from Splinter. The inscription reads “Raphael, Strength and skill make a warrior fearsome, but true power comes from knowing ones opponent and using your mind to outsmart them. Study this text well, son. Splinter”

I figured every turtle ought to have his own secret emergency pizza stash. Just that little bit of ‘za to help make it through the hard times. The box is a Papa John’s box turned inside out, and drawn on. Unfortunately, Michelangelo polished this off long ago:

I figured the turtles would keep tabs on their opponents, so I made up a case file for Oroku Saki aka Shredder. You can view the case file in text format here: B-271635OS. The fake CCTV capture of the Shredder is here:

What a babe.

One of the most fun things I put in the box was this hidden April O’Neil pin-up. I used the line art from the deviantartist ~corvux-corax (absolutely stunning, by the way) and then tried my hand at coloring it. The background is another NYC photo. I even got a friend of mine to sign it in sharpie :P You can see the full attempt below:

Something I added that I did not get any pictures of was this: the collection of the three live-action and newest 3D TMNT movies. Attached to it, was a note that read “I can’t believe how they made you guys look! April”

The most important parts were the costume and the weapons.

Most pieces of the costume I cut out of a red t-shirt. The mask was a pain, and had to have extensions put on. The big pieces are the knee wraps, smaller pieces are the elbows, and the smallest are for the wrists. The turtles don’t look like that in the movies; they bear leather everywhere but their faces, but they look like this in the cartoons. The belt was a difficult bit. I ended up using some BDU belts I picked up at Hodge’s and gluing on the bucked, which was just a doorknob shield from Home Depot. Looks great though.

Putting it Together

Finding the footlocker to fit all this stuff in was the really difficult part. I needed something cheap, but I couldn’t find anything at all from several stores. I thought it was really odd; this is about the time of year a lot of kids go on scouting trips and they usually bring a footlocker along to hold their stuff. I tried probably seven different stores with no luck. Even my standby, Target, has seemed to have gotten rid of it’s stock of footlockers.

I was saved by my local Hodge’s Army/Navy Surplus (the second Army surplus store I hit) which had several different footlockers to choose from. I got a thirty-incher with black hardware on black casing, just long enough to hold the bat and the skateboard comfortably.

The problem was, the next step required the to be an inset level in the footlocker, which was naturally not there. I went to the Home Depot and got a 1/4″ piece of Sandiply cut to the box’s size, then grabbed some quarter round moulding. I stuck the moulding to the sides of the box, flat sides up, and then set the board on it. Perfect with some paint. And paint I did.

I spray painted the words “Raph’s Stuff” on the top and a simple “Keep Out” on the front, then I sprayed the top of the shelf and the inside of the lid black. I decorated the outside of the box with some NYC pizza place stickers I made using some logos I got off image search. It looked phenomenal.

The weapons came in at the very end from Bud K. A pair of Octagon Sai and two sets of ninja stars. Very solid stuff for the money, even if I did have to pay out the behind for next day shipping.

Since they arrived so late, I had a lot of trouble trying to secure them to the lid of the box. The sai were way heavier than I expected them to be and all I had bought was some Velcro. The stuff you see around the sai was foam-rubber weatherstripping that I was using to just try to get a pinch-hold on the tip of the weapons and keep them seated in place. Sadly, every time I closed the box they fell, ripping apart foam and Velcro and generally just wasting an entire bottle of superglue. I totally wish I had just got a big sheet of foam rubber from Hodge’s, it would have saved me about half a day just to make slits in the big sheet cut to size. The hour was late, so I had to put it in it’s box.

The story would be that I got this box of stuff shipped down from the NYPD’s evidence room as proof of the Turtles existance. I wrote a letter and included it in an envelope on the top, along with the key to the footlocker:

So Did He Like It?

See for yourself:

And as big a nerd as he may be at 31, at least he still has a fiance that loves him:

Happy 31st Birthday Greg!

Posted in CTIDAW | Tagged , , , | Leave a comment

SPSU RegiSTAR Pt. II: Notes on Organization

Per the last post, there are five key components that need to be displayed or accessed simultaniously to make an efficient and effective registration system for SPSU. In each of these components there are some decisions to be made about level of importance and how it should be displayed before any UI drafting can be done.

Also, typically in a web application or programming job one would begin by actually programming the thing and then working to make the UI pretty. I’m doing this a little backwards because largest part of this project is creating a seamless experience between several databases and websites. I’m working to make the registration system say more about the classes offered and allow students to register quicker, and so UI planning and handling the user experience is really job #1.

So on to the components:

BanWeb Registration Page
This page have two vital pieces of information for the registering student: the classes currently registered and the area to input the class registration numbers, or CERNs. The problem is that this information is duplicated in a different and better way throughout the app. While the information here is largely superfluous, it can’t be excluded from the app because it is the gateway to actually web-registering a class. It also gives the important error messages about why you are NOT registered for a class. Very key though: I do not want to see any place to input the CERNs anywhere, a detail I’ll come back to.

BanWeb Weekly Schedule
This is the better execution of viewing classes you are currently registered for. This not only gives you the class details, but also does the favor of showing you when they’re scheduled so you can plan other classes. This eliminates any hand note-taking and planning you’re used to in the system. With some extra code, you can even see how a prospective class would fit into your week, and you could go so far as to try to plan around a work schedule.

It will be interesting to figure out how to display this information. I like the way Banner Web does it, with a table that has relative size boxes for length of time of the class. It’s simply not practical to show seven-day weeks like that, though, on an app that is supposed to stay on a single page. I’ll need to come up with some way to parse down the information to it’s vitals, without losing an organization structure.

The Dynamic Bulletin
Material on this page is some of the most useful in determining class choices. Class size, class fulfillment, CERN listings, teachers…makes you wonder why this isn’t already directly incorporated into the registration system. A whole window on screen needs to be devoted to this, with the information in it set up to be search-able by damn near everything–number, major, teacher, fulfillment, schedule, keyword in description–everything.

The structure of this window is to be determined, but I envision it a bit like the sidebar searches of of old CHM (compressed help manuals) and newer MS Office Help files.

I miss CHM, don’t you? Don’t you wish textbooks came in hyper-linked CHM files? Just me? OK.

Course Catalog’s Course Track
OK, this is not a must have. Directly, there is no need to have this in the system, but incorporating it would be very useful and save most people another open page on-screen during registration.

The course track is just a listing of classes required in your major. This listing’s usability can be greatly increased by automatically knowing courses you have already taken and recommending new courses. Fully-featured and implemented, this would be nearly a digital advisor, telling you which direction in your courses you should pursue next to complete your degree.

The issue with this information is, once again, how to display it. I want a sort of flowchart display with a little more data. The closest idea I can reference is the talent trees in World of Warcraft.

WoW Talent Trees are a good model for what I'm shooting for.

This is the sort of pretty but in-depth presentation I want. Unfortunately, in execution this falls a little flat; “course maps” (as I will probably be calling them henceforth) are jagged and complex little bastards. I drafted one for Bachelor of Science in Computer Science, this is how it came out:

CS Degree Class Progression Diagram

Diagram progresses left to right. Prereqs associated with multiple classes are represented by boxes. So messy.

And these almost cannot possibly be computer generated, so imaging doing these by hand for each of the majors every year they change. My good lord, the cramps!

It’s a feature I desperately want to implement, but screen space and time/difficulty of execution may not allow it.

Course Catalog’s Course Descriptions
Descriptions of courses are going to be a central feature of this system. It’s not only handy to have when looking at required courses, but how are you ever supposed to choose electives without descriptions?

This needs to be a very central part of this system. The trick is going to be how to display it. There are a few options.

  • Rollover in a Window – The class information appears in a stable window on screen when you roll over a class name. I don’t like it. There’s no persistence of information, so while you’re looking at everything else and clicking around the page information disappears and you end up with a big blank window. Lame.
  • Rollover in a Tooltip – Still no persistence of information, but at least it solves the empty window problem. Less lame.
  • Click with Hidden Window – You click and the info shows up in a window, probably a lightbox or something. STILL no presistence of info. L-l-l-l-lame.
  • Click with Window – On click, information shows up in a window. You get your persistent information, but you’re kinda white-boxin’ it when you open the app. Probably best.

So now I have a basic plan together, it’s time to draft the layout of this thing.

Posted in Web Apps | Tagged | Leave a comment

Web App Concept: SPSU RegiSTAR

This software will facilitate the registration process of all SPSU students by incorporating all information and tools needed in a central location.

Here’s everything that needs to be put on the same page to make registration easy:

  • The Actual Registration System from BanWeb
    Obviously, you have to be able to actually sign up for classes.
  • The Weekly Schedule from BanWeb
    This needs to be available so that you can see how you can schedule courses, specifically, what times you can schedule courses. Already, you see the problem: having two BanWeb windows logged in drops you out of BanWeb (“theft attempt detected” or some such nonsense).
  • The Dynamic Bulletin
    This data is so ridiculously vital to registration. It’s pretty poorly organized online anyways. I needs a revamp to make it more useful, easier to find what you’re looking for.
  • Your Course Track from the Course Catalog
    This is like a little one-page advisor that should correspond to your degree. Connecting this information to your registration will make it way easier to see what requirements you’re fulfilling and prereqs.
  • Course Descriptions from the Course Catalog
    Cause everyone wants to know what they’re getting in to.

If I build a web scraper (direct db access would be grand, but it isn’t exactly my system) I can build all of this information together into a cohesive system that will make registration make sense

Posted in Web Apps | Tagged | Leave a comment