WebBased Configuration Interface
under construction
Welcome
on this site you will find some informations about Webbased Configguration Interface
Introduction
The Webinterface gives the VVVV Users the possibility to create Webpages based on HTML, CSS and Javascript (JQuery) and communicate over Http between a browser and VVVV.
For Informations how to use the Webinterface see the Manual Page.
Download & Requirements
(Filelink)
Requirements:
- VVVV > beta21
- .Net Framework 2.0
- Webinterface.dll
Install:
Just unpack the File to the VVVV Plugin Folder.
Roadmap
Framework
- Expand HTTP GUI base class| Have a output pin that spits out all post data as raw xml | Add output pins for ID and class
- Rewrite the Saving mechanism with all the new raw data
- Deleting WebinterfaceSingelton if all Nodes s are deleted
- Switching to jQuery 1.4
Server
- Standardized communication protocol
- Polling / Comet Communication
Node Changes
- Rewrite existing javascript generation with our new library (Button, Slider, Textfield)
- CSS Rule node
New Nodes
- File Upload / Pool
- Image (DynamicImage (Streaming); SVG embed)
- Combobox (Dropdown)
- Button (grafik)
- Tabboxen
- Splitpanes
- Html Tables
- XML Page (oder Pins an der HTML page)
- Abstraktes XML Tag
- Datepicker
- Accordoin
- Dialog
- Resizable
Documentation
- How to use wiki page
- XML Comment Source Code
- How to write my own Http Node
- Complete Helppatches
Nodelist
HTTP
Renderer (Http)
Config Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Output Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Page
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Output Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
GUI
BaseNode
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Output Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Button
Input Pins
Name| Description | Type | --- | --- | --- | --- Port| --- | --- | --- | --- Pagecount|
Output Pins
Name| Description | Type |
--- | --- | --- | ---
Port|
--- | --- | --- | ---
Pagecount||
Button(Texture)
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Output Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Checkbox
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Output Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Colorpicker
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Output Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Container
Group
Config Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Output Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Image
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Link
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Radiobutton
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Output Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Slider
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Output Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Text
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Textfield
_Input Pins**
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Output Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
CSS
Background
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Border
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Property
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Font
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Padding
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
JQuery
Attr
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Css
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Draggable
Input Pins
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Droppable
**Input Pins__
Name | Description | Type | |
---|---|---|---|
Port | |||
--- | --- | --- | --- |
Pagecount |
Change Log
Initial Release
Relatet Links
WebBasedConfigurationInterface TheTask
http://jquery.com/
http://jqueryui.com/
http://jqueryui.com/themeroller/
http://www.eyecon.ro/colorpicker/
http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=0856eacb-4362-4b0d-8edd-aab15c5e04f5
Question
Send an PM to Phlegma or contact me with Skype (nils.buhlert)
Credits
Josh Samberg
Christain Moldenhauer
vvvv Group
Meso