1  

 

 

Web Collage Worksheet  This worksheet is a guide to create a CSCL script in Web Collage, and thus review the most important 

functionality of this editor. 

Requirements Web Collage is a web application, so you need only a web browser. Web Collage can be found through 

the following URLs: 

https://gsic.uva.es/webcollage 

http://gsic.uva.es/webcollage 

Web Collage has been tried with Firefox and Safari (both URLs), and Chrome (the later). 

Organization of this worksheet This worksheet is organized as a sequence of steps that lead to the creation of a (partially complete) 

CSCL script. Actually, the script created along this worksheet has been used in an authentic learning 

scenario, in a course of Telecommunication Engineering at the University of Valladolid. 

The following sections describe the characteristics of the learning scenario, the structure of the script 

and the steps to create it. 

Index Requirements .................................................................................................................................. 1 

Organization of this worksheet ....................................................................................................... 1 

Index ................................................................................................................................................ 1 

Step 1: Create an empty script ..................................................................................................................... 2 

Step 2: Configuring general information ...................................................................................................... 3 

Step 3: Create the structure of the script ..................................................................................................... 4 

Structure of a script in Web Collage ................................................................................................ 4 

Creating the structure of our script ................................................................................................. 4 

Step 4: Configure the activities .................................................................................................................... 6 

Step 5: Add an assessment activity .............................................................................................................. 8 

Assessment configuration in Web Collage ...................................................................................... 8 

Free work with Web Collage ...................................................................................................................... 13 

To attempt to solve two challenges .............................................................................................. 13 

To work on your own case ............................................................................................................ 13 

    

2  

Step 1: Create an empty script  In order to create a script, it is necessary to log in Web Collage.  Each user has his/her own private, 

where any number of scripts can be created.  

In this worksheet we will create an empty script and work on it: 

1. Register (for new users).  

2. Log in. 

3. Write the title of the new design (e.g., “Study of TCP/IP mechanisms”). 

4. Click on “Create”. 

 

After this, the editor page will load. This may take some time. If the new page remains completely blank, 

and the browser stops loading, you might need to press the F5 key. On the other hand, your browser 

might complain that the page attempted to open a new page or pop‐up: then pop‐ups need to be 

allowed for this site.   

3  

Step 2: Configuring general information Before creating any activity in the script, we will set up some basic information: 

Title: the title of the script, which the students and teachers will see. This title can be the same 

as the one we wrote before or a different one. 

Prerequisites: the description of the requirements that the students must meet in order to 

participate in this script. For instance, one prerequisite might be having passed previously 

another course. 

Learning objectives: the list of learning outcomes that the students are expected to obtain from 

the participation in this script. 

In this worksheet we will not create a complete script, so we do not need to write the title and 

prerequisites. However, we will create one learning objective. 

Note: Web Collage implements an “advisor”, which indicates by means of ‘alert’ icons ( ) that some 

parts of the script are incomplete. For instance, in the “General” tab, Web Collage alerts that the title 

and prerequisites are not set, and that no learning objective has been created yet. You can see all the 

actions recommended by clicking on “ Pending actions”, on the top of the window (next to ‘undo’ 

and ‘redo’ buttons). 

5. In the “General” tab, click on the “Add” button, under the “Learning objectives” section. 

6. Write the title and description. For example, title: “Slow-start mechanism”; description: 

“Understand the slow-start mechanisms in TCP connections”. However, in this 

worksheet there is no need to write any long text at all. 

7. Click on the “OK” button. 

     

After this, a new learning objective has been created.  

Note: It is always possible to remove these alerts from the “advisor”, even if the actions required are not 

completed. To do this, we can move the mouse pointer on top of the alert icon, and select in the 

emergent menu the option “Ignore these actions”.  

 

4  

Step 3: Create the structure of the script The most important part of a CSCL script created in Web Collage is the sequence of activities, ordered in 

time and assigned to the right participants. Before creating the structure of our script, we will review 

briefly how activities are organized in Web Collage.  

Structure of a script in Web Collage In Web Collage, a CSCL script is created by assigning activities to participants. Activities are organized in 

phases, which are temporarily sequenced: at any given moment of the enactment of a script, all the 

participants are working in the same phase. Also, all the participants change phase exactly at the same 

time. In each phase, the participants are assigned to groups (or roles). For instance, the students could 

be assigned to “Pair” groups (meaning that there are two students per group), while the teachers are 

assigned typically the role “Teacher”. We define these groups/roles to assign different activities to each 

of them. It is interesting to note that we do not need to know who the participants will be in the real 

scenario: while we are creating the script, we just need to know the types of groups and roles that there 

will be.  

When the participants move on to a new phase, new groups can be formed (if so indicated in the script), 

