» 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

~3h ago

joreg: vvvvTv S02E01 is out: Buttons & Sliders with Dear ImGui: https://www.youtube.com/live/PuuTilbqd9w

~6d ago

joreg: vvvvTv S02E00 is out: Sensors & Servos with Arduino: https://visualprogramming.net/blog/2024/vvvvtv-is-back-with-season-2/

~7d ago

fleg: hey there! What's the best tool for remote work? Teamviewer feels terrible. Thanks!

~20d ago

joreg: Last call: 6-session vvvv beginner course starting November 4: https://thenodeinstitute.org/courses/ws24-5-vvvv-beginners-part-i/

~1mth ago

joreg: Missed the last meetup? You can rewatch it here: https://www.youtube.com/live/MdvTa58uxB0?si=Fwi-9hHoCmo794Ag

~1mth ago

theurbankind: When is the next big event, like node festival ?

~1mth ago

~1mth ago

joreg: Join us for the next vvvv meetup on Oktober 17th: https://visualprogramming.net/blog/2024/25.-vvvv-worldwide-meetup/

~1mth ago

joreg: 6 session beginner course part 2 "Deep Dive" starts January 13th: https://thenodeinstitute.org/courses/ws24-5-vvvv-beginners-part-ii/