FIBS Board backgammon forum

TB GUI

Author Topic: TB GUI  (Read 13436 times)

Offline burper

  • Fibsboarder ++
  • ****
  • Posts: 837
TB GUI
« on: March 18, 2004, 07:35:18 PM »
Very rough start. I did this with an HTML editor, so you can save as and rework it!
http://fibsboard.com/chouettebot/TB1.html

It does not take into account different styles of tourneys yet.
It can have the main section shown under a tab called "details" (with the number and name above) and another tab called "brackets"  (enabled when it is started) showing the rounds, matchups etc...

Oops, I just realized that I have no "JOIN" button there ;)

Lots of these buttons will not be shown if the user is not a moderator (in general, or for the particular tourney seclected).

And of course, action that is invalid tgets greyed-out and disabled.

This is just to get people started designing... Is a wizard style better? I.e. first screen only allows you to choose from unfinished tourneys, and if you're a moderator gives you the option of creating a new one, possibly from a list of templates. The second screen gives you matchlens, next screen (every screen has NEXT and PREV buttons) gives you title/description...

This makes me think that the TB protocol should have more notifications to the moderator for all sorts of tourney changes (players joining, dropping out, starting matches, ending, leaving, etc...) rather than poll for these things. This would be used to update the GUI, and should be opt-in (the GUI can opt-in).
« Last Edit: March 18, 2004, 08:25:56 PM by burper »

FIBS Board backgammon forum

TB GUI
« on: March 18, 2004, 07:35:18 PM »

Offline MadMatt

  • Moderator
  • Fibsboarder plus
  • *
  • Posts: 267
    • The FIBS TourneyBot Home Page
TB GUI
« Reply #1 on: March 19, 2004, 01:44:53 PM »
I like the layout.

The date and time from the tourney header should also be displayed somewhere. This will be especially imortant once the new scheduler goes in, because then a TD will be able to say to TourneyBot open this tourney tomorrow at 15:00 GMT and stuff like that, so perhaps a row for all such timestamps should be added.

Also, the banned row should not appear in the user version (just the TD one).

I'll probably come up with more ideas once I think about it some more.
MadMatt
----------

TourneyBot Website

FIBS Board backgammon forum

TB GUI
« Reply #1 on: March 19, 2004, 01:44:53 PM »

Offline burper

  • Fibsboarder ++
  • ****
  • Posts: 837
TB GUI
« Reply #2 on: March 19, 2004, 04:59:21 PM »
Here is sort of what a wizard style could look like:

http://fibsboard.com/chouettebot/tbwiz.jpg

Less cluttered. Oh yeah, the text flow in the center there isn't right, it should fill up the panel horizontally. And the tabs colors would match the panels to make that more obvious. Not sure what the menus should be, if anything at all.

The "Tourney" panel would contain the previously shown templetes stuff.

Maybe "Moderators", "Matchlengths" and "NumPlayers" should be combined?

The Limits panel shows also the banned people (if moderator).

Each panel would show extra stuff IF the user is a/the moderator, and that stuff is editable IF the tournament hasn't started yet.

The "Brackets" panel shows the brackets, and updates them as matches are completed. It also has extra functions for the moderator(s), showing timing information perhaps, buttons for watching, banning, and a message-all function.

The Next and Prev buttons do what you expect, and get disabled appropriately, but the navigation tabs on the left can get you to any panel in one click. The "Brackets" panel would show an appropriate message if the thing hasn't started yet.

Weaknesses:
-limited to bracket style currently
-no timing info as per your previous post
-semantics not obvious, i.e. when do we save state, at every Next?

Note, we could add stuff not currently in TB, such as timeout rules, that simply get rolled into the description field.
« Last Edit: March 19, 2004, 05:04:56 PM by burper »

Offline MadMatt

  • Moderator
  • Fibsboarder plus
  • *
  • Posts: 267
    • The FIBS TourneyBot Home Page
TB GUI
« Reply #3 on: March 19, 2004, 05:40:59 PM »
This one might be more convenient for a TD, but I like the all-in-one layout of the previous suggestion better for a standard user. It shows me all the info I need with one simple click. Perhaps that one could have an additional panel for brackets, too.
MadMatt
----------

TourneyBot Website

FIBS Board backgammon forum