and each type of groups will have new activities assigned. 

Web Collage implements a very particular manner of create phases and roles: the application of 

Collaborative Learning Flow Patterns, or CLFPs. 

A CLFP defines the structure of a CSCL script (or of one of its parts): the number of phases, the types of 

groups that the participants will form in each phase, and the activities assigned to each group/role. In 

Web Collage, it is possible to apply CLFPs to a script so that these phases, roles and activities are 

integrated in the script. On the other hand, a CLFP defines only the structure, but not the contents. The 

topics to be studied in a CLFP are not predefined. Therefore, the activities are initially empty: we have to 

configure their contents. 

Creating the structure of our script Now we will focus on our script. As indicated before, the structure of our script is composed by two 

CLFPs: a JIGSAW and a PYRAMID. They are combined in the following way: the JIGSAW defines the basic 

structure of the script, that is, its main phases. Besides, we will use the PYRAMID to configure the last 

phase of the JIGSAW. This means that the structure of the script is defined by a JIGSAW, and the 

collaborative work in its last phase is organized as a three‐level PYRAMID. 

To create this structure, we first add the JIGSAW: 

8. Go to the “Learning activity flow” tab. 

9. Click on “Add CLFP...”. 

 

   

5  

10. In the CLFP selection window, chose the JIGSAW. 

 

After this the representation of the Jigsaw should appear. To complete this structure, let’s add the 

PYRAMID: 

11. Leave the mouse pointer on top (but without 

clicking yet) of any icon of the last phase of the 

JIGSAW: “Jigsaw phase”. 

12. On the emergent menu, select “Include new CLFP

in this phase...” 

13. In the CLFP selection window, choose the PYRAMID. 

14. Select the number of levels of the PYRAMID: “3”. 

 

In this way we have a script based on a combination of the JIGSAW and PYRAMID CLFPs. If you have made 

any mistake in any of these steps, it is possible to “undo” any action you have carried out. Alternatively, 

it is possible to move or delete the CLFPs of the script, through the emergent menu that appears when 

moving the mouse over the CLFPs. 

 

Note: After the CLFPs have been added, we will see alert icons by each, and also in the “advisor”. These 

icons are caused by the activities that have been created inside each phase of the JIGSAW and PYRAMID: 

the activities are empty. It is necessary to edit these activities to remove the alerts (or they can be 

ignored as indicated before).  

Note: Now that the structure has been created, you can see a summary in the fourth tab, “Summary”. 

The table shown there will include the elements that we will add while we edit the script. 

 

   

6  

Step 4: Configure the activities  In the previous step we created the phases and roles of the script. After that, there are some predefined 

activities inside each phase, but they are empty. In this section we will see how to configure them 

(though new activities can also be created, and existing ones deleted). 

If we leave the mouse pointer on top of the alert icon beside each CLFP in the “Learning activity

flow” tab, the tool lists the activities that need editing. In order to have a complete script, we should 

edit all the activities with the following information:  

The description of the activity. The participants of the script (students and teachers) will read 

this text when they carry out the activity. Therefore is a good place to describe the tasks that 

they are expected to do. 

Learning Objectives that are expected from the activity. In the “General” tab we had create one 

learning objective. Now we can link that learning objective with this activity. 

Resources. In this worksheet we do not work on resources. However, it is possible to link 

activities with documents and software tools, so that they are available to the participants 

when they carry out this activity. These resources can be created in the “Resources” tab. 

To illustrate the edition of activities, we will configure one activity: 

15. Go to the “Learning activity flow” tab. 

16. Move the mouse pointer on top of any icon of 

the first phase of the JIGSAW,  

“Individual phase”. 

17. Click on that icon, or choose the option “Edit

phase ‘Individual phase’” from the 

emergent menu. 

 

After this, a new window will pop up. This window 

shows the list of groups/roles that intervene in that phase, as well as their assigned activities. In this 

case, there are two groups: “Jigsaw group” y 

“Teacher”.  

To edit an activity, do the following:  

18. In the window to edit the “Individual

phase”, move the mouse pointer on top 

of the box “Individual study” and 

click (or choose the option “Edit

activity” on the emergent menu). 

 

A new window will show, in this case to edit the 

selected activity.  

   

7  

19. Write the description of the activity. It could be something like (or any other text, not so 

long): 

 

To  begin  the  collaborative  work,  meet  your  group 

members and distribute the subproblems proposed by 

the  teacher  (one  for  each  group  member).  Each 

student must focus on the assigned topic, and study it 

individually. 

 

20. Once completed, click on the “OK”. 

After this, there will be two changes. First, the alert of the edited activity should have disappeared. 

