/
UI / mockups / user interaction

UI / mockups / user interaction

Stakeholders: Aleksandr Korovin Roy Meissner Abi James

prototype work is also being done on branch SWIK-814 - Getting issue details... STATUS

Tags:

Variant 1:

Edit mode (editing deck): 

(as bootstrap tag input) with autocompletion of existing tags: 

Read mode:

Need to hide some tags that do not fit to sizes. or move align tags on the left side (and remove "empty" word, no idea what does this mean)

Variant 2:

This variant will contain tab below with tags. TODO: add better pic

After pushing Add tag modal window appears (same modal window as in Altassian):

Annotations:

Annotating text:

When user selects text, then appears little black div button Annotate.

User pushes it, then appears Annotation view where user can add info about annotation. Just same annotation block but with text input.

Annotation view:

Also there is a button (Annotations on the right side). After clicking it, appears list of annotations related to this slide.

For each annotation in this list, we have remove button and button for changing url (for expert users) (not sure if need this feature, but just in case)

Also there is a button to generate annotations.




Related content

In-page semantic annotator
In-page semantic annotator
More like this
Semantic representation
Semantic representation
More like this
Design options and decisions: Technical Implementation of Semantic representation
Design options and decisions: Technical Implementation of Semantic representation
More like this
Trial requirements from April 2017 Plenary (RQM - ReQuirement Madrid)
Trial requirements from April 2017 Plenary (RQM - ReQuirement Madrid)
More like this
Proposal for slide details panel
Proposal for slide details panel
More like this
Interactive Architecture Diagram
Interactive Architecture Diagram
More like this