TB GUI
« Reply #3 on: March 19, 2004, 05:40:59 PM »

Offline burper

  • Fibsboarder ++
  • ****
  • Posts: 837
TB GUI
« Reply #4 on: March 19, 2004, 06:31:34 PM »
Hmm. I hear you admitting that the brackets panel is large enough to be separate.

How about 4 tabs:

"Tourneys" - shows basic information: number, name, type, title, description, matchlengths, STATUS.
(and timing information)
"Controls" - show stuff a user doesn't care AS MUCH about: min/max players, moderators, limits
"Brackets"
"Help"

Remove the wizardy Next and Prev, and make the tabs on top.
The JOIN (register) button goes on the first tab.
Now there is room to add a Fridays 3 tab in the future, and others.
I think these 4 can be made to look pretty neat and tidy.
« Last Edit: March 19, 2004, 06:36:11 PM by burper »

Offline burper

  • Fibsboarder ++
  • ****
  • Posts: 837
TB GUI
« Reply #5 on: March 19, 2004, 07:49:50 PM »

Here goes another time:

http://www.fibsboard.com/chouettebot/tb2.jpg

Menus:
    File - New, Reset, Load, Save, Save As, Quit (note some are popup dialogs)
    Join - Join, Dropout
    Help - list of topics?

The top panel is a scrollable list of current tournaments. Maybe get fancy and add a View member for filters etc... Which ever one you select shows up below, unless you are a moderator and you have done a New, Load (from Templates).

The Controls panel (Details?) contains display/edit of Limits, Moderators, Min/Max Players and maybe stuff like timeout rules etc... oh, and banned. Maybe the "message-all" goes here too?

The Bracket panel will be interesting. Obviously it will show the graphical brackets (if in progress), but  should have some controls for watching, awarding, banning (all based on one player selected from bracket display). Maybe "message all"? What else?

Offline MadMatt

  • Moderator
  • Fibsboarder plus
  • *
  • Posts: 267
    • The FIBS TourneyBot Home Page
TB GUI
« Reply #6 on: March 19, 2004, 07:56:51 PM »
Looks awesome. The table should definitely be filterable.
MadMatt
----------

TourneyBot Website

Offline burper

  • Fibsboarder ++
  • ****
  • Posts: 837
TB GUI
« Reply #7 on: March 19, 2004, 08:32:37 PM »

Okay, good. I really want to put the TB GUI, filters and chouettebot (of course) into the intial release of the proxy. Thanks for your feedback so far, but keep it coming! Get the other TD's involved too.

What about the player count and players list (during open period)? I can put that on the brackets page, but then the tab title seems wrong, and it seems also that it should have some relationship with the min/max players on the Controls tab. Maybe put in both places and dynmically rename the tab?

Seems like I need some :"global" indication of TourneyBot's health, just in case.

So, how can I make the table filterable? I can make it sortable, I think without too much fuss.

What about the "message-all" function? Where should that go and what should it look like?

If a user has joined, shouldn't there be some sort of indication throughout? What about other notifications (elimination, next opponent etc...) should these be popups?

Brackets ok if they are similar to the tournament 72 page/thread, except perhaps only one-sided?

Can/should we have an inter-TD messaging tab?

What other neat functions can we put in here?

Detailed changes:
-The table should have it's headers turned on (number,status,name,type,normal,final).
-the table is scrollable both ways, and fills the panel horizontally
-the columns are sized better, and the data is centered in each column. the columns are resizable
-the match lengths spinners are only spinners for the moderators of the current tournament.
-for the moderators of the current tournament, the type is maybe a dropdown box?

Now about semantics:
-the thing opens up from the main proxy-gui menu
-for users
    -join menu choice happens immediately. it is disabled when appropriate (full, not open, banned...)
    -dropout happens from menu choice immediately
    -brackets are updated, so they should see everything they need there.
    -all the other tourney info is displayed for them in the appropriate tabs.
-for moderators
    -everything the same as for users, except
    -if tournament is created but not open, lots of things are edittable
    -saves are done when controls are switched, i.e. not on every click of the minplayers spinner, but if switching to the maxplayers spinner, minplayers is then commited

Okay MadMatt, I will really be needing that clip-alike protocol and notifications changes in TB ;)
I know, I know, it's open source, but I can't do everything!

FIBS Board backgammon forum

