New Experiment How-To ==================================================== The following explains how to set up a new experiment on the current framework code. Framework Test in Angel is running on this code if you need a demo. In DigFir ---------------------------------------------------- 1. Add a paragraph above each section in DigFor and title the section 2. Right click the title and add a "Block Type" of "activity_title" (no quotes) 3. Right click the references title and add a "Block Type" of of "references" 4. Right click on the Experiment Setup iframe and go to edit 5. Make sure that width is 694, height is 600 6. Add "allowTransparency=true" (no quotes) to the Attributes (optional) field 7. Right click on the Experiment iframe and go to edit 8. Make sure that width is 960, height is 600 9. Add "allowTransparency=true" (no quotes) to the Attributes (optional) field 10. Right click on the Results iframe and go to edit 11. Make sure that width is 1170, height is container height plus enough padding for an 18px gap between the "SHOW RESULTS DATA" and "NEXT" buttons (mind the gap!) 12. Add "allowTransparency=true" (no quotes) to the Attributes (optional) field 13. Update the pre-pub file In Your Experiment ---------------------------------------------------- 1. FTP to DigFir folder Upload everything and test. Works right? You're done. Experiment Pop-Up How-To ==================================================== The following explains how to set up an existing experiment with the Experiment pop-up code. If you are starting a new project with the current framework you do not need to do this. Rehearsal Functions is running on this code if you need a demo. In DigFir ---------------------------------------------------- 1. Add a new paragraph element above the experiment iframe. The content of the element should say "Begin Experiment". After creating the element, right click on it and set it's "block_type" to "start_experiment_button". 2. Right click on the experiment iframe and set it's "block_type" to "experiment_iframe" 3. Update the pre-pub file, etc. In Your Experiment ---------------------------------------------------- 1. Copy experiment.html from /mac_simpleframework to / 2. Copy arga_wrapper.js from /mac_simpleframework/js/arga/ to //js/arga/ 3. Update the getResultsData method in arga_wrapper.js with your code 4. Copy baseStyle.css from /mac_simpleframework/css/ to //css/ 5. Add the following code to your finish() method, usually after logging: if (_debug || window.opener) { $('#close').show(); } Upload everything and test. Works right? You're done. Experiment CSS/Layout change How-To ==================================================== The following explains how to set up an existing experiment with the new CSS/Laout code. If you are starting a new project with the current framework you do not need to do this. Rehearsal Functions is running on this code if you need a demo. In DigFir ---------------------------------------------------- 1. Add a paragraph above each section in DigFor and title the section 2. Right click the title and add a "Block Type" of "activity_title" (no quotes) 3. Right click the references title and add a "Block Type" of of "references" 4. Right click on the Experiment Setup iframe and go to edit 5. Make sure that width is 694, height is 600 6. Add "allowTransparency=true" (no quotes) to the Attributes (optional) field 7. Right click on the Experiment iframe and go to edit 8. Make sure that width is 960, height is 600 9. Add "allowTransparency=true" (no quotes) to the Attributes (optional) field 10. Right click on the Results iframe and go to edit 11. Make sure that width is 1170, height is container height plus enough padding for an 18px gap between the "SHOW RESULTS DATA" and "NEXT" buttons (mind the gap!) 12. Add "allowTransparency=true" (no quotes) to the Attributes (optional) field 13. Update the pre-pub file In Your Experiment ---------------------------------------------------- 1. Copy advanced_settings_parser.js from /mac_simpleframework/js/xml_parser/ to //js/xml_parser/ 2. Copy baseStyle.css from /mac_simpleframework/css/ to //css/ 3. Add the following to your style.css: #advancedSettings input[type="submit"]{ margin: 43px 0 0 0; } 4. Adjust the margin so there is an 18px gap between the "SAVE SETTINGS" and "NEXT" buttons (mind the gap!) 5. Make sure all radio and checkbox groups have a class of "radioCheck" (no quotes) Upload everything and test. Looks right? You're done. Independent Study Mode How-To ==================================================== The following explains how to set up an existing experiment with the new CSS/Laout code. If you are starting a new project with the current framework you do not need to do this. Rehearsal Functions is running on this code if you need a demo. In DigFir ---------------------------------------------------- No Additional DigFir setup is required In Your Experiment ---------------------------------------------------- 1. Copy baseStyle.css from /mac_simpleframework/css/ to //css/ 2. Copy advanced_settings.html from /mac_simpleframework/css/ to //css/ 3. Copy arga_wrapper.js from /mac_simpleframework/js/arga/ to //js/arga/ 4. Update the getResultsData method in arga_wrapper.js with your code 4.a. IMPORTANT: You will need to use getExperimentClassData for your class data or ISM will not work properly with class data. This returns an array of non-blank class data values. 5. Copy everything from /mac_simpleframework/js/graphs/ to //js/graphs/ 6. Copy advanced_settings_parser.js from /mac_simpleframework/js/xml_parser/ to //js/xml_parser/ 7. Add the following line to advanced_settings.xml above the submit button: