IKS Blog – The Semantic CMS Community

VIE/Widgets

From IKS Project
Jump to: navigation, search

Contents

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.

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.

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):
    • TODO
  • Link(s):
    • TODO

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):
    • TODO
  • Link(s):
    • TODO


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):
    • TODO

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.
  • Link(s):
    • TODO

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):
    • TODO
  • Link(s):
    • TODO

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):

Widgets.png

Related Links

Personal tools
Early Adopters