Additionally, if we move the mouse pointer on top of the activity “Individual study”, the text that we 

have just written should be displayed. 

Finally, we can complete the teacher’s activity, or simply close the window to edit phase “Individual

phase”. If we were going to create a script for a real scenario, we would need to edit all the activities; 

this is not necessary in this worksheet however. 

   

8  

Step 5: Add an assessment activity To complete the script, we are going to include one assessment in it. First, here is an explanation about 

how assessments are included in Web Collage. 

Assessment configuration in Web Collage The activities and tasks related with assessment of students’ work, knowledge, aptitudes or skills can be 

part of a script in Web Collage. In this tool, each assessment embedded in a script needs the following 

information: 

What is assessed. To indicate what is to be assessed, we have to choose an assessed activity (it 

will be one activity within the script).  

Who assesses the students, and when. To indicate who is the assessor (the person who will 

carry out the task of assessing the students’ work, knowledge, skills, etc.), we have to choose 

an “assess task”. This is just another activity within the script, which tells the assessor what to 

assess, and how. The assessor can be the teacher, though the students may also be assessors. 

How the assessment results are used. From each assessment, some results will be derived. 

These results can be used within the script, affecting other activities in the script, hopefully to 

improve learning. We should also indicate how the results are going to be used during the 

enactment of the script. 

The following images show how an assessment is represented in Web Collage: 

 

 

 

 

 

 

Examples of assessed activities: a) To answer test b) To write report c) To perform ‘real world’ task d) Any collaborative activity 

 

Examples of assess tasks: a) To correct test b) To review reports c) To assess performance  d) To observe collaboration, 

To analyze interactions 

9  

In this worksheet, we will include one assessment: 

1. An INDIVIDUAL TEST. This test is organized as follows: 

a. The test is filled up by the students in the first phase of the JIGSAW (“Individual phase”), 

in an activity called “Answer test”.  

Assessed activity: “Answer test” 

b. The “Teacher” is the assessor. The “assess task” is included in the script, in an activity 

called “Correct test” (at the end of the same phase; this activity is assigned to the 

“Teacher”, since they are the assessors).  

Assess task: “Correct test” 

c. The assessment results are used to prepare a discussion: an activity included in the 

following phase: “Expert phase”).  

Usage of assessment results: “Intervene or modify a learning activity”. 

To include this assessment: 

21. Go to the “Learning activity flow” 

tab. 

22. If needed, select the JIGSAW. 

23. Click on any icon of the first phase of the 

JIGSAW (“Individual phase”). 

24. In the phase window of “Individual

phase”, move the mouse pointer on top 

of the last activity of the “Teacher”: 

“Support individual study”. 

25. In the emergent menu, chose the 

option: “Add new ‘assess task’… ->

…after this activity”. 

 

Thus we have created a new ‘assess task’ activity. This means that the teachers will have to assess 

“something”. We still have to indicate what they have to assess (and how). We are going to configure 

that now. 

26. Move the mouse pointer on top of the new assessment activity box (“New assess task”), 

and choose “Configure assessment” from the emergent menu (the second option). 

 

   

10  

At this point, we will see a new window that displays the activities related with this assessment. So far 

we have only chosen the assess task. To configure it further, we will indicate the assessment technique 

to employ: 

27. Move the mouse pointer on top of 

the “New assess task” box, and 

choose the option “Choose

assessment technique”. 

28. We will see a list of possible 

assessment techniques (you can see 

the documentation of each by 

clicking on the   icon). Choose 

INDIVIDUAL TEST. 

 

We have applied the INDIVIDUAL TEST pattern to this assessment. Please note that there can only be one 

assessment technique in each assessment. However, you can create any number of assessments to 

assess the same learning activity. Additionally, you can apply other assessment design patterns to this 

assessment, in the section “Additional configuration”. 

After selecting this pattern, Web Collage attempts to create a new activity for the assess task. Since we 

have already chosen one (“New assess task”), Web Collage alerts of this in the pop up window.  

29. To solve this “conflict”, choose 

the second option: “Adapt the current activity to the

pattern”. 

30. Click “OK”.  

 

 

As a result, we have added the pattern INDIVIDUAL TEST, which represents a certain assessment technique. 

However, we still do not have the assessed activity, in which the 

students answer the test.  

31. Move the mouse pointer on top of the box “Choose

activity” (under “What to assess”), and choose the first 

option: “Create new activity to be assessed”. 

   

11  

32. In the windows that pops up, choose (on the left‐hand side) the first phase of the JIGSAW 

(“Individual phase”). 

33. In the right part of the window, you can see the possible places for the new activity. Since we 

want the students to complete the test at the end of the “Individual phase”, choose the 

last position (“Here!”) within the activities of “Jigsaw group”. 

