Mission
In addition to the VIE and VIE² frameworks and the development of a default vocabulary of entities, we want to provide a library of user interface widgets that are compatible with VIE and VIE² that allow an easy access to the frameworks and their usage.
List of Widgets
A widget's description contains a brief explanation of the widgets functionality and context to be used (text) and should be supported by mockups and - at best - screenshots. Furthermore a link to an online repository is mandatory.
Image information
- Description: The widget adds a dimension to annotated images. If a user clicks on the image, the image is flipped and reveals its backside where metadata (e.g., properties retrieved from online databases) is provided to the user.
- Mockup(s)/Screenshot(s)/Screencast(s):
Entity highlighting
- Description: Once embedded, this widget supports highlighting of annotations on a webpage. There are two main functionalities: Different highlighting of different types of entities and the visualization of connected (or equal) entities.
- Mockup(s)/Screenshot(s)/Screencast(s):
Entity linking
- Description: Triggered by a linking gesture (e.g., drag'n' drop), this widget enables the user to link two entities (e.g., a company and an person as an employer). This widget should first calculate a list of fitting - meaning valid - relations from the ontology (defining the dragged entity as the object and the entity that the object is dropped on as the subject). If there is more than one relation returned, the user needs to be asked to choose one.
- Mockup(s)/Screenshot(s)/Screencast(s):
Entity creation
- Description: Based on a given type and it's corresponding default vocabulary (e.g. a person), a dialog should be opened where the user can manually add a new entity. This dialog and the contained fields should at best be derived based on a given ontology.
- Mockup(s)/Screenshot(s)/Screencast(s):
Entity Collection Editing (paginated Grid / SpreadSheet editing)
- Description: Make it possible to edit a collection of entities with attributes as columns (user selectable among the list of attributes defined the ontology / schema of the types of the entities) and instances as rows.
- Mockup(s)/Screenshot(s)/Screencast(s):
Multiple annotations
- Description: When using an automatic annotation service (e.g. Apache Stanbol, Zemanta, OpenCalais, ...). There might be mistakes and/or duplicate annotations on the same DOM element. These annotations need first of all made prominent (visualize that there are multiple annotations) and then be rectifiable by the user.
- Mockup(s)/Screenshot(s)/Screencast(s):
Inline annotations
- Description: A text (or a region of an image) needs to be annotatable with knowledge by the user. This annotation needs to be able inline and hence the annotation widget needs to have some kind of intelligence whether sub-annotations (annotations within an already annotated region) are connected to the parent annotation (the subject) or a new (non-related) entity. If this intelligence cannot be provided, the user needs to be asked in such cases.
- Mockup(s)/Screenshot(s)/Screencast(s):
annotate.js
GeoCoords
- Description:
- Annotation: With the help of the GeoCoords widget, a developer can easily add annotation support for geographical coordinates in his web application.
- Visualization: The visualization of geographical coordinates, annotated with the help of VIE² is the second part of this widget.
Editable Widgets
- Description: There might be a set of widgets that should allow manipulating specific data types in an easy way.
Form Widgets
name
|
description
|
types
|
Display
|
Displays any type of content that should not be editable
|
read only field
|
Input
|
Input field that can be edited but not styled
|
String, small edit field
|
Textarea
|
Textarea that can be edited but not styled
|
String, big edit field
|
CheckBox
|
Check box that only can be checked or unchecked
|
Boolean, multiple values
|
RadioButton
|
Radio button group
|
List, single value
|
SelectBox
|
Select box that provides a list as options and only one value
|
List, single value
|
ComboBox
|
Combo box that provides a editable list of options
|
List, single value
|
MultiSelectBox
|
Multi select box that provides a list as options and multiple values
|
List, multiple values
|
Wysiwyg Widgets
name
|
description
|
types
|
Wysiwyg-Editor
|
Wysiwyg (e.g. hallo.js) that allows manipulating html content
|
HTML
|
Picker Widgets
name
|
description
|
types
|
DateTimePicker
|
Date picker, that stores the millis
|
long
|
ColorPicker
|
Color picker, that stores a Hex-value as String
|
Hex
|
Link Widgets
name
|
description
|
types
|
Link
|
Link content with another specific content (creates a <a href="#">link</a>)
|
Link to a specefic content
|
Image
|
Link content with an specific image
|
Link to a specefic image
|
Download
|
A widget that allows to create a download link to specific content
|
Link to a document
|
Other Widgets
name
|
description
|
types
|
Template
|
A widget that allows to integrate a predefined HTML-Snippet into the content
|
Link to a HTML-snippet
|
Category
|
A widget that allows you to assign categories/tags to a content
|
Link to category/tag
|
Principal
|
A widget that allows to select an organizational unit / a group / or a user
|
OU/Group/User
|
Localization
|
A widget that allows to select a country / locale / or a language of a predefined set
|
Country/Locale/Language
|
- Mockup(s)/Screenshot(s)/Screencast(s):
Related Links
