Difference between revisions of "Content module"

From Wikidocumentaries
Jump to navigation Jump to search
(Useful topic-related modules)
(Content modules and module types)
(19 intermediate revisions by 2 users not shown)
Line 22: Line 22:
 
* Timeline + map + gallery combo needs a novel layout to fit everything in the viewport
 
* Timeline + map + gallery combo needs a novel layout to fit everything in the viewport
  
== Different types of modules ==
+
== Content module types ==
 
<onlyinclude>
 
<onlyinclude>
 +
<u>Active modules</u>
 +
 
[[Article]]
 
[[Article]]
 
[[Bibliography]]
 
 
[[Correspondence]]
 
 
[[Discussion]]
 
  
 
[[Family tree]]
 
[[Family tree]]
Line 37: Line 33:
  
 
[[Images]]
 
[[Images]]
 +
 +
[[Image viewer]]
  
 
[[Infobox]]
 
[[Infobox]]
 +
 +
[[Map]]
  
 
<!--[[Related content]]
 
<!--[[Related content]]
 
-->
 
-->
[[Map]]
+
<u>Module ideas</u>
 +
 
 +
[[Bibliography]]
 +
 
 +
[[Correspondence]]
 +
 
 +
[[Discussion]]
  
 
[[Name]]
 
[[Name]]
Line 58: Line 64:
 
[[Audio/Video]]
 
[[Audio/Video]]
  
[[Wikidocumentary]]</onlyinclude>
+
[[Wikidocumentary]]''</onlyinclude>
  
 
==Useful topic-related modules==
 
==Useful topic-related modules==
Line 68: Line 74:
 
* Plans of a house --> 3D
 
* Plans of a house --> 3D
  
== Component content and display types ==
+
== Content modules and module types ==
 
