Presenting ADXStudio

ADXStudio is here!!

What is it?

ADXStudio is an IDE for people who want to create Askia Design Control (and later Askia Design Page) easier and faster. This application can support AskiaScript, JavaScript, HTML, CSS, … and more.

ADXStudio was built with Electron, this application is based on NodeJS. Furthermore, we have included CodeMirror (already used in Design and Vista) to get a complete text editor with syntax highlighting and autocompletion.

Installation

To install ADXStudio, follow the procedure available here.

ADXStudio is available on Github and everyone who wants to contribute can download the source code and send us a pull request.

A little bit of ADXStudio:

Check the documentation to learn how to create ADCs:

The TreeView :

It’s the left part of the app in which you can see your project.

ADXStudio-Treeview

New Project:

In the Menu bar (at the top of the application window): go to “File” and click on “New Project” to generate and open a new ADC Structure !

ADXStudio-NewProject

Workspace :

The Workspace part of the application, is the panel located on the right of the window. You can edit your text inside with syntax colouring and autocompletion for AskiaScript, JavaScript, HTML, CSS and Markdown.

ADXStudio-Workspace

Project Settings :

The project Settings view allows you to see and define the settings of your current project (author, project name, …) and is accessible through File menu -> Projects settings.

ADXStudio-ProjectsSettings

Preview + Property Grid :

The preview can be accessed from the “Tools” menu item. Click Preview when your ADC project is open to trigger a preview of your currently opened ADC. The property Grid, visible at the bottom of the preview, let’s you change the properties of your control and preview the result.

ADXStudio-Preview

Build your Askia Design Control :

Finally, to build your .adc control -> select “Build” from the Tools menu. ADXStudio will create the .adc file in the bin folder of your project.

New version 5.3.5.0 of askiadesign

We’re excited to announce that a new version (5.3.5.0) of askiadesign is available; as usual, this update contains some nice new features as well as some dead bugs!

Update question properties globally or for a set of questions

We have added a new “Set questions” menu when right-clicking a question in the treeview. You can choose to activate/deactivate four options:

  • Allow Don’t Know
  • Visible
  • Ordered responses
  • Visible in Analyse

PrintScreen1

New “Change the response order” routing

In the same way we use the “Change order” routing to randomize questions, we can now manually specify the order of the responses shown using the new “Change the response order” routing.

PrintScreen4

New shortcuts for routings

You can now use Ctrl + C / Ctrl + V to copy and paste routings and also Alt + Up / Alt + Down to move routings up and down.

Filter view improvement in the routing mode

There are now 4 options available to filter the routings summary view:

  • All routings (view all routings of the questionnaire)
  • After selected question (view the routings where the start question is the one selected in the question tree)
  • Targeting selected question (view the routings where the target question is the one selected in the question tree)
  • Involving selected question (view the routings where the start or target question or any script referring to the selected one in the treeview)

PrintScreen2

Script window improvement

We have improved the dialog to create askia scripts and integrated into the HTML code an interactive help about the current question
allowing you to search responses and insert a range of responses.
We have also removed the obsolete win32 controls to allow more real estate to the script itself.

PrintScreen3

More keywords for the askia scripts

We have added the new Interview object to the askia scripts and implemented the following properties:

  • Interview.Broker
  • Interview.BrokerPanelID
  • Interview.GUID
  • Interview.IPAddress
  • Interview.Latitude
  • Interview.Longitude
  • Interview.PanelID
  • Interview.Progress
  • Interview.Seed
  • Interview.ToString
  • Interview.TypeOf

We have also added the StdDevEst which works on numerical array. The StdDev is equivalent to STDEV.P and StdDevEst to STDEV.S in Microsoft Excel.

Property view allowing HTML preview in realtime

We have added a property view which allows users to change settings in any of the controls (including ADC) without having to right-click “Properties”, change the settings, click apply, view in HTML mode.

PrintScreen5

The complete list of new features and bug fixes can be found here.

Version 5.3.4.0: askiadesign

This post is the first in a series of two that detail the key features of version 5.3.4.0 of askiadesign & askiaanalyse.

In askiadesign 5.2.2, we introduced new controls into our library, the ADC (Askia Design Controls).

It gives you the possibility to select which controls you would like to use on your web screen and simply drag and drop the selected control onto the screen. 

Each one of these ADCs is shipped with many settings that will allow you to fine-tune and customise the rendering of the controls

Version 1 of the Askia Design Controls (ADC 1.0) was based on Adobe Flash.

In askiadesign 5.3.3, we created the first set of new ADC 2.0 controls which are JavaScript-based.

These controls are therefore compatible with all devices and the controls includes intelligent fallbacks so if JavaScript is not enabled the controls generate classical HTML controls. 

As with ADC 1.0 (Flash), ADC 2.0 allows you to customise the appearance as well as the interaction of your survey controls by giving you access to their design parameters.

Askia Design Controls in askiadesign

When generating the screens in HTML, we can also automatically associate an ADC to a given type of questions.

We can assign different controls to single, multiple or grid questions and predefine their properties.

Screen generation options for ADCs in askiadesign

In askiadesign 5.3.4.0, we have improved the management of question compatibility when you drag and drop an ADC to a response block.

AskiaDesign checks if a control requires a loop or not.

It also indicates the list of questions types it was designed for when it indicates the control is not compatible.

ADC compatibility in askiadesign

Askiadesign  automatically creates a response block when dragging an ADC on to incompatible screens.

Below the list of gender are as classical responses but the ADC should be applied to a response block.

Automatically generate response blocks for ADCs in askiadesign

After the drag and drop of the ADC, the list of classical responses is automatically transformed into a response block and the selected ADC was applied as well.

Askia Design Control generated in askiadesign

Have a look at the list of ADC 1.0  and ADC 2.0 controls.