Multi Staging to Understand Task

Please follow all of the instructions below:

PREREQS

Make sure you have

  1. Google Chrome latest version installed on your computer.
  2. Uninstalled any previously installed Violette from Chrome.
  3. Installed Violette-multi-staging-mode on Chrome1.

GUIDELINES FOR THE MULTI STAGING TO UNDERSTAND

GOAL

Gain understanding in

GUIDELINES FOR MULTI STAGING2

  1. Spend your time wisely, don’t go outside the Q&A page.
  2. Click on the stage button3 to generate an ordered set of stages4; e.g., 0:stage-name, 1:stage-name, …, N:stage-name
  3. Review the name of the stages in the order they appeared.
  4. Iteratively click on any of the generated code stages to introduce a subset of the given Java code example’s behavior. E.g., Click stages in any order.
    4.1 Open any hidden code blocks as you go along, and then try to understand its enclosed elements.
  5. Review the introduced subset of behavior to make sure you understand what it is actually doing.

THE TASK

There will be 3 Java code examples (Accepted Answers) to review and understand. Use the appointed comprehension technique (either Read to Understand or Multi staging to Understand) to dig into each of the Java code examples. After 30 minutes, per Java code example, you will be asked to answer a number of questions about the reviewed piece of code.

For each example, there will be two links. First link will take you to a page containing a StackOverflow’s accepted answer. This answer contains some Java code. Second link will take you to an online questionnaire where you’ll answer a number of questions about the reviewed piece of code.

After you’ve finished reviewing and understanding the Java code example, please click on the Bring it to Desktop button and then provide a brief description of the goal behind this code example and the reason for using it. Then press the enter key.

After bringing the Java code example to your desktop, please comeback to the experiment page. Then, click on the Java code example’s second link to answer the questionnaire.

After answering the questionnaire, close its page and then comeback to the experiment page. Once there, click on the next Java code example to review.

Lastly, after reviewing all code examples and answering their questionnaires, please answer our debriefing questionnaire.

TASK EXPECTATIONS

We expect the following throughout the task:

1. We expect you to review and understand a total of 3 Java code examples, in the order provided in this page.

2. We expect the whole task be done within 2 hrs; including the the time spent reviewing this page.

3. We expect the subjects to use only the resources available on the question-answer page to complete the task; i.e., no external resources like Wikipedia should be used.

LET’S GET STARTED

Before starting, please watch the following video. This video introduces violette and the multi-staging functionality and UI.

So without further ado, please click on the first link of Code Example 1 below to start the task:

1. Code Example 1 (src, q&a)
2. Code Example 2 (src, q&a)
3. Code Example 3 (src, q&a)

  1. Open Google Chrome and on the Url bar type chrome://extensions. Look for violette-staging-no-summarization.crx. Get the file and then drop it on the Chrome extension area. Press the Add button and you’re done. ↩

  2. Multi staged code examples are divided into an ordered set of code stages, such that each code stage builds upon, and in relation to, preceding code stages. Each code stage is a code fragment that captures a subset of the given Java code example’s behavior. ↩

  3. This button is located on the top right corner of Violette. Each stage is represented as named button. Stages are presented in ascending order; i.e., starting from 0 to n where n is the maximum number of stages that can be extracted from the code example. ↩

  4. If after clicking on the stage button you get an error (red box) from the server, then please refresh the Web page and re-try to stage the example. ↩