blueContent Version 7.8.

 

What's New silbergrau
blueContent V7.8
What's New
19.11.2010

silbergrau Consulting & Software GmbH

 

 

1 Überblick

blueContent V7.8 weist eine Reihe von Neuerungen und Verbesserungen auf, die im Folgenden kurz erläutert werden. Im Anschluss an die Übersicht werden einzelne Teilbereiche (etwa: der Artikel-Editor) detaillierter geschildert.

• Der Artikel-Editor wurde vollständig erneuert und bietet neben einer wesentlich verbesserten Unterstützung von Internet-Explorer 7 und 8 zahlreiche neue Funktionalitäten.
• Die Bearbeitungsdialoge wurden überarbeitet und konsolidiert. Das Editieren von Kalendereinträgen wurde verbessert.
• Unterstützung Touch-fähige Geräte (getestet: Apple iPad)
• Unterstützung Apple iPhone, WebKit-Geräten (iPhone, Android, Google Chrome etc.).
• Click&Edit: Erweiterung für Blogs, „vereinfachte“ Edit-Dialoge und “Neuen Artikel an dieser Stelle hinzufügen” (siehe Blog- und Click&Edit-Erweiterungen).
• Die Anbindung von Google Maps wurde aktualisiert und um Routenanzeige udgl. ergänzt (siehe Abschnitt 5-Lokalisierung). Neu ist auch die Unterstützung verschiedener Map-Provider (z.B. OpenStreetMap).

Neben den sichtbaren Bereichen gibt es in Version 7.8 zahlreiche weitere Verbesserungen und Bugfixes: iPhone- & iPad-Unterstützung, Unterstützung von mobilen Geräten auf Android-Basis, die Copyright- und Schlüsselwort-Eingaben wurden überarbeitet, swf-Video-Preview, Info-Dialoge, Benutzer-Dokumentation, Performance-Verbesserungen, Verbesserungen im User Interface, die komplette Überarbeitung der Workflows sowie etwa 200 weitere Verbesserungen und BugFixes.

Im Folgenden wird auf die für Redakteure relevantesten Änderungen näher eingegangen. Dabei werden auch die Unterschiede zwischen Version 7.7 und 7.8 bei diesen Punkten erläutert.

2 Artikel-Editor

Der bestehende Artikel-Editor wurde auf Basis des Editors TinyMCE 3 komplett erneuert. Siehe dazu die Abbildungen 1 und 2, die den bisherigen und den neuen Artikel-Editor dem neuen gegenüberstellen.

 

Abbildung 1: Artikeleditor der Version 7.7

 

Abbildung 2: Artikeleditor der Version 7.8

 

Die Kontextanzeigen auf der rechten Seite (siehe Abbildung 3) wurden durch entsprechende Dialoge ersetzt. So werden die Eigenschaften einer Tabelle nicht länger rechts neben dem Text angezeigt/bearbeitet, sondern in einem eigenen speziellen Dialog. Damit steht für den Textbereich mehr Platz zur Verfügung.

Die beiden folgenden Abbildungen zeigen den Unterschied.

Version 7.7:

Abbildung 3: Kontextinformationen bei Tabelleneinfügen auf der rechten Seite (V7.7/alt)

Version 7.8: die entsprechenden Einstellungen werden in einem eigenen Dialog (mit mehreren Tabs) angezeigt:

Abbildung 4: Kontextinformationen bei Tabelleneinfügen im Dialog (V7.8/neu)

Der Artikel-Editor der Version 7.8 bietet u.A. folgende neue Funktionen:

• Undo/Redo
  Bearbeitungsschritte können rückgängig gemacht bzw. wieder hergestellt werden.
• Vollbild-Modus
  Der Editor kann bei größeren Artikeln in einen Vollbild-Modus geschaltet werden (Icon ganz rechts). Damit verschwinden alle „überflüssigen“ Teile des Artikel-Dialogs und der Artikel-Editor kann in voller Größe angezeigt werden. Das bringt gerade auf kleineren Bildschirm Vorteile.
  Die folgende Abbildung zeigt den Vollbild-Modus (Vollbild-Icon rechts oben)

 

Abbildung 5: Vollbild-Modus

 

• Wörter zählen
  Im Editor werden die enthaltenen Wörter automatisch gezählt und angezeigt (rechts unten) (siehe Abbidlung 9).
• „Einfügen” wurde stark überarbeitet:
  • Text ohne Formatierungen einfügen
    Fügt Text aus z.B. MS Word ohne Formatierungen ein.
  • Text aus Word einfügen
    Entfernt aus einem Word-Dokument die Word-spezifischen Formatierungen (soweit das möglich ist) und fügt das Ergebnis ein.
• „Alle auswählen”
  Wählt den gesamten Inhalt im Artikel-Editor aus.
• Kontextmenüs
  An den verschiedensten Stellen stehen nun Kontextmenüs zur Verfügung. So kann etwa an einer beliebigen Stelle im Text das Kontextmenü aktiviert werden, von dem aus etwa „Bild einfügen“ aufgerufen werden kann (siehe Abbildung 6):

 

