Mockups with Google+ Circles feature

Mockups with Google+ Circles feature

Enterprise Class Group and project management features are now available with a single click to the Dashboard.

Download MockupTiger Wireframes. It is the best time saving application you will download for prototyping

Mockuptiger allows you to create any number of groups. Each member of your team can create their own groups. Groups is like the “Circles” feature in Google plus.
Groups can represent full company, it can represent individual small teams, it can represent individual clients of a web design agency or a small department of a big company
. It is a simple and very powerful concept. This power is available when you use Mockuptiger to build your wireframes and prototypes.

Groups is a very powerful and simple concept. If you are a web agency then every client and members working for them is part of a small group.

Mockups with Google+ Circles feature

Mockups with Google+ Circles feature

Did you ever imagine that you can simply punch some data
and create beautiful dashboards?

Dashboards that are static in nature?

So what is a static Dashboard?

A dashboard where you build the charts first and then punch data inside the charts. Later when you have new updates, you come back and edit the data directly. You can use these kind of simple dashboards without any technical knowledge.

They are so easy to use, just drag the charts from the library and then update the data.

One such mechanism of creating static dashboard is discussed here using Mockuptiger.

kpi_dashboard

wireframes

mockups

Read more about Static Dashboards

wireframes

Tiger can do both wireframes and mockups (tigger,tiggr,tigr)

How do edit groups/symbols in mockups

How do edit groups/symbols in mockups

Mockups become increasingly efficient when you have the ability to group objects and it becomes super powerful when you can edit the groups without ungrouping the objects

MockupTiger now has the ability to Edit groups Editable Mockup Groups/Symbols

When you group objects, the position is maintained with the child objects. You can stretch and drag the group objects. The child objects will enlarge or shrink based on the action you perform on the group. How do you edit the text of individual child Once you define the group, it becomes cumbersome to ungroup just for changing the text. For e.g If we want to change the text on the comment bubble, we simple double click on the bubble comment The UI will detect the mouse click and transfer the edit operation to the respective child.

Read more about building How to edit wireframe mockup groups

Review Mockuptiger by downloading or Free signup online at MockupTiger Wireframes. Learn how to build Business Intelligence mockups

The future Dashboard Software will just let you sketch dashboards and make it come alive!

wireframes

How to build a static dashboard

How to build a static dashboard

Did you ever imagine that you can simply punch some data
and create beautiful dashboards?

Dashboards that are static in nature?

So what is a static Dashboard?

A dashboard where you build the charts first and then punch data inside the charts. Later when you have new updates, you come back and edit the data directly. You can use these kind of simple dashboards without any technical knowledge.

They are so easy to use, just drag the charts from the library and then update the data.

One such mechanism of creating static dashboard is discussed here using Mockuptiger.

kpi_dashboard

wireframes

mockups

Read more about Static Dashboards

wireframes

Tiger can do both wireframes and mockups (tigger,tiggr,tigr)

HTML5 Mockups – Wireframes font rendering is tricky

HTML5 Font rendering is tricky. It is not consistent across browsers.

Read how MockupTiger fixed the font rendering issue. You will also notice that with the fix, it is now possible to add any of your favourite font for wireframes. Why just limit to Comic Sans or Arial. Try the Google web fonts for instance.

Build beautiful Dashboard prototypes with MockupTiger Wireframes

Goodbye Excel! now I can have true charting prototypes with Wireframes and mockups from MockupTiger

mockups

Clickable Mockups – Wireframes with prototyping

When you build website wireframes or prototypes, clickable mockups is a standard requirement.

MockupTiger when released had Clickable prototyping feature using the Text widgets

Now all the text widgets, icons can be linked. There is a new element called hotspot that you can overlay on any kind of object/widget to simulate Clicking or interactivity

Read more about building Clickable Prototypes using Mockups

MockupTiger Wireframes is the best HTML5 wireframing application for Websites and Business Intelligence dashboards

wireframes

Web Wireframes and Dashboard prototyping

There are some pretty good standards on how dashboards are designed. Usually you have a set of library of charts that you pick from and you start pointing them to the data source to build your dashboard.

MockupTiger is a dashboard prototyping tool that allows you to visualize your data using any kind of widget be it a icon or standard bar chart.

