{"id":5923,"date":"2024-12-23T19:00:46","date_gmt":"2024-12-23T19:00:46","guid":{"rendered":"https:\/\/beams-experiments.com\/?page_id=5923"},"modified":"2024-12-23T19:20:53","modified_gmt":"2024-12-23T19:20:53","slug":"post-task-questionnaire-toy-ai-fin","status":"publish","type":"page","link":"https:\/\/beams-experiments.com\/index.php\/post-task-questionnaire-toy-ai-fin\/","title":{"rendered":"Post-Task-Questionnaire-Toy-AI-Fin"},"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<p>3. Please rate the extent to which your design process was top-down (from concept to sketch) or bottom-up (from sketch to concept), where 1 represents &#8220;completely bottom-up&#8221; and 7 represents &#8220;completely top-down.&#8221;<\/p>\n<p>Top-down means that you began with a clear concept and worked towards execution while buttom-up means that you discovered the idea as your arranged the parts<p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"processType\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"processType\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"processType\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"processType\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"processType\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"processType\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"processType\" value=\"7\"> 7<\/label>\n<\/p>\n\n\n<p>4. Please rate the extent to which the idea for the toy came first and guided how you used the shapes, where 1 represents &#8220;not at all&#8221; (the idea emerged during the process) and 7 represents &#8220;very much&#8221; (the idea came first and guided the process).<\/p>\n\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"ideaFirst\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"ideaFirst\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"ideaFirst\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"ideaFirst\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"ideaFirst\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"ideaFirst\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"ideaFirst\" value=\"7\"> 7<\/label>\n<\/p>\n\n   <p>5. Please rate the extent to which you initially tried to make a specific type of toy (e.g., a boat, a doll), where 1 represents &#8220;not at all&#8221; and 7 represents &#8220;very much.&#8221;<\/p>\n \n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"specificToy\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"specificToy\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"specificToy\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"specificToy\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"specificToy\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"specificToy\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"specificToy\" value=\"7\"> 7<\/label>\n<\/p>  \n  \n<div class=\"question-container\">\n    <p>6. 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 \u201cnot at all\u201d and 7 indicates \u201cvery much\u201d.<\/b><\/p>\n\n<div class=\"question-container\">\n    <p>7. Please rate the level of influence of AI on your drawing.<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"GPT4oInfluence\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"GPT4oInfluence\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"GPT4oInfluence\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"GPT4oInfluence\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"GPT4oInfluence\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"GPT4oInfluence\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"GPT4oInfluence\" value=\"7\"> 7<\/label>\n<\/div>\n\n<div class=\"question-container\">\n    <p>8. Please rate your level of engagement with AI.<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"GPT4oEngagement\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"GPT4oEngagement\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"GPT4oEngagement\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"GPT4oEngagement\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"GPT4oEngagement\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"GPT4oEngagement\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"GPT4oEngagement\" value=\"7\"> 7<\/label>\n<\/div>\n<div class=\"question-container\">\n    <p>9. Please rate the extent to which you perceive AI as contributing to the idea generation versus idea refinement in your design process. \n    <br>1 means AI was primarily the idea refiner, and 7 means AI was primarily the idea generator.<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"AIPerceivedRole\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"AIPerceivedRole\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"AIPerceivedRole\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"AIPerceivedRole\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"AIPerceivedRole\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"AIPerceivedRole\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"AIPerceivedRole\" value=\"7\"> 7<\/label>\n<\/div>\n\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 Respond based on your experiences in your work role.<\/b><\/p>\n\n<div class=\"question-container\">\n    <p>10. I have confidence in my joint abilities with AI to solve problems creatively.<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE1\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE1\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE1\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE1\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE1\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE1\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE1\" value=\"7\"> 7<\/label>\n<\/div>\n\n<div class=\"question-container\">\n    <p>11. I feel that with AI we can overcome creative blocks to generate creative outputs.<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE2\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE2\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE2\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE2\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE2\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE2\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE2\" value=\"7\"> 7<\/label>\n<\/div>\n\n<div class=\"question-container\">\n    <p>12. Together with AI, we have a talent for further refining the ideas of others.<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE3\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE3\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE3\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE3\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE3\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE3\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE3\" value=\"7\"> 7<\/label>\n<\/div>\n\n<div class=\"question-container\">\n    <p>13. Together with AI, we can challenge traditional assumptions to derive innovative solutions.<\/p>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE4\" value=\"1\"> 1<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE4\" value=\"2\"> 2<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE4\" value=\"3\"> 3<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE4\" value=\"4\"> 4<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE4\" value=\"5\"> 5<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE4\" value=\"6\"> 6<\/label>\n    <label style=\"margin-right:10px;\"><input type=\"radio\" name=\"CCE4\" value=\"7\"> 7<\/label>\n<\/div>\n\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('processType', $('[name=\"processType\"]:checked').val());\n            formData.append('ideaFirst', $('[name=\"ideaFirst\"]:checked').val());\n            formData.append('specificToy', $('[name=\"specificToy\"]:checked').val());\n            formData.append('GPT4oInfluence', $('[name=\"GPT4oInfluence\"]:checked').val());\n            formData.append('GPT4oEngagement', $('[name=\"GPT4oEngagement\"]:checked').val());\n            formData.append('AIPerceivedRole', $('[name=\"AIPerceivedRole\"]:checked').val());\n            formData.append('CCE1', $('[name=\"CCE1\"]:checked').val());\n            formData.append('CCE2', $('[name=\"CCE2\"]:checked').val());\n            formData.append('CCE3', $('[name=\"CCE3\"]:checked').val());\n            formData.append('CCE4', $('[name=\"CCE4\"]:checked').val());\n            formData.append('AIInfluenceDescription', $('textarea[name=\"AIInfluenceDescription\"]').val());\n\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', 'totalCost', 'totalShapes'];\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\/sendAllDetailsToyFin.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\/uploadImagesFin.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 rate the extent to which your design process was top-down (from concept to sketch) or bottom-up (from sketch to concept), where 1 represents &#8220;completely bottom-up&#8221; and 7 [&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-5923","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/5923","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=5923"}],"version-history":[{"count":3,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/5923\/revisions"}],"predecessor-version":[{"id":5931,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/5923\/revisions\/5931"}],"wp:attachment":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/media?parent=5923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}