Wiki source code of Annotations Proposal
Show last authors
author | version | line-number | content |
---|---|---|---|
1 | = Annotations Proposal = | ||
2 | |||
3 | {{toc/}} | ||
4 | |||
5 | [[image:Annotations@proposalAnn.png||style="margin-right: auto; margin-left: auto; display: block;" width="900"]] | ||
6 | |||
7 | == Filters == | ||
8 | |||
9 | === Standard View === | ||
10 | |||
11 | * this mode is created for annotation contextual location **browsing** | ||
12 | ** the importance is on the location of the annotation inside the content and performing contextual actions on annotations | ||
13 | [[image:1.png||style="margin-right: auto; margin-left: auto; display: block;"]] | ||
14 | |||
15 | === Show All Filter Activation === | ||
16 | |||
17 | [[image:2.png||style="margin-right: auto; margin-left: auto; display: block;"]] | ||
18 | |||
19 | === Annotations More Options === | ||
20 | |||
21 | * adjustable to fit other options | ||
22 | [[image:3.png||style="margin-right: auto; margin-left: auto; display: block;"]] | ||
23 | |||
24 | === Filtering just an annotator === | ||
25 | |||
26 | [[image:4.png||style="margin-right: auto; margin-left: auto; display: block;"]] | ||
27 | |||
28 | == Annotation Actions == | ||
29 | |||
30 | === Hover on Icon === | ||
31 | |||
32 | * Hovering an annotation icon shows the annotation selection | ||
33 | [[image:onHoverAnn.png||style="margin-right: auto; margin-left: auto; display: block;"]] | ||
34 | |||
35 | === Click on Icon === | ||
36 | |||
37 | * Clicking an annotation icon shows the annotation's options | ||
38 | * the overlay can be adjusted to fit other options | ||
39 | [[image:onClickAnn.png||style="margin-right: auto; margin-left: auto; display: block;"]] | ||
40 | |||
41 | === Add === | ||
42 | |||
43 | * Add: Ctrl + Select the text | Select the text + Press Add | ||
44 | [[image:addAnn.png||style="margin-right: auto; margin-left: auto; display: block;"]] | ||
45 | |||
46 | === Edit === | ||
47 | |||
48 | [[image:EditAnn.png||style="margin-right: auto; margin-left: auto; display: block;"]] | ||
49 | |||
50 | === Delete === | ||
51 | |||
52 | [[image:DeleteAnn.png||style="margin-right: auto; margin-left: auto; display: block;"]] | ||
53 | |||
54 | == Annotation's Tab == | ||
55 | |||
56 | * this mode is created for the **analysis** of the annotation vs. content | ||
57 | * also, it helps to see all the annotations on a document together, to have a view over the entire list of annotations | ||
58 | [[image:annTab.png||style="margin-right: auto; margin-left: auto; display: block;" width="900"]] | ||
59 | |||
60 | === Valid Annotation - Yellow Icon === | ||
61 | |||
62 | * has a valid annotation and a valid annotated content | ||
63 | * Actions: Edit Annotation, Delete Annotation | ||
64 | [[image:validAnn.png||style="margin-right: auto; margin-left: auto; display: block;"]] | ||
65 | |||
66 | === Modified Annotation - Blue Icon === | ||
67 | |||
68 | * the annotated content suffered some modifications | ||
69 | * the annotation is approximated from the initial range limits | ||
70 | * Actions: Keep Annotation, Edit Annotation, Delete Annotation | ||
71 | [[image:modifiedAnn.png||style="margin-right: auto; margin-left: auto; display: block;"]] | ||
72 | |||
73 | === Dangling Annotation - Red Icon === | ||
74 | |||
75 | * the annotated content is not found | ||
76 | * annotation is kept for user validation (actually because it would be wrong to automatically delete content created by users (comments) just because the content could not be found, all the other users should be able to get this information somehow. It's the users who should decide if a dangling annotation should be deleted or not.) | ||
77 | * Actions: Edit Annotation, Delete Annotation | ||
78 | [[image:danglingAnn.png||style="margin-right: auto; margin-left: auto; display: block;"]] | ||
79 | |||
80 | === Type Display === | ||
81 | |||
82 | * the icon meaning is explained in a legend | ||
83 | * dangling icons appear at the end of the document, because they can't be placed anywhere else | ||
84 | [[image:annType.png||style="margin-right: auto; margin-left: auto; display: block;" width="900"]] | ||
85 | |||
86 | == Other Improvements == | ||
87 | |||
88 | * color codification for the annotators | ||
89 | [[image:colorsAdmin.png||style="margin-right: auto; margin-left: auto; display: block;" width="900"]] | ||
90 | [[image:colorsRest.png||style="margin-right: auto; margin-left: auto; display: block;" width="900"]] | ||
91 | |||
92 | * bar integrated in the menu | ||
93 | [[image:integrated.png||style="margin-right: auto; margin-left: auto; display: block;" width="900"]] |