Storyboard / rant

So after some days of contemplating plots and whatnot, I finally settled on an idea. When this happened, my computer coincidentally had to be reformatted because of previously mentioned virus. Now it's blank save for MSN and Photoshop, which I, for now, work by mouse. I have yet to install my tablet driver or anything on disc --- because my disc drive is broken. We got a new one to put in tonight, and 'lo and behold, it also has issues. No problem, I drew it on paper instead.

So I spent a good portion of the night foraging the interweb for programs I have on disc but cannot install, which included my scanner/printer/all-in-one HP installation. Two reboots and an hour later, my scanner functions and my printer is vomiting out new alignment pages. I got lucky enough that I had Photoshop as a downloaded EXE.

So besides all that and my blatant inability to draw people and various other whatnots (basically everything else. art block D;), five grueling panels later, I'm exhausted and done as much as I could do.



Basically I tried to plot the affair of a well respected solider in an ancient(-ish) era of China, showed as best I could with the clothing, hair, the soldier has a sword, and decor. The maiden in red is the one he first lays eyes on, and he spends some time with her and leading her on, if you will. One day he finds another maiden, the one in white who plays the pipa (guitar-like thing that dates back to the 8th century or around that time) beautifully. He ditches the maiden in red and goes for the instrumental one, and as they spend their time together, the jealousy in the red maiden manifests. One night, as the maiden in white and solider embrace in candle lit glow, the red maiden pours a poison into the white maiden's green tea and upon drinking it, she dies. The soldier knows immediately who is responsible and takes his blade to the red maiden's throat, but relents to kill her.

Then it switches to present day. It could be interpreted as a dream/day dream, but the original intention of it is to show ancient versus present day, since a lot of philosophy dictates reincarnation, past lifetimes, dragging one's past experiences to modern day life. The soldier is an ordinary guy, and the red maiden is his girlfriend who runs to clutch him by the arm as he turns as if he feels a connection with a girl standing on the sidewalk waiting for her ride. She resembles the ancient white maiden, but he doesn't get a chance to communicate with her as the "red maiden" has him by the arm and is walking away from her.

