Difference between revisions of "Content module"

From Wikidocumentaries
Jump to navigation Jump to search
(Component content and display types)
 
(28 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
[[File:Content modules.png|1000px]]
 
[[File:Content modules.png|1000px]]
  
==Structure of a content module==
+
== Content module types ==
===Toolbar===
+
<onlyinclude>
* Title
+
<u>Active modules</u>
* 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
 
 
== Different types of modules ==
 
<onlyinclude>
 
 
[[Article]]
 
[[Article]]
 
[[Bibliography]]
 
 
[[Correspondence]]
 
 
[[Discussion]]
 
  
 
[[Family tree]]
 
[[Family tree]]
  
 
[[Gallery]]
 
[[Gallery]]
 +
 +
[[Historical map]]
  
 
[[Images]]
 
[[Images]]
 +
 +
[[Image viewer]]
  
 
[[Infobox]]
 
[[Infobox]]
 +
 +
[[Map]]
  
 
<!--[[Related content]]
 
<!--[[Related content]]
 
-->
 
-->
[[Map]]
+
<u>Module ideas</u>
 +
 
 +
[[Audio/Video]]
 +
 
 +
[[Bibliography]]
 +
 
 +
[[Correspondence]]
 +
 
 +
[[Discussion]]
 +
 
 +
[[Graph]]
  
 
[[Name]]
 
[[Name]]
  
 
[[Newspaper articles]]
 
[[Newspaper articles]]
 
[[Social graph]]
 
  
 
[[Testimonials]]
 
[[Testimonials]]
Line 54: 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 68: Line 78:
 
* Plans of a house --> 3D
 
* Plans of a house --> 3D
  
== Component content and display types ==
+
== 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.
 
{| class="wikitable"
 
{| class="wikitable"
 
|+
 
|+
 
!Component
 
!Component
 
!Description
 
!Description
!Display types
+
!Existing modules
!Display types to add
+
!Module types to add
!Filters/facets
+
!Query
 
!Actions
 
!Actions
!Other changes
+
!To do
 
|-
 
|-
 
|Affiliations
 
|Affiliations
 
|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
 
|
 
|
 
|-
 
|-
Line 90: Line 102:
 
|Awards the topic has received
 
|Awards the topic has received
 
|Gallery, List
 
|Gallery, List
|
+
|Timeline
 
|
 
|
 
|
 
|
Line 97: Line 109:
 
|Banner
 
|Banner
 
|Wiki Loves Monuments banner
 
|Wiki Loves Monuments banner
|Gallery, List
+
|Banner
 
|
 
|
 
|
 
|
 
|Play
 
|Play
 
Add header image to Wikidata
 
Add header image to Wikidata
|More Wikimedia campaigns
+
|Add more Wikimedia campaigns
 
|-
 
|-
 
|Depicts
 
|Depicts
Line 115: Line 127:
 
|Items that depict the topic
 
|Items that depict the topic
 
|Gallery, List
 
|Gallery, List
|Smaller items
+
|'''Extended list''', Timeline
 
|
 
|
 
|
 
|
Line 123: Line 135:
 
|Consequences of the topic
 
|Consequences of the topic
 
|Gallery, List
 
|Gallery, List
|
+
|Map, Timeline (with dependencies?)
 
|
 
|
 
|
 
|
Line 131: Line 143:
 
|Items in the topics heritage designation
 
|Items in the topics heritage designation
 
|Gallery, List
 
|Gallery, List
|
+
|Map, Timeline
 
|
 
|
 
|
 
|
Line 139: Line 151:
 
|Instances of the topic (class)
 
|Instances of the topic (class)
 
|Gallery, List
 
|Gallery, List
|
+
|Map, Timeline
 
|
 
|
 
|
 
|
Line 146: 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)
+
|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)
 
Change background
 
Change background
|Merge with Location (and Locations).
+
|Join with other map displays. Display them as facets. Display gallery and list based on the facet underneath the map.
 
|-
 
|-
 
|Location
 
|Location
|Enclosing item, neighbors and subdivisions of the topic
+
|Enclosing item and neighbors of the topic
|Gallery, List
+
|Gallery, List, Map with points
|Map
 
|Topic / Neighboring topics / Enclosing topics / Subdivisions
 
 
|
 
|
|Join with Kartta
+
|?item wdt:P31/wdt:P279* wd:Q18615777.
 +
|Display external data, Import location
 +
|Change map to multiple shapes display. Join with Kartta
 
|-
 
|-
|Locations
+
|Parts
|Items within the topic
+
|Subdivisions of the topic
|Gallery, List, Map
+
|Gallery, List, Map with points
 
|
 
|
|Most used properties (type, size, year).
+
|<pre>?pi wdt:P1647* wd:P361
 +
 
 +
?pi wdt:P1647* wd:P527</pre>
 
|
 
|
|Aggregate points, display images, add links. Visualize based on properties (type, size, year)
+
|Change map to multiple shapes display. Join with Kartta
 
|-
 
|-
|Parts
+
|Locations
|Parts of the topic
+
|Items within the topic's area
|Gallery, List
+
|Gallery, List, Map with points
 +
|Timeline
 
|
 
|
 
|
 
|
|
+
|Aggregate points, display images, add links. Visualize based on properties (type, size, year). Join with Kartta.
|Overlaps with subdivisions - fix!
 
 
|-
 
|-
 
|People
 
|People
 
|People related to the topic
 
|People related to the topic
|Gallery, List, Family tree
+
|'''Gallery''', List, Family tree
|Network diagram.
+
|Network diagram, Timeline, Map
|Most used properties (gender, nationality, profession, places).
+
|
 
|
 
|
 
|
 
|
Line 188: Line 202:
 
|Similar items based on key properties
 
|Similar items based on key properties
 
|Gallery, List
 
|Gallery, List
|Smaller items
+
|'''Extended list''', Timeline
 
|
 
|
 
|
 
|
Line 196: Line 210:
 
|Subclasses of the topic
 
|Subclasses of the topic
 
|Gallery, List
 
|Gallery, List
|Hierarchy tree. Top classes.
+
|Hierarchy tree. Combination with top classes.
 
|
 
|
 
|
 
|
Line 204: Line 218:
 
|Topics on Wikimedia focus list
 
|Topics on Wikimedia focus list
 
|Gallery, List
 
|Gallery, List
|
+
|Timeline
 
|
 
|
 
|
 
|
Line 223: Line 237:
 
|
 
|
 
|
 
|
|Video,
+
|Video
 
|-
 
|-
 
|Twins
 
|Twins
 
|Twin cities
 
|Twin cities
 
|Gallery, List
 
|Gallery, List
|Map
+
|Map, Timeline
 
|
 
|
 
|
 
|
Line 238: Line 252:
 
|
 
|
 
|
 
|
|Collect links, Collect references, Make wikidocumentary
+
|
 
|
 
|
 
|-
 
|-
Line 252: Line 266:
 
|Works by the topic
 
|Works by the topic
 
|Gallery, List
 
|Gallery, List
|
+
|Timeline
 
|
 
|
 
|
 
|
Line 259: Line 273:
 
|
 
|
 
|Network diagram
 
|Network diagram
 +
|
 
|
 
|
 
|Network diagram of everything
 
|Network diagram of everything
|
 
 
|
 
|
 
|
 
|
Line 268: Line 282:
 
|Event timeline
 
|Event timeline
 
|
 
|
|Timeline, Gallery, Map
+
|
 +
|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
 
|
 
|
 
|
 
|

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