{"id":5841,"date":"2024-12-18T14:30:03","date_gmt":"2024-12-18T14:30:03","guid":{"rendered":"https:\/\/beams-experiments.com\/?page_id=5841"},"modified":"2025-01-14T05:57:48","modified_gmt":"2025-01-14T05:57:48","slug":"post-task-questionnaire-toy-ai-nofin","status":"publish","type":"page","link":"https:\/\/beams-experiments.com\/index.php\/post-task-questionnaire-toy-ai-nofin\/","title":{"rendered":"Post-Task-Questionnaire-Toy-AI-NoFin"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <style>\n        body {\n            margin: 0;\n            padding: 10px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n            box-sizing: border-box;\n        }\n        #submitForm {\n            display: block;\n            padding: 10px 20px;\n            background-color: #007bff;\n            color: white;\n            border: none;\n            border-radius: 5px;\n            cursor: not-allowed; \n            opacity: 0.5; \n            margin-top: 20px;\n            margin-bottom: 10px;\n            margin: 10px auto;\n            width: fit-content;\n        }\n        #submitForm:enabled {\n            cursor: pointer;\n            opacity: 1;\n        }\n        #progressBarContainer {\n            width: 90%;\n            background-color: #e0e0e0;\n            border-radius: 5px;\n            margin-top: 10px;\n        }\n        #progressBar {\n            height: 10px;\n            background-color: #007bff;\n            border-radius: 5px;\n            width: 100%;\n        }\n        #progressText {\n            text-align: center;\n            margin-top: 5px;\n        }\n    <\/style>\n<\/head>\n<body>\n    <form id=\"postTaskQuestionnaire\">\n        <!-- Qualitative Feedback -->\n<p>1. Please provide a brief title or description to your design.<\/p>\n    <textarea name=\"titleInput\" rows=\"4\" cols=\"80\" placeholder=\" Please provide a brief title or description to your design...\"><\/textarea>\n          <p>2. Please describe in details the process you used to come up with your design.<\/p>\n    <textarea name=\"processDescription\" rows=\"4\" cols=\"80\" placeholder=\"Please describe in details the process you used to come up with your design...\"><\/textarea>\n\t\n  \n<div class=\"question-container\">\n    <p>3. Please describe in details how AI influenced your design process.<\/p>\n    <textarea name=\"AIInfluenceDescription\" rows=\"4\" cols=\"80\" placeholder=\"Please describe in details how AI influenced your design process...\"><\/textarea>\n<\/div>\n <p><b>Please rate the following items on a scale from 1 to 7, where 1 indicates \u201cvery strongly disagree\u201d and 7 indicates \u201cvery strongly agree.\u201d<\/b><\/p>\n\n<div class=\"question-container\"> \n    <p>4. I often seek out information about new products and brands.<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS1\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS1\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS1\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS1\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS1\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS1\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS1\" value=\"7\"> 7<\/label>\n<\/div>\n\n<div class=\"question-container\">\n    <p>5. I like to go to places where I will be exposed to information about new products and brands.<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS2\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS2\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS2\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS2\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS2\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS2\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS2\" value=\"7\"> 7<\/label>\n<\/div>\n\n<div class=\"question-container\">\n    <p>6. I like magazines that introduce new brands.<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS3\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS3\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS3\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS3\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS3\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS3\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS3\" value=\"7\"> 7<\/label>\n<\/div>\n\n<div class=\"question-container\">\n    <p>7. I frequently look for new products and services.<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS4\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS4\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS4\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS4\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS4\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS4\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS4\" value=\"7\"> 7<\/label>\n<\/div>\n\n<div class=\"question-container\">\n    <p>8. I seek out situations in which I will be exposed to new and different sources of product information.<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS5\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS5\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS5\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS5\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS5\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS5\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS5\" value=\"7\"> 7<\/label>\n<\/div>\n\n<div class=\"question-container\">\n    <p>9. I am continually seeking new product experiences.<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS6\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS6\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS6\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS6\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS6\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS6\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS6\" value=\"7\"> 7<\/label>\n<\/div>\n\n<div class=\"question-container\">\n    <p>10. When I go shopping, I find myself spending very little time checking out new products and brands.<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS7\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS7\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS7\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS7\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS7\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS7\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS7\" value=\"7\"> 7<\/label>\n<\/div>\n\n<div class=\"question-container\">\n    <p>11. I take advantage of the first available opportunity to find out about new and different products.<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS8\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS8\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS8\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS8\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS8\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS8\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CNS8\" value=\"7\"> 7<\/label>\n<\/div>\n <p><b>Please rate the following items on a scale from 1 to 9<\/b><\/p>\n\n    <!-- Cognitive load item 1 -->\n<div>\n    <p>12. As a result of using the chatbot, I found the task&#8230;<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad1\" value=\"1\"> 1 (very, very easy)<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad1\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad1\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad1\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad1\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad1\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad1\" value=\"7\"> 7<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad1\" value=\"8\"> 8<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad1\" value=\"9\"> 9 (very, very difficult)<\/label>\n<\/div>\n\n<!-- Cognitive load item 2 -->\n<div>\n    <p>13. As a result of using the chatbot, the mental effort that the task cost me&#8230;<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad2\" value=\"1\"> 1 (very, very low mental effort)<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad2\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad2\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad2\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad2\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad2\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad2\" value=\"7\"> 7<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad2\" value=\"8\"> 8<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"cognitiveLoad2\" value=\"9\"> 9 (very, very high mental effort)<\/label>\n<\/div>\n        <p>14. Attention Check (please read carefully):<br>\n        Select the number &#8216;3&#8217; to demonstrate your attention to detail.<br>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"attentionCheck\" value=\"1\"> 1<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"attentionCheck\" value=\"2\"> 2<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"attentionCheck\" value=\"3\"> 3<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"attentionCheck\" value=\"4\"> 4<\/label>\n        <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"attentionCheck\" value=\"5\"> 5<\/label>\n        <\/p>\n\n        <!-- Done button -->\n        <button type=\"button\" id=\"submitForm\" disabled>Done<\/button>\n    <\/form>\n<\/div>\n\n<!-- Progress Bar -->\n<div id=\"progressBarContainer\">\n    <div id=\"progressBar\"><\/div>\n<\/div>\n<div id=\"progressText\">Page 6 out of 6<\/div>\n    <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\n   <script>\n    $(document).ready(function() {\n\n        function checkAllQuestionsAnswered() {\n            var allAnswered = true;\n\n            \/\/ Check if the radio button questions are answered\n            $('#postTaskQuestionnaire input[type=\"radio\"]').each(function() {\n                var name = $(this).attr('name');\n                if ($('input[name=\"' + name + '\"]:checked').length == 0) {\n                    allAnswered = false;\n                    return false;\n                }\n            });\n\n            \/\/ Check if the two textareas are filled\n            if ($('textarea[name=\"titleInput\"]').val().trim() === '') {\n                allAnswered = false;\n            }\n\n            if ($('textarea[name=\"processDescription\"]').val().trim() === '') {\n                allAnswered = false;\n            }\n\n            if ($('textarea[name=\"AIInfluenceDescription\"]').val().trim() === '') {\n                allAnswered = false;\n            }\n            return allAnswered;\n        }\n\n        \/\/ Check when any radio button is clicked\n        $('#postTaskQuestionnaire input[type=\"radio\"]').on('change', function() {\n            if (checkAllQuestionsAnswered()) {\n                $('#submitForm').removeAttr('disabled').css('cursor', 'pointer').css('opacity', '1');\n            } else {\n                $('#submitForm').attr('disabled', 'disabled');\n            }\n        });\n\n        \/\/ Check when textareas are typed in\n        $('textarea').on('input', function() {\n            if (checkAllQuestionsAnswered()) {\n                $('#submitForm').removeAttr('disabled').css('cursor', 'pointer').css('opacity', '1');\n            } else {\n                $('#submitForm').attr('disabled', 'disabled');\n            }\n        });\n\n        $('#submitForm').on('click', function() {\n            var formData = new FormData();\n\n            \/\/ Append form data\n            formData.append('titleInput', $('textarea[name=\"titleInput\"]').val());\n            formData.append('processDescription', $('textarea[name=\"processDescription\"]').val());\n            formData.append('AIInfluenceDescription', $('textarea[name=\"AIInfluenceDescription\"]').val());\n\t     \tformData.append('CNS1', $('[name=\"CNS1\"]:checked').val());\n\t\tformData.append('CNS2', $('[name=\"CNS2\"]:checked').val());\n\t\tformData.append('CNS3', $('[name=\"CNS3\"]:checked').val());\n\t\tformData.append('CNS4', $('[name=\"CNS4\"]:checked').val());\n\t\tformData.append('CNS5', $('[name=\"CNS5\"]:checked').val());\n\t\tformData.append('CNS6', $('[name=\"CNS6\"]:checked').val());\n\t\tformData.append('CNS7', $('[name=\"CNS7\"]:checked').val());\n\t\tformData.append('CNS8', $('[name=\"CNS8\"]:checked').val());\n                \/\/ Append the first cognitive load item\n                formData.append('cognitiveLoad1', $('[name=\"cognitiveLoad1\"]:checked').val());\n                \/\/ Append the second cognitive load item\n                formData.append('cognitiveLoad2', $('[name=\"cognitiveLoad2\"]:checked').val());\n            \/\/ Verify attention check question\n            var attentionCheckAnswer = $('input[name=\"attentionCheck\"]:checked').val();\n            var attentionCheck = attentionCheckAnswer === '3' ? 1 : 0;\n            formData.append('attentionCheck', attentionCheck);\n\n            var chatLog = localStorage.getItem('chatLog');\n            console.log('ChatLog is', chatLog);\n\n            \/\/ Append data from localStorage\n            var localStorageFields = ['groupID', 'age', 'gender', 'education', 'employment', 'experience', 'englishProficiency', 'aiUsage', 'aiFamiliarity', 'drawingTime', 'prolificID', 'chatLog', 'selectedShapes', 'finalTotalTimeNotVisible'];\n            localStorageFields.forEach(field => {\n                var value = localStorage.getItem(field) || '0';\n                formData.append(field, value);\n            });\nvar finalTotalTimeNotVisible = localStorage.getItem('finalTotalTimeNotVisible');\nconsole.log('totalTimeNotVisible', finalTotalTimeNotVisible);\n            var selectedShapesString = localStorage.getItem('selectedShapes');\n            console.log('selected shapes are', selectedShapesString);\n\n            \/\/ Send form data to the server to get userID\n            var xhr = new XMLHttpRequest();\n            xhr.open('POST', 'https:\/\/beams-experiments.com\/toyDesign\/sendAllDetailsToyNoFin.php', true);\n            xhr.onload = function() {\n                if (xhr.status === 200) {\n                    var response = JSON.parse(xhr.responseText);\n                    var userID = response.userID;  \/\/ Assuming server returns userID\n\n                    \/\/ Now send the image to the server with the userID\n                    var canvasImage = localStorage.getItem('canvasImage');\n                    if (canvasImage) {\n                        var imageFormData = new FormData();\n                        imageFormData.append('image', canvasImage);\n                        imageFormData.append('filename', userID + '.png');  \/\/ Name image as userID.png\n\n                        \/\/ Send the image\n                        var imgXhr = new XMLHttpRequest();\n                        imgXhr.open('POST', 'https:\/\/beams-experiments.com\/toyDesign\/uploadImages.php', true);\n                        imgXhr.onload = function() {\n                            if (imgXhr.status === 200) {\n                                alert('Image and data submitted successfully!');\n                                window.location.href = 'https:\/\/beams-experiments.com\/index.php\/thanks-for-your-participation-toy\/';\n                            } else {\n                                alert('Error saving the image.');\n                            }\n                        };\n                        imgXhr.send(imageFormData);\n                    }\n                } else {\n                    alert('An error occurred. Please try again.');\n                }\n            };\n            xhr.send(formData);\n        });\n    });\n<\/script>\n\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>1. Please provide a brief title or description to your design. 2. Please describe in details the process you used to come up with your design. 3. Please describe in details how AI influenced your design process. Please rate the following items on a scale from 1 to 7, where 1 indicates \u201cvery strongly disagree\u201d [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-5841","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/5841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/comments?post=5841"}],"version-history":[{"count":4,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/5841\/revisions"}],"predecessor-version":[{"id":6106,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/5841\/revisions\/6106"}],"wp:attachment":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/media?parent=5841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}