BOUNTY: Web GUI reprogramming


  • Banned

    Inspired by this thread http://forum.pfsense.org/index.php/topic,48107.msg253688.html#msg253688

    I will start with contributing with 50$.

    This is partly aimed at Craymore….:) Now we will see if he wants to.


  • Netgate Administrator

    I have no idea what something like this would cost but I imagine it would be of the order of weeks of work to do it right, test etc.
    I think we would be relying on a ‘special rate’  :).
    Anyway I will match your $50.

    Steve



  • I would like to see cool new webui features that take advantage of updated web technologies…$50


  • Banned

    150$ so far……

    Anyone interested in an up to date GUI that desnt fuck up in browsers, then chip in!



  • i dont need it much but ill contribute a tiny fraction - $10


  • Banned

    160 🙂


  • Netgate Administrator

    Do we perhaps need to clarify exactly what we are expecting?

    I had imagined more of a code tidying exercise rather than adding new features.
    Personally I have no problem with the existing webgui but I know that Supermule would like to see things work differently in terms of grouping options.

    Steve


  • Banned

    I guess its the same as it is now, but with code that applies to current WEB std. code to be shown exactly the same in different browsers.

    A major cleanup is what is needed!


  • Netgate Administrator

    Good we’re thinking along the same lines.  🙂
    As Craymore said if that makes it easier to add new features that’s a bonus.

    Steve


  • Banned

    Exactly. Make it adapt to screen width automatically asf……would be nice.

    Waste of screen otherwise 😄



  • @Supermule:

    Exactly. Make it adapt to screen width automatically asf……would be nice.

    Waste of screen otherwise 😄

    did you tried the widescreen package?


  • Banned

    Yes but it didnt do me well….Why I dont know.



  • Where/how is the web UI generated?  I’ve just started playing with pfSense recently and haven’t really had a chance to look into this, but I have a fair bit of experience with XHTML/CSS (keeping an eye on those three green checkmarks in the FF web developer toolbar!) as well as some server-side scripting languages.  As long as it’s not Perl, I might be able to take an honest stab at this 🙂


  • Banned

    I suggest you talk to Craymore about it…. 🙂



  • @Supermule:

    I suggest you talk to Craymore about it…. 🙂

    How would I go about doing that?  There’s a craymore registered here, but that account’s only been registered for five days… did he just now sign up on the forums? o_O


  • Netgate Administrator

    Yes but it was his comment that originally spawned this bounty.

    You could also look here:
    https://github.com/bsdperimeter/pfsense/tree/master/usr/local/www

    Steve



  • yes, but you both are talking the same thing so why not do cowork?


  • Banned

    BUMP!!

    Anybody on this??


  • Banned

    BUMP BUMP BUMP BUMP BUMP

    Why does people tell they can do wonders and when posting a bounty they drop of the planet!



  • @Supermule:

    Why does people tell they can do wonders and when posting a bounty they drop of the planet!

    Maybe because it’s a lot of work and time for current amount.

    I did some improvements to package gui together with ccesario, but some steps involve in a lot of changes…



  • bump! new web gui ftw!  $10



  • I’ll put in another $50 but I suspect there’s a way to go before it becomes worthwhile for someone to pick this up.

    Biggsy



  • I’ve been working on something that uses fluis CSS3 and Codeigniter, i’ve been transfering some of the funcions to codeigniter MVC, here are some screens:





  • Banned

    Not bad.

    What about floating elements so drag and drop is possible….

    And it can be arranged in alfabetical order as well.



  • I would like to implement that as well, I am using JQuery UI for all this, but I have not got the time lately, it would be great if some people like to chip in or even better the bounty would be higher 🙂



  • il throw in $20 for this. (please email me if this is ever done as I don’t post much here, I mostly browse)



  • Amount of work to revamp the GUI would be to much work for one contributor if done right. Really would need 3 to 5 contributors working together. But if everyone which has viewed this thread would contribute $3 to $5 dollars each, Pfsense could have a very clean modern up to date GUI

    Here’s a quick sample login page with some style….




  • While it would be nice to have some improvements on usability do not over-engineer it.
    Its just a webGUI for a firewall which needs to scale accros different resources of system.

    It is not facebook or whatever you deem modern and different scope.


  • Banned

    Automatic adjustability to widescreens and beeing able to move things around would be nice!

    The widescreen package sucks but are needed to get the widgets to stick.



  • @ermal:

    While it would be nice to have some improvements on usability do not over-engineer it.
    Its just a webGUI for a firewall which needs to scale accros different resources of system.

    It is not facebook or whatever you deem modern and different scope.

    Amen to that. I for one, find the current webGUI perfectly usable and adequate (although some pages have a few rough edges, and some config options are placed in un-intuitive places and can be a little hard to find for the newcomer).

    On the other hand imho there are quite a few features / bugs relating to the pfsense core functionality (firewall, NAT gateway, VPN concentrator) that could use some developer love.


  • Netgate Administrator

    I completely agree with @ermal:

    While it would be nice to have some improvements on usability do not over-engineer it.
    Its just a webGUI for a firewall which needs to scale across different resources of system.

    The original intent of this bounty/thread was to improve the quality of the code, re-writing parts of the webgui to be better standards compliant rather than adding any features.
    http://forum.pfsense.org/index.php/topic,48107.0.html

    Steve



  • Sample of a custom responsive website admin backend

    http://keenthemes.com/preview/metronic/index.html

    Responsive admin dashboard template powered with Twitter Bootstrap Framework for admin and backend applications. Works in all major web browsers, tablets and phones.

    Design concept is Microsoft Metro …… So it’s Square. Could be adapted to same module/template layout as Pfsense utilizes.


  • Banned

    It needs a CSS so it easy to maniplulate themes, withs and colors….



  • Twitter Bootstrap might would be the best route …… Twitter has established common ground among developers concerning general css layout design in desktop, tablets and mobile phones. It was designed to be adaptable.

    The sample link I gave … I can think of some really cool stuff that could be used with the (Regional Stats) display shown on the admin template … example: Pfblocker and Snort displaying gsp location on the global map of the blocked ip would be really cool.

    Some might say that would be to much overhead, but hey when you have a full fledged desktop computer running a firewall, who cares?


  • Banned

    Does it have security vulnerabilities? Is it like adding a layer on top of freebsd?



  • Its simply a CSS framework …… I have not designed a website yet with Twitter Bootstrap, it does have some jquery dependency’s but I have not personally looked at any of the jquery code nor am I a security expert.

    My best guess would be No.

    Pfsense does utilizes jquery for the backend browser administrator GUI. If you look at the source files you will see…there are many many files and templates.

    http://en.wikipedia.org/wiki/Twitter_Bootstrap


  • Netgate Administrator

    @Clear-Pixel:

    when you have a full fledged desktop computer running a firewall, who cares?

    People running an Alix? People running a Pentium 2?  😉

    Steve



  • People running an Alix? People running a Pentium 2?

    Give the option to turn it off….or the ability to adjust the scale if needed depending on processing power available.

    I do agree 100% that application bug squashing is far more important than the appearance of the application. And adding new features should be the last item on the list, as I’m sure there are swarms of bugs to squash.

    But if you have forum users which have no Unix talent, they may have website design talents to contribute. It would be foolish not to utilize these talents to improve the GUI of Pfsense. This is where you should create a GUI developer leg to collaborate and work toward a common goal in the GUI development for the application engineers. If the GUI code is to get reworked, a responsive design would be a fantastic direction to head in.



  • There is also helium, which is much lighter than bootstrap and foundation but offers a lot of the same advantages .

    In my view, a possible secondary advantage of a redesign would be that we can present information in a friendlier, more concise way.

    This of course means a form of responsive design, but also an interface design that adheres to a ABC design philosophy wherein information is displayed in the order of importance, eg. A = primary information, B = secondary information and C = details.
    C is usually either hidden or very discreet until C is requested. This method is employed throughout visual cueing and can be seen in film, graphic design, interior design, architecture and crossovers such as museums.

    When using pfsense, there seems to be little to no distinction between the three classes of information urgency. If we are able to propose a redesign for the gui, this could be taken into consideration.

    This might seem somewhat contrary to what Ermal and stephenw10 said:

    @stephenw10:

    I completely agree with @ermal:

    While it would be nice to have some improvements on usability do not over-engineer it.
    Its just a webGUI for a firewall which needs to scale across different resources of system.

    The original intent of this bounty/thread was to improve the quality of the code, re-writing parts of the webgui to be better standards compliant rather than adding any features.
    http://forum.pfsense.org/index.php/topic,48107.0.html

    Steve

    However, a redesign of code might present an opportunity to redesign the visual aspect of the firewall as well.
    The way that we present information visually might even improve the scaling if fallback techniques are employed.

    What do you guys think?


  • Banned

    Damn nice idea! The thing is that there is a lot of switching between menus all the time.

    In ISA server, when you make a rule it pops up an all inclusive box that has ALL what needs to be set to make it work. You dont have to go a little here and a little there and if you are serious then you also needs to go somewhere else…

    It will make changes and daily tasks very quick and simple. One can easily see that the GUI is made by “nerds” for technical people.

    In ISA you have a right side menubar that has related things to the page you are at…so you only have to click once to get there instead of going through several menus.

    Its brilliant!


 

© Copyright 2002 - 2018 Rubicon Communications, LLC | Privacy Policy