Flyspray - The bug killer!

This is an excellent idea. I am not sure if you are aware but flyspray is an addon for joomla CMS which we are considering using for a telephony project primarilly because it is the only bugtracker we can integrate in our site. As far as I can tell flyspray is the only bugtracker which plugs into a CMS!!!

I would like to ask you to consider testing the new layout in a fixed width and screen proportional width joomla front end. At the moment flyspray looks very crowded in a fixed width website.

Perhaps you could contact the author of the flyspray addon and see if he can do some of the design. (unfortunately I don’t/can’t/won’t code very well)

A killer app for open source development? integration into Joomla probably also means that you could integrate into Mambo and possibly others.

I guess that you also may be able to get someone from the joomla community to design the frontend as there are many people in the community who do css designs. You could sell the idea as a demonstration of thier design skills.

Thanks for hearing me

The attachments are missing.

Attachments fixed.

Hey,

After talking with Floele in #flyspray it seems I will hopefully be creating the fresh new look for Flyspray, it will be web2 style which will bring a bright, easy to use interface that will bring Flyspray up in the UI department. I’ll add attachments to this as I go along to get feedback.

An early preview for you

now that looks very good i love it Thomas :)

What you think about Flex (http://www.adobe.com/products/flex/) I can do it.

I want to make my own theme for Flyspray. Maybe I can help you with current task, but I want to know - do you want to remake only theme part, which located in 'themes' folder, or you will give freedom to change templates in 'templates' folder?

Is Alex and/or Thomas (or anyone else for that matter) still working on this? I read in the forum ( http://forum.flyspray.org/viewtopic.php?pid=1947 ) that version 1.0 was suspended for lack of a designer.

Apparently no one is working on it.

I am working on it, just been having issues accessing the SVN lately... is there any way you are going to provide me with "write" rights?

Erm, before I see some results, I do not grant anyone any permissions
kind of "issues" do you have?

There ya go :)

Keep in mind, though, not to get too carried away. One of the reasons I like Flyspray, is that it's UI is fairly un-cluttered and more easily usable than many other applications out there.

Hello,

Since it looks like this task has been idle for a while, here are some mock-ups to hopefully add momentum. Most of the layout is practical, a couple things like the tabs, rounded corners of the content area and moving the user login details would be more work. The aim was to keep the basic structure while adding some polish.

If there is interest in pursing this style then mock-ups of the the remaining pages can done.

ps. We have been using flyspray internally for a couple years and appreciate it quite a bit.

While a default theme for FS is obviously critical; From a Project Perspective, themes are very much always related to the desires of the web-site owner and are nearly always linked to the look and feel of either:

a) The Parent Website
The Product that they represent

Consequently;

Surely the logical solution is to provide a "Stock" theme, then to allow the FS Admin to customise that theme through a User Interface. (Obviously theme graphics would have to be manually overridden accordingly).

Kindest Regards

David

I worked a model and publish a "case study" demo base on the "overview Flyspray" page. This is a design work and not a new "look and feel" graphic template but perhaps it could inspire or attract Flypray developers : http://www.ikou.info/rubrique5.html

Hi

I´m able to create a template based on CSS Layouts and graphic design by PS.

If this is interessting let me know !

Greets Uhu

Hate to ask this - please know that I am extremely grateful for all the hard work that goes into Flyspray and the results, and as an open source developer myself I am familiar with users asking questions - but roughly when might 1.0 be released?

Based on what I've heard about the other features in 1.0, I'd gladly take it without a new design. I don't really have any issues with the current design in fact, besides a few missing buttons maybe.

Since flyspray is primarily a tool for programmers, surely it's functionality more than looks that is important?

@Marcus:
I am quite sure that the core team don't knows when 1.0 is ready for primetime.
In fact I have no issues with the current version of FlySpray, so why not wait a little longer and get a "really new 1.0"?

I'd like to add the suggestion that the new design of flyspray should get rid of almost all the graphical elements.
most of the used icons look very "old fashioned".

why not use the design of the Redmine BTS? Redmine looks very fresh and modern and I am sure that Flyspray would look stellar with a "Redmine-like" ui.
Also Flyspray had the potential to attract loads and loads of new users as a "php-Redmine" and thus hopefully at least a fraction of new contributors.

