skreutzer

A prototype of a user interface for courseware, basically a dialog system. Code: https://gitlab.com/groupware-systems/gba-experimental/tree/master/prototype-6

A prototype of a user interface for navigating configurable levels of a hierarchical tree graph structures. Code: https://gitlab.com/groupware-systems/gba-experimental/tree/master/prototype-4

A prototype of a user interface for navigating generic hierarchical tree graph structures that re-introduces user management. Code: https://gitlab.com/groupware-systems/gba-experimental/tree/master/prototype-5

A prototype of a user interface for navigating generic hierarchical tree graph structures. Code: https://gitlab.com/groupware-systems/gba-experimental/tree/master/prototype-3

For prototyping groupware systems, I tried to build something that implements/supports Wael al-Saad’s methodology. Code: https://gitlab.com/groupware-systems/gba-experimental/tree/master/prototype-2

For prototyping groupware systems, I built something very simple that just tracks next “best steps” in an attempt to find out more about the design of Wael al-Saad’s methodology. Code: https://gitlab.com/groupware-systems/gba-experimental/tree/master/prototype-1

Topic: - http://intellectualdark.website (it’s abandoned/gone/404 now!) - https://www.youtube.com/watch?v=cr0OX6ai4Qw Recommended reading/listening/viewing: - http://hyper-augmentation.org/org_hyper-augmentation_20210329T221523Z_videos_watching_required.xhtml - http://hyper-augmentation.org/org_hyper-augmentation_20210413T105124Z_videos_watching_recommended.xhtml

Download link: https://hypertext-systems.org/downloads.php#xhtml_to_glossary_1

Shut down But ton in kill wnd app

Encoding von Web-Dokumenten und XHTML-Zusätze. Formatierung, Gestaltung und Layout mittels CSS lokal, global innerhalb des Dokuments und dokumentenübergreifend hinsichtlich Text und Seitendesign. Korrekturen: 0:22:49 Mit der URL wird tatsächlich eine DTD-Datei referenziert, die ein auslesendes Programm bei Bedarf dort finden und einlesen kann. Jedoch kann man genauso auch andere (lokale) Pfadangaben verwenden, womit für die HTML-DTDs die Eindeutigkeit von Web-Adressen ausgenutzt wird. 0:36:32 Funktioniert in meinem Beispiel nicht, weil die Vererbung der CSS-Eigenschaften nicht angewendet wird auf eine derart seltsame Absatz-Konstellation (p-Tags verschachtelt oder h1 darin enthalten), sondern mit einem umschließenden div-Tag dessen Eigenschaften auf seine Untertags übertragen würde. 1:25:40 Zwei widths angegeben, minimal benötigter Platz wäre anderenfalls aber dennoch nicht unterschreitbar, außer über die CSS-Eigenschaft “overflow”.

Kurzes Beschreibungsvideo zur Browsergame-Technologie der PHP-generierten HTML-Tabellen und -Formulare. Quellcode und vollständiges Tutorial unter https://skreutzer.de/browsergames/technologien/tabellen_browsergames_mit_php.html. Üblicherweise werden Tabellen-Browsergames um Symbol-Grafiken beispielsweise für Objekte im Inventar oder für die Rohstoff-Typen bereichert, oder aber es findet die grafische Darstellung einer Karte statt. Angriffs- und Kampfsysteme, Inventare, Technologiebäume, Upgrades von Spielfiguren und Einheiten, Ereignis-Informationen etc. wären typische Einsatzgebiete der tabellarischen Darstellung. Freilich können auch die Tabellen selbst optisch ansprechender gestaltet werden.

Kurzes Beschreibungsvideo zur Browsergame-Technologie der Text-Adventures mit PHP, hier hauptsächlich mittels HTML-Formularen. Quellcode und vollständiges Tutorial unter https://skreutzer.de/browsergames/technologien/text_browsergames_mit_php.html. Für die theoretische Grundlage siehe http://www.youtube.com/watch?v=LRhbcDzbGSU.

Organisatorisches und dann die elementarste Grundlage der Browsergame-Programmierung: der Browser zur Darstellung von Webseiten. Verfassen von Webseiten in HTML, welches sich an XML orientiert und ein Plain-Text-Format ist.

Wohlgeformtheit und Gültigkeit (Validierung) von HTML-Dateien sowie Bedeutung der Auszeichnungssprache hinsichtlich Dokumenten-Strukturierung abseits jeglicher Darstellungs-Formatierung. Korrektur: 40:25 Man kann für jedes _XML_-Tag Attribute vergeben, bei HTML sind die verfügbaren Attribute über den DTD-/Schema-Standard vorgegeben.

Client-/Server-Konzept für die Browsergame-Programmierung, lokale Installation und Konfiguration des XAMPP-Webserver-Software-Pakets zwecks späterer Webserver-Programmierung mittels PHP.

Grundlagen der Programmiersprache PHP: Funktionsweise der Quellcode-Dateien sowohl lokal via Konsolen-Aufruf als auch im Webserver-Umfeld. Ausgabe, Variablen, Fallunterscheidung.

Formulare in HTML definieren, mit HTTP GET oder POST übermitteln und via PHP auswerten. Notwendigkeit von Sicherheitsabprüfungen und Implementierung sogenannter Affenformulare.

Datenbankinteraktion mit der MySQL-Software mittels Client-Programm, PHP und phpMyAdmin im Rahmen des XAMPP-Pakets. Persistente Browsergames, relationale Datenbanken, Verbinden mittels PHP-MySQL-Funktions-API, SQL-Injection sowie Prävention derselben, phpMyAdmin und Export/Import der Daten mit letzterem.

Downloads all public posts from a WordPress URL and converts them automatically to HTML, EPUB and PDF.

Code-Review zum Browsergame-Technologie-Tutorial „Reine Image-Maps“. Tutorial siehe hier: https://skreutzer.de/browsergames/technologien/reine_image_maps.html

Code-Review zum Browsergame-Technologie-Tutorial „Text-Browsergames mit PHP“: https://skreutzer.de/browsergames/technologien/text_browsergames_mit_php.html

Der wohl größte Irrtum unseres modernen Geschichtsverständnisses ist vermutlich, dass die Menschen des Mittelalters an eine flache, scheibenförmige Erde geglaubt hätten. Aber wäre dann Christoph Kolumbus überhaupt losgefahren, wenn er hätte fürchten müssen, über das Ende oder den Rand der Erde zu stürzen? Offenbar war die Antike und das Mittelalter weit gebildeter, als wir uns die „dumme Vorzeit“ heute rückblickend vorstellen.

Code-Review zum Browsergame-Technologie-Tutorial „Tabellen-Browsergames mit PHP“: https://skreutzer.de/browsergames/technologien/tabellen_browsergames_mit_php.html

Code-Review zum Browsergame-Technologie-Tutorial „Image-Maps mit einfacher PHP-Unterstützung“: https://skreutzer.de/browsergames/technologien/image_maps_mit_einfacher_php_unterstuetzung.html

Kleine Vorschau auf evtl. zukünftig kommendes Projekt, ebenso Video-Experiment zur Frage der Live-Programmierung. Bringt es einen Mehrwert? Kommentar erwünscht! Zu bedenken ist dabei, dass kein bestehender Code nachprogrammiert wird, sondern alles neu und ins Blaue. Ziemlich viele Minuten für ziemlich wenig Quelltext...