Die letzten Tage haben wir überwiegend an der com_content gearbeitet, der Komponente, die die Hauptinhalte ausgibt. Im Augenblick haben wir getestet, ob alle Parameter richtig funktionieren und sich eine logische Struktur für den Code zu überlegen: Einsatz von Überschriften, divs, Listen und anderen HTML-Elementen.

Das ganze ist sehr aufwändig. Meine Aufgabe hierbei war, Schritt für Schritt und View für View hinzugehen und die Parameter einer nach dem anderen ein- und auszuschalten und zu testen, ob diese richtig verarbeitet werden. Dabei haben wir noch einige Fehler gefunden und korrigiert.

Kleinere Sachen, wie das Ergänzen einer If-Abfrage konnte ich dann alleine ändern, bzw Änderungen, die in mehreren Dateien gleichermaßen vorgenommen werden mussten, in ebendiese übertragen…

Bisher gab es keine Möglichkeit ein Tool im IE6, im Safari und im Opera einzubinden, das annähernd so hilfreich war, wie der Firebug oder der Web Developer im Firefox oder das neue Entwicklertool im IE8.

Dafür gibt es jetzt eine Lösung: der Firebug Lite. Der Firebug Lite lässt sich über einen Link zu einer JavaScript-Datei im Kopf der Website einbinden. Alternativ lässt sich die JavaScript-Datei auch herunterladen und lokal einbinden:

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>

Im Viewport erscheint dann ein kleines Icon, über das sich der Firebug Lite öffnen lässt.

Diese Version des Firebugs bringt zwar nicht den vollen Funktionsumfang mit, dennoch ist Firebug Lite sicherlich ein nützliches Tool.

Ganz wichtig: Nach dem Bugfixing muss der Code wieder entfernt werden, da das Firebug-Icon sonst dauerhaft auf der Website angezeigt wird.

Politik/ Gesellschaftswissenschaften

Besprechung von Passagen aus unterschiedlichen Glossen.

MGG

Übungen zum Thema Bilder.

MPA

Vorstellen der Web-Projekte.

Heute wollte ich die Ausgabe einer Komponente mit CSS stylen. Beim Testen, ob alles richtig dargestellt wird, ist mir aufgefallen, dass nicht alles richtig funktioniert.

Die Komponente enthält ein Formular, dass der User auf der Website ausfüllen muss. Dabei gibt es einige Pflichtfelder. Diese Pflichtfelder werden zwar optisch als Pflichtfelder dargestellt (mit einem Sternchen versehen), allerdings hat im Code teilweise eine Abfrage gefehlt, ob das Formularfeld tatsächlich ausgefüllt ist, und nur Zeichen enthält, die erlaubt sind. So darf beispielsweise ein Feld für eine Telefonnummer keine Buchstaben enthalten, in einer E-Mail-Adresse muss ein @ vorhanden sein, usw.

Daher gilt: immer alles sorgfältig testen!

Nachdem diese Fehler durch den Programmierer behoben waren, konnte ich das Stylen der Ausgabe abschließen.

Das Newsflash Modul zeigt die Intro-Texte zufällig ausgewählter Beiträge einer Kategorie. Im Backend kann der User diverse Einstellungen vornehmen. Hier kann er einstellen, ob der Titel des Artikels angezeigt und verlinkt werden soll, welches Überschriftenlevel der Titel haben soll, ob eventuell vorhandene Bilder im Artikel angezeigt werden sollen und ob der Readmore-Link angezeigt werden soll. Außerdem kann der User die Anzahl der angezeigten Artikel eingeben und zwischen zwei unterschiedlichen Layouts wählen: horizontal und vertikal.

Horizontales Layout

Beim horizontalen Layout werden die Artikel in Spalten nebeneinander dargestellt, jeder Artikel erscheint dabei in einer eigenen Spalte.

Vertikales Layout

Beim vertikalen Layout erscheinen die Artikel untereinander in einer Liste.

Der Code

In beiden Layoutvarianten werden die Artikel in einer Liste ausgegeben. Je nach Layout erhalten die Liste selber ( im Code also die <ul> ) und die einzelnen Listenelemente ( <li> ) eine andere Klasse. So können die jeweiligen Layouts über CSS unterschiedlich gestylt werden und das Modul in verschiedenen Kontexten beliebig oft eingesetzt werden, beispielsweise in einer Zeile oberhalb oder unterhalb des Hauptinhaltes (Horizontales Layout) oder in einer Spalte daneben (Vertikales Layout).

Politik/ Gesellschaftswissenschaften

Die Glosse

MGG

Vorbereitungen für den Tag der offenen Tür

MPA

Fertigstellen der Projektarbeit: Umsetzunge einer Website.

Auch in der 1.6 werden standardmäßig eine ganze Reihe von Modulen mitgeliefert. Die meisten von ihnen werden dem User schon aus der Version Joomla 1.5 bekannt sein. Dazu zählen zum Beispiel Custom-HTML, Newsflash oder Who’s online, andere, wie z.B. das Umfragemodul fallen weg. Bedingt durch die neuen Funktionalitäten (z.B. die verschachtelbaren Kategorien) werden neue Module dazukommen.

Derzeit sind noch nicht alle Module integriert, aber einige Module funktionieren schon relativ gut und können getestet werden.

Die letzten zwei Tage habe ich mir die Module angeschaut und getestet inwieweit schon Module vorhanden sind, ob diese schon funktionieren und wie man sie in einer Website einsetzen könnte.

Insgesamt muss aber an den meisten Modulen noch gearbeitet werden, bis auch sie einwandfrei funktionieren.

Nach Abschluss eines Projektes, bzw. nach dem Erbringen einer Leistung, erstellt man eine Rechnung über den Wert der erbrachten Leistungen, die dem Kunde dann in den meisten Fällen als Brief per Post zugeschickt wird (mittlerweile wird ein Großteil der Rechnungen auch per E-Mail versendet). Je nachdem welche Absprache man mit dem Kunden getroffen hat, bzw. welche Leistung erbracht worden ist, orientiert man sich hierbei an einem zu Beginn der Zusammenarbeit erstellten Angebot, wobei der entgültige Preis unter Umständen durch geringeren bzw. höheren Aufwand von dem im Angebot kalkulierten Preis abweichen kann. Darüber sollte man den Kunden aber schon im Angebot hinweisen!

Beim Erstellen einer Rechnung sollte man auf einige Dinge achten und bestimmte formale und inhaltliche Vorgaben einhalten. Jede Rechnung muss folgende Punkte enthalten:

• Name und Anschrift des Empfängers
• Name und Anschrift des Rechnungsstellers
• Umsatzsteuer-ID des Rechnungsstellers
• Leistungszeitraum
• Bankverbindung (Bank, Bankleitzahl und Kontonummer; bei Überweisungen ins Ausland auch IBAN, Swift, BIC)
• Leistungsbeschreibung mit Preisen
• zzgl. Mehrwertsteuer
• Zahlbar bis:
• Währungsangabe
• Datum
• Eindeutige fortlaufende Rechnungsnummer

Heute haben wir für einen Kunden von uns eine geeignete Umfrage-Komponente ausgewählt und eingerichtet.

Die Komponente muss in das CMS Joomla integrierbar sein, sie sollte einfach zu bedienen sein, alle nötigen Einstellungsmöglichkeiten für die vorgegebene Umfrage mitbringen und die vom User abgesendete Umfrage übersichtlich darstellen. Außerdem ist für das Web auch der Output der Komponente von Bedeutung.

Nachdem wir eine geeignete Komponente gefunden haben und den Funktionsumfang getestet haben, haben wir diese für unsere Zwecke angepasst. Hierzu gehört zum einen das Anpassen des HTML-Outputs, also eine semantische Struktur mit Überschriften und dem Inhalt entsprechenden Elementen und das Entfernen überflüssigen Codes. Zum anderen muss das Layout der Umfrage an das Design der bestehenden Website über CSS angepasst werden.

Zu guter letzt muss man die Komponente erneut ausgiebig testen, um zu sehen ob alle Seiten valide sind, ob alle Funktionen richtig funktionieren, vor allem dort, wo wir Code geändert haben, ob alle Details vorhanden und richtig designed sind.

Wichtig bei einer Umfrage und aussagekräftige Ergebnisse ist, dass man sich gute Fragen überlegt, bzw. diese geschickt formuliert, und Antwortmöglichkeiten vorgibt, was einem die Auswertung deutlich erleichtern kann. Wenn man möglichst viele User dazu bringen möchte, an der Umfrage teilzunehmen, sollte man gerade im Netz die Umfragen nicht zu umfangreich gestalten, damit die User nicht von Anfang an abgeschreckt werden.

Politik/ Gesellschaftswissenschaften

Journalistische Stile

MGG

Vorbereitungen für den Tag der offenen Tür

MPA

Weiterarbeiten an unserer Projektarbeit.