Take a look at Redmine here:
http://demo.redmine.org/

Here are also some real-life systems running on Redmine:
http://redmine.lighttpd.net/ http://redmine.ruby-lang.org/ http://forge.typo3.org/

I think Redmine looks really great and it has a proven layout. Redmine is under GPLv2, so it should be even possible to take their templates and stylesheets and adapt them to Flyspray.

Eventually it would also be stellar if the FlySpray Template Engine would be somewhat compatible to Redmines'.
This way users could also easily port themes from Redmine to Flyspray, see:
http://www.redmine.org/wiki/redmine/Theme_List

Even better than the default Redmine theme is the "Basecamp style" theme by Peter Theill, which is also under GPLv2 and available here:
http://theill.com/stuff/redmine/ What about trying to get in touch with some of the Redmine theme designers and asking them to help porting their themes to Flyspray?
If the template engine would "behave" like Redmine, we don't even have to ask, because most Redmine Themes simply consist of a stylesheet.
If the template engine of flyspray produced the same output (or uses the same conventions at least) the redmine theme css files would "just work" with flyspray.

Here is a CSS theme (preview & theme files) for 0.9.9.6. I couldn't find the register link on the wiki so I'm posting it here instead of on the wiki themes page. Maybe that is more convenient anyway since the download link won't be as likely to break.

Its dark and does not use a masthead graphic, so it may not suit all user's tastes. A couple things could use tweaking still.

Hello,
i've decided to start my try of creating completely new layout. Here is my attempt. Is it even a bit close to the layout you want to have ? It's just a preview and i know there is a lot of stuff missing. I just want to know if you like it and if you think i should continue with it :)

(logo is 100% temporary)

Here is another preview - this time for single task view.

Now i stops working on the layout untill anyone will answer me is the layout fine and if i should continue working on it. If so, just comment this task, i'll receive a notification cause i'm subscribed (or get my mail from profile)

thanks,
Mike

Oups, sorry, i've send you bad file, here is the proper one

oh and btw. the white space on the right is for sidebar or something. It's not neccesarry but i've decided to left some space there just for now.

(sorry for spam)

Mike, that seems very Redmine inspired. Btw, please can you unasign me to this task

yes i need to admit that i was inspired by redmine :) but i'll try to make it more original, i don't like some things in redmine and i'll try to make them better on my design. Offcourse just in case if you like it, i don't want to waste my time doing layout which you think is a crap ;)

You'll have to wait for one of the developers to comment on it, I haven't been involved with this project for years now.

ok here is the final version of task page view. If you have any ideas or suggestions, feel free to tell me them!
Right sidebar content is optional, we can discuss what to put there later.

Not bad, but you've made a "login" tab which mixes several things - a general go to task form, a project general milestone progress and recent updates, and whatchlist of the current tasks. Further more it is actually missing a login form. There should also be something called reminders - this are used to remind users about the task frequently (e.g. once in a week).

hmm i was planning to make login form as a separated page with form, not in that sidebar...but maybe it's not a bad idea ? What do you all think?
Background color of the login tab suggest that it's 'opened' in some kind but it's just a preview on how those tabs on the right will look on mouse over ;)

are those reminders implemented in current version ? if so, where i can find them to understend the idea better ?

ok, here is the roadmap page layout. I dont have any idea on what other usefull informations can be placed in a sidebar when roadmap is the currently viewed page but we can discuss it later

You can download the latest version and simply log in as an admin to see the tab. Or you can browse through templates files that starts with "details.tabs".

Unfortunately I don't use Flyspray much these days... but I liked Flyspray very much when I did use it and I also like your theme. It's simple and clean.

A suggestion would be to see how the theme works with the Joomla integration of Flyspray which can be found here:

http://extensions.joomla.org/extensions/miscellaneous/misc-bridges/763

Great effort and good luck,
Rehan

Thanks for nice words! :)

Hmm i think it'll be too hard for me to track how i should design it to be compatible with this joomla bridge. It would be great if anyone who knows that bridge through (probably you) will point me what i should pay my attention to.

Probably just test the theme with that bridge to see how it looks 'inside' a joomla website. It might be worthwhile thinking about how the theme might work when it is embedded in another website (for example making the CSS straight forward to modify so that the colours can easily be changed to match the Joomla site) . The current Flyspray theme doesn't look all that bad in many cases.

