Difference between revisions of "Content module"

From Wikidocumentaries
Jump to navigation Jump to search
(Content modules and module types)
 
(3 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
[[File:Content modules.png|1000px]]
 
[[File:Content modules.png|1000px]]
 
==Structure of a content module==
 
===Toolbar===
 
* Title
 
* Buttons (from the right for ltr, rtl support still not in place)
 
** Expand (always rightmost)
 
** Add
 
** Actions
 
** Settings
 
** Basemap
 
** Tasks / Games
 
** Filter/facet
 
** Search (always leftmost)
 
 
===Content===
 
* Continuous image mat used in the [[images]] section
 
* Content blocks used in the [[gallery]]
 
* Horizontal scrolling for [[timeline]]s and [[Gallery|galleries]]
 
* Timeline + map + gallery combo needs a novel layout to fit everything in the viewport
 
  
 
== Content module types ==
 
== Content module types ==
Line 45: Line 26:
 
-->
 
-->
 
<u>Module ideas</u>
 
<u>Module ideas</u>
 +
 +
[[Audio/Video]]
  
 
[[Bibliography]]
 
[[Bibliography]]
Line 51: Line 34:
  
 
[[Discussion]]
 
[[Discussion]]
 +
 +
[[Graph]]
  
 
[[Name]]
 
[[Name]]
  
 
[[Newspaper articles]]
 
[[Newspaper articles]]
 
[[Social graph]]
 
  
 
[[Testimonials]]
 
[[Testimonials]]
Line 62: Line 45:
 
[[Timeline]]
 
[[Timeline]]
  
[[3D]]
+
[[Visualizations]]
  
[[Audio/Video]]
+
[[Wikidocumentary]]
 +
 
 +
[[3D]]</onlyinclude>
 +
 
 +
==Structure of a content module==
 +
===Toolbar===
 +
* Title
 +
* Buttons (from the right for ltr, rtl support still not in place)
 +
** Expand (always rightmost)
 +
** Add
 +
** Actions
 +
** Settings
 +
** Basemap
 +
** Tasks / Games
 +
** Filter/facet
 +
** Search (always leftmost)
  
[[Wikidocumentary]]''</onlyinclude>
+
===Content===
 +
* Continuous image mat used in the [[images]] section
 +
* Content blocks used in the [[gallery]]
 +
* Horizontal scrolling for [[timeline]]s and [[Gallery|galleries]]
 +
* Timeline + map + gallery combo needs a novel layout to fit everything in the viewport
  
 
==Useful topic-related modules==
 
==Useful topic-related modules==
Line 83: Line 85:
 
!Component
 
!Component
 
!Description
 
!Description
!Module types
+
!Existing modules
!Module types to add > Query
+
!Module types to add
!Filters/facets
+
!Query
 
!Actions
 
!Actions
 
!To do
 
!To do
Line 92: Line 94:
 
|Organizations related to the topic
 
|Organizations related to the topic
 
|Gallery, List
 
|Gallery, List
|Network diagram
+
|Network diagram, Timeline
 
|Most used properties (type, location, year).
 
|Most used properties (type, location, year).
 
|Translate titles and descriptions in the interface, same for all components
 
|Translate titles and descriptions in the interface, same for all components
Line 100: Line 102:
 
|Awards the topic has received
 
|Awards the topic has received
 
|Gallery, List
 
|Gallery, List
|
+
|Timeline
 
|
 
|
 
|
 
|
Line 125: Line 127:
 
|Items that depict the topic
 
|Items that depict the topic
 
|Gallery, List
 
|Gallery, List
|'''Source links with images'''
+
|'''Extended list''', Timeline
 
|
 
|
 
|
 
|
Line 133: Line 135:
 
|Consequences of the topic
 
|Consequences of the topic
 
|Gallery, List
 
|Gallery, List
|
+
|Map, Timeline (with dependencies?)
 
|
 
|
 
|
 
|
Line 141: Line 143:
 
|Items in the topics heritage designation
 
|Items in the topics heritage designation
 
|Gallery, List
 
|Gallery, List
|
+
|Map, Timeline
 
|
 
|
 
|
 
|
Line 149: Line 151:
 
|Instances of the topic (class)
 
|Instances of the topic (class)
 
|Gallery, List
 
|Gallery, List
|
+
|Map, Timeline
 
|
 
|
 
|
 
|
Line 156: Line 158:
 
|Kartta
 
|Kartta
 
|Location of the item, main map of the page.
 
|Location of the item, main map of the page.
|Map (Wikidata point, OSM shape) ''Life locations arcs for humans. Routes for travels.''
+
|Map (Wikidata point, OSM shape)  
|
+
|''Life locations arcs for humans. Routes for travels.''
 
|
 
|
 
|Edit location (Link to Wikidata/OSM)
 
|Edit location (Link to Wikidata/OSM)
Line 166: Line 168:
 
|Enclosing item and neighbors of the topic
 
|Enclosing item and neighbors of the topic
 
|Gallery, List, Map with points
 
|Gallery, List, Map with points
 +
|
 
|?item wdt:P31/wdt:P279* wd:Q18615777.
 
|?item wdt:P31/wdt:P279* wd:Q18615777.
|Topic / Neighboring topics / Enclosing topics
+
|Display external data, Import location
|
 
 
|Change map to multiple shapes display. Join with Kartta
 
|Change map to multiple shapes display. Join with Kartta
 
|-
 
|-
Line 174: Line 176:
 
|Subdivisions of the topic
 
|Subdivisions of the topic
 
|Gallery, List, Map with points
 
|Gallery, List, Map with points
 +
|
 
|<pre>?pi wdt:P1647* wd:P361
 
|<pre>?pi wdt:P1647* wd:P361
  
 
?pi wdt:P1647* wd:P527</pre>
 
?pi wdt:P1647* wd:P527</pre>
|Subdivisions
 
 
|
 
|
 
|Change map to multiple shapes display. Join with Kartta
 
|Change map to multiple shapes display. Join with Kartta
Line 184: Line 186:
 
|Items within the topic's area
 
|Items within the topic's area
 
|Gallery, List, Map with points
 
|Gallery, List, Map with points
 +
|Timeline
 
|
 
|
|Most used properties (type, size, year).
 
 
|
 
|
 
|Aggregate points, display images, add links. Visualize based on properties (type, size, year). Join with Kartta.
 
|Aggregate points, display images, add links. Visualize based on properties (type, size, year). Join with Kartta.
Line 192: Line 194:
 
|People related to the topic
 
|People related to the topic
 
|'''Gallery''', List, Family tree
 
|'''Gallery''', List, Family tree
|Network diagram, timeline, map
+
|Network diagram, Timeline, Map
|Most used properties (gender, nationality, profession, places).
+
|
 
|
 
|
 
|
 
|
Line 200: Line 202:
 
|Similar items based on key properties
 
|Similar items based on key properties
 
|Gallery, List
 
|Gallery, List
|'''Source links with images''' (every item on the list)
+
|'''Extended list''', Timeline
 
|
 
|
 
|
 
|
Line 216: Line 218:
 
|Topics on Wikimedia focus list
 
|Topics on Wikimedia focus list
 
|Gallery, List
 
|Gallery, List
|
+
|Timeline
 
|
 
|
 
|
 
|
Line 235: Line 237:
 
|
 
|
 
|
 
|
|Video,
+
|Video
 
|-
 
|-
 
|Twins
 
|Twins
 
|Twin cities
 
|Twin cities
 
|Gallery, List
 
|Gallery, List
|Map
+
|Map, Timeline
 
|
 
|
 
|
 
|
Line 264: Line 266:
 
|Works by the topic
 
|Works by the topic
 
|Gallery, List
 
|Gallery, List
|
+
|Timeline
 
|
 
|
 
|
 
|
Line 271: Line 273:
 
|
 
|
 
|Network diagram
 
|Network diagram
 +
|
 
|
 
|
 
|Network diagram of everything
 
|Network diagram of everything
|
 
 
|
 
|
 
|
 
|
Line 279: Line 281:
 
|
 
|
 
|Event timeline
 
|Event timeline
 +
|
 
|
 
|
 
|Timeline, Gallery, Map, Family timeline
 
|Timeline, Gallery, Map, Family timeline
|
 
 
|
 
|
 
|
 
|

Latest revision as of 08:45, 21 January 2022

Content is represented in blocks that are called modules. Main content on the site is presented in topic pages, which consist of content modules.

Content modules.png

Content module types

Active modules

Article

Family tree

Gallery

Historical map

Images

Image viewer

Infobox

Map

Module ideas

Audio/Video

Bibliography

Correspondence

Discussion

Graph

Name

Newspaper articles

Testimonials

Timeline

Visualizations

Wikidocumentary

3D

Structure of a content module

Toolbar

  • Title
  • Buttons (from the right for ltr, rtl support still not in place)
    • Expand (always rightmost)
    • Add
    • Actions
    • Settings
    • Basemap
    • Tasks / Games
    • Filter/facet
    • Search (always leftmost)

Content

  • Continuous image mat used in the images section
  • Content blocks used in the gallery
  • Horizontal scrolling for timelines and galleries
  • Timeline + map + gallery combo needs a novel layout to fit everything in the viewport

Useful topic-related modules

The variety of Wikipedia templates could give good ideas for this.

  • Time series (historical era, ruler) precedent, antecedent
  • Series () previous, next
  • Sports stats, game results etc.
  • Quotes from Wikiquote
  • Plans of a house --> 3D

Content modules and module types

  • The notes describe existing as well as planned features.
  • In the module types, the preferred mode is displayed in bold, future ones in italic.
Component Description Existing modules Module types to add Query Actions To do
Affiliations Organizations related to the topic Gallery, List Network diagram, Timeline Most used properties (type, location, year). Translate titles and descriptions in the interface, same for all components
Awards Awards the topic has received Gallery, List Timeline
Banner Wiki Loves Monuments banner Banner Play

Add header image to Wikidata

Add more Wikimedia campaigns
Depicts Items the topic depicts Gallery, List
Depicted Items that depict the topic Gallery, List Extended list, Timeline
Effects Consequences of the topic Gallery, List Map, Timeline (with dependencies?)
Heritage Items in the topics heritage designation Gallery, List Map, Timeline
Instances Instances of the topic (class) Gallery, List Map, Timeline
Kartta Location of the item, main map of the page. Map (Wikidata point, OSM shape) Life locations arcs for humans. Routes for travels. Edit location (Link to Wikidata/OSM)

Change background

Join with other map displays. Display them as facets. Display gallery and list based on the facet underneath the map.
Location Enclosing item and neighbors of the topic Gallery, List, Map with points ?item wdt:P31/wdt:P279* wd:Q18615777. Display external data, Import location Change map to multiple shapes display. Join with Kartta
Parts Subdivisions of the topic Gallery, List, Map with points
?pi wdt:P1647* wd:P361

?pi wdt:P1647* wd:P527
Change map to multiple shapes display. Join with Kartta
Locations Items within the topic's area Gallery, List, Map with points Timeline Aggregate points, display images, add links. Visualize based on properties (type, size, year). Join with Kartta.
People People related to the topic Gallery, List, Family tree Network diagram, Timeline, Map
Similar Similar items based on key properties Gallery, List Extended list, Timeline
Subclasses Subclasses of the topic Gallery, List Hierarchy tree. Combination with top classes.
Things Topics on Wikimedia focus list Gallery, List Timeline
TopicImages Related images from repositories Images, ImageViewer
TopicPageHeader Header part displaying media about the topic Header Portrait series, video, playlist Video
Twins Twin cities Gallery, List Map, Timeline
Wikipedia Wikipedia article Article
Wikidata Wikidata facts Infobox
Works Works by the topic Gallery, List Timeline
Network diagram Network diagram of everything
Event timeline Timeline, Gallery, Map, Family timeline
Item(s) that the topic is part of. Can also display siblings Gallery, List Combination: Larger parent item with smaller siblings


Navigation

About Technology Design Content modules Tool pages Projects
Status

Wikidocumentaries blog

Wikidocumentaries demo

Phabricator project

Facebook group

GitHub repository

Translation in TranslateWiki

Wikidocumentaries Slack

Setting up dev environment

Resources

Translations

Languages

Using Wikibase

Federation with Wikidata

APIs

Linking

Media metadata

Properties to content

User registration

Licensing

Page types

Landing page

Search page

Topic page

User page

Organisation page

Project page

Tool page

Tasks

Components

Main toolbar and footer

Search

Faceting

Topic page header

Content module

Dropdown

Modal

Icons

Active modules

Article

Family tree

Gallery

Historical map

Images

Image viewer

Infobox

Map

Module ideas

Audio/Video

Bibliography

Correspondence

Discussion

Graph

Name

Newspaper articles

Testimonials

Timeline

Visualizations

Wikidocumentary

3D

Visual editor

Query tool

QuickStatements

Open Refine

Creating topics

Uploading images

Geolocating tool

Metadata editor

Rectifying maps

Transcription

Annotation tool

Central Park Archives

Convent Quarter

Wikisource