Difference between revisions of "Design"

From Wikidocumentaries
Jump to navigation Jump to search
(Documents)
 
(10 intermediate revisions by 2 users not shown)
Line 1: Line 1:
Welcome to the design documentation page of the Wikidocumentaries project!
+
This page describes the design principles and different display formats of different data modules.
  
===One-page===
+
==One-page==
The content is based on topics, that form one-page microsites.
+
The content is based on topics that form one-page microsites, [[topic page]]s. A topic is an item in Wikidata, or a locally saved item in Wikidocumentaries. The content modules are constructed with the help of data stored in each topic item.
  
===Modular===
+
==Modular==
  
====Pages====
+
===Page types===
* Landing page
+
[[Page types]]
* [[Topic page]]
 
* User page
 
* Organisation page
 
* Project page
 
* Module page (for each module)
 
* Tool page (for each tool)
 
  
====Content modules====
+
===Content modules===
 
A page consists of [[content modules]], such as images or newspaper articles.
 
A page consists of [[content modules]], such as images or newspaper articles.
  
====Module formats====
+
===Components===
Modules can have several formats, depending on the context.
+
Here are the definitions of interactive [[components]] used to create the site.
* Page modules
 
* [[Linkboxes]]
 
* Module pages
 
  
====Tools====
+
===Tools===
 
There will be tools to enrich and work with the content. Tools will be formatted to follow the Tool page layout
 
There will be tools to enrich and work with the content. Tools will be formatted to follow the Tool page layout
  
===Separate web interface===
+
==Separate web interface==
 
The user interface will be created independent of the MediaWiki running it, and connected to the underlying Wikibase through an API. While waiting for the clarification of the technological components, the site will be produced as a bare bones wiki.
 
The user interface will be created independent of the MediaWiki running it, and connected to the underlying Wikibase through an API. While waiting for the clarification of the technological components, the site will be produced as a bare bones wiki.
  
===Responsive===
+
==Responsive==
 
The Wikidocumentaries site will be a responsive website.
 
The Wikidocumentaries site will be a responsive website.
  
 
==Documents==
 
==Documents==
 +
Design files
 +
* https://www.figma.com/files/project/891845/Wikidocumentaries
 +
 
[https://docs.google.com/presentation/d/1YDYgodA5KyXU9QpEleZ3ObBVN6Dx3L6iP6k-34ju2ao/edit#slide=id.p Wikidocumentaries UI]
 
[https://docs.google.com/presentation/d/1YDYgodA5KyXU9QpEleZ3ObBVN6Dx3L6iP6k-34ju2ao/edit#slide=id.p Wikidocumentaries UI]
  
 
{{Design-nav}}
 
{{Design-nav}}

Latest revision as of 15:48, 14 August 2019

This page describes the design principles and different display formats of different data modules.

One-page

The content is based on topics that form one-page microsites, topic pages. A topic is an item in Wikidata, or a locally saved item in Wikidocumentaries. The content modules are constructed with the help of data stored in each topic item.

Modular

Page types

Page types

Content modules

A page consists of content modules, such as images or newspaper articles.

Components

Here are the definitions of interactive components used to create the site.

Tools

There will be tools to enrich and work with the content. Tools will be formatted to follow the Tool page layout

Separate web interface

The user interface will be created independent of the MediaWiki running it, and connected to the underlying Wikibase through an API. While waiting for the clarification of the technological components, the site will be produced as a bare bones wiki.

Responsive

The Wikidocumentaries site will be a responsive website.

Documents

Design files

Wikidocumentaries UI


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