Creating a Survey using KompoZer KompoZer is a complete web authoring system that combines web file management and easy-to-use WYSIWYG (What You See Is What You Get) web page editing. With KompoZer, newcomers will quickly and easily be able to produce new web pages. It is a useful tool for students who are a first-time user or are working on a project to make a web page for a particular course. It has most of the features of Microsoft Word Document - working with it will be similar to writing reports or documents using Word. KompoZer can be used to create survey forms for course projects. In this tutorial we explain: the most common survey question (field) types; how the system collects the results and stores it in the system; and how the survey results can be downloaded in an excel file to your system. Creating a Form Assuming that you have downloaded and installed KompoZer, the following steps are for creating a survey form: 1. Create a web page: You can select any of the templates to start learning to construct a web page, or you can use it for your project or assignment. You can download them from the links given below. http://ltc.acadiau.ca/tl_files/sites/ltc/resources/Templates/web_template1.zip http://ltc.acadiau.ca/tl_files/sites/ltc/resources/Templates/web_template2.zip It is also possible to download and use other web templates from http://www.oswd.org/. However, we have already made some customizations in the above templates to make them easier to edit. To open a file in KompoZer, click on ‘File’ and select ‘Open File’, browse the template for a .html file and click ‘Open’. When the file is opened on the right side you can start editing the contents. For more instructions on creating a web page in KompoZer, click here. 2. Creating a Form: To create a survey form open KompoZer, click ‘Insert’ and select ‘Form’ and ‘Define Form’. A small form properties box will open, type ‘form’ in the Form Name tab, type ‘action’ in the Action URL tab, and select Method as ‘post’, and click on the OK button. See the picture below: You will now see a light blue dotted box where you have to put all your text boxes, radio buttons, and drop down lists for the form. Press ‘Enter’ a couple of times to get more space to work on. 3. Adding a Submit button: To create a Submit button go to ‘Insert’, ‘Form’, and ‘Form Field’ and select ‘Submit Button’ in the field type drop-down list. Type ‘Submit’ in the ‘Field Name’ and ‘Field Value’ and click OK. You will now see a Submit Button. Adding Fields to the Form 1. Create a text field: A text field is a box where you can type text like your name, or answer two or three word questions. To create a text field, go to ‘Insert’ ‘Form’ and select ‘Form Field’. A small form field properties box will open. Select ‘Text’ in the Field Type drop down list. In the ‘Field Name’ tab type your variable name. For example: You want to type a name in the text field, so type as ‘name’, or email_address; do not use spaces when typing the names of variables. Now click OK. See the picture below: You will now see a text field like in the picture below: 2. Creating a Drop-down list: Drop-down list boxes allow the user to choose an entry from a list, which drops down immediately below the field, and shows which values can be chosen. To create a drop-down list, go to ‘Insert’ ‘Form’ and select ‘Selection List’. Create a list name for example: age_group, making sure to include no spaces. Now, click on ‘Add Option’. When you click ‘add option’ you will see that a new ‘text’ and ‘value’ tab comes up, type ‘Please Select’ in the text tab; the value tab will automatically copy it. Check the box ‘Initially Selected’ and click ‘Add Option’. This will create a ‘Please Select’ text in your drop-down list by default. Now keep on adding your options in the text tab and click on ‘Add Option’ each time you want to add a new option to the drop-down list. You should make sure to enter a value in the value tab, since the values are what will appear in your survey results when you download them. When you are finished click OK. See the pictures below: 3. Creating a Radio Button for Yes/No or two variable questions: A radio button is the small circle beside an option you can choose in a question. Radio buttons can be created by going to ‘Insert’ ‘Form’ and ‘Form Field’. A small form field properties box will open. In the ‘field type’ drop down list, select ‘Radio Button’ and in the ‘Group Name’ type a name of the variable. For example: type yes_no with no spaces. In the ‘Field Value’ tab type a value, for example: 1. Now, click OK. You will now see a radio button in the text box: You have to go through the same process to include a ‘NO’ radio button. When you open the form field properties box like the one shown above, type the same group name as you have used earlier, so in this case we will also use ‘yes_no’ but in the field value we will use ‘2’ because it is a second option that we are including in the same group. See the picture below: Note: You can also use words with no spaces in the ‘Field Value’ tab to number your variables, but if you are using SPSS or other statistics packages, numbers are preferable. 4. Creating radio buttons for Likert Scale or rating questions: Radio buttons can be created by going to ‘Insert’ ‘Form’ and ‘Form Field’. A small form field properties box will open. In the ‘field type’ drop down list, select ‘Radio Button’ and in the ‘Group Name’ type a name of the variable. The group name should be used always when inserting one or more radio buttons. For example: for a Likert Scale question with 5 variable ratings, with the ‘Group Name’ of ‘likely’, you would have to include this group name each time you want to add a different radio button, with ‘Field Value’ of 1 through 5. See the series of pictures below: 5. Create a check box: A check box is a box that can be checked by the user with multiple selections. To create a check box, go to ‘Insert’, ‘Form’ and ‘Form Field’. In the ‘Field type’ drop down list select ‘Check Box’. In the ‘Field Name’ tab, type a variable name with no spaces and type the ‘Initial Value’ as a number or words. If you are using SPSS, it is preferable to use numbers, like ‘1’. If you are using check boxes, use different names in the ‘Field Name’ but with same numbers in the ‘Initial Value’. For example: with 5 checkboxes to be inserted, you would use ‘check_box_1’, ‘check_box_2’, ‘check_box_3’ etc as ‘Field Name’ each time you want to add a new checkbox in the question; but will type ‘1’ as ‘Initial Value’ each time a new checkbox is added. See the picture below: 6. Create a text area: A text area, or a text window, is an area on a web page which can be typed into, like a comments box at the end of the survey. Go to ‘Insert’, ‘Form’ and ‘Text Area’. Type the ‘Field Name’ with no spaces and the number of rows and columns, according to how much you would want your audience to write. Click OK. See the pictures below: Creating a debriefing (Thank You) page After creating the survey page, you will need to create a Thank You page or a debriefing page which will give a thank you message to the user for participating in the survey after they have submitted the survey and carry it to the survey system database. An easy way to to create the thank you page is to copy the .html file containing the survey to a new .html page (naming it as thankyou.html), and editing the new page to replace the form with your ‘Thank You’ message. Uploading to your web space After creating the survey form, the web page needs to be posted to the web space. To post your web page into the web-space, you have to map the network to H: Drive. Server: home.acadiau.ca Share: users/username. It is also known as the Home Directory and also the home of your website. For more instructions on posting your web space, click here Connecting your web pages to the survey system Internet Explorer Users: If you use Internet Explorer, you may want to add the Survey System to your Trusted Sites. This will makes things easier when it comes time to download your results. To do this process, open Internet Explorer and go to ‘Tools’, click on ‘Internet Options’. When the window opens, go to ‘Security’ tab and click on ‘Trusted Sites’ and ‘Sites’. Add http://surveys.acadiau.ca in the ‘Add this website to the zone’ tab. Make sure that there is no check mark in the ‘Require server verification (https:) for all sites in this zone’ check box. 1. Register with the Survey System: Go to http://surveys.acadiau.ca and click on ‘Registration’ if you are a new user of the survey system. Fill in the ‘Username’, ‘Full Name’ and ‘E-mail’ tabs, using your proper Acadia e-mail address and click on Submit. 2. Creating a Survey with the Survey System: Log in to the survey system (http://surveys.acadiau.ca). Click on ‘My Surveys’, and type your ‘Survey Name’ in the ‘Add a Survey’ box. Beside Survey URL type the actual URL of where the survey's web page (the form) is or will be hosted. It doesn't have to be in place now, but this address is important and will be used later in some html code that needs to be in the survey before it will work with the Survey System. If for example, you have created a file called survey.html and saved it in a ‘WWW’ folder in the H: Drive of Acadia network folders, then your URL should be, http://www.acadiau.ca/~123456a/survey.html (Note: 123456a should be replaced your Acadia ID). Click on the Add button to complete the survey creation process. When you have created the survey, an e-mail will be sent out to the administrator of the system to ‘authorize’ your survey. This is simply a formality to prevent abuse or improper use of the system. 3. Managing Survey in the system: To manage the survey, click on the survey in the ‘Current Surveys’ box and click on ‘Manage’. In the ‘Thank you URL’ tab, type your thank you page URL; for example: http://www.acadiau.ca/~123456a/thankyoupagename.html. Set the ’survey status’ to Open. Click on ‘Commit Changes’ to save the changes you made. You can also edit your survey by setting up ‘track submission timing’ which tracks the time of when the user completed your survey and saves it with the data in the excel file. There are also other options that you can choose according to your preferences. 4. Connecting the form to your Survey: To connect your form to the survey system, click on the survey in the ‘Current Surveys’ box and click on ‘Manage’. At the top of the page, click on ‘Generate HTML’, a two line code will come up; copy that code, and open your main survey file in KompoZer. Click on ‘Split’ or ‘Source’ at the bottom of the KompoZer page. This will show the HTML code of your survey. Look for ‘<form>’ in the first part of your code and replace it with the code that was copied from the survey system. Save the file and replace it in the WWW folder again. Test it with http://www.acadiau.ca/~123456a/filename.html and your survey is ready to go. See the picture below: The highlighted line is the form tag, which should be replaced by the code in the survey system. The picture below is what it looks like after being replaced, with the highlighted lines being the replaced code: 5. Testing your survey: Test it with http://www.acadiau.ca/~123456a/filename.html and your survey is ready to go. 6. Download results: If you want to download the results of the files after the survey, log in to the survey system, select your current survey, and click on ‘Manage’. At the bottom of the page in the ‘Extract Survey Results’ box, click on ‘Excel Table’ and your result file will be downloaded.