Integrations

xmatters integration

nnApp for xmatters integration

Type: uni-directional

Supported Version: TBA

Version 1.0

xmatters integration  • Platform & full functional details to follow. Access the direct download here : Coming 2013

About Apps for data integration

Integrations are NetNow Apps that allow you to easily integrate your data and connect existing applications or systems the NetNow service. Integrations are available to many different platforms and applications whether they are based in the cloud or on your premises. Using integrations you can quickly and easily extend an existing application to bring it to the cloud or develop entirely new solutions.

CEO

Real Time Intelligence – General Availability of the Service

Real Time Intelligence Update

With around 20 sites currently beta testing the product we have been learning lots and thank all our beta users for their invaluable feedback. We are currently working on making sure we have the right hosting infrastructure in place ready for moving the NetNow service to general availability, currently we are planning for an October 2012 announcement.

So what can you expect one we go GA? Well the NetNow service will be accepting users directly, all you need to do is make sure you have Signed up to the site and as soon as you login to the NetNow service your Free Trial will automatically start. You can undertake your trial without obligation and there won’t be any sales people pestering you! We are here to help and waiting to answer any questions you may have during your trial. Our consultants will be available to give you any assistance you may require should you ask for it.

We have many exciting announcements to make in the coming weeks and months including more details on how to make the most of your trial along with many fantastic offers for our users! Stay tuned in to NetNow.

David Harwood

Changing the Styling of a Widget

Reporting Gauge Tutorial

Difficulty: BASIC

Estimated Completion Time: 5 Mins

Version 1.8+

For each widget there is a “Chart Template” property, this can be altered to change the look and feel of any widget. In this tutorial we will show you some basic styling tips to change the appearance of the Angular Gauge widget. So let’s get started. You will first need to Login to the dashboard builder to start the tutorial.

Step 1 – Add an ‘Angular Gauge’ Widget to your Dashboard

Add a Angular Guage widget to the dashboard using the new widget button in the bottom left hand corner of the dashboard builder. Open the Angular Guage widget properties menu by clicking on the spanner button in the top right hand corner of the widget.

Once you have opened the Properties menu, scroll down to find the ‘Chart Template’ field.

Step 2 – Increasing the amount of ‘segments’ on the gauge

When you first load the Angular Gauge widget there will be three different segments on the gauge, one from 0-75, one from 75-90 and one from 90-100. For this example we will create another segment, so we have four equally sized segments. To do this in the Chart Template field locate the <colourRange> tag and replace it with the following:

[snippet id=”35″]

Step 3 – Changing the colour of the gauge

In the previous step we created four segments for the gauge, in this step we will assign them different colours. The colour can be changed by changeing the ‘code’ values in the <colourRange> tag, this code is a hexadecimal code and they can be found on a range of different websites. For this example we will change the colours to light blue, slate blue, beet and maroon:

[snippet id=”36″]

Step 4 – Configuring the gauges start and end angles

By default the Angular Gauge spans 180 degrees, it is possible to change this so you can draw the gauge from virtually any start angle to any end angle. At the very top of the Chart Template field there are two parameters (gaugeStartAngle=’180′ gaugeEndAngle=’0′). These two values signify where the gauge will start and end. Below are some images which depict how the Angular guage comprehends angles:

gaugeangles

In this example we are going to make the gauge a full circle. This can be done in a number of ways (for example setting the gaugeStartAngle to 0 and the gaugeEndAngle to 360), however for this example we will set it so the start and end point of the gauge is on the left side of the widget. By following the image as a guide, to do this we will need to set the gaugeStartAngle value to 180 and set the gaugeEndAngle to -180.

Once you are finished, scroll to the bottom of the properties and press update. You can now close this dialog. This tutorial is now done. You can now view your dashbaord and you will have a differently styled angular gauge!

For extra information, guidance and troubleshooting consult:

 

Integrations

MySQL integration

nnApp for MySQL integration

Type: uni-directional

Supported Databases: MySQL 4+

Version 1.0

MySQL integration – Integrates using standard native DB drivers.Access the direct download here : Coming December 2012.

About Apps for data integration

Integrations are NetNow Apps that allow you to easily integrate your data and connect existing applications or systems the NetNow service. Integrations are available to many different platforms and applications whether they are based in the cloud or on your premises. Using integrations you can quickly and easily extend an existing application to bring it to the cloud or develop entirely new solutions.

 

Integrations

Service Now integration

nnApp for Service Now integration

Type: bi-directional

Supported Platforms: ServiceNow.com

Version 1.0

Service Now integration • Integrates via ServiceNow API. Access the direct download here : Coming December 2012.

About Apps for data integration

Integrations are NetNow Apps that allow you to easily integrate your data and connect existing applications or systems the NetNow service. Integrations are available to many different platforms and applications whether they are based in the cloud or on your premises. Using integrations you can quickly and easily extend an existing application to bring it to the cloud or develop entirely new solutions.

Grant Glading

Financial services saas offerings – are they willing to give it a try?

What about Financial Services SaaS offerings?

Whilst out visiting clients and prospects in the UK this week I was pleased  to hear that hosted systems management offerings aren’t being ruled out of hand by the majority of financial services clients I talk to.  Certainly for test, development, DR and QA functions many cautious, security concious organisations are finally investigating SaaS for systems management offerings.  Cost savings and rapid time to deploy seem to be the main drivers.  We look forward to posting details of our first financial services NetNow reference story on this site in the near future.

