|
Funktionsweise
|
| |
| |
[
Grundlagen
] [
Der Editor
] [
Ein Beispiel
]
| |
 |
|  |
 |
|
Grundlagen
|
|
Das Web-Package-System baut auf den modernsten Techniken der Softwareentwicklung im Internet-Bereich auf. Der Editor basiert auf Java-Servlets und XML/XSL Sprachen. Die Standardeinrichtung mit dem Tomcat Apache Server als HTTP Server macht eine Installation des Web-Package-Systems auf fast jedem Java-fähigen Betriebssystem möglich.
|
Das System besteht aus drei für den Anwender sichtbaren Komponenten: dem Tomcat Server (HTTP und Application-Server), dem HTML Browser (über dessen Oberfläche der Editor aufgerufen wird) und dem Editor selbst, den der Benutzer als Arbeitsoberfläche bedient.
|
|  |
 |
|
Der Editor
|
|
Als Arbeitsoberfläche für den Benutzer dient der sogenannte "Editor", mit dem Sie alle dynamischen, d.h. von Ihnen aktualisierbaren Seiten Ihrer Präsenz, zur Bearbeitung öffnen können.
|
|  |
 |
|
Ein Beispiel
|
|
(1) Auf diese Inhaltsseite soll links neben dem SP Consulting Logo eine Textspalte eingefügt werden.
|
 |
|
Abb.1: Ausgangsbild der Seite
|
|
|  |
 |
|
|
|
(1) Der Editor wir im Browser geöffnet.
(2) Eine Liste der editierbaren Seiten der Internetpräsenz wird eingeblendet.
(3) Zu jeder Seite kann der aktuelle Stand angezeigt werden.
(4) Zu jeder Seite kann eine Auflösung der auf dieser Seite eingebundenen Bilder ermittelt werden. Jedes Bild kann einzeln auf den Server gestellt werden.
(5)+(6) Jede Seite kann einzeln auf den Web-Server via FTP übertragen werden.
(7) Eingabe der FTP-Einstellung.
|
 |
|
Abb.2: Der Editor
|
|
|  |
 |
|
|
|
Nach der Auswahl der Seite erscheint eine Eingabemaske, in die Sie Ihren Text, Ihre Bilder und Links auf andere Seiten o.ä. eingeben können. Die Eingabe Ihrer Daten erfolgt in dafür vorgesehene Felder, welche die Seite strukturiert nachbilden.
|
|  |
 |
|
|
|
(1) Zur bearbeitenden Seite wird ein Eingabeformular geöffnet. In diesem Fall handelt es sich um ein gruppenbasierendes Formular, welches 80% der Darstellungbedürfnisse abdeckt.
(2) Hier erkennt man bereits die beiden Spalten mit dem vorhandenen Text.
(3) Und eine Kleinansicht des ausgewählten Bildes.
|
 |
|
Abb.3: Eingabeformular für gruppenbasierende Seiten
|
|
|  |
 |
|
|
|
(1) Eine dritte Spalte wird mit Text befüllt und sichtbar geschaltet.
(2) Im Anschluss wird eine Vorschau generiert.
|
 |
|
Abb.4: Die neuen Daten werden im Formular erfasst
|
|
|  |
 |
|
|
|
Sind die Texte und Bilder angepasst worden, kann eine Vorschau der fertigen Seite generiert werden. Diese Vorschau zeigt die HTML-Seite so, wie sie später gespeichert und veröffentlicht werden kann. Entspricht das Ergebnis der Vorschau nicht Ihren Vorstellung, können Sie zur Eingabemaske zurückkehren und Ihre Angaben vervollständigen oder verändern. Sind Sie mit dem Vorschauergebnis zufrieden, können Sie die Seite und Ihre Inhalte speichern.
|
|  |
 |
|
|
|
(1) Eine Vorschau zeigt vor dem Speichern der Daten das vorläufige Aussehen der bearbeiteten Seite.
(2) Ist das vorläufige Ergebnis nicht zufriedenstellend, kann zum Eingabeformular zurückgekehrt werden.
(3) Ist das Ergebnis zufriedenstellend, werden die Daten gespeichert, die endgültige Seite generiert und gesichert.
|
 |
|
Abb.5: Die Vorschau als Wysiwyg-Ansicht Ihrer Eingaben
|
|
|  |
 |
|
|
|
(1) Das Ergebnis, eingebettet im Rahmen der Präsenz. Man erkennt, dass das Layout der Präsenz eingehalten wurde, obwohl dazu keine Eingaben im Formular notwendig waren.
|
 |
|
Abb.6: Das Ergebnis im Rahmen der Präsenz
|
|
|  |
 |
|
|
|
Nach dem Speichern der Vorschau gelangen Sie wieder auf die Startseite des Editors. Dort können Sie auswählen, welche Seiten zum Internet-Hoster übertragen werden sollen.
|
|  |
| |