Iteration 1 : Design

For the design, I wanted to keep it simple, yet classy. I mean, after all, if I am gonna do something, I might as well try to do it right. Now, I am not a designer, so I basically grabbed this design from someone else and then modified it for my purposes. I know, I know, stealing designs is not good. But, this is a demo application and is about programming, not site design. Besides, it's education, not a professional site. And I want to get to the meat of the code, not get stuck forever on a design that never quite works. Here is what I came up with:

You can view a larger screen grab here. Sorry for the low quality shot, but a GIF didn't look good either.

As you can see, I am trying to keep it simple. The site is only broken down into a few sections for iteration one. Not sure what will be in every section exactly, but this gives us the look and feel of the general content and the basic site organization. Ordinarily when I design a project, I try to nail down at least SOME of the screens. But in this case, I am so eager to jump into the code that I can hardly contain myself! This whole application is meant to be an experiment.

Normally, you should do some graphical prototyping of the site, but in lieu of that, I will outline what the sections in the design are going to accomplish:

Home

• Displays system overview (number of videos, galleries indexed)
• Displays total memory usage
• Displays number of items in queue (ready to be spidered)
• Displays top N most recently spidered videos

Search

• Allows videos to be searched using keywords and tags
• Displays paginated search results
• Allows clicking into video detail page
• Edit / Delete

Favorites

• Basically a search results page that only shows favorites

Tags

• Set-up for tags used to categorize videos
• Add / Edit / Delete

Spider Content

• Display site-queue ready for crawling
• Display video-queue ready for crawling
• Provide "Go" for starting crawl engine (pop-up window)