34. Click on the “Confirm selection” button (on the bottom of the window). 

 

After this, we have:  

the type of assessment (INDIVIDUAL TEST),  

what is to be assessed (a test completed by the students at the end of the individual phase of 

the JIGSAW;  

and the activity in which the assessor (the “Teacher”) assesses the test  (in the last activity of 

the phase “Individual phase”).  

We only need now to indicate how the assessment results are to be used. In this case, the teacher uses 

the results to grade students, and also to prepare the first activity of the second phase of the JIGSAW 

(“Expert phase”). 

35. Click on the   button under “Usage of assessment results”.  

36. In the pop up window, click on the first button: “Use assessment to grade students”.  

 37. Again click on the   button under “Usage of assessment results”. 

38. In the pop up window, this time click on the third button: “Use assessment results to

intervene or modify learning activity”.  

Now the assessment window should be updated to show that there are two usages of the assessment 

results. We will configure lastly the activity that is affected by the assessment results; that is, we will 

indicate the activity in which the teacher intervenes, whether to modify it or to support students 

according to the assessment results. In this case, as mentioned before it is the first activity assigned to 

the students in the second phase of the JIGSAW. 

12  

 

39. Move the mouse pointer on top of the box 

“Choose activity” under “Intervene or

modify activity”.   

40. In the emergent menu, choose “Change activity to be adapted to assessment

results”  

 

 

41. In the new windows click on the second phase of the JIGSAW, “Expert phase” 

(on the left‐hand side). 

42. In the activity list, choose the first activity assigned to “Expert group”:  

“Subproblem discussion”.  

43. Click on the “Confirm selection” button (on the bottom of the window). 

  

In this way we indicate that the assessment results will be used by the teacher to intervene on a certain 

activity of the script. If we close all the dialogs that have been opened (by clicking on the “OK” buttons), 

we can see in the “Learning activity flow” a new icon, that represents the INDIVIDUAL TEST, as well as 

some arrows. These arrows show the phases that are related somehow with the assessment we have 

just created. 

   

13  

Free work with Web Collage This step is actually the most relevant part of your work with Web Collage; we hope that from using 

freely the tool you can evaluate it in terms of usability, quality of the given support, and validity of the 

design approach (especially regarding assessment design). Therefore, we would like you to consider the 

good and bad aspects of the tool, the graphical representation, the organization of functionality, 

recommended actions from the “advisor”, and the included patterns. 

In order to do this, we propose two options: 

To attempt to solve two challenges In order to complete the previous script, we can add two assessments. In this case, this document will 

not give detailed instructions. Your task is to complete the script according to the expected assessments. 

a) REPORT REVIEW: First, we would like to add a REPORT REVIEW.  

a. In this assessment, the activity “Level 1” (which belongs to the lower level of the 

PYRAMID, “Level 1”) is assessed as a REPORT REVIEW (the students have to produce a 

report in that activity). 

b. The assessor is again the teacher; the assess task (review report) is carried out in an 

activity (assigned to the “Teacher” in the same phase).  

c. The objective of the assessment is to give feedback to the students, in the learning 

activity in the phase “Level 2” of the PYRAMID. 

 

b) PEER REVIEW:  The second assessment consists on involving the students in the assessment 

process. In order to do this, we want the PEER REVIEW CLFP included after the JIGSAW and 

PYRAMID. 

a. You need to add the PEER REView CLFP after the JIGSAW. The PEER REVIEW CLFP includes 

another REPORT REVIEW assessment (inside its second phase). 

b. In this assessment, the assess task is already created (in activity “Review report”) and 

assigned to the students (under the role of “Reviewers”). 

c. You have to configure the assessed activity: the reports are produced in an activity, 

assigned to the role “Class”, in the top level of the PYRAMID (“Level 3”).  

d. You also have to add a usage of assessment results. The students, working as 

assessors, are asked not only to produce feedback, but also to grade the students.  

With that information, we would like you to try to complete the assessment plan. You would need to 

use the assessment editing functionality reviewed in the worksheet, as well as CLFPs and assessment 

patterns. Also, please note that the activities related to the assessment need to be configured.  

To work on your own case Alternatively, it would be interesting to consider one of your courses (if you are a teacher), or a 

hypothetical learning situation, and create a script that can be used in this situation. We recommend 

that the script contain a low number of CLFPs (to keep it simple, one or two CLFPs could be enough). 

We also would recommend focusing on the design of assessment. We would like to ask you to design 

the assessment plan, embedding one or several assessments in the script. We recommend considering: 

Which is the assessed activity? 

Who is the assessor, and in which activity the ‘assess task’ is completed? 

For what purpose are the assessment results used?