Abbildung 6: Kontextmenü

Dazu gibt es auch entsprechende Kontextmenüs bei Tabellen, Bildern etc. Diese werden bei den entsprechenden Abschnitten erwähnt.

 

• Suchen und Ersetzen
  Der Editor bietet ab sofort integrierte Möglichkeiten für Suchen und Ersetzen. Begonnen wird dabei an der aktuellen Cursorposition (siehe Abbildung 7).

Abbildung 7: Suchen und Ersetzen

 

• Sonderzeichen
  Sonderzeichen können grafisch eingefügt werden (siehe Abbildung 8).

Abbildung 8: Sonderzeichen

• Neue Statuszeile:
  Unten links wird die Auswahl der Html-Elemente im aktuellen Pfad angezeigt. Die Statuszeile dient zur leichteren Selektion des zu bearbeitenden Elements sowie zur Anzeige der Anzahl der Wörter.

Abbildung 9: Statuszeile

• Vorschau für Flash Filme

2.1 Verbessertes Tabellen-Handling

• Editieren von Tabellen in Dialogen
  Die bereits oben geschilderten Dialoge erlauben einfache Einstellungen beim Einfügen von Tabellen ebenso wie das einfache Bearbeiten von bestehenden Tabellen. Dabei gibt es auch komplexe Optionen wie Gitterlinien etc.  (siehe Abbildung 10):

Abbildung 10: Tabelleneigenschaften

• Im Kontext einer Tabelle verändert sich die Icon-Leiste und es werden folgende Buttons neu angezeigt:

Abbildung 11: Icon-Liste für Tabellenbearbeitung

• Diese Icons bedeuten (von links nach rechts):
  • Eigenschaften der Zeile: Einstellen der Eigenschaften der aktuellen Tabellenzeile
  • Eigenschaften der Zelle: Eigenschaften der aktuellen Zelle der Tabelle ändern
  • Die folgenden drei Icons erlauben das Modifizieren von Zeilen:
    • Einfügen einer (neuen) Zeile oberhalb
    • Einfügen einer (neuen) Zeile unterhalb
    • Löschen der aktuellen Zeile
  • Die folgenden drei Icons erlauben das Modifizieren von Spalten:
    • Einfügen einer (neuen) Spalte links
    • Einfügen einer (neuen) Spalte rechts
    • Löschen der aktuellen Spalte
  • Verbundene Zellen trennen
  • Zellen verbinden
• Rückgängig/Wiederherstellen

2.2 Verbessertes Bilder-Handling

Das Einfügen von Bildern wurde ebenso wie das Einstellen von Bild-Eigenschaften deutlich überarbeitet. Das Einfügen aller Elemente wurde dabei hinsichtlich der Suche(n) vereinheitlicht und der Hauptsuche auf der Startseite angepasst.

Beim Einfügen zeigt sich folgender Dialog:

Abbildung 12: Bild einfügen/bearbeiten

Ein Klick auf „Durchsuchen“ öffnet den Suchdialog, beschränkt auf Bilder:

 

Abbildung 13: Suchdialog für Bilder

In dieser Liste kann wie gewohnt gesucht werden. Im Dialog wird ebenfalls eine Type-ahead-Liste mit Vorschaugrafiken angeboten. Wird ein Bild ausgewählt/eingefügt, so können bereits beim Einfügen die verschiedensten Eigenschaften festgelegt werden:

• Name, Titel
• Ausrichtung
• Skalierung/Größe inkl. Seitenverhältnis
• Abstände
• Rahmen

Abbildung 14 zeigt einen Tab des entsprechenden Dialogs:

Abbildung 14: Bildeigenschaften

 

2.3 Verbessertes Multimedia-Handling

Das Einfügen von Multimediainhalten (.swf Filme) wurde ebenfalls deutlich überarbeitet. Das Einfügen erfolgt nun auch über einen Dialog über den sofort alle wesentlichen Einstellungen für den Film getroffen werden können und eine Vorschau des Films angezeigt wird (Abbildungen 15 und 16).

 

Abbildung 15: Film bearbeiten 1

Abbildung 16: Film bearbeiten 2

Die Suche verhält sich analog zur Bildsuche wobei diese natürlich nur auf Filme eingeschränkt ist.

2.4 Verbessertes Link-Handling

Link Einfügen erfolgt nun ebenfalls über einen Dialog, in dem die Attribute des Link gesetzt werden können und eine Vorschau des verlinkten Inhalts angezeigt wird (Abbildung 17).

Abbildung 17: Linkdialog

In der Linksuche können Grundsätzlich alle Inhaltstypen gesucht werden, wobei mit einer Dropdown-Liste auf einen beliebigen Inhaltstyp eingeschränkt werden kann (Abbildung 18).

Abbildung 18: Linksuche

2.5 Neue Icons zum Einfügen von Bildern, Dokumenten und Links

