Is it possible to create a cockpit Dashboard in Appian?

I am looking to create an executive cockpit dashboard somewhat like this based on task execution by users, with 3 levels (Executive, Managers and Users) with each level granted more granular outputs is this possible to get this done in Appian?

  Discussion posts and replies are publicly visible

Parents
  • +1
    Certified Lead Developer
    If I understand correctly, the main thing you want out of this is the tachometer control (the needle moving around the circlular dial depending on value). Appian currently doesn't have anything like that.

    You do have 2 options at this point:

    1. Build a tachometer control in another language such as JavaScript (there might be some things built on JS that have pre-built tachometer widgets) then save that to a website and host it, then link to it in your SAIL using Appian's webcontent field

    2. Make several pictures of tachometers with the needles pointing at all the various points along the circle (6 or 8 or 12, it will be more work but be more seamless the more images you have), import them all into a tachometer document folder inside Appian, name the set of images very carefully so you know where the needle is on each one, then write a function that displays an image component, setting the document image to one of the tachometer pictures based on a series of if()s or a choose() function. This option is basically creating a flipbook of images of tachometers rather than an actual tachometer, however with dynamic links or startProcess links attached to the image you can so some really impressive things if you want the users to be able to interact with it (drilling down, opening whole other reports, really you name it). You could even use the windows snipping tool to snip images of these exact tachometers if you wanted.

    The overall layout of the dashboard you're looking at, you'd achieve that with box layouts. About three or four columns full of box layouts. And at the top, a box layout with either the web content or the image displaying rule if you want the tachometers.
Reply
  • +1
    Certified Lead Developer
    If I understand correctly, the main thing you want out of this is the tachometer control (the needle moving around the circlular dial depending on value). Appian currently doesn't have anything like that.

    You do have 2 options at this point:

    1. Build a tachometer control in another language such as JavaScript (there might be some things built on JS that have pre-built tachometer widgets) then save that to a website and host it, then link to it in your SAIL using Appian's webcontent field

    2. Make several pictures of tachometers with the needles pointing at all the various points along the circle (6 or 8 or 12, it will be more work but be more seamless the more images you have), import them all into a tachometer document folder inside Appian, name the set of images very carefully so you know where the needle is on each one, then write a function that displays an image component, setting the document image to one of the tachometer pictures based on a series of if()s or a choose() function. This option is basically creating a flipbook of images of tachometers rather than an actual tachometer, however with dynamic links or startProcess links attached to the image you can so some really impressive things if you want the users to be able to interact with it (drilling down, opening whole other reports, really you name it). You could even use the windows snipping tool to snip images of these exact tachometers if you wanted.

    The overall layout of the dashboard you're looking at, you'd achieve that with box layouts. About three or four columns full of box layouts. And at the top, a box layout with either the web content or the image displaying rule if you want the tachometers.
Children
  • "If I understand correctly, the main thing you want out of this is the tachometer control" ---- Not exactly like the tachometer but a more of a 3 level dashboard, kind of something similar to a NOC/SOC or a call center with Executives, Managers and Analyst have their own dashboards where the executives only see the metrics, Managers can see a some metrics and performance and also have ability to assign task from Queue and the analyst would only see the teams or their own performance or at the max the the task pending in their teams queue. I like your idea of using JS and then linking it to SAIL . The flip book idea sounds good as well but to pull it off need some documentation , is there any document you can refer me to ?
  • "Not exactly like the tachometer but a more of a 3 level dashboard, kind of something similar to a NOC/SOC or a call center with Executives, Managers and Analyst have their own dashboards where the executives only see the metrics, Managers can see a some metrics and performance..."

    Looking at your requirements I understand you need 1 dashboard having 3 different behavior based on loggedInUser. If this is the case below are steps you can follow.

    1. lets assume you have 3 groups called executives, managers and analysts. you need to create 3 separate interface rule for each of them. Add whatever component you wish for each but make sure you don't use dash board layout for anyone as we are going to embed them in master dashboard layout.

    Let's call each of the rule like below
    INT_executiveDashboard
    INT_managerDashboard
    INT_analystDahboard

    In sectionLayout we have showWhen property, please use it to show section to expected user. For example INT_analystDahboard should be visible only when isusermemberofgroup(loggedInUser(),cons!GRP_ANALYST)
    /*please confirm syntax*/

    2. create a master dashboard and add all three rules in it.

    a!dashboardLayout(
    contents: {
    rule!INT_analystDahboard(),
    rule!INT_executiveDashboard(),
    rule!INT_managerDashboard()
    }
    )

    Hope this will be helpful!