{| class="wikitable"
 
{| class="wikitable"
 
|+
 
|+
 
!Component
 
!Component
 
!Description
 
!Description
!Display types
+
!Module types
!Desirable types etc
+
!Module types to add
 
!Filters/facets
 
!Filters/facets
 
!Actions
 
!Actions
 +
!Other changes
 
|-
 
|-
 
|Affiliations
 
|Affiliations
 
|Organizations related to the topic
 
|Organizations related to the topic
 
|Gallery, List
 
|Gallery, List
|Network diagram, joint with People
+
|Network diagram
 +
|Most used properties (type, location, year).
 
|
 
|
 
|
 
|
Line 88: Line 96:
 
|Awards the topic has received
 
|Awards the topic has received
 
|Gallery, List
 
|Gallery, List
 +
|
 
|
 
|
 
|
 
|
Line 94: Line 103:
 
|Banner
 
|Banner
 
|Wiki Loves Monuments banner
 
|Wiki Loves Monuments banner
|Gallery, List
+
|Banner
|Add more Wikimedia campaigns, streamline
 
 
|
 
|
 
|
 
|
 +
|Play
 +
Add header image to Wikidata
 +
|Add more Wikimedia campaigns
 
|-
 
|-
 
|Depicts
 
|Depicts
 
|Items the topic depicts
 
|Items the topic depicts
 
|Gallery, List
 
|Gallery, List
 +
|
 
|
 
|
 
|
 
|
Line 109: Line 121:
 
|Items that depict the topic
 
|Items that depict the topic
 
|Gallery, List
 
|Gallery, List
|Smaller items
+
|'''Source links with images'''
 +
|
 
|
 
|
 
|
 
|
Line 116: Line 129:
 
|Consequences of the topic
 
|Consequences of the topic
 
|Gallery, List
 
|Gallery, List
 +
|
 
|
 
|
 
|
 
|
Line 123: Line 137:
 
|Items in the topics heritage designation
 
|Items in the topics heritage designation
 
|Gallery, List
 
|Gallery, List
 +
|
 
|
 
|
 
|
 
|
Line 130: Line 145:
 
|Instances of the topic (class)
 
|Instances of the topic (class)
 
|Gallery, List
 
|Gallery, List
 +
|
 
|
 
|
 
|
 
|
Line 137: Line 153:
 
|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)
|Join with location (and Locations). Edit location (Link to Wikidata/OSM)
+
|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
 
|Location
|Enclosing item, neighbors and subdivisions of the topic
+
|Enclosing item and neighbors of the topic
|Gallery, List
+
|Gallery, List, Map with points
|Map, join with Kartta
 
 
|
 
|
 +
|Topic / Neighboring topics / Enclosing topics
 
|
 
|
 +
|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
|Aggregate points, display images, add links. Visualize based on properties (type, size, year)
+
|
|Most used properties (type, size, year).
+
|Subdivisions
 
|
 
|
 +
|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
|
 
 
|
 
|
 +
|Most used properties (type, size, year).
 
|
 
|
 +
|Aggregate points, display images, add links. Visualize based on properties (type, size, year). Join with Kartta.
 
|-
 
|-
 
|People
 
|People
 
|People related to the topic
 
|People related to the topic
|Gallery, List, Family tree
+
|'''Gallery''', List, Family tree
|Network diagram, joint with Affiliations.
+
|Network diagram, timeline, map
 
|Most used properties (gender, nationality, profession, places).
 
|Most used properties (gender, nationality, profession, places).
 +
|
 
|
 
|
 
|-
 
|-
Line 172: Line 194:
 
|Similar items based on key properties
 
|Similar items based on key properties
 
|Gallery, List
 
|Gallery, List
|Smaller items
+
|'''Source links with images''' (every item on the list)
 +
|
 
|
 
|
 
|
 
|
Line 179: Line 202:
 
|Subclasses of the topic
 
|Subclasses of the topic
 
|Gallery, List
 
|Gallery, List
|Hierarchy tree. Top classes.
+
|Hierarchy tree. Combination with top classes.
 +
|
 
|
 
|
 
|
 
|
Line 186: Line 210:
 
|Topics on Wikimedia focus list
 
|Topics on Wikimedia focus list
 
|Gallery, List
 
|Gallery, List
 +
|
 
|
 
|
 
|
 
|
Line 193: Line 218:
 
|Related images from repositories
 
|Related images from repositories
 
|Images, ImageViewer
 
|Images, ImageViewer
 +
|
 
|
 
|
 
|
 
|
Line 203: Line 229:
 
|
 
|
 
|
 
|
 +
|Video,
 
|-
 
|-
 
|Twins
 
|Twins
 
|Twin cities
 
|Twin cities
 
|Gallery, List
 
|Gallery, List
 +
|Map
 
|
 
|
 
|
 
|
Line 214: Line 242:
 
|Wikipedia article
 
|Wikipedia article
 
|Article
 
|Article
 +
|
 
|
 
|
 
|
 
|
Line 221: Line 250:
 
|Wikidata facts
 
|Wikidata facts
 
|Infobox
 
|Infobox
 +
|
 
|
 
|
 
|
 
|
Line 228: Line 258:
 
|Works by the topic
 
|Works by the topic
 
|Gallery, List
 
|Gallery, List
 +
|
 +
|
 +
|
 +
|
 +
|-
 +
|
 +
|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
 
|
 
|
 
|
 
|

Revision as of 18:31, 2 May 2021

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

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

Content module types

Active modules

Article

Family tree

Gallery

Images

Image viewer

Infobox

Map

Module ideas

Bibliography

Correspondence

Discussion

Name

Newspaper articles

Social graph

Testimonials

Timeline

3D

Audio/Video

Wikidocumentary

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

Component Description Module types Module types to add Filters/facets Actions Other changes
Affiliations Organizations related to the topic Gallery, List Network diagram Most used properties (type, location, year).
Awards Awards the topic has received Gallery, List
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 Source links with images
Effects Consequences of the topic Gallery, List
Heritage Items in the topics heritage designation Gallery, List
Instances Instances of the topic (class) Gallery, List
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 Topic / Neighboring topics / Enclosing topics Change map to multiple shapes display. Join with Kartta
Parts Subdivisions of the topic Gallery, List, Map with points Subdivisions Change map to multiple shapes display. Join with Kartta
Locations Items within the topic's area Gallery, List, Map with points Most used properties (type, size, year). 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 Most used properties (gender, nationality, profession, places).
Similar Similar items based on key properties Gallery, List Source links with images (every item on the list)
Subclasses Subclasses of the topic Gallery, List Hierarchy tree. Combination with top classes.
Things Topics on Wikimedia focus list Gallery, List
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
Wikipedia Wikipedia article Article
Wikidata Wikidata facts Infobox
Works Works by the topic Gallery, List
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

Images

Image viewer

Infobox

Map

Module ideas

Bibliography

Correspondence

Discussion

Name

Newspaper articles

Social graph

Testimonials

Timeline

3D

Audio/Video

Wikidocumentary

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