Die Einbindung des Widgets erfolgt analog zu den Anmerkungen aus den LVA-Unterlagen. Aufgrund des gewählten Layout des Blogs wurden folgende Überlegungen beim Erstellen des Widgets getroffen:
- Aufgrund des dunklen Headers des Blog wurde das Thema "Dunkel" gewählt
- Die Linkfarbe wurde des Widgets wurde an jene des Blog- Layouts angepasst
Das generierte Widget darf dabei nicht die Haupfunktionen des Blogs in den Hintergrund drängen, daher wird dieses unter der Kategorie Suche in der Navigationsleiste integriert. Die Struktur des Blogs findet man unter Layouts > Skins > Site Layout > Main Page.
Grundsätzlich erfüllt das gewählte Layout seinen Zweck, allerdings kann die Struktur der Navgation noch optimiert werden. Zum direkten Vergleich werden die ersten Menupunkte des Ausgangslayout hier dargestellt:
Der erste Menupunkt beinhaltet eine Übersicht der letzten Kommentare des Blog. Der Fokus liegt jedoch auf den einzelnen Artikeln und nicht auf den Kommentaren. Aus diesem Grund wird dieser Menupunkt gelöscht. Jener Menupunkt findet sich wieder unter Layouts > Skins > Site Layout > Main Page: Die betroffenen Tags werden folgendermaßen auskommentiert:
<!-- <div class="boxheaderohne">Letzte Kommentare</div>
<div class="box"><% site.history limit="5" show="comments" %></div> //-->
Zusätzlich beinhaltet die Navigationsleiste keine Kategorien. Da den Artikeln aber immer Kategorien zugeordnet werden und diese die Navigation zwischen den einzelnen Bereichen erleichtern wird diese Funktionalität als erster Menupunkt hinzugefügt. Dazu wird erneut Layouts > Skins > Site Layout > Main Page aufgerufen. Die Navigation wird um folgende Tags erweitert:
<div class="boxheaderohne">Kategorien</div>
<div class="box">
<ul>
<li><% site.link to="main" text="Aktuelle Beiträge" %></li>
<% topiclist itemprefix="<li>" itemsuffix="</li>" %>
</ul>
</div>
Das Zwischenergebnis sieht folgendermaßen aus:
Leider wird den einzelnen Kategorien ein unpassender roten Punkt beigefügt und die Ausrichtung der einzelne Kategorien enstpricht nicht ganz den anderen Menupunkten. Dies wird mittels CSS behoben. Das Haupt-Stylesheet befindet sich unter Layouts > Skins > Site Layout > Stylesheet. Hier wird folgende CSS Klasse hinzugefügt:
.navibar ul { list-style:none; list-style-type: none; }
Dies stellt sicher, dass nur ul Tags innerhalb der navibar Klasse verändert werden und der angesprochene rote Punkt nich dargestellt wird.
Zum Schluss wird noch eine Klasse zur Darstellung von HTML bzw. CSS Auschnitten definiert. Die Auschnitte sollen sich optisch von de Text abheben. Für diesen Zweck wird eine andere Hintergrund definiert und ein Rahmen über die Auschnitte gelegt:
.codebox{
background-color: #959595;
border-style: dashed;
padding: 8px;
font-family: Courier New;
font-size: 10px;
}
Das Resultat kann im Code-Auschnitt oberhalb betrachtet werden.
Permalink (0 Kommentare) Kommentieren
Schon immer hat sich die Wissenschaft von der Science Fiction (speziell in Form von Romanen und Fernsehserien) inspirieren lassen. Man denke zum Beispiel nur an die Versuche von Prof. Anton Zeilinger Partikel zu beamen. Die Idee des Beamen entstammt den Autoren der bekannten Fernsehserie Star Trek.
Ähnlich verhält es sich mit zahlreichen Innovationen im Internet. Neben aktuellen Tagesmeldungen und Wetterberichten bieten einige Suchmaschinenanbieter auch Überstzungsdienste für verschiedene Sprachen an. Besonders nützlich sind dabei die Zusatzfunktionen dieser Dienste, welche es dem Anwender zum Beispiel die Möglichkeit geben, die korrekte Ausprache eines Wortes im Audioton wiederzugeben.
Der Gedanke einer universellen Überstzungsmaschine findet sich bereits in dem dem Klassiker Star Wars. Dabei ermöglicht der etwas schrullige Roboter C-3PO die Verständigung zwischen den Protagonisten und verschiedenen Weltraumvölkern.
Noch einen Schritt weiter ging die Suchmaschine Yahoo! Ihr Übersetzungs-Dienst Babelfish (urprünglich von AltaVista entwickelt) ist nach einer blutegel-artigen Kreatur aus dem Roman The Hitchhiker's Guide to the Galaxy benannt. Jene Kreatur ermögicht die simulatane Übersetzung einer beliebigen Sprache.
Permalink (1 Kommentar) Kommentieren
Als Teilnehmer, welcher den Web Engineering Zweig gewählt hat, rechne ich natürlich mit einem starken Fokus auf den technischen Aspekten des Webs. Grundsätzlich hoffe ich aber speziell von den Grundlagenmodulen der anderen Zweige sehr viel mitzunehmen und andere Sichtweisen auf die Thematik zu erhalten, quasi "thinking outside the box"
Generell bin ich sehr stark am User Interface Design und den psychologischen und sozialen Faktoren dahinter interessiert. Leider entwirft man als Entwickler öfters komplexe websites und vergisst dabei, dass der Anwender mit den vielen Parametern der website überfordert sein könnte.
Sehr spannend finde ich das Konzept des interdisziplinären Projekts, welches im Laufe des Studiums im Team implementiert werden soll. Vor allem die Zusammenarbeit mit unterschiedlichen Stakeholdern ist eine gute Vorbereitung auf zukünftige Projekte.
Zudem erwarte ich auch einen Einblick in neue technische Konzepte, besonders im Bereich des Information Retrieval und Extraction aus Webdaten, sowie die Weiterverarbeitung bzw. effiziente Persistierung dieser Daten.
Permalink (2 Kommentare) Kommentieren