Showing posts with label GUI design. Show all posts
Showing posts with label GUI design. Show all posts

Wednesday, September 5, 2007

I made a few minor tweaks to the text sizes for the bulletins/blogs and reviews on the home page. I think it looks a little better this way.

3.0 should be going completely live today.

The demo last night went alright, despite a few presentation issues and me forgetting how to use a computer. I thought there was an issue with displaying logs, but I was just a moron and opened a test log that didn't have any entries. D'oh!

Friday, August 31, 2007

Somehow, I found a way to get some serious work done on ELCRo this week.

I got the RSS reader all up and running in the program logs. It's pretty good, I think. It's basic, but it gets the job done. When you click the headline, the line expands to show the whole article and the headline becomes a link to the article. I still don't have a way to collapse the articles yet, but that will come in due time. The articles can be sorted by time or by site, but not all of the sites provide times with their feeds so I made the backend code add a time 24 hours in the past to those articles. Also, weather.com articles always have the time that they were accessed since they are generated on the fly.

Wednesday, while doing my show, I came up with the idea to have the current weather conditions always available when in live mode. This information is pulled from weather.com and displayed in the empty space to the right of the display section's tabs. It was a little annoying to work with because I had to write a script to find the correct article in the feed. If they ever change the subject line, I'll have to update the code. Then I had to get rid of the image and the "For more details..." at the end. I did it very basically since those seem to be static to every post. If they change this, I'll need to update the code as well.

I still can't figure out why the form in the program logs won't clear after you submit it sometimes. It only seems to happen on the log computer at the radio station, so I still think that the computer is just struggling to keep up with all of the scripting. I did fix a bug that I didn't know existed until now. Ampersands were not being escaped as they need to be for the GET method of submitting forms. This was a big problem in the music search and in the program log. It was a simple fix once I figured out that I just needed to add "escape()" to each of the terms. I only put this in for the program logs and the music search so some of the older pages my still have problems.

Some other features that I've added this week are:
  • Got the stats tab up and running in program logs. This will get more stats later, but it's a good start.
  • When using the move albums function, there is now an option to only show albums that have been reviewed. This should make moving albums from the drawer to playlist much easier. I also added the album ID number next to the album name as well.
  • In the DJ details page, I added a stats tab and removed the program log and album reviews tabs. The stats tab shows the numbers of each and clicking the numbers will bring you to the search page with those listed as results.
  • The music search page can now accept search terms via GET so links to searches can be made.
  • I started slowly switching the links for artist names so that they link to the music search page and automatically search for that artist. Linking to the album details page will now be done from the album name and/or ID number.
  • Made location select box in the program log music search an absolute width so that everything is on one line.
Additionally, I also redesigned and renamed the home page. It is now actually called the home page instead of the main menu. The layout is now a three column set up. At the top there is a horizontal bar that displays the old titlebar messages. I may or may not make only the tips messages stay. I haven't decided yet. Below that, going left to right, there is a column with user information, a column with bulletin/blog entries and a column for reviews. The user info section provides the user's name, number of program logs, points, number of album reviews and open issues. Everything except for points are links. The middle section displays the last 15 active bulletin and blog entries posted and the right section displays the last 15 album reviews posted.

All in all, I got a damn lot done over the last couple weeks. I'm thinking that this will probably be the complete feature set for v3.0, but maybe a few minor things will sneak their way in. Mostly, I want to spend the next few days debugging a bit so that by Tuesday when I unveil this, it's as good as it can be. I'd like to make the home page look nice and pretty, but that probably won't happen.

Wednesday, August 8, 2007

I finally got the news/pa info tab working on the new program logs. it was a stupid error that was causing it to not show any the of the DIVs when I tried switching. Turns out I had an "=" instead of a ":" in the height style tag.

I've also added the tech issues in. It displays all open tech issues.

Wednesday, July 25, 2007

To fit some extra stuff in, I made the view options checkboxes into two sections. There is a button that can be used to toggle between which section displays. One section is for sorting and filtering, the other controls what information you can see about each entry.

I also fixed a bug that caused the last tracks/track listing toggle button to not switch back to the show last tracks setting when looking up a new albums.
I added a checkbox to hide the times in program logs so that users can copy and paste to their blogs. I think the checkbox is in a logical place and it seems that at 1024x768 everything on the line with the sorting options fits perfectly. Though now I'm thinking that I need more options, like to hide the album ID numbers and to de-link the song entries. I don't know where to put all of these options! Too much stuff and not enough room!

In other news, I'm still having the issue where other log entries come up. I can't figure it out. I have the same log open in Firefox and IE. The Firefox one is fine, but in IE, it's showing a different log. I don't get it. Refreshing isn't helping now.

Tuesday, July 24, 2007

I've made a few very slightly GUI changes today, but I still don't think it's enough. I need to figure out how to really free up some useful space on the screen.
One of the things I hate the most about this project is designing the user interface. I suck with graphic design. I usually just slap together what I can and stick with that, but the new program logs are starting to kill me with this. I have too much stuff that I need to display on the screen and not enough real estate to work with. I can't figure out how to get it all on there without looking cluttered.

Being that the primary place of use for this is on a 15" monitor that is a few feet away from the user, I can't do much with smaller fonts so I try to keep the default font size, but there is only so much that this allows you to display in a browser window.