2. PHPRunner Tips and Tricks
  3. Survey Management - SurveyJS Integration -
This topic is locked

Survey Management - SurveyJS Integration -

 		12/12/2021 6:29:24 PM
PHPRunner Tips and Tricks
fhumanes author

img alt
We have been looking for the opinion of customers, users, etc., and we collect this data through multiple sources.

One of these sources are the surveys, which can be for many reasons, mainly, of satisfaction, what they would like to find, etc.

Another functionalities of this solution is the capture of information through "very" complex forms.

Objetive

Have a platform to be able to conduct surveys (of all kinds) with the following characteristics:

  • It is very easy to define the survey and it is possible, through a design tool with testing possibilities at design time.
  • It serves for very simple surveys, but also for complex, with a very powerful interface in order to simplify completion to users.
  • That in addition to the ADD function, it also has the EDIT functionality (edit).
  • That can generate a PDF with informed information.
  • That you can export the data entered to a format that we can try in Excel.
  • And most importantly, that can be used in a Phprunner development, without having to expand development for each survey (dynamic information).

DEMO: https://fhumanes.com/surveyjs/

The administration user is: "admin" / "admin"

If you are interested in this topic, you continue reading all the information by clicking on this link.
fhumanes author 12/12/2021

DEMO: https://fhumanes.com/surveyjs/

Data model

img alt

To use the example it is necessary to have the following plugin's (free) of my portal installed:

Trumbowyg .- For the HTML content editing
CodeMirror .- For coding visualization
Treejson .- For Graphic Visualization of JSON Content

Functionality of the solution

img alt
(1) The actions that can be done are ADD, EDIT, COPY and VIEW.

(2) Export all the results of that survey to a CSV file so that it can be treated in Excel or in any other application. I have put the symbol ";" As a field delimiter, but you can customize it at the value you want.

In the JSON field goes the definition of the survey that has been done on the surveyjs platform

Very important: When you define the survey you have to take into account:

img alt

(1) You must configure with these 2 options KnockoutJS and Bootstrap
(2) When we already have the example, in the JavaScript tab we have the content that must be copied.
(3) All definition of the JSON variable is copied

img alt

With the viewing option allows us to see the JSON data file graphically.
fhumanes author 12/15/2021

Update of SurveyJS !!!!

In this example I have left 2 versions. The first, where the new forms are 100% integrated on the pages of PHPRunner and this second version that I have made by:

  • Phprunner uses bootstrap version 3 and jQuery version 1. These versions give problems with some products, specifically, I saw small problems with Suveryjs, that's why I have changed the design of the application by pages out of phprunner to treat the forms and thus have no dependencies From the bookstore versions that Phprunner uses.
  • Although it was very evident how the edition (update) of the form data could be programmed, I have scheduled this functionality in the example.

img alt
The main changes can be seen in this image where there are changes in the buttons at the registration level.

DEMO: https://fhumanes.com/surveyjs2/

The administration user is: "admin" / "admin" (the database is the same for the 2 applications)

All the article can be read on this link.