Matthew Sweeney

Connecting to a Data Source Part 1

Connecting Data Tutorial

Difficulty: BASIC

Estimated Completion Time: 5 Mins

Version 1.8+

In this three part tutorial we will show you how to connect a widget in your dashboard to a data source. Each widget has a “Chart Data Source” property which must be set to the URI of the web service (or file) that provides the widget’s data. In part 1 we will focus on configuring an ‘Absolute URI’, which can be used when the web service will always be at the same location e.g. an RSS feed. Part 2 will build on this tutorial by configuring a ‘Relative URI’, used when the web service is local to the server that the dashboard is running on. The final part of the tutorial will look at connecting a widget to the dashboard’s own built-in test data generator. So let’s get started with part 1. You will first need to Login to the dashboard builder to start the tutorial.

Step 1 – Add a ‘Web Page’ Widget to your Dashboard

Add a Web Page widget to the dashboard using the new widget button in the bottom left hand corner of the dashboard builder. Open the Web Page widget properties menu by clicking on the spanner button in the top right hand corner of the widget.

Once you have opened the Properties menu, scroll down to find the ‘Chart Data Source’ field.

Step 2 – Add your Absolute URI to the Chart Data Source field

Once you have located the ‘Chart Data Source’ field in the widget properties menu, you can now enter the URI of your data source. You can simply copy and paste your URI into the field e.g.

Now scroll to the bottom and press ‘Update’. You can now close the properties menu. That’s all done! Now view your dashboard and you should now be able to access your URI data source through your dashboard. Please continue to Part 2 where we will see how we can connect widgets to a Relative URI!

For extra information, guidance and troubleshooting consult:

 

Adam Smith

Using the radio button widget – Part 2

Widget Tutorial

Difficulty: INTERMEDIATE

Estimated Completion Time: 10 Mins

Version 1.8+

Using the Radio Button to drive other widgets - Part 1

In part 2 of this tutorial we will show you how to use the radio buttons to dynamically change which web page is displayed to the user. So let’s get started. You will first need to Login to the dashboard builder to start the tutorial and load up your dashboard from part one of the tutorial.

Step 1 – Add a Web Page widget to your dashboard

Start by editing the dashboard you created in Step 1 of this tutorial as we will now build on this first tutorial by connecting a second widget to our radio buttons. Add a Web Page widget to the dashboard using the new widget button in the bottom left hand corner of the dashboard builder. From inside the Web Page widget locate and press the spanner icon shown below:

We are going to update the properties of the web page widget so that when a radio button is clicked by the user this widget will obtain the selected option and automatically use the value as input for the website to display. Once inside the widget properties panel you will need to change the following properties:

 

  • Overwrite the “Chart Data Source” to “http://www.bbc.com”.

This setting tells the web page widget to display the BBC website by default

  • Set the “Selection Source” to “widget1“.

This setting tells the web page widget to accept input from widget1

  • Set the “URL Converter” to “replaceURL“.

This setting tells the web page widget to use the input from widget1 to replace the default website to display.

 

Then click “Update” at the bottom of the properties panel. You have now created a dashboard which changes a Dynamic Text Box and a Web Page widget using values stored in a Radio Button!. Please view you dashboard to see how it works. You are now finished Part 2 of the radio button widget tutorial!

TIP: Radio button can be used to drive many different widgets in the dashboard.

For extra information, guidance and troubleshooting consult:

 

Adam Smith

Using the radio button widget – Part 1

Widget Tutorial

Difficulty: BASIC

Estimated Completion Time: 10 Mins

Version 1.8+

Using the Radio Button to drive other widgets - Part 1

In this two part tutorial we will show you how to use the radio button to drive other widgets in your dashboard. In part 1 we will focus on changing the text in a dynamic text box. Part 2 will build on this tutorial by changing the web page address on a web page widget. So let’s get started. You will first need to Login to the dashboard builder to start the tutorial.

Step 1 – Add a radio button widget to your dashboard

Add a Radio Button widget to the dashboard using the new widget button in the bottom left hand corner of the dashboard builder. From inside the Radio Button widget locate and press the spanner icon shown below:

You will now be presented with the properties of the widget. While inside the properties, overwrite the contents of the Chart Template box with the following html:

 

[snippet id=”32″]

 

Also set the “Data Source Type” to “Text / HTML”. Then click “Update” at the bottom of the properties panel.

Step 2 – Add a  Dynamic Text Box to your dashboard

Add a Dynamic Text Box widget to the dashboard using the new widget button in the bottom left hand corner of the dashboard builder. From inside the Dynamic Text Box widget locate and press the edit text icon shown below:


You will now be presented with the properties of the widget. While inside the properties, overwrite the contents of the Chart Template box with the following html:

[snippet id=”33″]

 

Also set the “Selection Source” to “widget1″. Then click “Update” at the bottom of the properties panel. Congratulations you’ve finished Part 1. Change to view mode and you should then be able to click on the different radio buttons and see the values populate the Dynamic Text Box widget!
&ncsp;

NOTE:The snippet of code above uses Freemarker template language to display the selection from the radio button using a variable. It will display “http://www.bbc.co.uk” by default.

 

In Part 2, you can learn how we use the Radio Button widget to switch between web pages dynamically.

For extra information, guidance and troubleshooting consult: