Willkommen bei HMI Logic

HMI Logic ist ein Büro für Software-Entwicklung. Wir sind spezialisiert auf projektierbare Frontend-Anwendungen im industriellen Umfeld. Gemeinsam mit unserem Partnerbüro HMI Project erstellen wir individuelle Bedienkonzepte, hochwertiges Design und professionelle Programmierung in zukunftsweisender Web-Technologie. Alles aus einer Hand. So können wir Ihnen hochwertige Ergebnisse von der ersten Idee bis zur fertigen Umsetzung liefern. Effizient und ohne Reibungsverluste. Sie profitieren vom Erfahrungsschatz unserer interdisziplinären Experten. Wir erarbeiten für Sie technisch nachhaltige und transparente Ergebnisse mit allen Vorteilen, die zeitgemäße HTML5-Programmierung zu bieten hat.

HMI Project

Hier finden Sie alle Informationen zu unseren Dienstleistungen im Bereich User Interface Design über unseren Partner HMI Project. hmi-project.com

Showcase HMI System

HMI System Showcase Demo

Hier erhalten Sie einen kleinen Vorgeschmack, wie Industriemaschinenbedienung zukünftig umgesetzt sein kann. Unser Showcase „HMI System“ zeigt exemplarisch an Hand des Szenarios einer Dashboard-Bedienung auf einem mobilen Device, wie sich Widgets bei Interaktion und Änderung der Bildschirmgröße verhalten können. Alle Interaktionselemente folgen einer vordefinierten Logik und nutzen den verfügbaren Raum immer optimal aus. Der Video-Screencast illustriert alle Interaktionsmöglichkeiten.

HMI System Video-Screencast

Der Showcase benutzt bei Verwendung der passenden Hardware NFC-Technologie, um das Andocken eines mobilen Gerätes an eine Industriemaschine zu demonstrieren. Im verbundenen Zustand wird die direkte Maschinenbedienung freigeschaltet. Diese ist im getrennten Zustand aus Sicherheitsgründen deaktiviert. Das Verhalten können Sie in unserer Demo-Version simulieren, indem Sie oben in der Mitte auf "Mit Maschine verbinden" klicken. So können alle Controls vom Überwachungs- in den Bearbeitungsmodus freigeschaltet werden. Benutzen Sie verschiedene Ausgabegeräte wie Desktop-Rechner, Tablets oder Mobiltelefone, um die Vorteile der responsiven HTML5-Umsetzung zu testen.

HMI System Showcase Demo

Web-Technologie

Web-Technologie

HTML5

HTML legt die Struktur eines Interfaces fest. Somit können zusammenhängende Bestandteile einer Anwendung logisch gruppiert und zu Komponenten zusammengefasst werden.

CSS

CSS beschreibt das Aussehen von HTML-Komponenten als Reihe von einfachen Optionen wie Hintergrundfarbe, Schriftgröße oder Position.

Javascript

Javascript ist eine Programmiersprache, mit der es möglich ist, HTML-Interfaces interaktiv zu gestalten – von einfachen Zusätzen bis hin zu aufwändigen Applikationen.

Framework

Framework

Technologie

Unser Framework „HMI System“ ist als Single-Page Application komplett in JavaScript entwickelt. Auf der verteilten Server-/Client-Architektur findet die Server-Kommunikation in Echtzeit über WebSocket statt. Durch die Nutzung von State-of-the-Art HTML5- und CSS-Features entsteht eine hochwertige grafische Darstellung, kombiniert mit intuitiven Interaktionsmöglichkeiten. Weitere Vorteile sind die einheitliche browserbasierte Darstellung und der einfache Support unterschiedlicher Gerätetypen mit verschiedenen Displaygrößen, Eingabearten und Betriebssystemen.

Konfigurator

Eine einfache Projektierbarkeit der Maschinen oder Anlagen ist entscheidend für den erfolgreichen Einsatz einer neuen Framework-Programmierung. Ihre individuellen Bedürfnisse in diesem Bereich werden von uns in die Programmierung mit aufgenommen, so dass wiederkehrende Prozesse schnell und effizient auf einer grafischen Benutzeroberfläche durchgeführt werden können. Sowohl die Projektierung des Frontends vor Auslieferung als auch die Anpassungsmöglichkeiten der Oberfläche für den Endkunden werden hierbei berücksichtigt. Wichtig ist hierbei, dass auch die Konfigurationsumgebung webbasiert in einem Browser mit automatischer Live-Vorschau auf allen Endgeräten aufgeführt werden kann. Eine offene API ermöglicht es dabei, auch eigene Komponenten zu integrieren. Folgende exemplarische Features können so einfach konfigurierbar gemacht werden.

  • Anlagenkonfiguration (Projektierung)
  • Anlegen von Seiten, Views, Widgets und Controls
  • Anbindung von Steuerungs- und Prozesswerten
  • Konfiguration von Benutzern und Rollen
  • Konfiguration von Alarmen und Warnungen
  • Verwaltung der Lokalisierungen
  • Konfigurieren von Widgets und Dashboards

Frontend

Frontend

Anwendung

Die Frontend-Anwendung ist auf Basis einer erweiterbaren Entwicklungs-Toolchain konzipiert und verwendet eine intelligente Komponenten-Architektur mit gekapselten Modulen. Ein Router übernimmt dabei den Wechsel zwischen Seiten und Views. Die Anbindung an den Server erfolgt über WebSocket und HTTP.

Grundbausteine

Bei der Entwicklung unseres Frameworks greifen wir auf Basis-Komponenten zurück, die von uns kontinuierlich weiterentwickelt und als Grundlage für jedes neue Projekt verwendet werden können. So werden wiederkehrende Prozesse, wie z.B. Komponenten-Logik, Models, Animationen oder Dialog-Handling schnell und ausgereift bereitgestellt. Der Grundbaustein beinhaltet folgende Features.

  • Standard-Komponenten-Bibliothek
  • Standard-Icon-Bibliothek
  • Hochperformante skalierbare Charts und Graphen
  • Automatisches Grid-/Layout-System
  • Responsive Anpassung von Darstellung und Funktionsweise
  • Rechtebasierte Abstufung des Funktionsumfangs

Erweiterungen

Jedem Projekt liegen unterschiedliche Spezifikationen zu Grunde. Bei komplexeren Projekten ist es erforderlich, Erweiterungen der Grundbausteine vorzunehmen. Dabei greifen wir auf zusätzliche Komponeten zurück, die projektspezifisch hinzugezogen werden können. Hier einige Beispiele.

  • Adaptive Komponentenlogik
  • Multitouch-Funktionen und Swipe-Gesten
  • Alphanumerische Onscreen-Tastatur oder Numpad
  • Schnittstellen/APIs, z.B. zur Steuerung bei Einbettung in Fremdsysteme
  • Dokumentationssystem/Wiki-Funktionalität

Kundenspezifische Anpassungen

Um den speziellen Anforderungen jedes Kunden gerecht zu werden, passen wir mit unseren UI-Designern und den Experten unserer Kunden alle Komponenten so an, dass sie speziell auf die unterschiedlichen Bedürfnisse zugeschnitten sind. So erhält jeder Kunde neben einer einzigartig gestaltet und konzipierten Oberfläche auch seinen individuell abgestimmten Funktionsumfang. Diese individualiserten Komponenten verleihen so jedem Projekt ein Alleinstellungsmerkmal, mit dem es sich am Markt platzieren und abgrenzen kann.

  • Backend-Adapter
  • Entwicklung spezieller Anwendungslogik und Workflows
  • Spezialisierte Komponenten
  • Funktionale Erweiterung von Standardkomponenten
  • Individuelle Icons
  • Globales Skinning
  • Skinning der Komponenten
  • Interaction Design
  • Animationen
  • Projektierbarkeit

Vorteile


HMI System Screencast from HMI Project GmbH on Vimeo.

Responsives und adaptives Verhalten

Durch responsives Verhalten kann sich das Interface an die Größe des Endgerätes anpassen. So stellt sich etwa die Anordnung der Widgets auf Mobiltelefonen automatisch so um, dass sie für den Benutzer optimal zu erkennen und zu erreichen sind. Unsere Widgets sind darüber hinaus intelligent genug, sich immer optimal an den Platz anzupassen, der ihnen innerhalb der Seite zur Verfügung steht (adaptives Verhalten).

Performance