TB GUI
« Reply #7 on: March 19, 2004, 08:32:37 PM »

Offline diane

  • Fibsboard Executive VIP Donor 2017
  • Expert
  • *
  • Posts: 4,331
TB GUI
« Reply #8 on: March 21, 2004, 06:20:25 PM »
OK - there is a lot of stuff here i dont understand - and would have to start using it to be able to gauge what issues i had.  My initial reaction is very much along the lines of - 'wow, awesome, amazing' etc.  Have thought a few times - when setting up the bot right now - it can be easy to overlook changing something I wanted to - and end up staring at the chat box fer ages before opening - this would clearly help with that. And obviously for us non typists - any pointing and clicking opportunities are much appreciated.
I cannot say which of the layouts i prefer - they all look very impressive - whatever you settle on will be great!
I like the idea of inter TD messaging tab, agree banned should be hidden, and like the status button. It also appears it will solve a few of my little gripes - which are - when i log in - i dont have an easy way to tell if a tournye is signing up - in progress or whatever.  And with the scrollable list at the top - it will be easier to set up regular tourneys like the fridays i think.  
Is there somewhere to tell the actual details of the tourney status - like the round and current commands now available - since it is handy to refresh your memeory of who you should be playing - if it is a tourney conducted over a period of time - or see how freinds are getting on.
Curious though - where would this page/gui appear??
« Last Edit: March 21, 2004, 06:30:19 PM by diane »
Never give up on the things that make you smile

Offline burper

  • Fibsboarder ++
  • ****
  • Posts: 837
TB GUI
« Reply #9 on: March 21, 2004, 06:35:41 PM »
Thanks diane. This kind of feedback is much more valuable than you think!

The GUI will appear on your desktop, the same way that javafibs or 3dfibs does now. What oyu would do is down and install the software the same way as you would anything else. The only adjustment you have to make after that is changing your client to connect to "localhost" instead of "fibs.com".

A technical way of looking at it, is that this thing listens to all the traffic going back and forth between your client and fibs, and displays the stuff in another way.

Offline socksey

  • Global Moderator
  • Expert
  • *
  • Posts: 2,916
TB GUI
« Reply #10 on: March 21, 2004, 11:06:58 PM »
Quote
Very rough start. I did this with an HTML editor, so you can save as and rework it!  http://fibsboard.com/chouettebot/tbwiz.jpg

Cool, burp!  You the man!   Excellent beginning (or is it done?)!  :wub:

socksey


"See what will happen if you don't stop biting your fingernails?" - Will Rogers (1879 - 1935), to his niece on seeing the Venus de Milo

 
« Last Edit: March 21, 2004, 11:22:12 PM by socksey »

Offline Kari_Grandi

  • Fibsboarder plus
  • ****
  • Posts: 240
TB GUI
« Reply #11 on: March 22, 2004, 02:28:58 PM »
What can I say. Very impressive work burper  :D .

I cant help you much with any ideas (especially technical about how to make it), since you have run alot of tourneys yourself and you know what is good for TD's.
As for the interface, you have already showed, that you have good eye for it!

One thing though I have in mind. Since every TD has their own style to run tourneys, what to shout, is it difficult to make it so that there is somekind of macro-system and I just pick up my favourite lines for the shouts?

Kari

FIBS Board backgammon forum

TB GUI
« Reply #11 on: March 22, 2004, 02:28:58 PM »

Offline burper

  • Fibsboarder ++
  • ****
  • Posts: 837
TB GUI
« Reply #12 on: March 22, 2004, 03:51:31 PM »
Great idea Kari! We can have a messages tab that creates programmable buttons, and maybe auto-timed messages. The TD can choose shout or tell, and use variables like %RegisteredPlayer, %TourneyTitle, %TourneyNumber etc...

Maybe something like this:
http://www.fibsboard.com/chouettebot/TMsgs.jpg

The list of "buttons" on the left would be stored per tournament, so that if you load a different tournament on the Tourneys panel, a different list would show up here. Not sure what to do with the buttons exactly, maybe have them appear on the brackets panels' toolbar or something. Maybe better to have icons rather than text, and a checkbox for having them appear on that toolbar?

While I'm at it, here is what the control panel could look like:
http://www.fibsboard.com/chouettebot/Tcontrols.jpg