You can probably just use a local Joomla install, add the flyspray bridge module (I believe it might install a version of Flyspray or at least it used to) to do the testing.

Rehan

hmm i'm planning to reduce images ammount to minimum, it'll be 99% css based (just the icons will be graphical). Even progress bars will be css based so it all should be easy to style :)

ok. i realised that it'll be better to make things like comments, history etc. tabbed on task view. Here is the updated version

I believe "Who's watching this" and "Notifications" are the same. Also "Who's watching this" don't fit in that sidebar as it is the only task relted entity there. You could add more stuff from the Overview page on the right. Also "login" and "register" tab could be opened (switched) with JS and the third tab could actually be named "Overview".

BTW what is a "Ticket"?

ticket is a word used in almost all other bugtrackers, it's the same thing as 'task' in flyspray ;) i used to use ticket word that's why i'm using it here all the time

yeah that's true, 'who's wathing this' is added to make it more 'eye candy' but it's useless in cause of the 'Notifications' tab, i'll remove it from the sidebar
in fact, i was planning to discuss sidebar contents when layout will be sliced so the current ones are just temporary.

i don't understand what you mean about the login and register tabs (moze po polsku bedzie latwiej :) but i want the login tab to be a link to login form and register tab to be a link to register form. When user will be logged in, both tabs will be changed to "My searches" and "Account", the account tab will look similar to the one from a facebook (avatar, name and some user specific options links).

by the third tab you mean 'Home' ?

i don't understand what you mean about the login and register tabs (moze po polsku bedzie latwiej :)

A tak Cię podejerzewałem . But I'll try in English. You mentioned that Login form would be a waste of space. I agree if it would wast space, but those tabs on the right could work the same as "Comments", "History" and others. They could be switched dynamically and their contents would occupy the sidebar.

by the third tab you mean 'Home'?

If by Home you mean Overview, yes . [Login] [Register] [Overview] - the last one would be default. Some "more details" link could lead to a project's welcome/home/detailed overview page.

They could be switched dynamically and their contents would occupy the sidebar.

hmm i prefer to keep things simple and not overdone so in my vision, the login and register tabs will be opened as a new pages or, alternatively as a JS based slided down sub-menu (like 'Account' tab on facebook) but the JS option just for login tab

If by Home you mean Overview, yes

i meaned 'Home' tab for my layout ;) If we're using flyspray terminology - yes, it should be named overview so in layout i'll put the overview tab on the left side of Tasklist tab, instead of Home tab. I think this place is better for this tab. On the left side are things connected with tasks and on the right side of menu are things more connected with User.

i meaned 'Home' tab for my layout ;

from, not for

Well there seems to be a lot of space wasting on the right. I usally don't visit "Overview page", but I think it ould be great on the right side of task page. Next milestone is a good idea. Most wanted tasks would fit in there instead of "Who's watching this". I think "View tasks" links would also fit in there.

ok, i completely agree - most wanted tasks and view tasks should be in the sidebar. I just don't think that overview tab on the right is a good idea but it can be all duscussed when i'll be slicing the layout

BTW. I think tasks list should be in it's full width.

yeah i was also thinking about this, we'll make it that way

Ok i have some good news, there is a tasklist design in attachment and that's the final thing to design. Now the fun part will begin - slicing it.
I'll be publishing every updates here

Hello people!
I just want to say that i didn't forget about the flyspray layout. I'm just a bit busy right now and i have no time to slice it but i should find some time in next few days.

Hey Mike! Do you have a zip of your current work in progress? I would like to take a look and continue your work if possible.

Hey Tom! I've stopped working on this because the attention was infinitesimal but i'll try to find those files and publish them here, nice to know that you're interested! :)

Hey Mike! Any change you find those files?

that's all i've found for now. Quality of code is probably terrible cause i've coded that long time ago. I'll try to find something more, maybe any PSD

Thanks, it's a start. Anything more would be great. PSDs too :)

Hey Tom and Mike! Me and Flo were throwing around the idea of maybe hopping in an IRC channel sometime and talking about what we can all do to help this along. http://groups.google.com/group/flyspray/browse_thread/thread/bcb832a2922862a it would be great if we could all work together and get this done. I don't have an eye for design, but I should be able to implement anything that is thrown my way