Portfolio

Projekte im Detail

omniv.io Artikeleditor

Kunde:
DDV Technik GmbH, Dresden

Kategorien
  • blade
  • bootstrap
  • html
  • laravel
  • sass
  • vue-js
  • webdev

Projektbeschreibung

Der Name omnivio für ein Content Management und Redaktionssystem ist aus dem Lateinischen entlehnt und bedeutet soviel wie "alles mögliche". Das System war eine komplette Eigenentwicklung der DDV Technik für die DDV Mediengruppe und deckte verschiedene Aufgabenbereiche ab. Kernfunktionen waren der Artikeleditor und die Verwaltung von Websites und deren Inhalten.

Über omnivio können entweder bestehende Artikel der Redaktion der Sächsischen Zeitung importiert und bearbeitet, oder aber neue Artikel geschrieben werden. Diese können dann als redaktioneller oder werblicher Inhalt gekennzeichnert werden.

Der Artikeleditor als zentrales Element diente dem Verfassen von Artikeln mit allerlei unterschiedlichen Inhaltselementen wie Text, Bild, Bildergalerie oder Social Media-Embeds von Facebook, Instagram & Co. Ein Teasertext samt Bild und verschiedene Einstellungen komplettierten den Artikel. So sorgte die Wahl von Ausgabekanälen (eine Beschreibung der Funktion findet sich in der Referenz zur CMS-Funktion) für die richtige Einordnung und Ausspielung auf verschiedenen Plattformen.

Ansicht des Redaktionssystems omniv.io
Desktopansicht des Redaktionssystems omniv.io

Herausforderungen

omnivio war eine Laravel-App, die mit VueJS ergänzt wurde. Das Laravel-Framework dient als Unterbau der Kommunikation mit der Datenbank und der Strukturierung des Portals. Für das Frontend entschieden wir uns aufgrund der guten Eigenschaften für Vue.js. Anfangs nur zu zweit wuchsen die Anforderungen an das Projekt stetig, sodass immer mehr Entwickler daran arbeiteten.

Der Artikeleditor als Kern der Anwendung besteht aus einer Vue.js App und einem Vuex-Store. Sämtliche Komponenten kommunizieren über den Store, in dem die Informationen einer Seite ressourcenschonend als JSON abgelegt werden.

Jedes Inhaltselement wurde so konzipiert, dass die Darstellung beim Erstellen so weit wie möglich an das veröffentlichte Endergebnis heranreicht, ohne die Bearbeitungsmöglichkeiten zu weit in den Hintergrund zu rücken. Bei Bildern oder den Einbettungen von Social Media-Posts wurden Vorschaudarstellungen erzeugt, die dem Redakteur helfen, einen guten Eindruck von der Gesamtdarstellung zu bekommen.

Demo

Technologien und Besonderheiten


  • Vue.js

  • Laravel & Blade

  • Drag'n'Drop

  • Sass

  • Teamarbeit

  • Verschiedene Inhaltselemente

  • WYSIWYG-Editor

  • Social Media-Einbindung

Zurück

Habe ich Ihr Interesse geweckt?

Haben Sie Feedback zu diesem Projekt oder möchten Sie ein ähnliches Projekt umsetzen? Schreiben Sie mir oder rufen mich an.

Meine Kontaktdetails Weitere Referenzen ansehen