NetObjects Fusion11 Testbericht
Die Neuerungen & Tools
Die Image-Gallery Der HTML-Code Editor Die MultiLayoutRegion Funktion Die Datenbankkomponenten (XML) XML im Einsatz Die Script gesteuerten Animationen (Timeline-Modus) Der Doctype XHTML (s. Navigation) Der Flash Webkalender Das Flash Webchart Tool Die “alten” Komponeneten
Die Image-Gallery NOF11
Eine sinnvolle und anwenderfreundliche neue Funktion ist die Image-Galerie. Der NOF-Anwender hat hier nach dem Einrichten die Möglichkeit, mit einem Klick auf Bilder in verschiedensten Ordnern seiner Festplatte zuzugreifen. Auch Zugriff auf externe Datenquellen wie USB-Stick oder Bild-CD sind möglich.
Das Einrichten der verschiedenen Galerien ist einfach und flott erledigt. Über den Manage-Button lassen sich Ordner aus den unterschiedlichen Bereichen auswählen. Alle ausgewählten Ordner werden im oberen Pull down angezeigt und können dort angewählt werden. Die Bilder werden als kleine „Thumbnails“ angezeigt und können nun mit gedrückter Maustaste in den Arbeitsbereich gezogen werden.
Als zusätzliches und lang ersehntes Goody meldet NOF nun, wenn das eingefügte Bild zu groß ist und die Maße das Layout „sprengen“ würde. Es wird gefragt, ob man das Bild vorab verkleinern oder zuschneiden möchte. Antwortet man mit „ja“ öffnet sich ein Layer und ein kleines Bearbeitungsfenster in dem die neuen Maße eingetragen werden können. Das Bild wird entsprechend verkleinert, die Werte können nochmals korrigiert werden und mit Klick auf den „OK“ Button wird die Einstellung übernommen. Leider ist dieser Layer in pabys Film nicht zu sehen.
Zurück zum Seitenanfang...
Der HTML Code Editor (neues Dialog-Fenster) NOF11
Das HTML-Eigenschaftenfenster erscheint im neuen Look. Die altbekannten Tabs wurden gegen kleine textlose Buttons ausgetauscht, deren Sinn ein neuer Anwender wahrscheinlich nicht gleich erfassen kann. Die Einfügungen werden nun direkt im angezeigten Quelltext ausgeführt. Allerdings gibt es weiterhin Beschränkungen beim Einfügen. Freies Klicken an die gewünschte Stelle ist auch in NOF11 nicht möglich. Der angezeigte Quelltext kann nicht geändert werden. Neben den altbekannten Einfügungsmöglichkeiten (vor-in-nach dem Tag) in den Objekt-html-Eigenschaften oder Masterborder und Layoutbereich (Anfang / Ende der seite - in den Head-Tag – in den Body-Tag – Anfang/Ende vom Body) sind noch ein paar weitere Buttons hinzugekommen.
Wir erlebten einige Probleme beim Einfügen von manuellem Code. Einmal merkte sich das Programm den Code nicht, ein anderes Mal wurde der Code gleich doppelt generiert und stand zweimal im Quelltext. Und zu guter letzt vergaß Fusion schlichtweg, das schon ein Code eingefügt wurde und löschte ihn nach einigen Publizierungen selbsständig aus dem Quelltext. Hier müssen die Entwickler dringend noch einmal ran.
Es lassen sich jetzt Datenquellen, Datenfelder und ganze Dateien einfügen – Zusätzlich kann vor dem Schließen über <OK> gespeichert werden. Allerdings wird auch gespeichert, wenn man einfach schließt. Abbrechen ist nur noch über das Schließen des Fensters möglich. Ein zusätzlicher Abbrechen-Button wäre an der Stelle sehr hilfreich. Wir sehen eine Menge Support auf uns zukommen. ;)
Zurück zum Seitenanfang...
Die MultiLayoutRegion Funktion (Tabs, Accordeons, Toggles etc.)
Besonders gespannt waren wir natürlich auf die neue Funktionalität der beliebten interaktiven Elemente wie Accordeon Menüs, Tab Navigation etc.
Es ist tatsächlich so simpel wie von NetObjects versprochen.
Im Film seht ihr, wie paby mit wenigen Klicks ein solches Tab Menü erstellt. Allerdings, wenn es anschließend darum geht, das schicke Teil auch dem Design der eigenen Website anzugleichen, wird es für den normalen User ohne tiefergehende CSS UND Grafikkenntnisse schwierig.
Diese Formatierungen werden in der Design Ansicht unter dem dann angezeigten bzw. generierten Stylesheet vorgenommen.
Das wird private User vor eine schwierige, bzw. ohne professionelle Hilfe unlösbare Aufgabe stellen. Außerdem muss für die Anzeige der Hintergrund Grafik (die in den Reitern der Tabs zu sehen ist) eine speziell angelegte (konfigurierte) Datei erstellt werden. Alleine dieser Umstand verschließt für eine Mehrzahl der User das persönliche Tab-Styling. Natürlich kann man auch auf diese Grafiken verzichten und alles mit Hintergrundfarben regeln, aber jeder will doch schicke Tabs? ;)
Wer sich aber mit den vorhandenen Einstellungen arrangieren kann und nur ein paar Farbanpassungen vornehmen will, ist damit bestens bedient.
Und wir betonen hier ausdrücklich, dass es noch niemals einfacher und schneller möglich war, diese interaktiven Elemente auf einer Website zum Einsatz zu bringen.
Diese Tabs oder Accordeons bzw. Panels können mit jedem beliebigen Element, wie Tabellen, Bildern, Textfeldern, Video, Flash etc. befüllt werden. Ein großes Lob auch für den wirklich schicken Fading Effekt (jquery sei Dank! ;)).
An dieser Stelle geben wir euch den Rat, äußerst sparsam mit diesen Elementen auf euren Seiten zu verfahren. Solche Effekte nutzen sich sehr schnell ab und können bei Überbeanspruchung (fünf Tabs auf jeder Seite) auch ganz schnell einen genervten User zur Folge haben.
Zudem ist zu berücksichtigen, dass beim Laden der Seite die Inhalte ALLER Tabs gelesen werden. Werden also z.B. diverse Bildergalerien auf den einzelnen Tabs platziert, kann das zu erstaunlichen Ladezeiten führen ;).
Positiv fällt weiterhin auf, dass die aus NOF 9 bekannten Zipfelecken zum Aufklappen weiterer Optionen an den Icons verschwunden sind und durch deutlich sichtbare und klickbare Pfeile ersetzt wurden. Eine Kleinigkeit, die das Arbeiten mit Fusion spürbar vereinfacht.
Zurück zum Seitenanfang...
Die neuen Datenbank Komponenten NOF11
Eine Herausforderung, vor der Anwender immer häufiger stehen, ist die Erstellung von Seiten mit dynamischen Inhalten. Seien es Bereiche der Website, die ein Kunde selbst pflegen möchte, die Verwaltung und Präsentation privater Sammlungen oder einfach eine unabhängig pflegbare Mitgliederliste des Vereins.
Im Bereich der Einbindung externer Datenquellen wurden grundlegende Anpassungen an NetObjects Fusion11 vorgenommen. Version 11 bietet sowohl Möglichkeiten zur Anbindung von Datenbanken (MS Access, MS SqlServer und MySQL) als auch zur Einbindung von XML-Files. Zunächst muss definiert werden, welche Datenquellen genutzt werden sollen und wie auf diese zugegriffen wird. Ist dieser Schritt geschafft, wird die Struktur der Datenbanktabellen bzw. des XML-Files dargestellt und kann anschließend für beliebige Abfragen genutzt werden. Für Datenbanken geschieht das z.B. über gängige SQL-Abfragen, die entweder per drag & drop erstellt oder direkt eingegeben werden können. Für XML-Files sind die Möglichkeiten naturgemäß etwas eingeschränkter.
Eine wesentliche Neuerung ist, dass die Ergebnisse der Datenbankabfragen direkt in beliebige Elemente eingebunden werden können. Das können einfache Textfelder sein, aber auch beliebige Elemente in Formularen. So kann beispielweise eine Combobox mit Werten gefüllt und darüber hinaus auch mit Abfragewerten aus der Datenquelle abgeglichen werden. NOF11 unterstützt das mit wenigen Klicks.
Sichtbar ist das Ergebnis allerdings nur nach der Publizierung auf dem Server, da eine Umstellung von HTML auf PHP erforderlich ist.
Das hört sich alles schon mal sehr gut an. Allerdings müssen wir nochmal zum Anfang zurück gehen. Die Datenbankanbindung erfolgt über OBDC-Schnittstellen. Diese sind entweder schon auf dem Rechner installiert oder können nachinstalliert werden. Ein klitzekleines Hindernis sind jedoch die Provider.
Die großen Webhosting-Anbieter wie 1&1 und Strato lassen einen ODBC-Zugriff auf dort eingerichtete Datenbanken aus Sicherheitsgründen nämlich nicht zu.
Um die Datenbankkomponenten nutzen zu können, muss eine lokale Entwicklungsumgebung auf dem PC installiert sein. (z.B. XAMPP, WAMP). Der eigentliche Connect wird dann online auf dem Server hergestellt.
XML und NOF11 im Einsatz
Ein kleines Beispiel soll verdeutlichen, welche Möglichkeiten sich damit auch für Anwender von NetObjects Fusion eröffnen. Als Beispiel wurde eine kleine Immobilienübersicht gewählt.
Das erstellte XML-File, quasi eine Minidatenbank, muss manuell auf den Server übertragen werden. Die Datenquellen werden nicht über die Asset-Ansicht verwaltet. Für diejenigen, die es immer noch nicht getan haben eine willkommene Gelegenheit, sich mit einem FTP-Tool zu befassen und etwas über die Struktur auf dem Webserver zu lernen.
Das File kann nun als Datenquelle festgelegt werden. Per Mausklick ist nunmehr ein Zugriff auf die Inhalte möglich. Die Vorschau zeigt bereits, ob die Datei gelesen werden kann und welche Daten im jeweiligen Auswahlbereich enthalten sind.
Nun noch publizieren und alles auf den Server übertragen. Bedauerlicherweise werden Fehlermeldungen lediglich mit einem lapidaren „Error 123“ verkündet. Keine Beschreibung. Kein Hinweis darauf, was nicht stimmt. Sobald allerdings alle Eingaben korrekt vorgenommen werden, funktioniert es dann auch ;)
Die Einsatzmöglichkeiten sind dabei natürlich kaum begrenzt. Denkbar wäre beispielsweise, dass News oder die Vereinsliste über ein XML-File gepflegt werden. Die Datei kann zur Bearbeitung den berechtigten Usern zur Verfügung gestellt und per Upload-Formular wieder zurück auf den Server übertragen werden. Da an der Website selbst dafür nichts geändert werden muss, können solche Anpassungen unmittelbar verfügbar gemacht werden.
Zurück zum Seitenanfang...
Die Script gesteuerten Animation (Timeline-Modus)
Wir waren zuerst etwas erstaunt über dieses Feature, denn uns erschloss sich nicht ganz der Sinn einer solchen Funktion in einem Website Generator.
Die Zeiten von einfliegenden Objekten, quetschenden Tabellen, flirrenden Bildern wähnten wir für immer begraben im Fegefeuer des WWW. Fusion feiert hier eine fröhliche Wiederbelebung des „Aktionen“ Kult. Das Interface erinnert an Flash. Zugegeben, wir sind keine Fans von Aktionen und haben diese Funktion nicht bis in Ihre Untiefen ausprobiert, nach drei fliegenden Tabellen, ein paar zoomenden Bildern und ein paar Überblendungen hatten wir genug gesehen, daher der offizielle „Hilfe-Text“ aus der Betriebsanleitung:
About the Timeline Editor
With the Timeline editor, you can organize objects and precisely control the timing of objects in layers and frames.
Timeline Editor offers you the possibility to create animations using any object that is already placed on the layout. The objects that are added to an animation may:
- Change position for different time frames. - Change dimension, creating a zooming in or out effect. - Change the background color, or the font color in the case of the text objects. - Change text properties: font–size, font family, font weight, font style, etc. - Change their visibility. - Change the background image (text, layout region, tables).
Hat man seine Animation einmal im “Timeline Modus” erstellt, wechselt man wieder in die Seiten-Ansicht und aktiviert die Animation mittels des “Aktionen” Reiters in der Eigenschaftenpalette des animierten Objektes. Bei der Generierung werden recht üppige .js (JavaScript) Dateien erzeugt, die zusätzliche Ladezeiten verursachen. In Kombination mit tab- oder accordeon Menüs sind wir in unseren Tests auf satte 150kb gekommen.
Wer schöne und vor allem „schlanke“ Animationseffekte realisieren will, sollte sich mit den „Mootools“ beschäftigen. Da Panda gerade diese Mootool Funktionen in einem Webprojekt mit Fusion umsetzt, kommt hierzu auch demnächst ein Tutorial. Die Einfügung in Fusion ist relativ einfach.
Der neue Doctype - XHTML mein<div>dein</div>?
Dieses Kapitel wurde gesondert behandelt (s. Navigation)
Zurück zum Seitenanfang...
Der neue Flash Webkalender
Erfreulicherweise hat NetObjects dieses Flash-Tool kostenlos der 11er Version in den Koffer gelegt. Ansonsten nur über die Website zu beziehen. Dass dieses Gadget ganz hübsch aussehen kann und für einige Anwender auch Sinn macht seht ihr hier.
Das neue Flash Webcharttool
Flash Tool zur Abbildung von Business Charts (Tortenform, Linear etc.) Man kann Excel Files direkt importieren die dann in eine Chart Grafik umgewandelt und dargestellt werden.Alternativ zum Import können die Daten auch direkt in einem Tabellenblatt in NetObjects Fusion gepflegt werden.
Die “alten” Komponenten
Wir konnten leider keinerlei Verbesserung oder Veränderung bei den verschiedenen Komponenten feststellen. Die Handhabung, die Funktionalität entspricht derer in Fusion 10 und früheren Versionen.
Das gilt leider auch für Komponenten, die seit Urversionen mitgeschleppt werden und die einer dringenden Überholung bedürfen oder ausgemustert werden könnten, da NOF mittlerweile andere Möglichkeiten für diese Funktionen bietet.
Man denke nur an Screen-Door, eine Funktion die schon länger durch den Meta-Tag „refresh“ besser gelöst ist, das „go-Menu“ oder die Rollover Komponente, die nur noch sehr selten zum Einsatz kommen.
Der einzige Grund, warum solche Funktionalitäten von Version zu Version mitgeschleppt werden ist wohl die Aufwärtskompatibilität, also die möglichst reibungslose Übernahme von Projekten aus älteren Versionen.
Wir haben noch nicht in Erfahrung bringen können ob an den .php Scripten für Formhandler, Sichere Seite, FAQ etc. - kurz den Sorgenkindern - Veränderungen oder Updates vorgenommen wurden.
Ein Gesprächstermin mit einem Entwickler von NetObjects ist für nächste Woche angesetzt. Wir halten euch auf dem Laufenden.
UPDATE: Komponenten Information 1) Die "Sichere Seite" geht mit allen ihren Komponenten endlich fehlerfrei.
Die Komponente "Sichere Seite" funktionierte mit NOF 10 nur unter PHP4. Viele Server wurden nun auf PHP5 umgestellt und obwohl dort häufig PHP4 als Default läuft, ging dann die Komponente "Registrieren" der sicheren Seite nicht mehr. Fehler: 500
Erst nachdem mittel .htaccess auf PHP5 geparst wurde ging das mit NOF 10 wieder. Dieser Fehler ist mit NOF 11 behoben worden.
2) Ebenso wurde offensichtlich einen Parser eingebaut. Jetzt gehen in allen Komponenten die Umlaute richtig unter PHP5, was vorher nicht der Fall war.
> bei allen Warnhinweise aller Komponenten wurden die Umlaute unter PHP5 nicht angezeigt, dies geht jetzt
> bei Feld-Beschriftungen war dies bei der Komponente "Referenzen" ebenfalls so. Dort wurden die Beschriftungen schlicht am ersten Umlaut abgeschnitten und der Rest der Beschriftung fehlte. Dies ist auch korrigiert worden.
(danke Thomas fürs testen!)
Zurück zum Seitenanfang...
Impressum
|