Malik Koné committed Feb 11, 2019 1 * CSEDU-2019  Malik Koné committed Feb 11, 2019 2 3 Resources and annexes to the paper *"[[file:tex_draft.pdf][Towards Visual Explorations of Forums' Collective Dynamics in Learning Management Systems]]"* ** Images  Malik Koné committed Feb 11, 2019 4 5  The images in the paper are sometime small. We offer high enough resolution images to see the details. **** Figure 1  Malik Koné committed Feb 11, 2019 6 7 [[file:images/discussion.png]]  Malik Koné committed Feb 11, 2019 8  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 --> B drawn as a dashed arrow. In thread 2, in addition to the tie B --> A, we have a topic overlap and time proximity between C and A. This makes a the strong tie A \to C.  Malik Koné committed Feb 11, 2019 9 10  **** Figure 2  Malik Koné committed Feb 12, 2019 11 [[file:images/fu2.png]]  Malik Koné committed Feb 11, 2019 12 13 14 15  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. **** Figure 3  Malik Koné committed Feb 12, 2019 16 [[file:images/convis2.png]]  Malik Koné committed Feb 11, 2019 17 18 19 20 21  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. **** Figure 4 [[file:images/func.png]]  Malik Koné committed Feb 11, 2019 22  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é committed Feb 11, 2019 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37  **** Figure 5 [[file: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. **** Figure 6 [[file:images/pipeline.png]] Data Analysis cycle. **** Figure 7 [[file:images/dynco_portrait.png]] Visualizations from the FFL dataset. **** Figure 8  Malik Koné committed Feb 11, 2019 38 39 40 [[file:images/uvci_portrait.png]] There is also [[https://idev.kone.ci/visu/uvci/conv7][this link]] to the onlined and live version.  Malik Koné committed Feb 11, 2019 41 42 43 44 45  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. **** Figure 9 [[file: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.  Malik Koné committed May 22, 2019 46 47 48 49 50 51 52 ** Code The images above have been generated using code that ressembles closely the one below. It is mainly code to preprocess the data files that will then be processed in d3.js. The exemples of visualisations are accessible online at this adresses (<2019-05-22 mer.>): *** Hangout chats: Visualizations on https://observablehq.com/@maliky/conversation-visualization-v2  Malik Koné committed May 22, 2019 53 *** Moodle visualization:  Malik Koné committed May 22, 2019 54 Visualizations on https://observablehq.com/@maliky/playing-with-moodle-data  Malik Koné committed May 22, 2019 55 *** Coursera  Malik Koné committed May 22, 2019 56 57 58 59 60 61 Use the file [[file:Code/SNA-Coursera17/]] folder to scrape the data from a Coursera course and then wrangle the data to make the visualisation. The visualisation requires graph_tool.py Check the [[file:Code/SNA-Coursera17/README.org]]