The Brackets panel will take some work, and may not even make it into the initial release, but I envision it to contain something similar to the HTML brackets I've posted in other places on this forum. It would contain more information about each user (for moderators) as well as some controls.

The Help panel will contain an html document for the GUI stuff as well as the TourneyBot help contents.
« Last Edit: March 22, 2004, 04:39:40 PM by burper »

Offline alef

  • Fibsboarder plus
  • ****
  • Posts: 349
    • http://--
TB GUI
« Reply #13 on: March 22, 2004, 05:51:00 PM »
burper, maybe the reason you've tended to just use telnet all these years is that you hadn't yet written the ideal GUI...

 :)  :)  :)  

Offline diane

  • Fibsboard Executive VIP Donor 2017
  • Expert
  • *
  • Posts: 4,331
TB GUI
« Reply #14 on: March 22, 2004, 10:29:44 PM »
Looking better daily!! You are busy  :)

And less and less typing for me!! :)  :)

I take it although i can select phrases from a list - will still be able to add 'the personal touch too' - should i want to ?

Not knowing much about how these things work - just wanted to ask ..It all looks very nearly finished to me - how much more behind the scenes work is there to do before we have a test version to play with (no pressure at all - just curiosity)
« Last Edit: March 22, 2004, 10:35:06 PM by diane »
Never give up on the things that make you smile

Offline webrunner

  • Fibsboard Executive VIP Donor 2014
  • Advanced Fibsboarder
  • *
  • Posts: 1,335
    • Orion Pax
TB GUI
« Reply #15 on: March 22, 2004, 11:04:17 PM »
I am guessing that all what you see is just an empty shell.
The "behind the scenes" work is by far the most time consuming in my experience.
And debugging of course.. so don't hold your breath..

although .... Burper seems to be on a roll and having loads of spare time :)
 
"There is a difference between knowing the path and walking the path."
Bruce Lee
===================================
Orion Pax |

FIBS Board backgammon forum

TB GUI
« Reply #15 on: March 22, 2004, 11:04:17 PM »

Offline diane

  • Fibsboard Executive VIP Donor 2017
  • Expert
  • *
  • Posts: 4,331
TB GUI
« Reply #16 on: March 23, 2004, 12:21:47 AM »
Yup he certainly seems to be putting the hours in with it - im just all excited about trying it out  :)  :)  
Never give up on the things that make you smile

Offline burper

  • Fibsboarder ++
  • ****
  • Posts: 837
TB GUI
« Reply #17 on: March 23, 2004, 12:27:34 AM »
Why do I feel like I have to defend myself here? :(

First, it takes only minutes to design a GUI using an IDE like netbeans. Yes, it is an empty shell right now, but it can be connected to the proxy pretty quickly. The proxy "I" wrote is built upon an open source piece of software, so much of that was already available. I only added the task-based stuff (which, while pretty slick, was quick to code).

Now, with a little constructive criticim, things would go much quicker and maybe we could really have something pretty cool. I code fun. Some people spend loads of time on fibs playing backgammon.

Offline diane

  • Fibsboard Executive VIP Donor 2017
  • Expert
  • *
  • Posts: 4,331
TB GUI
« Reply #18 on: March 23, 2004, 10:33:08 AM »
Really really really no pressure - just the curiosity of someone utterly ignorant in these things - as i have never done anything like this myself - it seems odd that something can look so ready - and yet not be - designed inside out it seems to me!! (or outside in!!)

There is no need to defend - and kinda miss ya shouting whilst yer busy with this - was good to 'hear' you last night!

I totally appreciate this is your free time - given willingly.
Never give up on the things that make you smile

Offline webrunner

  • Fibsboard Executive VIP Donor 2014
  • Advanced Fibsboarder
  • *
  • Posts: 1,335
    • Orion Pax
TB GUI
« Reply #19 on: March 23, 2004, 07:37:13 PM »
Hi Burper,
I was only kidding. I think it's great that you are spending all that time and think you are a gifted "codewarrior". :yes:
You don't need to defend yourself at all! :D

I have an idea for the TB gui that was inspired bythis topic.

What if there was a list where you can add fibs users that want to be notified about tourneys by using the "tell" command?

 
"There is a difference between knowing the path and walking the path."
Bruce Lee
===================================
Orion Pax |

Tags: