Tentakelfabrik | Beratung und Konzeption für Full-Stack-Webentwicklung, Anwendungen für Mobile und Desktop aus Minden

Ich bin Björn Hase, Full-Stack-Webentwickler und Anwendungsentwickler lebe in Minden. Seit über 10 Jahren arbeite ich für verschiedene Agenturen und Unternehmen. Studiert habe ich Medieninformatik als Fernstudium an der Fachhochschule in Emden.

Besonders wichtig ist es mir das Vermitteln von technischen Inhalten in der Beratung. Dazu gehört auch die kritische Auseinandersetzung mit Anforderungen, das gilt für die reine Benutzeroberfläche bis hin zu automatisierten Prozessen.

Ich verfolge bei der Umsetzung einen Minimalistischen-Ansatz. Es geht darum, Abhängigkeiten zu reduzieren, früh eine Optimierung zu ermöglichen, aber auch langfristig das Erweitern zu vereinfachen.

Dadurch, dass ich immer wieder in unterschiedlichsten Projekten tätig war, hatte ich auch die Möglichkeit unterschiedliche Technologien. Dies reicht von Programmiersprachen, Datenbanken, Frameworks, bis zu Umgebungen zum Automatisieren des Deploys,

PHP Lua Python Javascript Typescript Nodejs Deno Html CSS SCSS Flight Laravel Vue.js Riotjs Nunjucks Fastify Drone Bash MySQL SQLite MongoDB PouchDB

Projekte: In Entwicklung, Support

Diese Projekte werden derzeit von mir entwickelt, entweder diese befinden sich in der Umsetzung, oder aber sie werden betreut. Mit Betreuung ist nicht nur das reine Software-Update zum Vermeiden von Sicherheitslücken gemeint, sondern auch Erweiterungen oder Anpassung von bestehenden Funktionen und Prozessen.

WTF LOL OK

WLO ist eine neue Social Media Agentur. Dieses Projekt entstand in der Zusammenarbeit mit Smarketer, für die ich öfters Webseiten umsetze.

Technisch unterscheidet sich diese Webseite von gängigen Umsetzungen, die oft Wordpress nutzen. Für WLO wurde stattdessen directus genommen, ein Headless-CMS. Der Client um die Schnittstelle abzurufen wurde von mir umgesetzt.

Eine der wesentlichen Gründe für diesen Aufbau ist die Performance und die weitere Entwicklung. Da in dem Client wirklich nur das enthalten ist, was benötigt hat und der Client nur die Schnittstelle nutzt zum Abrufen, ist dieser Aufbau performanter und sicherer.

Die Daten werden dagegen in einer getrennten Oberfläche im Diretus gepflegt werden.

Website

Alpecin Cycling

Die Arbeit mit Alpecin Cycling ist die klassische Betreuung einer bestehenden Website mit Wordpress dar.

Dazu gehören kleinere Anpassungen, Aktualisierungen und Optimierungen der Seite. Die Seite wurde vor 2 Jahren von mir übernommen, der vorangegangen Entwickler hatte das Projekt verlassen.

2022 wurde das Layout erneuert, es sollten aber die bestehenden Strukturen behalten werden. Bei der Umsetzung der Templates war auch besonders zu beachten, dass die Funktionalität nicht beeinträchtigt wurde.

Außerdem wurden einige Verbesserungen für das Filtern und die Suche von Inhalten implementiert.

Website

Bildung Minden

Die Bildungskonferenz in Minden fand 2021 während Corona statt. Die Website wird immer noch betreut, auch wenn derzeit nur die Ergebnisse der vergangenen Veranstaltung angezeigt werden.

Die Veranstaltung 2021 war eine reine Online-Veranstaltung, die Seite war als zentraler Anlaufstelle konzipiert worden. Auch Datenschutz-Aspekten waren ein wichtiger Aspekt in der Planung.

Zusätzlich hatte die Seite während der Veranstaltung eine Scheduling, es wurden bestimmte Inhalten nur zu bestimmten Zeitpunkten angezeigt. Dieses Scheduling war komplett automatisiert.

Das Streaming fand über eine Einbindung über Youtube statt, der Chat selber war aber eine lokale Installation, das XMPP nutze und somit die Möglichkeit bot sicher sich auszutauschen.

2023 soll eine weitere Konferenz stattfinden.

Website

Projekte: Abgeschlossen

Einige Projekte werden von mir nach der Umsetzung nicht mehr betreut, öfters geschieht dies tatsächlich bei Webseiten. Das liegt oft daran die Agenturen nach der Umsetzung diese für ihre Kunden:innen selber betreuen, manchmal auch das einige Webseiten nur für eine Veranstaltung oder Produkt erstellt wurden.

Messeradar

Matchingbox war ein Start-up für das ich 2017 - 2019 tätig war. Es hatte sich zur Aufgabe gemacht, Jobmatching neu zu denken. Das Messeradar entstand aus der gemeinsamen Arbeit und wurde als zusätzlicher Service angeboten und richtete sich vorrangig an Veranstalter:innen von Karrieremessen. Besucher:innen dieser Messen konnten im Vorfeld ihre Persönlichkeit analysieren lassen.

Das entscheidende für das Funktionieren der Analyse waren die Regeln, nach denen die Ergebnisse des Tests ausgewertet wurden. Für mich sehr interessant, diese Regeln zu abstrahieren und mit der Programmiersprache PHP zu implementieren.

Das Messeradar war als Prozess-System konzipiert und konnte Ergebnisse der Analyse an die Schnittstellen der Messebetreiber:innen senden. Unter anderem hat das System Diagramme erstellt, Studienempfehlungen herausgesucht, aber auch personalisierte E-Mails versendet.

Für die Formulare wurde Typeforms genutzt, für die Umsetzung des Systems wurde das Framework Lumen genutzt.

Messeradar

Sitex ist ein in Minden gegründetes Unternehmen mit verschiedenen Standorten in Deutschland. Die Private Krankenhaus-Zentralwäscherei hat über 2500 Mitarbeiter.

Damit die Kommunikation im Unternehmen transparenter und zugänglicher wird, wurde dafür eine App entwickelt. Mitteilungen der Standorte, Arbeitszeiten und auch freie Stellen werden darüber kommuniziert. Das Konzept, sowie das Layout, wurde in Zusammenarbeit mit COM.ON erstellt. Zusätzliche wurde 2021 noch ein Schulungstool implementiert, das das Erstellen einfacher Multiple-Choice-Frage erlaubte.

Die eigentliche Umsetzung erfolgte mit Laravel als REST-Api sowie Riot.js für die App. Entscheidend für das Funktionieren war auch das die bestehenden Schnittstellen innerhalb des Unternehmen durch das System in der App dargestellt worden.

Non Profit

Neben den rein Gewerblichen Projekten gibt es eine Reihe von Open Source Entwicklungen um die ich mich nebenher kümmere.

Plain UI

Plain UI war eigentlich nur dazu gedacht sehr einfache UI Elemente zu erstellen, etwas inspiriert von Tailwind und einer vorangegangenen Arbeit der Crispy Boilerplate sollte es sehr Minimalistisch sein.

Die Idee dahinter war, für die Umsetzung von Komponenten mit RiotJS ein Framework zu haben, das in kurzer Zeit Prototypen ermöglicht, die funktional sind, aber optisch auch nutzbar.

Responsive also für Mobile, Tablet und Desktop sind soweit auch Funktionen enthalten, als Basis wurde für das Grid wurde das Reflex Grid integriert.

Auch dass viele CSS Frameworks die Individualisierung eher schwierig gestalten und dabei einen Overhead erzeugen, sollte damit vermieden werden. Inzwischen nutze ich dieses Framework auch produktiv auf Webseiten, Apps und Backends.

Website

Site-O-Mat Webpack Plugin

CMS-Systeme benötigen Updates, auch wenn die Inhalte selber nur selten aktualisiert werden oder manchmal auch gar nicht. Da ich für das ein oder andere Projekte auch mal einfache Seiten erstelle und eigene Seiten betreibe, war ich irgendwann schlicht genervt genug, um den Site-O-Mat zu schreiben.

Vorteil war, dass ich mich mit Flat-File Lösungen schon einige Jahre beschäftige und mir dazu immer verschiedenen Ideen angeschaut. Auch den Prototyp eines sehr einfachen CMS-Systems hatte ich vor einiger Zeit umgesetzt, diesen aber nicht weiterentwickelt.

Außerdem verbraucht ein CMS-System natürlich auch mehr Strom, da Seiten, selbst wenn es eine Cache-Funktion gibt, immer wieder neu generiert werden.

Daher war der Gedanke, den bisherigen Prozess zum Erstellen der Webseiten zu nutzen, aber die Inhalte schon dabei zu generieren. Zwar gibt es mit dem HtmlWebpackPlugin schon etwas Ähnliches, aber dieses Plugin erstellt nur rudimentäre Seiten.

Der Site-O-Mat erstellen aus einer Hierarchischen Markdown-Datei Struktur eine Website. Die Markdown-Dateien können auch einen Yaml-Bereich enthalten, der dann die übrigen Felder einer Kollektion abbilden kann.

Website

Tellme-Bot

Tellme-Bot ist ein einfacher Webhook-Service, der mit Nodejs und Fastify umgesetzt wurde. Requests die über einen gültigen Access Token verfügen werden je nachdem ob ein entsprechender Parser eingerichtet wurde verarbeitet.

Es können eigene Parser definiert werden, die dann eine XMPP-Nachricht erstellen, die über an einen Account gesendet werden.

Damit ist es möglich, Nachrichten aus sehr unterschiedlichen Systemen zu senden. Es war immer wieder ein Problem, dass die Unterstützung für Chat-Systeme in Diensten und Services sehr unterschiedlich ist. Da wo Slack verwendet wird, funktioniert kein Rocket-Chat oder umgekehrt.

Auch die Unterstützung auf Betriebssystem-Ebene ist oft eher dürftig oder schwierig zu integrieren. Webhooks werden dagegen nach wie vor verwendet und verringern die Abhängigkeit von einem Messenger der zu einer Plattform gehört, weswegen das Entwickeln eines Relays Sinn ergeben hat.

Genutzt wird der Tellme-Bot vorrangig um Status-Meldungen des Monitorings für Webseiten und Server zu erhalten.

Website

Telefon

+49 (0)176 6335 6920

E-Mail

hi@tentakelfabrik.de / GPG-key 487BADEC6C605E4F

Büro

Obermarktstr. 18
32423 Minden

Beratung und Konzeption für Full-Stack-Webentwicklung, Anwendungen für Mobile, Tablet und Desktop aus Minden

Projekte: In Entwicklung, Support

Projekte: Abgeschlossen

Non Profit

Kontakt

Telefon

E-Mail

Büro