» web-application development with vvvv
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.

web-application development with vvvv

acl(vvvvgroup)

Download the paper

A Dataflow Graph based Approach to Web Application Development

Conference Presentation

this paper will be presented at the 10th WSEAS CSCC Multiconference. Vouliagmeni Beach, Athens, Greece, July 10-15, 2006


10th WSEAS Int.Conf. on COMMUNICATIONS (July 13-15, 2006)www.worldses.org/conferences/2006/greece/iccom
10th WSEAS Int.Conf. on COMPUTERS (July 13-15, 2006) www.worldses.org/conferences/2006/greece/iccomp

Ziel:

Beweisen, dass mit visueller Programmierung (Datenfluss) eine Entwicklung von dynamischen Webseiten sinnvoll sein kann.

Themen:

XML & XSLT
http Server (split in zwei funktionen)
Datenflussmodell <-> Strukturierte Daten (XML)
CSS-prinzip <-> lässt sich sehr gut auf datenfluss modell übertragen

Andere Arbeiten:

VIPERS-> Mosconi
Lixto Transformation Server

Beschäftigen sich auptsächlich mit der Extraktion von Daten aus dem internet und deren transformation in andere gebräuchliche formate. !Keine Quellen findbar zu systemen, welche visuelle web-programme auch als server-anwendung ausführen können.

Wir stellen einen Ansatz vor, der es ermöglicht, dynamische webseiten mit einer datenfluss-orientierten visuellen programmierung zu entwickeln und bereit zu stellen.
Stichpunkt: Mittelstands-Webseiten, welche meist statischer natur sind, könnten damit realisiert werden.

Spreads! Wie kann man die sinnvoll nutzen???? Vielleicht zwei oder mehrere seiten gleicher struktur on the fly generieren?

Mögliche titel:

Visual programming of dynamic web applications?
A Dataflow based approach to web application development?
A visual approach to server side web application execution?

Argumentationsfluss:

Abstract:

Dieses Dokument stellt einen Ansatz vor, mit welchem es möglich ist, dynamische web anwendungen mit hilfe einer visuellen programmiermetapher zu erstellen. Dieser Ansatz beinhaltet sowohl die dynamische erstellung der xhtml seiten als auch die bereitstellung über einen web-server.

Einleitung:

Warum machen wir das alles? Stichpunkte: Probleme textueller programmierung??? Andere Arbeiten beschäftigen sich häufig mit der extraktion von daten aus dem internet und deren aufbereitung. Wir glauben, dass sich kleine web-projekte leichter mit visueller programmierung realisieren lassen, Die integration von multimedia transformationen lässt sich leichter über visuelle programmierung machen..... muss noch gefüllt werden.
VVVV wird verwendet, da hier die manipulation von grafischen objekten (bilder/videos/2D-bzw 3D animationen) bereits implementiert ist. VVVV wurde um xml/xhtml/xslt/http komponenten erweitert.

Visuelles Programmieren /Datenfluss

Hier wird erklärt wie das läuft, was subpatches sind usw.

realtime dynamic file-less programming

in diesem Kapitel sollten Prinzipien erläutert werden, nach denen wir web-apps entwicklen. Also, weg von statischen einzel seiten, welche im filesystem abgelegt werden, hin zu einem komplett dynamischen system, welches intuitiv entwickelt werden kann. wir "schreiben" ein programm direkt auf dem server, ohne umwege, ohne "ablegen der files auf dem server". ich kann "sehen" was der server macht und daraus ableiten wie http server funktionieren. stichwort "lerneffekt". wir können verfolgen, wie der server die requests "abarbeitet". an jeder stelle im programm kaönnen wir den fortschritt des string-concatenierens beobachten, zu jeder zeit. Das ausführen des programms geschieht nicht "magisch"!

Platzierung der elemente im sinne des Datenflusses

Hier muss erläutert werden, dass es sinnvoll ist den server aufzusplitten in receiver und server. Datenfluss muss ersichtlich werden, d.h. daten fließen von oben nach unten.
Der Receiver des servers "broked" die requests oben, danach kommt der datenfluss, welcher die webseite/n erstellt, unten läuft alles zusammen zum server, der die seite/n served.

XSLT processor berechnet xhtml output

xslt processor integriert die schleifen programmierung in der web-programmierung. Sinnvoll an vielen stellen wo man es mit dynamisch ausgelesenen content zu tun hat.

xhtml output wird über knoten und subpatches gelöst

Spreads können schleifen in der web-entwicklung ersetzen. hier gilt es zu klären wie gut das funktioniert.

Szenario:

wie wäre es damit: Man möchte einen internetauftritt bestehend aus mehreren seiten erstellen. Dazu ist es sinnvoll navigationselemente dynamisch in die seiten zu integrieren, das gleiche gilt für den content. Das hinzufügen einer seite sollte dann über spreads funktionieren und könnte über die webseite selber gesteuert werden? Andere Vorschläge?

Ausblick

integration von komplexen xslt, xhtml und css knoten. layouten mit css über realtime preview im html renderer (via DOM zugriff).

Related work

andere arbeiten kurz vorstellen und deren nachteile bzw. wenn findbar auch vorteile erläutern und in relation zum aufgezeigten ansatz setzen.

conclusion

hier die kernaussagen noch einmal wiederholen und einen schluss ziehen.

Weitere scribbles…

Was ist mit XPath wo kann das sinnvoll genutzt werden, bisher ist es in vvvv auf die extraktion von informationen aus xml dokumenten beschränkt, sollte man daraus vielleicht ein weiteres szenario machen? Für meine begriffe ist der gedanke allerdings nicht besonders neu… siehe auch andere arbeiten.

anonymous user login

Shoutbox

~2d ago

joreg: The summer season of vvvv workshops at The NODE Institute is out: https://thenodeinstitute.org/ss24-vvvv-intermediates/

~2d ago

domj: If you happen to be in Prague, come join us at the Schema workshop on Thursday 25.4. :) https://www.facebook.com/events/395516526614988/?ti=ls

~14d ago

joreg: Postponed: Next vvvv beginner course starting April 29: https://thenodeinstitute.org/courses/vvvv-beginner-class-summer-2024/

~1mth ago

~1mth ago

joreg: The Winter Season of vvvv workshops is now over but all recordings are still available for purchase: https://thenodeinstitute.org/ws23-vvvv-intermediates/