README.md 4.1 KB
Newer Older
Malik Koné's avatar
Malik Koné committed
1

2
3
# Table of Contents

Malik Koné's avatar
Malik Koné committed
4
5
6
7
8
9
1.  [CSEDU-2019](#org3888225)
    1.  [Images](#orgd8d275a)
    2.  [Code](#org6ac6b51)
        1.  [Hangout chats:](#org4de6f5a)
        2.  [Moodle visualization:](#org8bd4c7e)
        3.  [Coursera](#org26e6959)
10
11


Malik Koné's avatar
Malik Koné committed
12
<a id="org3888225"></a>
13

Malik Koné's avatar
Malik Koné committed
14
15
# CSEDU-2019

Malik Koné's avatar
Malik Koné committed
16
Resources and annexes to the paper **"[Towards Visual Explorations of Forums' Collective Dynamics in Learning Management Systems](tex_draft.pdf)"**
17
18


Malik Koné's avatar
Malik Koné committed
19
<a id="orgd8d275a"></a>
20

Malik Koné's avatar
Malik Koné committed
21
## Images
22
23
24
25
26

The images in the paper are sometime small.  We offer high enough resolution images to see the details.

1.  Figure 1

Malik Koné's avatar
Malik Koné committed
27
28
    ![img](images/discussion.png)
    
Malik Koné's avatar
Malik Koné committed
29
    Illustration of how the strength of actors' ties (or links) varies as a function of time and topic overlap.  Thread 1 corresponds to actor-topic dynamic (\ref{eq:1a}) where B's late post after A's 1st publication does not correlate strongly enough to create the link from A to B.  But A's 2nd post is timely enough, although not exactly on the same topic as B's message, to create the tie A &#x2013;> B drawn as a dashed arrow.  In thread 2, in addition to the tie B &#x2013;> A, we have a topic overlap and time proximity between C and A.  This makes a the strong tie A &rarr; C.
Malik Koné's avatar
Malik Koné committed
30
31
32

2.  Figure 2

33
    ![img](images/fu2.png)
34
    
Malik Koné's avatar
Malik Koné committed
35
36
37
38
    iForum's Dashboard \citep{Fu2017} showing (a) overall changes of post in the forum, (b) a thread representation, (c) discussions in packed forms, (d) the social network and (e) the details of a discussion.

3.  Figure 3

39
    ![img](images/convis2.png)
Malik Koné's avatar
Malik Koné committed
40
41
42
43
44
45
    
    Convis Dashboard \citep{Hoque2016} helps explore conversations.  On the left, the topics found in the forum using \gls{lda} and organized hierarchically.  In the middle, the colored rectangles show a sentiment analysis for each message.  Each message is linked to his author place on a semi-circle and thus creating a social network.  Finally, on the right, Convis display the detail of the conversation.

4.  Figure 4

    ![img](images/func.png)
Malik Koné's avatar
Malik Koné committed
46
     Graphical proposition for the function I(s,r) of the messages' interaction strength.  s is the \`\`internal'' strength of two messages based on content, time and social network structure.  r is \`\`external'' requirement, it is a parameter set by the observer.
Malik Koné's avatar
Malik Koné committed
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65

5.  Figure 5

    ![img](images/cycles.png)
    
    Interactions cycles built from a bi-party actor-topic graph Thread 3 and 4 are transformed to an actor-actor graph.  Dotted arrows denotes weaker links.

6.  Figure 6

    ![img](images/pipeline.png)
    Data Analysis cycle.

7.  Figure 7

    ![img](images/dynco_portrait.png)
       Visualizations from the FFL dataset.

8.  Figure 8

Malik Koné's avatar
Malik Koné committed
66
67
68
69
    ![img](images/uvci_portrait.png)  
    There is also [this link](https://idev.kone.ci/visu/uvci/conv7) to the onlined and live version.
    
    Detail of \gls{vuci} conversation taking place in 2 hours.  Each circle is a message, and hovering over them brings up its content.  The circle's size is proportional to their content's length.  Message are layered vertically by actors.  On the left is an indication of the actors total messages count.
Malik Koné's avatar
Malik Koné committed
70
71
72
73
74

9.  Figure 9

    ![img](images/evolution.png)
       At the top (a) is half of compound yearly actor-actor network.  The three bottom images (b), (c) and (d) are closeup around actor 642 during the quarters of the year. 
75

Malik Koné's avatar
Malik Koné committed
76

Malik Koné's avatar
Malik Koné committed
77
<a id="org6ac6b51"></a>
Malik Koné's avatar
Malik Koné committed
78
79
80

## Code

Malik Koné's avatar
Malik Koné committed
81
The images above have been generated using code from the Code folder <Code/>
Malik Koné's avatar
Malik Koné committed
82
It is mainly code to preprocess the data files that will then be processed in d3.js.
Malik Koné's avatar
Malik Koné committed
83
The exemples of visualisations are accessible online at the following adresses (<span class="timestamp-wrapper"><span class="timestamp">&lt;2019-05-22 mer.&gt;</span></span>):
Malik Koné's avatar
Malik Koné committed
84
85


Malik Koné's avatar
Malik Koné committed
86
<a id="org4de6f5a"></a>
Malik Koné's avatar
Malik Koné committed
87
88
89
90
91
92

### Hangout chats:

Visualizations on <https://observablehq.com/@maliky/conversation-visualization-v2>


Malik Koné's avatar
Malik Koné committed
93
<a id="org8bd4c7e"></a>
Malik Koné's avatar
Malik Koné committed
94
95
96
97
98
99

### Moodle visualization:

Visualizations on <https://observablehq.com/@maliky/playing-with-moodle-data>


Malik Koné's avatar
Malik Koné committed
100
<a id="org26e6959"></a>
Malik Koné's avatar
Malik Koné committed
101

Malik Koné's avatar
Malik Koné committed
102
### Coursera
Malik Koné's avatar
Malik Koné committed
103

Malik Koné's avatar
Malik Koné committed
104
Use the file <Code/SNA-Coursera17/> folder to scrape the data from a Coursera course and then wrangle the data to make the visualisation.
Malik Koné's avatar
Malik Koné committed
105
The visualisation requires graph_tool.py
Malik Koné's avatar
Malik Koné committed
106
Check the <Code/SNA-Coursera17/README.md> 
Malik Koné's avatar
Malik Koné committed
107