Für das Einfügen von Inhalten gibt es nun pro Inhaltstyp drei Buttons

 

		Bilder einfügen
		Multimedia einfügen
		Link einfügen

 

 

wobei folgende Anordnung für alle Typen gleich ist:

1. "Normales" Einfügen:
   1. Eigenschaftsdialog aufrufen (bzw. bei vorhandenem Bild/Dokument/Link: Eigenschaftsdialog eines bereits bestehenden Inhalts aufrufen)
   2. Dort können die Eigenschaften angegeben werden bzw. wird die Suche aufgerufen
2. Suchdialog des jeweiligen Inhalts direkt öffnen (vereinfacht): die Suche wird direkt aufgerufen, das Bild/Dokument wird direkt eingefügt
3. Neuen Inhalt direkt einfügen: es wird ein neues Bild / neues Dokument / neuer Link auf ein neues Bild, neues Dokument oder neuen externen Link angelegt und eingefügt. Wobei bei "neuer Link" folgender Auswahldialog für die Inhaltstypen erscheint:

Abbildung 19: Auswahl des zu verlinkenden Inhaltstyps

3 Vereinfachte Bearbeitungsdialoge von Inhalten

Die Bearbeitungsdialoge wurden (sanft) überarbeitet und vereinheitlicht.

3.1 Artikel

Nachfolgend werden der Reihe nach alle Tabs beschrieben.  

• Tab Editor
  • Die Namens- und Titelfelder wurden zusammengefasst. Durch Klick auf das Icon im Titelfeld können Sie jedoch weiterhin getrennt vergeben werden. Das Standardverhalten kann in den Projekteinstellungen definiert werden.
  • Das Beschreibungsfeld ist vom Dialog Ende nach oben zum Titel gewandert.
  • „Layout“ vom Tab „Weiteres” wurde daneben platziert, dieser Tab entfällt komplett
• Eigenschaften
  • Der Tab „Eigenschaften” wurde von der Feldanordnung optimiert, die Zuordnung der Ablage dort wurde auf den Tab „Struktur” verschoben. Dort werden ab jetzt alle Struktur-Informationen verwaltet.
• Weiteres
  • Dieser Tab entfällt
• Container
  • Unverändert
• Struktur
  • Enthält nun alle Struktur-Informationen und Zuweisungen (Navigationsknoten und Ablage)
• Kategorisierung
  • Unverändert
• Geo-Informationen
  • „Aktuellen Ort verwenden”: in Browsern, welche Lokalisierung unterstützen (Firefox 3.5+, Chrome 5+, Safari 5+ u. a.), ist es nun möglich, den aktuellen Ort (Längen- und Breitengrad) per Klick zu übernehmen

 

3.2 Bilder / Dokumente / Links

• Der "Eigenschaften"-Tab wurde ähnlich dem Eigenschaften-Tab beim Artikel-Dialog gestaltet. Die Ablage wurde daher ebenfalls zum Tab "Struktur" verschoben.
• Struktur (bisher: Navigationsknoten)
  • Enthält die Navigationsinformationen sowie die Ablage (siehe Artikel-Dialog)

3.3 Kalendereintrag

• Änderungen analog den anderen Dialogen; zusätzlich wurden die Zeit- und Ortsinformationen auf den Tab „Editor“ verschoben.

   

4 Blog- und Click&Edit-Erweiterungen

Ab Version 7.8 können direkt vom Portal aus neue Artikel in der aktuellen Navigation hinzugefügt werden ("Artikel an dieser Stelle hinzufügen").

Zudem kann für Benutzer eingestellt werden, dass für sie eine stark vereinfachte Version der Artikel-Bearbeitung geöffnet wird (" Blog-User").

Für die Nutzung dieser Features müssen lediglich entsprechende Anmerkungen (Tags) in die Portalseiten aufgenommen werden.

5 Lokalisierung und geografische Einstellungen

Die Lokalisierung wurde grundsätzlich überarbeitet und bietet zahlreiche neue Möglichkeiten. Unter anderem ist nun die Nutzung von alternativen Location-Providern (Google Maps 2, Google Maps 3, OpenStreetMap, Yahoo! Maps) möglich.

In den Projekteinstellungen besteht nun die Möglichkeit eine Reihe von Eigenschaften der geographischen Ansichten vorzukonfigurieren (z.B. Kartentyp, Navigationselemente).

Am Portal stehen ebenfalls neue Möglichkeiten für die Anzeige von geographischen Ansichten zur Verfügung:

• Anzeige benachbarter Elemente
• Anfahrtsplan anzeigen (zu Fuß / Auto, nur verfügbar für Google Maps)

 

6 Hilfe-Icon

Die Hilfe steht in Form eines PDF-Dokuments direkt in der Anwendung zur Verfügung.

Folgende Abbildung zeigt das entsprechende Icon in der Anwendung (rechts außen, das „Fragezeichen“):

Abbildung 20: Hile-Icon in der Anwendung

Folgende Abbildung zeigt das Icon im Artikel-Dialog (rechts außen):

Abbildung 21: Hilfe-Icon im Artikel-Editor