» WebBasedConfigurationInterface
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.

WebBasedConfigurationInterface

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:

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
Directories
Page
Enable
Save
Enable
POST Filename
POST Message
Open Browser
Link

Output Pins

Name Description Type
Files
Get
POST

Page

Input Pins

Name Description Type
Input
Titel
Url
CSS
Browser Width
Browser Height
Reload Browser
Communication
HTML Head
HTML Body
File Path

Output Pins

Name Description Type
Output

GUI

BaseNode

Input Pins

Name Description Type
GUI
Transform
Send
PositionType
BasingPoint
CSS
JQuery
Save Posted Properties

Output Pins

Name Description Type
Output

Button

Input Pins

Name Description Type
Default
Default Color
OnPress Color
Mode

-
Output Pins

Response

Button(Texture)

Input Pins

Name

Description Type
Default
Released
Press
Mode
Reload

Output Pins

Name Description Type
Response

Checkbox

Input Pins

Name Description Type
Default
Look

Output Pins

Name Description Type
Response

Colorpicker

Input Pins

Name Description Type
Default Color
Update Continuous

Output Pins

Name Description Type
Output
Response

Container

Group

Config Pins

Name Description Type
Pin Count

Input Pins

Name Description Type
Input

Output Pins

Name Description Type
Output

Image

Input Pins

Name Description Type
Source
Alt
Reload

Link

Input Pins

Name Description Type
Link
Text
Target
Key

Radiobutton

Input Pins

Name Description Type
Default
Look

Output Pins

Name Description Type
Response

Slider

Input Pins

Name Description Type
Label
Orientation
Min
Max
Dafault
StepSize

Output Pins

Name Description Type
Response

Text

Input Pins

Name Description Type
Text
TagType

Textfield

_Input Pins__

Name Description Type
Default

Output Pins

Name Description Type
Response

CSS

Background

Input Pins

Name Description Type
Color
Path
Repeat
Postion

Border

Input Pins

Name Description Type
Width
Color
Border
OutlineStyle

Property

Input Pins

Name Description Type
Count
Name
Value

Font

Input Pins

Name Description Type
Size
Color
Familiy
Style
Weight
Decoration
WordSpacing
LetterSpacing
Stretch

Padding

Input Pins

Name Description Type
Top
Left
Right
Bottom

JQuery

Attr

Input Pins

Name Description Type
Attribute
Value

Css

Input Pins

Name Description Type
Css.Property
Value

Draggable

Input Pins

Name Description Type
Axis
Revert
OnStop
On Stop Apply To
On Stop Selector

Droppable

Input Pins

Name Description Type
Accept

Change Log

Initial Release

Relatet Links

WebBasedConfigurationInterface TheTaskhttp://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

anonymous user login

Shoutbox

~2d ago

blausand: Ill be in #Warszawa next weekend. Any #vvvv people around to meet?

~3d ago

sebescudie: Last call, c'est ce soir : webinaire en français pour débutants sur #vvvv gamma! https://thenodeinstitute.org/event/introduction-au-creative-coding-avec-vvvv-gamma-francais/

~4d ago

domj: Ultra high definition volumetric visualization using GPUDirect storage https://youtu.be/GAZP1NcdWMo

~7d ago

CeeYaa: thx for V4-Meetup - some days ago 40th_RetuneStudioVisit from old friends RefikAnadol and Quadrature https://vimeo.com/429510091

~9d ago

david: 4. worldwide vvvv meetup will be here...https://www.youtube.com/watch?v=i0zd68tDUVE

~12d ago

mediadog: @metrowave Magnetic repulsion has always been pure magic to me, proof we only sense a small part of the universe - thanks!

~14d ago

guest: @graphicuserinterface cool project!combined with osc learn & setio plugin (exposed iobox) achieving some fake OscQuery setup

~14d ago

joreg: Letzter Aufruf für das heutige Webinar: creativecoding mit der visuellen Programmiersprache #vvvv gamma https://thenodeinstitute.org/event/einfuhrung-in-creative-coding-mit-vvvv-gamma/