•3 min read
Merkle Asset Digesting in the Astro 5 Content Layer
How we wrapped Astro 5's glob() loader with composite Merkle asset digests, Vite FSWatcher proxies, and localImagePaths SVG pruning for sub-200ms HMR.
Blog Posts
Technical articles, development logs, and architectural insights covering usability design, graphics engines, software systems, and engineering.
🔍
Filter by Tag
•7 min read
Three-Band Figures, SVG Scaling & Color Token Governance
How we unified technical diagrams into three-band figure cards with pan/zoom inspection, font-weighted SVG scaling, and AST Soft Nordic Pastel governance.
•6 min read
Voronoi Proximity Picking & Tooltip Repulsion in Graphs
How we replaced fragile 8px hit tests with bounded Voronoi proximity picking, an 8px touch deadzone, and 8-sector tooltip repulsion across 5 graph engines.
•5 min read
Five Graph Engines, One Unified WebGL & SVG Physics Kernel
How we unified hover tooltips, 60fps drag physics, dynamic hop z-ordering, and 750ms sine-eased transitions across D3, Vis.js, Cytoscape, Sigma, and 3D.
•5 min read
Focus-Aware Hop Attenuation in Web Knowledge Graphs
How we replaced unweighted k-hop BFS with focus-budgeted effective hop distances, logarithmic hub-degree penalties, and parametric decay in web graphs.
•5 min read
Zero-innerHTML Architecture: Preact Islands & AST Gates
How we eliminated raw .innerHTML DOM sinks using declarative Preact .tsx islands, Nanostores state atoms, and automated ESLint and AST security gates.
•5 min read
FOIT-Free Vector Branding & DT-1 SVG Path Compilation
Why external webfonts inside SVG favicons cause Flash of Invisible Text (FOIT), and how we compile self-contained vector paths across web, OG, and email.
•5 min read
Priority+ Navigation and a 10-Domain Aurora Color Spectrum
How we replaced static media-query navigation breakpoints and ad-hoc colors with a zero-flicker Priority+ layout engine and a 10-stop Aurora color spectrum.
•6 min read
Single-Root JSON-LD Knowledge Graphs & SHACL Validation
How we replaced fragmented Schema.org blocks with a single-root JSON-LD 1.1 @graph compiler, a six-gate postbuild validator, and dynamic llms.txt sync.
•23 min read
Zero-Artifact Git Repos & Content-Addressable Build Caches
How we eliminated 241 MB of binary Git bloat using SHA-256 content-addressable build caching with early cutoff, Edge-TTS synthesis, and LCG asset hashing.
•29 min read
W3C WebMCP Explained: Browser Agent Architecture & APIs
An architectural analysis of W3C WebMCP (document.modelContext)—covering normative WebIDL and HTML APIs, CDP/WebSocket bridges, and security trade-offs.
•32 min read
Emergent Properties in AI: Scaling Theory & Control Loops
An interdisciplinary analysis of emergent properties in AI—from symmetry breaking and LLM scaling mirages to STAMP/STPA-Sec control-loop security.
•10 min read
AI Agent Harnesses: Architecture, Taxonomy & Evolution
A technical survey and architectural taxonomy of AI agent harnesses—from test drivers and RL environments to Agent-Computer Interfaces and MCP buses.
•19 min read
Sovereign Newsletter-as-Code: React Email, Listmonk & PoW
How we built a Git-native Newsletter-as-Code pipeline with dual-target React Email compilation, Listmonk v6.2.0, and an Int32Array ALTCHA PoW Web Worker.
•19 min read
Consent-Free Markov Visitor Flows in Plausible Analytics
How we replaced sessionStorage flow_id tokens and consent banners with stateless document.referrer telemetry and 1st-order Markov visitor flows.
•13 min read
2D Elliptical Bin-Packing for Responsive DOM Tag Clouds
How we engineered a deterministic 2D elliptical bin-packing layout engine in TypeScript that shapes interactive DOM tag clouds with zero layout shift.
•17 min read
Schema.org ImageObject Graphs & Asset Governance in Astro
How we engineered a zero-fallback Schema.org ImageObject JSON-LD compiler, XML image sitemap enforcer, and 5-stage CI asset integrity validator in Astro.
•15 min read
Zeilenexakte Text-Geometrie & 2D-SDF-Gitter mit TreeWalker
Wie wir mit TreeWalker, Range.getClientRects() und 2D Signed Distance Fields (Quilez smin) ein kollisionsfreies 60-FPS-Canvas-Hero-Layout konstruierten.
•5 min read
Verlässliche KI-Agenten: ReAct, Statecharts & Graphen
ReAct-Loops, Statecharts oder Procedural Graphs? Architekturvergleich für verlässliche Enterprise-Agenten mit Simplex-Safety-Envelopes und Audit-Trails.
•12 min read
Slide-as-Code: Interaktive Präsentationen mit Astro
Wie wir eine maßgeschneiderte Slide-as-Code Presentation Engine mit synchronisiertem Neural-Voiceover, Astro-Integration und KI-Agenten-Workflows bauten.
•13 min read
Interaktives 3D-Porträt mit WebGL POM & Depth Anything V2
Wie wir ein Porträtfoto über Gemini, Inpainting und Depth Anything V2 in ein interaktives WebGL-POM-Gesicht mit adaptiver Mimik-State-Machine wandeln.
•8 min read
Agentenbasierte SEO, GEO & AIO: MCP-Server Praxisbericht
Wie wir mit einem Custom MCP Server für Search Console und Plausible Analytics eine geschlossene Agenten-Optimierungs-Schleife für SEO, GEO und AIO bauten.
•14 min read
Unified Analytics MCP Server für SEO-, GEO- & AIO-Audits
Wie unser nativer Model Context Protocol (MCP) Server Google Search Console und Plausible Analytics für automatisierte SEO-, GEO- und AIO-Audits vereint.
•8 min read
Zero-JS Mermaid in Astro: Statische Build-Time-SVGs
Warum clientseitiges Mermaid die Core Web Vitals bremst und wie unsere Astro-Build-Time-Pipeline statische SVGs für SEO, GEO und KI-Agenten vorrendert.
•14 min read
Bildgenerierungsmaschine: Reusable Assets & Room DNA
Wie wir mit Relational Libraries, Character Slots und Room DNA reproduzierbare, visuell konsistente 3D-Comic-Illustrationen für Fachartikel generieren.
•12 min read
Procedural Graphs mit Mastra in TypeScript umsetzen
Wie Software-Ingenieure selbstlernende Procedural Graphs mit Mastra und TypeScript implementieren: Zod-Schemas, Runtime Soft Guidance und MCP-Integration.
•15 min read
Mastra TypeScript Agent Framework: Architektur im Detail
Tiefgehende Architekturanalyse des Mastra-Frameworks: Typsichere Workflows, RAG-Pipelines, Tool-Calling und deterministische KI-Agenten in TypeScript.
•13 min read
Procedural Graphs: Zuverlässige KI-Prozessautomatisierung
Warum über 80 % agentischer Pilotprojekte scheitern und wie Googles Procedural Graphs Standard Operating Procedures in selbstlernende Graphen überführen.
•12 min read
Google WikiSkill Architektur: Tech-Stack im Vergleich
Wie lässt sich das Google-WikiSkill-Paradigma technisch umsetzen? Ein Architekturvergleich zwischen Mastra, Pi Agent, PydanticAI, Hermes und LangGraph.
•12 min read
Agent Skill Evolution: Hermes Agent vs. Google WikiSkill
Architekturvergleich zur Skill Evolution autonomer Agenten: Die Runtime-Kuratierung des Hermes Agent trifft auf die 3-Schichten-Logik von Google WikiSkill.
•9 min read
Dynamic Parallax Content Gallery: Kinematics & LRU Pool
How we engineered a 3-tier parallax content gallery in Astro and TypeScript with optical kinematics, zero-duplication pooling, and LRU history tracking.
•5 min read
Das B2B ROI-Paradoxon: Erfolgsmessung für Zero-Click GEO
Warum klassische PageViews bei 68 % Zero-Click-Suchen im B2B versagen und wie Unternehmen Share of Model (SoM), Citation Share und Prompt-Audits messen.
•6 min read
GEO-Reifegradmodell für B2B- & Industrieunternehmen
Das 5-Stufen-Reifegradmodell für technische B2B-Unternehmen: Von klassischer SEO-Crawlability über Wissensgraphen bis zur Interaktion mit KI-Agenten.
•6 min read
B2B & Industrial GEO: Maschinenlesbare Industrie-Systeme
Warum Gated PDFs im KI-Zeitalter unsichtbar bleiben und wie technische B2B-Industrieunternehmen ihre Spezifikationen für KI-Einkaufsagenten strukturieren.
•9 min read
Empirische Studien zu GEO, AEO & SEO: Daten & Benchmarks
Synthese empirischer Forschung zu Generative Engine Optimization (GEO) und Answer Engine Optimization (AEO): Peer-Reviewed Studien vs. Industrie-Daten.
•16 min read
Keycloak Architektur & Funktionsweise im AI Tech Stack
Softwaretechnische Analyse von Keycloak: Cloud-native Quarkus-Laufzeit, Token Exchange (RFC 8693) für KI-Agenten, UMA 2.0 und Zero-Trust-Governance.
•16 min read
LiteLLM Architektur: AI Gateway, Routing & Fallbacks
Softwaretechnische Analyse von LiteLLM: Universelle Abstraktion für 100+ LLMs, dynamisches Routing, kaskadierende Fallbacks und Keycloak-Governance.
•14 min read
Open WebUI Architektur: Hybrides RAG & AI Orchestrierung
Tiefenanalyse von Open WebUI: Entkoppelte SvelteKit-FastAPI-Architektur, In-Process Functions, hybrides RAG mit BM25/Cross-Encoder und RBAC-Governance.
•15 min read
Hermes Agent Architektur: Body-Brain-Trennung & Skills
Softwaretechnische Analyse des Hermes Agent von Nous Research: Modellagnostik durch Body-Brain-Entkopplung, Bounded Memory, Progressive Skills & Curator.
•16 min read
Google WikiSkill: Persistente Wissensevolution für Agenten
Warum naive Trajektorien-Optimierung bei Agent-Skills scheitert und wie Googles WikiSkill-Architektur Wissen persistent von Prozeduren entkoppelt.
•12 min read
Langzeitgedächtnis für KI-Agenten: Mem0 vs. Full-Context
Warum Full-Context und naives RAG bei autonomen LLM-Agenten scheitern: Ingenieurwissenschaftliche Analyse und empirische Benchmarks der Mem0-Architektur.
•7 min read
Open-Source Agentic AI Tech Stack: Enterprise-Architektur
Ingenieurwissenschaftliche Analyse unseres Open-Source Agentic AI Stacks: vLLM, Hermes, LangGraph, Mem0, Neo4j, LiteLLM, Keycloak und Open WebUI.
•11 min read
Mindful IT & Calm Computing: Kognitive IT-Architektur
Wie wir mit Mindful IT und Calm Computing Softwaresysteme, Datenpipelines und KI-Agenten gestalten, die menschliche Kognition schützen und entlasten.
•11 min read
Psychologie der modernen Informationstechnologie
Interdisziplinäre Bestandsaufnahme: Wie Kognitionswissenschaft, Dopamin-Schleifen und Aufmerksamkeitsökonomie moderne Software-Architekturen prägen.
•7 min read
Massivholz-Kühldock: Minimalistischer Laptopständer
Leichtgewichtiger Holz-Laptopständer mit Kamineffekt: Passive Kühlung für anspruchsvolle GPU-Workstations im eleganten, minimalistischen Naturdesign.
•6 min read
Smarte Tiefenbewässerung & urbanes Wurzelzonen-Management
Symbiose aus überbaubarem Baumsubstrat, Tiefenbewässerung und smarter IoT-Sensorik für gesunde Stadtbäume auf versiegelten Pflasterflächen.
•5 min read
SEO, GEO, AEO & AIO: Leitfaden fürs KI-Zeitalter
Wie man Websites für traditionelle Suchmaschinen (SEO), Generative Engines (GEO), Answer Engines (AEO) und KI-Agenten (AIO) systematisch optimiert.
•6 min read
KI-Ergonomie: Dynamische Prävention am Arbeitsplatz
Wie künstliche Intelligenz, multimodale Sensorik und adaptive Möbel Haltungsschäden im Homeoffice und Büro aktiv verhindern und Ergonomie steigern.
•7 min read
Vision Campus Almtal 2035: Dezentraler Innovationsraum
Ein strategisches Zukunftskonzept für das Almtal: Dezentrales Bildungs- und Hochtechnologie-Ökosystem der FH OÖ für alpine Regionen im Wandel.
•9 min read
Local Browser AI Agents: Web-LLM in Delta Dynamics
Bringing client-side LLM-driven AI agents into the browser with WebGPU, MLC Web-LLM, and web workers for decentralized ecosystem simulation.
•11 min read
Interactive JavaScript Graph Visualizations: WebGL & 3D
Compare WebGL, Three.js, Cytoscape.js, and Vis.js for interactive network graph visualizations in JavaScript. Benchmark performance and layouts.
•12 min read
GPU Water Flow & Hydrology Shaders in Delta Dynamics
Real-time shallow water and groundwater simulation shaders on the GPU at 60 FPS using WebGL, Three.js, and FBO ping-pong texture computation.
•8 min read
Flicker-Free Unread Indicators in Astro
How to build a zero-flicker client-side unread content notification badge in Astro using localStorage and synchronous manifest synchronization.
•5 min read
Website Relaunch with Astro & TypeScript on GitHub Pages
Learn how to build a static portfolio on GitHub Pages with Astro, TypeScript & AI agents: Automated migration, sub-second loads, and full type safety.
•1 min read
A new zumida video is out on YouTube!
Now, that zumida has emerged into a mature platform, it is time to present the first public video. See zumida in action, from registration to content creation a...
•2 min read
Explaining the new zumida dashboard
Recently I have been working on the zumida dashboard. The dasboard provides an overview of the information managed with zumida. From there you can dive into the...
•2 min read
The new zumida user interface revealed!
Some time ago I started working on a new version of zumida, a software for knowledge management, communication, and presentation. Today, I want to share two scr...
•1 min read
A tool for analyzing data from welding experiments
Some time ago a friend of mine, Prof. Gerard Wilhelm, asked me to develop a tool for analyzing data from his welding experiments. In this post I want to share s...
•2 min read
The Hyperkit Software graph library in action
At Hyperkit Software we also develop JavaScript graph visualization algorithms. However, we focus on touch-based interaction and physics-based animation to make...
•3 min read
JavaScript graph libraries: Cytoscape vs. Sigma vs. D3
Compare Cytoscape.js, Sigma.js, and D3.js for interactive JavaScript graph visualizations, including layout physics, WebGL benchmarks, and live browser demos.
•1 min read
A complete MaCon project in 4:30 minutes
The MaCon approach covers a wide range of engineering tasks for manufacturing systems, from requirements analysis, to system design, to component and system tes...
•1 min read
MaCon Video Demo: Cross-Discipline Manufacturing Modeling
YouTube demonstration of MaCon, our modeling workbench for consistent cross-disciplinary engineering of mechatronic manufacturing systems.
•4 min read
Manufacturing systems case study completed!
It took me the whole year to develop a software, which implements the cross-discipline manufacturing systems modeling and consistency checking technique I propo...
•1 min read
Integrated transportation and power systems modeling
Here is another interesting piece of work I was doing over the past three years with Dominik Ascher: Integrated transportation and power systems modeling to hel...
•3 min read
First mechatronics engineering workbench screenshots!
After three years of work I am happy to show you the first screenshots of the mechatronics engineering workbench. The workbench represents the core of my disser...
•1 min read
Hyperkit Software™ goes online!
I am happy to announce the launch of www.hyperkit-software.com! We have been working on our software products over the past two years. Now we feel is the right ...
•1 min read
Zumida Launch: Interactive Visual Knowledge Exploration
Announcing the launch of Zumida, an interactive web platform designed to map, connect, and explore corporate and public knowledge graphs visually.
•1 min read
Publication slides online now!
To complete the publications section of my website I recently added slides, abstracts and BibTEX entries. Note that the slides are hosted on slideshare, a free ...
•1 min read
Fourth-Generation Personal Engineering Website Relaunch
Launching the fourth edition of my personal website with a clean, responsive layout focused on research publications, software tools, and teaching.
•1 min read
Intelligent Traffic Control & Simulation Workbench Preview
Applying distributed smart-systems optimization and discrete-event simulation to adaptive urban traffic light control and corridor routing.
•1 min read
Interactive 3D Behavior Space & Trace Visualization
Visualizing high-dimensional simulation behavior trees and heuristic optimization trajectories in 3D within our Xtream smart systems workbench.
•2 min read
Reviewing the last year of smart grid research
In the past year we have spent quite some effort on giving our smart grid research activties a shape. One of our big milestones was to establish this website as...
•1 min read
Model Visualization for Windows and Android
As part of our virtual smart grid testbed lab we have been working on an interactive visualization for our models including their structure and behavior. Here a...
•3 min read
Guided Behavior Space Exploration
Previously, our results showed that we are able to generate high quality goal-oriented behavior for models including up to 20 components. This article demonstra...
•1 min read
Machine Learning: Model and Trace
The machine learning approach is progressing: This article provides a glance into one of our machine learning models as well as behavior after training. The res...
•1 min read
Collective Learning - A New Approach
In the past weeks we have been working on a first prototype for collective learning. The idea behind the approach is to make individuals collaborate with respec...
•1 min read
Getting Closer to Actual Balance
After extending our models and testing our tool chain we finally get some results that are really close to actual balance. The results are an important step tow...
•1 min read
Meet EnergyCity - A Virtual Testbed for Smartness
To smooth the way for smart energy systems we have been working on a virtual testbed for deploying and testing control strategies: EnergyCity. This article show...
•1 min read
Modeling Battery Energy Storage in Smart Grid Simulations
Integrating distributed battery energy storage models into our smart grid simulation workbench to buffer peak loads and stabilize grid frequency.
•1 min read
Optimizing Powerhouse Dispatch Control in Smart Grids
Modeling and optimizing conventional powerhouse dispatch schedules to guarantee real-time power balance under volatile renewable feed-in.
•1 min read
Sample System Model (Graph Output)
To demonstrate the models we are working with here is some sample output from our tool. The engine transforms structural model information in a custom graph for...
•1 min read
True Emergent Refrigerator Behavior
We are moving towards larger scale problems! In the past we worked on modeling, optimizing and exploring behavior of up to 20 refrigerators. Computational bound...
•1 min read
Visualization Studio for Systems Engineers
Seeing is understanding. This is especially true when engineering the structure and behavior of complex systems. Understanding whatever models you built is the ...
•1 min read
How to Scale Refrigerator Powering Strategies
When it comes to an array of heterogeneous refrigerators, control optimization becomes a real challenge. In this article I demonstrate how a possible strategy c...
•1 min read
Using Solar Energy to Power Refrigerators
Here are some recent results on using solar energy for powering refrigerators. In the experimental setup we study how to control the cooling process of 20 refri...
•1 min read
Follow-Up on Denis' MSE Article
This is only a short/quick supplement to Denis' previous article about the Munich School of Engineering (MSE) colloquium. I uploaded my poster to show people so...
•1 min read
Smart Grid Research Initiative
The last weeks my colleagues and I have been working on a website to promote our smart grid research and communicate with other researchers and practitioners fr...
•1 min read
Visualizing our Smart Grid Simulation
At ICSE I presented our initial model for simulating the smart grid including both physical and software components. To help developers analyse their systems we...
•1 min read
SE4SG 2012 Talk Slides: Distributed Smart Grid Architecture
Presentation slides from my ICSE 2012 SE4SG talk in Zurich on software engineering patterns and distributed control in smart energy grids.
•1 min read
ICSE 2012 SE4SG Report: Smart Grid Software Engineering
Highlights and research takeaways from the ICSE 2012 SE4SG workshop on software engineering challenges for decentralized smart energy grids.
•1 min read
Attending ICSE 2012 & Smart Grid Workshop in Zurich
Heading to the 34th International Conference on Software Engineering (ICSE 2012) in Zurich to present our research on smart grid control architectures.
•3 min read
3D Motion Capture Documents from my PhD Studies at EPFL.
Recently while browsing some folders on my hard disk I discovered relicts from my time in Lausanne, Switzerland. Somehow, for me this is an interesting and exci...
•4 min read
Software logo sketches with graphics tablet/pen.
In a previous article I showcased some logo ideas I created with Inkscape and Gimp. In the mean time I bought a Tablet PC with Stylus and discovered a little to...
•1 min read
Second report on smart grid simualtion.
We are not there yet, but we are making good progress! That's probably the message of this second report on smart grid simulation (see first report). This artic...
•1 min read
Smart grid seminar started today!
Today the spring term started at the Technical University of Munich and so did our newly created smart grid seminar. The goal of the seminar is to teach young s...
•1 min read
Introducing Timeline Navigation and Facebook Like
To improve the usability of my blog I worked on two new features: (1) The timeline navigation and (2) the Facebook like button. When reading an article, the tim...
•1 min read
Paper accepted for ICSE'2012 workshop on SE4SG!
I am happy to announce that my colleagues Maximilian Irlbeck, Vasileios Koutsoumpas, Denis Bytschkow and I successfully published a paper on applying formal sof...
•2 min read
Full PDF Download: 3D Multi-Touch Master Thesis (RWTH/FIT)
Full-text release of my RWTH Aachen and Fraunhofer FIT Master thesis on optical 3D hand tracking and continuous multi-touch gesture interaction.
•2 min read
First Results on Smart Grid Simulation as YouTube Video
The last weeks my colleagues and I have been working hard on a basic simulation of a household with electric components and control software. We show first resu...
•2 min read
Software Campus - A new academic excellence program.
To promote young computer scientists on their way to management or entrepreneurship a consortium of leading German corporations and the Federal Ministry of Educ...
•2 min read
Managing Our Team Roadmap with MediaWiki
Recently, a few colleagues and I founded a working group around the topic of software engineering for future energy systems (also called smart grids). To coordi...
•1 min read
JavaScript/SVG Tag Graph Interface
Here's another interface in the series of JavaScript/SVG interactive respectively animated prototypes: The tag graph. The idea is to display the article tags as...
•4 min read
Revised PHP/XML Blog Implementation
After another year of up-time it was time to revise some parts of the blog implementation. Originally, I did not pay much attention to the file structure. Howev...
•1 min read
Smart Grid Vision Videos & Decentralized Energy Control
Reviewing industry vision videos and architectural concepts for future smart grids, decentralized power generation, and automated demand response.
•1 min read
Official 3D Multi-Touch Websites
Recently, two websites went online about the 3D multi-touch prototype that I developed during my Master thesis at Fraunhofer FIT. They serve as the public hub f...
•1 min read
A Mental Picture of Science & Engineering Research
Reflecting on the epistemological cycle between empirical observation, formal mathematical modeling, and software systems engineering.
•3 min read
Systems Engineering Perspectives on Smart Energy Grids
Analyzing the transition toward decentralized renewable energy supply systems from a software architecture and systems engineering perspective.
•2 min read
Creative Sketching & Visual Composition Studies in Berlin
Exploring visual composition, perspective sketching, and creative storytelling techniques during an interdisciplinary exchange in Berlin.
•4 min read
3D Multi-Touch with Computer Vision
Some time ago I was working on free hand 3D gesture interfaces similar to Microsoft Kinect. What this work essentially means is collecting digital camera images...
•1 min read
Fraunhofer ICT Master Thesis Prize Award 2011 Announcement
Receiving the Fraunhofer ICT Prize 2011 for my Master thesis on real-time 3D multi-touch interaction researched at Fraunhofer FIT and RWTH Aachen.
•1 min read
Blog Cover Interface: Magazine-Style Article Navigation
Refining animated article tiles into a magazine-style cover interface with persistent typography overlays and responsive preview scaling.
•1 min read
Animated Article Tiles for Visual Blog Exploration
Combining preview thumbnails with animated hover transitions to create a spatial tile grid for exploring technical blog articles.
•1 min read
Interactive Blog Calendar Interface for Archive Navigation
Building a two-dimensional calendar matrix interface for navigating chronological blog archives and inspecting daily publication activity.
•1 min read
Interactive Blog Timeline Widget for Chronological Browsing
Designing an interactive chronological timeline widget in HTML and JavaScript to visualize publication density and browse blog archives by date.
•2 min read
Interactive Animated Sitemap Widget for Web Navigation
Developing an interactive, animated hierarchical sitemap widget for Le-Tex presented at the Frankfurt International Book Fair.
•2 min read
Describing the Structure of Information
In a previous article I explained the basic Information Visualization Problem caused by the vast space of options for visual design. In this article I concentra...
•2 min read
From Static CSS Layout to Smooth JavaScript Animation
Extending our functional web prototype with smooth, frame-synchronized JavaScript transitions and interactive visual state feedback.
•4 min read
The Evolution of a Functional Prototype
In a previous article From Sketch to Prototype I illustrated the change from fuzzy whiteboard sketches to more structured and formal HTML prototypes. In this ar...
•3 min read
The Information Visualization Problem
Inspired by my pervious post about Visualizing Software Systems I started to think about the more general problem of information visualization. The major differ...
•3 min read
Comparing Interface Design Options
Developing graphical user interfaces requires us to develop visual representations of information and controls. My previous article, From Sketch to Prototype, e...
•2 min read
Visualizing Complex Software Systems & Mental Models
Why software engineering needs expressive visual representations to communicate abstract architectures, data flows, and runtime state transitions.
•4 min read
From Hand-Drawn UI Sketch to Functional Web Prototype
Walking through the iterative design process from initial pen-and-paper wireframes to a database-backed interactive web portfolio prototype.
•2 min read
Launching a Public Source Code & Project Tracking Portal
Setting up a public source code portal and issue tracker to share open-source software prototypes, demos, and research implementations.
•1 min read
Research Group Seminar Winter 2011
Beginning of this week the research group I currently work at was going onto a two day seminar trip onto the country side south of Munich. Since we are a very l...
•4 min read
Interactive 2D JavaScript & SVG Physics Simulation
Testing browser-based 2D particle physics and spring-damper simulations in JavaScript using cross-browser SVG and VML vector rendering.
•1 min read
Visual Thinking & Stick Figure Sketching Exercises
Practicing visual communication and stick-figure sketching techniques to illustrate human-computer interaction scenarios and engineering workflows.
•2 min read
Presenting 3D Multi-Touch Research at IEEE VR 2011
Presenting our Master thesis research on 3D multi-touch interaction and hand tracking at the IEEE Virtual Reality (IEEE VR 2011) conference in Singapore.
•3 min read
Digital Pen Sketching for Software Design with MyPaint
Using Tablet PC pen input and the open-source painting tool MyPaint for rapid software architecture sketching and UI wireframing.
•1 min read
Linear vs. Cubic Interpolation
After talking with some non-computer scientists about my previous visualization of cubic interpolation I found out that the concept is difficult to understand i...
•3 min read
Managing/Publishing Your Resume with PHP and XML
For some time now I was looking for a solution to manage and publish my resume on my website. A simple solution is to upload the PDF, however integration with o...
•1 min read
3D Cubic Spline Interpolation: Real-Time Video Demo
Demonstrating smooth 3D trajectory estimation and surface smoothing using continuous cubic spline interpolation on time-series sensor data.
•2 min read
3D Multi-Touch Product Vision & Gesture Display Concept
Translating our Fraunhofer FIT 3D multi-touch research prototype into an industrial product vision for interactive 3D gesture displays.
•1 min read
Website Usability Redesign, Navigation & RSS Feeds
Redesigning my engineering website layout and information architecture after two years online, adding structured RSS feeds and streamlined navigation.
•1 min read
Effective Task Management with Whiteboard and Stickers
At my new job alongside their PhD thesis everybody is involved in a number of research projects both public funded and with industry cooperation. In many situat...
•1 min read
3D Multi-Touch Interaction: Master Thesis Video Demo
Video demonstration of my Master thesis project at Fraunhofer FIT showcasing vision-based 3D hand tracking and multi-touch gesture interaction.
•8 min read
Ajax/PHP Distributed Event Bus.
How to synchronize the users of your web site or web application? How to propagate events from one browser or client to the next? This article demonstrates a fi...
•3 min read
XML Template Engine using PHP.
After the success of JSP and JSP tag libraries in the Java world, I was searching for a similar mechanism in PHP. Since the search was not successful and I shar...
•1 min read
3D Hand Tracking & Multi-Touch Master Thesis Screenshots
First screenshots of my real-time 3D hand tracking and multi-touch interaction prototype developed during my Master thesis at Fraunhofer FIT.
•3 min read
Algorithm Debugging using OpenGL.
Currently, I am working on my thesis in the area of Computer Vision. The algorithms are quite complex and difficult to debug. Therefore, I implemented a simple ...
•4 min read
JavaScript Graph Layout using SVG.
Nowadays, it is not a simple task to integrate interactive graphs into Web applications. Graphs could be used in various ways from presenting overviews to prese...
•3 min read
HyperKit - A lightweight CMS written in PHP.
Recently, I helped a friend of mine who is starting his own business with his website. I searched for a lightweight content management system which provides eno...
•2 min read
Vector Logo Design Explorations & Visual Branding Ideas
Exploring geometric vector logo designs, typography concepts, and visual identity studies created for software engineering and web projects.
•1 min read
Augmented Reality Framework Screenshot.
Last year I started developing an augmented reality framework with a friend of mine from electrical engineering science. We succeeded in providing a QT user int...
•1 min read
JavaScript 3D Engine Screenshots.
The history of me developing 3D engines for the Web goes back quite a while. It was revived after working at Siemens Corporate Research because they had the nee...
•7 min read
Business Documents using XSL-FO.
Recently I faced the problem of writing a bill to a customer for which I did Web consulting and development services. I searched for a solution to automatically...
•4 min read
Open-Source XML-RPC Spam Filtering with BlogSpam.net
Integrating open-source XML-RPC comment spam filtering via BlogSpam.net into a custom PHP blog engine to block automated bot submissions.
•1 min read
eLearning Course Project Sketches.
Here are some impressions from my last term at university. I participated in a course called eLearning. The goal was to teach us how to develop eLearning produc...
•3 min read
Personal Study Management with XML Learning Schedules
Ein strukturiertes System zur Organisation von Prüfungsvorbereitungen mit XML-basierten Lernplänen und automatischer Fortschrittsberechnung.
•6 min read
Lightweight Blog Implementation.
In this article I describe how this website is created. You get a good insight into the techniques and technologies used. And maybe you get good ideas for your ...
•1 min read
Entrepreneurship Lab Screenshots.
This term I participated in the lab for Entrepreneurship and New Media. The students were split into groups and assigned to an industry partner. Then, a softwar...
•1 min read
Curriculum Vitae & Academic Resume Published Online
Overview of my academic curriculum vitae, computer science studies at RWTH Aachen University, and software engineering projects at Siemens and Fraunhofer.
•1 min read
SoftRay: Dynamic Java Runtime UML Diagram Generation
How SoftRay at Siemens Corporate Research in Princeton dynamically reverse-engineers UML sequence and class diagrams from running Java applications.
•1 min read
Personal Engineering Website & Research Blog Launched
Launching my personal engineering website and research blog covering software architecture, computer graphics, and systems engineering projects.
No blog posts match your selected filter criteria.