Jump to content

Otlet.cloud: Difference between revisions

From Yusupov's House
No edit summary
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Infobox  
{{Infobox  
| name = otlet.cloud
| name = otlet.cloud
| image = Otlet logo.svg
| image = Paul Otlet.jpg
| caption = Paul Otlet, logo for Otlet.cloud
| caption = Paul Otlet, after [https://fr.m.wikipedia.org/wiki/Fichier:Paul_Otlet_%C3%A0_son_bureau.jpg Paul Otlet à son bureau]
| 1 url = https://otlet.cloud
| 1 URL= [[File:Otlet logo.svg|right|frameless|32x32px|Otlet logo]] https://otlet.cloud
| 2 type = UX research tools suite
| 2 Type = UX research tools suite
| 3 owner = [[Michel Vuijlsteke]]
| 3 Owner = [[Michel Vuijlsteke]]
| 4 launched = 1 October 2025
| 4 Launched = 1 October 2025
| 5 current_status = Online
| 5 Current_status = Online
}}
}}


'''otlet.cloud''' is a self-hosted suite of [[User experience|UX]] research tools created by [[Michel Vuijlsteke]] for personal use, with access extended to invited collaborators (including contributors to projects at [[Ghent University]]). The platform supports multiple research methods—primarily [[Card sorting]] and [[Tree testing]]—with built-in analysis and export features.<ref name="readme">''Otlet – UX Research Tools Suite (README)''. Project documentation, 2025.</ref><ref name="int-2oct">“Interview with Michel Vuijlsteke: Why Otlet.cloud?” Recorded conversation, 2 October 2025.</ref> The project is named in homage to Belgian information pioneer [[Paul Otlet]]; his portrait is used as the site’s logo and on the home page.<ref name="home">“Otlet.cloud — Home page,” accessed 1 October 2025, https://otlet.cloud/
'''otlet.cloud''' is a self-hosted suite of [[User experience|UX]] research tools created by [[Michel Vuijlsteke]] for personal use, with access extended to invited collaborators (including contributors to projects at [[Ghent University]]). The platform supports multiple research methods—primarily [[Card sorting]] and [[Tree testing]]—with built-in analysis and export features.<ref name="readme">''Otlet – UX Research Tools Suite (README)''. Project documentation, 2025.</ref><ref name="int-2oct">“Interview with Michel Vuijlsteke: Why Otlet.cloud?” Recorded conversation, 2 October 2025.</ref> The project is named in homage to Belgian information pioneer [[Paul Otlet]]; his portrait is used as the site’s logo and on the home page.<ref name="home">“Otlet.cloud — Home page,” accessed 1 October 2025, https://otlet.cloud/
</ref>
</ref>
[[File:Paul Otlet.jpg|alt=Paul Otlet|thumb|Paul Otlet, after https://fr.m.wikipedia.org/wiki/Fichier:Paul_Otlet_%C3%A0_son_bureau.jpg]]


== History ==
== History ==
Line 22: Line 20:


== Study types ==
== Study types ==
; Card sorting
Otlet.cloud supports two primary research approaches. Card sorting can be configured as open, closed, or hybrid, with an optional “I don’t know” bucket for difficult items. Cards support rich text and images, and studies can be populated in bulk via CSV, JSON, or Markdown imports.<ref name="readme" /> Tree testing enables the creation of hierarchical navigation structures and task-based findability tests, allows multiple correct destinations per task, records participants’ paths and clicks, and accepts structure imports from Markdown, CSV, HTML, or JSON.<ref name="readme" />
Open, closed, and hybrid sorts; optional “I don’t know” bucket; rich-text cards (descriptions/images); bulk import from CSV/JSON/Markdown.<ref name="readme" />
 
; Tree testing
Hierarchical navigation structures with task-based findability tests; multiple correct destinations per task; path tracking and click analytics; structure import from Markdown/CSV/HTML/JSON.<ref name="readme" />


== Analysis and visualization ==
== Analysis and visualization ==
 
For card sorting, the platform provides similarity matrices based on the Jaccard coefficient, hierarchical clustering with Ward or average linkage, an interactive dendrogram with a movable cut-line, category-agreement reports for closed sorts, and coordinates for multi-dimensional scaling.<ref name="readme" /> For tree testing, results include success, eventual success, and failure rates, along with path and time analyses and node-popularity metrics. Exports cover raw datasets (CSV/JSON), similarity matrices, analysis summaries, and image files (PNG/SVG) of visualizations.<ref name="readme" />
'''Card sorting''': similarity matrices (Jaccard), hierarchical clustering (Ward/average linkage) with interactive dendrogram and cut-line, category-agreement reporting, and MDS coordinates.<ref name="readme" />
 
'''Tree testing''': success / eventual success / failure breakdowns, path and time analysis, node-popularity metrics.
Exports include raw data (CSV/JSON), similarity matrices, analysis results, and PNG/SVG visualization exports.<ref name="readme" />


== Technology ==
== Technology ==
 
The backend is built with [[Django]] 4.2 and Django REST Framework, using SQLite or PostgreSQL as the datastore; analytical routines rely on NumPy, SciPy, and scikit-learn, with visualizations produced via Matplotlib (and Seaborn where appropriate).<ref name="readme" /> The frontend uses [[Vue.js|Vue 3]] with Vue Router, Pinia, Bootstrap 5, Vue I18n, and D3.js, bundled with Vite.<ref name="readme" /> Deployment is supported through Docker Compose and conventional Gunicorn/Nginx setups, with environment variables used for production configuration.<ref name="readme" />
'''Backend''': [[Django]] (4.2) with Django REST Framework; SQLite/PostgreSQL; analysis with NumPy, SciPy, and scikit-learn; visualization via Matplotlib (and Seaborn as needed).<ref name="readme" />
 
'''Frontend''': [[Vue.js|Vue 3]] with Vue Router, Pinia, Bootstrap 5, Vue I18n, D3.js, built with Vite.<ref name="readme" />
 
'''Deployment''': Docker Compose and conventional Gunicorn/Nginx setups; environment-variable configuration for production.<ref name="readme" />


== Accessibility ==
== Accessibility ==

Latest revision as of 21:32, 11 October 2025

otlet.cloud
Paul Otlet, after Paul Otlet à son bureau
URL
Otlet logo
Otlet logo
https://otlet.cloud
TypeUX research tools suite
OwnerMichel Vuijlsteke
Launched1 October 2025
Current statusOnline

otlet.cloud is a self-hosted suite of UX research tools created by Michel Vuijlsteke for personal use, with access extended to invited collaborators (including contributors to projects at Ghent University). The platform supports multiple research methods—primarily Card sorting and Tree testing—with built-in analysis and export features.[1][2] The project is named in homage to Belgian information pioneer Paul Otlet; his portrait is used as the site’s logo and on the home page.[3]

History

Otlet.cloud was prototyped over several evenings in late September 2025 and went online on 1 October 2025.[2] Originally not intended for wider use, it was rapidly hardened for a real-world online card sort when a project opportunity arose.[4] Ongoing development adds additional research tools.[5]

Overview

Studies are organized into projects with optional collaboration. The interface supports drag-and-drop, full keyboard navigation, and mobile/touch interaction.[1]

Study types

Otlet.cloud supports two primary research approaches. Card sorting can be configured as open, closed, or hybrid, with an optional “I don’t know” bucket for difficult items. Cards support rich text and images, and studies can be populated in bulk via CSV, JSON, or Markdown imports.[1] Tree testing enables the creation of hierarchical navigation structures and task-based findability tests, allows multiple correct destinations per task, records participants’ paths and clicks, and accepts structure imports from Markdown, CSV, HTML, or JSON.[1]

Analysis and visualization

For card sorting, the platform provides similarity matrices based on the Jaccard coefficient, hierarchical clustering with Ward or average linkage, an interactive dendrogram with a movable cut-line, category-agreement reports for closed sorts, and coordinates for multi-dimensional scaling.[1] For tree testing, results include success, eventual success, and failure rates, along with path and time analyses and node-popularity metrics. Exports cover raw datasets (CSV/JSON), similarity matrices, analysis summaries, and image files (PNG/SVG) of visualizations.[1]

Technology

The backend is built with Django 4.2 and Django REST Framework, using SQLite or PostgreSQL as the datastore; analytical routines rely on NumPy, SciPy, and scikit-learn, with visualizations produced via Matplotlib (and Seaborn where appropriate).[1] The frontend uses Vue 3 with Vue Router, Pinia, Bootstrap 5, Vue I18n, and D3.js, bundled with Vite.[1] Deployment is supported through Docker Compose and conventional Gunicorn/Nginx setups, with environment variables used for production configuration.[1]

Accessibility

Implements practices aligned with WCAG 2.2 AA (focus management, screen-reader semantics, keyboard shortcuts, reduced-motion preference, high-contrast modes). The UI is responsive across desktop, tablet, and mobile.[1]

Access and privacy

The site is publicly reachable at https://otlet.cloud . Study participation is open to the public and is completely anonymous; admin rights are by invitation and on a per-project basis. No personal data is gathered or stored.[3][4]

Relationship to other projects

Otlet.cloud is one of several self-hosted or operator-run web projects associated with Michel Vuijlsteke and the yusupov.cloud VPS ecosystem, alongside domains such as moosedept.org, blaffeture.net, tsuk.org, genea.cloud, and vuijlsteke.net.[2]

References

  1. 1.00 1.01 1.02 1.03 1.04 1.05 1.06 1.07 1.08 1.09 Otlet – UX Research Tools Suite (README). Project documentation, 2025.
  2. 2.0 2.1 2.2 “Interview with Michel Vuijlsteke: Why Otlet.cloud?” Recorded conversation, 2 October 2025.
  3. 3.0 3.1 “Otlet.cloud — Home page,” accessed 1 October 2025, https://otlet.cloud/
  4. 4.0 4.1 “Email interview with M. Vuijlsteke about the first production card sort,” 5 October 2025.
  5. “Otlet.cloud changelog notes,” internal release notes, October–November 2025.