SLIDE 1
10/ 17/ 2013
Custom izing the BlaiseI S XSLT Stylesheets and ASP Scripts Edwin - - PowerPoint PPT Presentation
Custom izing the BlaiseI S XSLT Stylesheets and ASP Scripts Edwin - - PowerPoint PPT Presentation
Custom izing the BlaiseI S XSLT Stylesheets and ASP Scripts Edwin de Vet & Arnaud Wijnant CentERdata 10/ 17/ 2013 Blaise I S: How does it w ork? 3 10/ 17/ 2013 Blaise I S: How does it w ork? ( 2 ) Request Blaise sends Blaise Send
SLIDE 2
SLIDE 3
10/ 17/ 2013
3
Blaise I S: How does it w ork?
SLIDE 4
Blaise I S: How does it w ork? ( 2 )
10/ 17/ 2013
4
Send input to Blaise Blaise generates questions Blaise sends question properties to IIS IIS transforms properties to HTML page HTML page is sent to respondent
Request Output
SLIDE 5
Modifying XSLT style sheets
- Modify look and feel of webpages
- Add extra functionality to meet demands
- f our customers
10/ 17/ 2013
5
SLIDE 6
Clickable texts by m odifying XSLT style sheets
- Added id to input elements
- Modified template RichTextElement to add
label with “for” attribute
<input name="qu1fpala" id="qu1fpala1" value="1" type="radio"> <label for="qu1fpala1">Option A</label> <input name="qu1fpala" id="qu1fpala2" value="2" type="radio"> <label for="qu1fpala2">Option B</label>
10/ 17/ 2013
6
SLIDE 7
Slider using jQuery-UI ( 1 )
10/ 17/ 2013
7
Blaise source file (.bla)
<div id=""slider2""></div> <script type=""text/javascript""> $(function() { createSlider(2); }); </script>
XSLT style sheet
- Includes links to jQuery libraries
- Includes JavaScript function
createSlider()
SLIDE 8
Slider using jQuery-UI ( 2 )
function createSlider(id) { var element = document.getElementById("qu" + id + "_id"); element.style.display = 'none'; var val = 550; if (element.value != '') { val = parseInt(element.value); } else { element.value = val; } var sliderOpts = { min: 100, max: 1000, value: val, slide: function(e, ui) { element.value = ui.value; } }; $("#slider" + id).slider(sliderOpts); }
10/ 17/ 2013
8
- Creates slider on document load
- Fills input field when slider is moved
SLIDE 9
Slider using jQuery-UI ( 3 )
10/ 17/ 2013
9
SLIDE 10
Table Styling
10/ 17/ 2013
10
- Header row gets css class “HeaderRow”
- Other rows alternating css classes
“OddRow” and “EvenRow”
- Styling (for instance coloring) can be set
with standard css
SLIDE 11
Trigram search/ encode question ( 1 )
- Automatic look-up and encode question
- Question uses a database that contains
descriptions
- Very similar to a Google search
suggestion box
- Code is written in Classic ASP and uses
an Access database
10/ 17/ 2013
11
SLIDE 12
Trigram search/ encode question ( 2 )
10/ 17/ 2013
12
SLIDE 13
Previously presented m odifications
- Simple Style Sheet (Arnaud Wijnant &
Edwin de Vet) – IBUC 2012
- Mobile style sheet based on the Simple
Style Sheet and jQuery mobile (Alerk Amin) – IBUC 2012
- C3B – incorporating external webpages
into the Blaise questionnaire (Arnaud Wijnant) – IBUC 2010
10/ 17/ 2013
13
SLIDE 14
Modifying asp scripts - logging
- Modification of BiPagHan.asp
- Logging to plain text file
- Name of the questionnaire, timestamp
(date and time), key value of the respondent, question name and given answer
- Analysis of time intervals between
questions
- Are respondents going back in the
questionnaire?
10/ 17/ 2013
14
SLIDE 15
Security enhancem ent
10/ 17/ 2013
15
Respondents portal KeyValue= 1237 HashValue= sha1( SALT.”1237”) BlaiseI S server Recalculate hash HashValue= sha1( SALT.KeyValue) < form
- First question
- Missing KeyValue
- Incorrect hashvalue
<form action="blaiseISserver/biInterviewStarter.asp"> <input type="hidden" name="KeyValue" value=“1237" /> <input type="hidden" name=“HashValue" value=“dd054b0a2f3b8b66f6611910" /> <input type=“Submit” value=“Start Questionnaire” /> </form>
SLIDE 16