VIEW DEMO (prototype source code – jQueryUI to drag and drop elements into placeholders)
Firmsite Publisher is the in-house content management system used by the Thomson Rueters Findlaw division to create websites for law firms and lawyers. Over 10,000 websites are created through this online-based system.
In one of the biggest additions to Firmsite Publisher, my team members and I developed the new feature to add Drag-and-Drop capabilities. This feature is to help our content authors to customize the look of a law firm’s website easily. I was tasked with all the Front-end development responsibilities.
Our new dashboard feature was presented at our annual conference, Project Flow 2011, to rave reviews! Project managers and executives who use our web-based software once had to scour through several charts and reports to see the information they need for the day. However, with the new dashboard design, most of the essential information can be seen on one screen.
The charts are generated using a 3rd Party add-on called ChartFX.Net from SoftwareFX. I used jQuery to populate the widgets with data. jQuery was also used to display enlarged widgets in a modal dialog box. All the widgets were generated with ASP.Net code.
*update: The dashboard feature was officially released to clients on Dec 13, 2012.
The most commonly used feature of our web-based software is officially granted a patent today. I was one of three developers who worked on this feature. My responsibility was to come up with the UI design and develop it. The summary on the patent says,
A method on a computer for providing critical chain-based project management is disclosed. The method includes receiving at least one project plan for a project comprising a plurality of task and calculating a task priority for each...
The summary goes on and on… in other words, I created something very complex and we don’t want anyone else stealing our ideas.
*update: If you want to read the entire summary, I now have a framed plaque with the patent to show you! Yay!
In addition to migrating Realization’s web-based project management software from ASP to ASP.Net, we also upgraded our charts from ChartFX to ChartFX.Net. ChartFX.Net gave me the ability to put in gradient colors and shadow borders. However, it lacked a smooth scrolling data grid. Once again, I improvised by using HTML to overlay the chart with my custom-made, smooth scrolling data grid.
What happens when you create a chart that’s unique and uncommon yet gives you very useful information? You patent it, of course. Realization got a patent for this chart with my name on the list of patent holders!
This is a very unique area chart with scattered points. The points indicate a project’s due date completion status. If the project is in the red area, the project is in danger of not completing before the target due date. If the project is in the green area, then you’re safe.
I made this chart using the ChartFX component. It comes with configuration options such as zoom, project labels, label locations, red/green/yellow area settings.