MockupTiger is a very powerful Prototyping and Wireframing application. It is web based and can be run on your desktop or you can host it on your own domain. Please visit Mockups website for more details

http://www.mockuptiger.com

You can build quick dashboard prototypes by hand typing the data values in a simple grid and get any type of chart you desired.For e.g it comes with basic set of chart types such asBar, stacked, group bar, vertical bar, horizontal bar, line chart, area chart, pie chart, donut chart, funnel chart, gauges, meters, speedometers, thermometers, bubble chart.On top of this you can use any of the web based widget to represent your data. It is the best prototyping tool for dashboards and web applications.

MockupTiger is a very powerful Prototyping and Wireframing application. It is web based and can be run on your desktop or you can host it on your own domain. Please visit Mockups website for more details

http://www.mockuptiger.com

You can build quick dashboard prototypes by hand typing the data values in a simple grid and get any type of chart you desired.

For e.g it comes with basic set of chart types such as

Bar, stacked, group bar, vertical bar, horizontal bar, line chart, area chart, pie chart, donut chart, funnel chart, gauges, meters, speedometers, thermometers, bubble chart.

On top of this you can use any of the web based widget to represent your data. It is the best prototyping tool for dashboards and web applications.

Web Dashboard

Test drive Web Dashboards

Create Dashboards on Desktop and Deploy and share them on your intranet or webserver

  • No coding knowledge required. Complete Visual Dashboard Development
  • Supports Oracle, MySQL, SQL Server, DB2, Access, Excel, Sybase and all other databases (jdbc/odbc)
  • Role based Security
  • Free Dashboard Development support
  • Pre-defined Oracle Apps(ebs) Dashboards for GL, AR, PA and Discoverer
  • Query Excel files over web URLs as Data source using SQL statements
  • Use it as a Desktop Dashboard or your web based Dashboard App

Web based Dashboard – Technical Overview – Jquery – jqGrid – flash charts

In short the web based dashboard uses the following components

  • PHP
  • jQuery
  • jqGrid
  • Flash based charting engine

InfoCaptor dashboard designer which is a desktop based tool(yeah it can be made to run on a webserver using jnlp webstart…) was coded entirely in Java.

I am happy that I chose PHP for developing the web based dashboards.

There is so much of productivity boost when coding the web dashboard compared to the effort involved using Java.

For e.g. When I had to implement the Auto-refresh feature in Java, there are so many things to consider..threads, timers etc.

But when it came to javascript, the auto-refresh is achieved with just a tiny call to set-interval method

 

window.setInterval(”refreshdashboard()”, 10000);

The above code will call the refresh dashboard every 10 seconds.

True simplicity.

ĕāကĀŸƩ

Why PHP for Dashboards and Reporting?

As part of the growth strategy for InfoCaptor, it became apparent that InfoCaptor needed a complete transformation into web based solution.

I have directed so many potential customers to my competitor’s websites (idashboards , visualmining) just because InfoCaptor provides only desktop dashboard solution. My leads were very surprised and amazed by my action to point to other vendors and promised that they immediately switch if I had a web based solution.

Since InfoCaptor designer is based on Java, there is a way you could deploy on webserver and launch it via jnlp and lot of time I will spend enormous amount of time with my customers just to configure everything for them.

The desktop solution has been channelized into multiple sub-products such as Excel Dashboards, Access dashboards, Database documentors etc. So Infocaptor designer is going strong and healthy on desktop as lot of individual solo operator companies find it extremely economical and beneficial.

After so many customers turned down because of the lack of web based solution, the birth of web dashboards was imminent.

But why PHP?

I have previously worked with PHP and liked the simplicity and beauty of it. After a brief research it became apparent that PHP is the platform to go with.

Being truly a PHP based solution, the other benefit it provides is the possibility of providing BI plugins for lot of open source projects such as wordpress, joomla, drupal, bugzilla etc.

I am still a single person company with few part time programmers but I do lot of outsourcing on and off. It is way cheaper to hire a PHP programmer on getfreelancer and elance than say a Java developer. One of the goal for InfoCaptor web based solution is stay economical for the common business. With the availability of open source tools this dream is going to be an absolute success.