Web CT is down and sucks. :(

Website

Woo, it's my website.

Computer crash

Okay, so it didn't really crash but I'm having some technical difficulties with my computers. My main computer has caught some spyware, which I identified by poor spelling, and refuses to load into safe mode. Thus, I have retreated across the hall to my 12 (give or take) year old computer and 13 year old keyboard (it has a macro key, the D, C, V, and K are totally faded and it has that fat, ugly enter key).

So, uhh... I had pictures on my camera of my media tool use, but that won't do any good now because I'm betting if I tried to hook more than two USB into this computer, it would die a painful, screaming death. :(

EDIT: Safe mode has finally run! Only the 8th try, too! 'Lo and behold, I have at least one trojan and a few swarms of spyware. So I guess I'll be off to watch Simpsons...

Assignment Three: Website Structure Maps 3/3

Wolfhome
Wolfhome is a graphical chat site where everyone's avatar is a free graphic of a poorly shaded little wolf in a colour of each person's choice; by default, these colours are black, grey, brown, and yellow but they can be customized after registration.

Sorry for colour drainage. GIF = death. I will start off by saying that, unlike the other two sites in this assignment, Wolfhome has absolutely no consistency and will more than likely lose a first time user in navigation. To be fair, this site was designed and released in 1999 when, apparently, people failed at page-by-page navigation. Every page for itself? Anyway, Wolfhome takes advantage of dark colours most of the time. Navy is the preferred background colour on most pages. Yellow is the colour for all important texts, links are blue, most other text is black on white or white on black/dark blue.

The first panel shows the index page which has the title, a login prompt, some short navigational links that won't actually get you anywhere but the forums unless you're logged in, the "guardian" (wolf in a loin cloth) image, and beside him, a small updates box. Above the updates is a statement of how many users are currently online chatting.
The second panel shows the "world map", which still looks decently consistent. I was not sure whether I should or shouldn't call the bar on the left side a navigational bar because other navigational links are scattered all over the screen. Basically the navigational links on the left side link out-of-chat and to modifying personal information, and some lead to dead links (due to a site crash, some pages have not been recovered yet). On the map itself are various links positioned by what I believe to be 'div' boxes on certain parts of the image. By clicking these, users enter chat rooms. On the top of the page, there is a banner that says the name Wolfhome and shows the head of the "guardian". Beside the banner in yellow, it shows the administrators currently online in case anyone needs to "howl" them for help. (The option is also available in-chat, though that is an absolutely different interface.)
In the third panel, we see what is known as the "mysts". It is a page for users to view the chat rooms that are occupied and see who is in them. It is plain white with some links at the top. Under a black horizontal bar, the left side has in blue text and hyperlink the names of the chat rooms. On the right side on black text, the alias' of the users in those rooms are displayed. If there is no one in a room, the right side is left blank.
Finally, the last panel contains the "send a message" page where users are able to leave a message for another user to see upon login, and then never again (it is not told by the site to be cached or saved, and does not offer the option). It has almost nothing to do with the other colour schemes or plain appearance with its beige background and side bar. The only consistency with this page is the "guardian" head again. There is a blank text input field to fill in the recipient's name, the message, and then two buttons to send the message or to return to the map view.

For the past seven years, I had been using Wolfhome without thought, but looking at its layout, it is difficult to understand how people are so drawn to such a poorly navigated community.

Assignment Three: Website Structure Maps 2/3

Parrotdise Perch
Parrotdise Perch is a small online Canadian parrot toy, food, and supply retailer. A combination of warm colours, reds and oranges, mix to create a sunset (or sun conure?) effect on a white background. Text colours are explored, but confine mostly to black on white. The navigation is incredibly consistent and easy to navigate wherever you are on the site.

As you can see, the same top banner with the name and two images, plus the navigational side bar follow everywhere on the site. Clearly there is a good use of frames to control what navigates where, and everything revolves around the changing centre (white) block to display content. There is a small bar with informational navigational links below the banner favouring the right side. It contains simple information about the company, shipping, links, articles, and cart option. The product navigation on the left side contains various links to different categories of products, like food, toys, toy parts, essentials, caging, and so on. These links are expandable and open a larger menu beneath the original links to narrow down a product type based on size, brand, material composition, or use. Under the entire product navigation is a search bar for people who know exactly what they are looking for by name or product code.

On the index page, the white square shows news updates, new products, and advertises contests or offers the company is holding.
In the second panel, there is an orange box that shows the products a user has placed in their cart. Accompanied by the name is a small thumbnail image with a link to that product's page, the price, quantity, and the product code. Underneath all of the products would be a total of all the costs. Under the orange box, three red buttons direct a user to refresh their cart to see new changes, continue shopping on-site, or check out and continue to pay three optional ways.
The third panel shows the product view. By clicking on any category or subcategory along the product navigation bar or searching any broad item, a page appears with two rows of four products. Pictures are shown along with the product name and price underneath. On the top of the white frame is a drop down menu for a user to choose a page number to look through, if in fact there are multiple pages of products. On the bottom of the white frame is another drop down menu that allows people to choose the currency they would like product prices to be displayed in (US or CAD).
Finally, the fourth panel shows the articles written by or publicized by the site. Each article is separated by a frame-wide black horizontal line, and sometimes the articles will contain different colours as a part of differentiation (ie. blue title).

Assignment Three: Website Structure Maps 1/3

(I have no idea if I did this right)

LiveJournal
LiveJournal is a blogging site, much like Blogger, but much, much better. It actually provides multiple layouts for users to choose from, and the one I've chosen from is quite an old layout, but easy to navigate and use.

The colour scheme is a soft blue mixture on white with simple black-on-white text in most areas. Links are a generic blue and sans-serif fonts usually match the site best (though it is configured to follow your browser font settings).

Poised on the top of the page is our lovely LiveJournal banner that is consistent as we move along the site. This banner carries the logo, the name, and a sign in option with boxes for username and password. If one is already logged in, their display picture will be shown along with their username and the little dude that represents LiveJournal users. Below the banner, there is a long strip of site navigation that also follows you as you move about the site. By hovering over single words, more navigational options appear to click on. The links that appear as a result of hovering are simply some more specific pages than the vague words being hovered over (things like 'recent', 'friends', 'info', etc.). Another useful tool that follows users around the site is a search bar where one may enter a typed query and choose a category to search in, such as usernames, region, interest, and so on.

The index page of LiveJournal has various undefined boxes for its text. Everything is organized under a heading and often contains links and updates on a personal journal, links of interest, or news feeds from the statistics update journal of the administrators.
LiveJournal also offers a scrapbook tool that is available for paying users or users who open their journal up to paid advertising. For unregistered users, it appears as a page explaining the wicked cool details of scrapbook in hopes of persuading people to pay. The arguments are under their own headings with a relevant, simple generic image.
The third panel is LiveJournal's "update" page for users to update their personal blogs. Users' icons are shown on the left side of the page and do not exceed 100 x 100 pixels. Similarly to Blogger, there is a subject line and a few lines indicating the date and time at which the entry is posted. Users may modify this and backdate entries, as well. There is a large box for the entry to go in, and on the right side, LiveJournal advertises the ability to update from mobile phones through text and voice, downloadable clients, and other neat conveniences. Below the entry are more optional forms to type the location one is updating from, music listening to, and mood. Mood is accompanied by a set mood theme of little characters the users choose.
Finally, the last panel shows the general page for managing a LiveJournal account. There are several headings that revolve around friends, personal information, journal appearance, display icons, mood themes, etc. that lead to more specific pages.

Some of the pages are a bit cluttered, but everything on them is relevant and the loading time is very short because the graphics are simple and nothing is over-emphasized or made to look totally eccentric.