Mit Websockets können Clients eine direkte Verbindung mit dem Server aufbauen und zur Kommunikation in beide Richtungen verwenden. Damit ist es möglich, Änderungen an den Datenpunkten innerhalb von Millisekunden auf allen verbundenen Geräten darzustellen. Umgekehrt werden an einem Panel vorgenommene Einstellungen ebenfalls sofort an alle anderen Systeme übertragen.

Schnelle Anpassbarkeit

Mithilfe von CSS und unserer modularen Struktur können wir jederzeit visuelle Änderungen vornehmen, neue Komponenten und Controls hinzufügen oder sie anpassen.

Modularität

Mit kleinen und voneinander unabhängigen Modulen sowie sauberen APIs, die beliebig neu kombinierbar sind, können wir jedes Projekt genau für die gegebenen Anforderungen zuschneiden. So vermeiden wir, dass sich Anwendungen mit Funktionen aufblähen, die nicht benötigt werden.

Transparenz

Unsere HTML5-Anwendungen setzen auf offene Webstandards. Wir verwenden dabei keine proprietären Protokolle oder Systeme. Somit ist jede fertige Anwendung eigenständig von Ihnen wart- und erweiterbar.

Sicherheit

Der Datenverkehr kann mit SSL verschlüsselt werden. Der Server verwaltet dabei immer alle Zugriffsrechte und kann Clients begrenzte Rechte für eine bestimmte Zeit zur Verfügung stellen. Alle Datenänderungen können zudem vom Server verifiziert werden. So können wir sicherstellen, dass Benutzer nie unautorisiert Daten verändern.

Konnektivität

Konnektivität

Anschluss

Durch die Verwendung von Websockets ist eine plattformunabhängige Kommunikation mit unterschiedlichsten Systemen möglich. Das Frontend kann unabhängig von Ihrer Systemlandschaft entwickelt und effizient an die bestehende Peripherie angeschlossen werden. Bei der Schnittstellendefinition und der Entwicklung der Logik für Datenmodelle stimmen wir uns intensiv mit den entsprechenden Parteien ab und ermöglichen Ihnen, frühzeitig Kommunikations- und Performance-Tests durchzuführen.

Unsere Leistungen

Unsere Leistungen

Unser Leistungsspektrum reicht von der Beratung zur Auswahl der Toolchain, über Workshops für HTML5 oder Framework-Entwicklung mit Javascript, über Template-Programmierung in HTML und CSS, bis hin zur kompletten Umsetzung eigenständiger Javascript-Frameworks und der Abstimmung der Kommunikation mit Ihrem Backend. Wir sind flexibel und passen uns den Bedürfnissen Ihres Projektes an. Wichtig ist uns, Ihr internes Team an Entwicklern schnell in den Produktionsprozess zu integrieren und frühzeitig Aufgaben an Sie zu übertragen. Im weiteren Verlauf können Sie dann immer selbstständiger arbeiten und letztendlich alle benötigten Aufgaben bis zum Projektende komplett übernehmen. Während des ganzen Projektes steht Ihnen unser Support mit kurzen Reaktionszeiten zur Verfügung.

Zur Gestaltung Ihres individuellen Projektverlaufs beraten wir Sie gerne.

Design-Dienstleistungen

Hier finden Sie alle Informationen zu unseren Design-Dienstleistungen
www.hmi-project.com

Kontaktieren Sie uns

Eine ausführliche Beratung steht immer an erster Stelle jedes Projektes. Wir freuen uns auf Ihre Anfrage.

Ihr Ansprechpartner

Christian Rudolph
Dipl. Des. Kommunikationsdesign (FH)
Telefon +49 (0) 931 45329772
E-Mail rudolph@hmi-logic.com

Stellenangebote

Initiativbewerbungen sind jederzeit willkommen. Wir suchen aktuell nach Webentwicklern. Bei unseren Mitarbeitern legen wir großen Wert auf hohes Qualitätsbewusstsein. Detaillierte Stellenbeschreibungen finden Sie hier: hmi-logic.com/jobs

Adresse

HMI Logic GmbH
Frankfurter Str. 92
97082 Würzburg
Telefon +49 (0) 931 45329772
Telefax +49 (0) 931 45329771
E-Mail info@hmi-logic.com
Anfahrt Google maps

Xing Facebook Twitter