Difference between revisions of "Content module"

From Wikidocumentaries
Jump to navigation Jump to search
(Module types)
 
(86 intermediate revisions by 2 users not shown)
Line 1: Line 1:
Modules can have different forms. They can be either
+
Content is represented in blocks that are called modules. Main content on the site is presented in topic pages, which consist of content modules.
* '''[[Page modules]]''', when they are part of a topic page or the landing page
+
 
* '''[[Linkboxes]]''', when they are added as related info or teasers. There may be need for different formats.
+
[[File:Content modules.png|1000px]]
* '''[[Module pages]]''', when the module is expanded from a page
+
 
 +
== Content module types ==
 +
<onlyinclude>
 +
<u>Active modules</u>
 +
 
 +
[[Article]]
 +
 
 +
[[Family tree]]
 +
 
 +
[[Gallery]]
 +
 
 +
[[Historical map]]
 +
 
 +
[[Images]]
 +
 
 +
[[Image viewer]]
 +
 
 +
[[Infobox]]
 +
 
 +
[[Map]]
 +
 
 +
<!--[[Related content]]
 +
-->
 +
<u>Module ideas</u>
 +
 
 +
[[Audio/Video]]
 +
 
 +
[[Bibliography]]
 +
 
 +
[[Correspondence]]
 +
 
 +
[[Discussion]]
 +
 
 +
[[Graph]]
 +
 
 +
[[Name]]
 +
 
 +
[[Newspaper articles]]
 +
 
 +
[[Testimonials]]
 +
 
 +
[[Timeline]]
 +
 
 +
[[Visualizations]]
 +
 
 +
[[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)
 +
 
 +
===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==
 +
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.
 +
{| class="wikitable"
 +
|+
 +
!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
 +
|
 +
|<pre>?pi wdt:P1647* wd:P361
 +
 
 +
?pi wdt:P1647* wd:P527</pre>
 +
|
 +
|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
 +
|
 +
|
 +
|
 +
|}
  
===Module types===
 
* [[Topic page header]]
 
* [[Wikipedia article]]
 
* [[Wikidata infobox]]
 
* [[Local article]]s
 
** Testimonial article
 
** Local article
 
* User generated [[Tasks]]
 
* Related content [[Linkboxes]]
 
* [[Images]]
 
* [[Map]]
 
* [[Newspaper articles]]
 
* [[Data visualizations]]
 
** [[Timeline]]
 
** [[Family tree]]
 
* [[Bibliography]]
 
 
{{Design-nav}}
 
{{Design-nav}}

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