IFD:Webprogramming JF: Difference between revisions

From Medien Wiki
m (Bild als thumb (besser zum anschauen))
mNo edit summary
 
(8 intermediate revisions by 2 users not shown)
Line 3: Line 3:
===Beschreibung===
===Beschreibung===
Die Webseite des Lehrstuhls für Experimentelles Radio der Bauhaus Universität Weimar soll gerelaunched werden. Dabei stehen eine bessere Präsentation der Inhalte und eine gute Benutzerfreundlichkeit im Vordergrund.
Die Webseite des Lehrstuhls für Experimentelles Radio der Bauhaus Universität Weimar soll gerelaunched werden. Dabei stehen eine bessere Präsentation der Inhalte und eine gute Benutzerfreundlichkeit im Vordergrund.
 
===Alter Stand der Seite===
Alter Stand der Seite: http://experimentellesradio.de
[[Image:exra_old1.png|left|thumb|600px|Zum Vergrößern klicken]]
 
<br clear="all"/>
[[Image:exra_old2.png|left|thumb|600px|Zum Vergrößern klicken]]
<br clear="all"/>
===Entwurf===
===Entwurf===
Der Entwurf steht soweit und wird nur noch im Detail geändert werden.


====Beispiel: Profil====
====Finaler Entwurf - Beispiel: Profil====


[[Image:exRad_draft3_profil_grey.png|left|thumb|600px|Zum Vergrößern klicken]]
[[Image:exRad_draft3_profil_grey.png|left|thumb|600px|Zum Vergrößern klicken]]
<br clear="all"/>
====Alternative Entwürfe====


[[Image:exra_draft1.png|left|thumb|300px|Zum Vergrößern klicken]]
[[Image:exra_draft2.png|left|thumb|300px|Zum Vergrößern klicken]]
<br clear="all"/>
[[Image:exra_draft3.png|left|thumb|300px|Zum Vergrößern klicken]]
[[Image:exra_draft4.jpg|left|thumb|300px|Zum Vergrößern klicken]]
<br clear="all"/>
====Grid====
====Grid====
Die Seite ist an einem Raster ausgerichtet. Da nicht nur Text sondern auch Bild und Sound eingebunden werden soll, ist das Layout aus Gestaltungsaspekten heraus in der Breite fixed und nur in der Höhe variabel.
Die Seite ist an einem Raster ausgerichtet. Da nicht nur Text sondern auch Bild und Sound eingebunden werden soll, ist das Layout aus Gestaltungsaspekten heraus in der Breite fixed und nur in der Höhe variabel.


[[Image:exRa_grid.png]]
[[Image:exRa_grid.png|left|thumb|600px|via http://gridr.atomeye.com – Zum Vergrößern klicken]]
<br clear="all"/>
[[Image:aktuelles_grid.png|left|thumb|600px|Zum Vergrößern klicken]]
<br clear="all"/>
===Probleme/Lösungen===
* Die Seite ist dynamisch und baut auf dem CMS Typo3 auf. Eine neues Template muss daher entwickelt werden, wobei es soweit möglich auf dem bestehenden Template der Bauhaus Universität aufbauen soll.
* Weiterhin ist zu beachten, dass die Seite für Suchmaschinen optimiert wird und sie auch in allen gängigen Browsern funktioniert.
* Mp3s sollen in Zukunft eingebunden werden. Ein Plugin dafür wird benötigt (geeignet: http://typo3.org/documentation/document-library/extension-manuals/pmkmp3player/1.1.2/view/) und wegen der Datenmengen muss mit dem SCC kommuniziert werden.
* die Pflege des Inhalts unter Typo 3 soll in Zukunft einfacher gehen. Weniger copy and paste!!!
===Bemerkungen zur Umsetzung===
Die Seite des Experimentellen Radios wurde von der Uni eingerichtet. Sie basiert daher auf dem CMS Typo 3 Version 4.1.
Da die Uni gerade dabei ist ein CD für die gesamte Uni-Seite durchzusetzen gibt es nun den selben Inhalt in zwei Ansichten:
# im CD der Uni, wenn man über die Uni-Seite auf das Experimentelle Radio stößt - http://www.uni-weimar.de/cms/medien/experimentelles-radio.html
# im individuellen Design, wenn man die Seite über den externen Link besucht - http://experimentellesradio.de/


[[Image:aktuelles_grid.png]]
Bei der Weichen-Einrichtung und Template-Aktivierung hat Alexander Kümmel geholfen.  
 
===Eigener Anteil===
===Probleme/Lösungen===
* Vollständiger Entwurf der Seite in Photoshop im Maßstab 1:1
Die Seite ist dynamisch und baut auf dem CMS Typo3 auf. Eine neues Template muss daher entwickelt werden, wobei es soweit möglich auf dem bestehenden Template der Bauhaus Universität aufbauen soll.
* Komplette CSS Programmierung (optimiert auf Firefox, Safari, IE7/8), basierend auf dem Standard-Template der Uni
Weiterhin ist zu beachten, dass die Seite für Suchmaschinen optimiert wird und sie auch in allen gängigen Browsern funktioniert.
* Überarbeitung des gesamten Inhalts der Seite, insbesondere der rechten Spalte
* Übernahme von Content-Datensätzen in die rechte Spalte für eine einfachere Pflege des Inhalts in der Zukunft
===Fertige Seite===
http://experimentellesradio.de
Ein paar kleinere Bugs sind noch enthalten. Diese werden nach und nach beseitigt. Die Detail-Typografie des Entwurfs konnte auf Grund vom Uni-Template nicht vollständig umgestetzt werden.


--[[User:Frederik|Frederik]] 17:21, 4 January 2010 (UTC)
[[Image:exra_shot1.png|left|thumb|600px|Zum Vergrößern klicken]]
<br clear="all"/>
--[[User:Frederik|Frederik]] 12:17, 5 March 2010 (UTC)

Latest revision as of 13:03, 5 March 2010

ExperimentellesRadio.de

Beschreibung

Die Webseite des Lehrstuhls für Experimentelles Radio der Bauhaus Universität Weimar soll gerelaunched werden. Dabei stehen eine bessere Präsentation der Inhalte und eine gute Benutzerfreundlichkeit im Vordergrund.

Alter Stand der Seite

Zum Vergrößern klicken


Zum Vergrößern klicken


Entwurf

Finaler Entwurf - Beispiel: Profil

Zum Vergrößern klicken


Alternative Entwürfe

Zum Vergrößern klicken
Zum Vergrößern klicken


Zum Vergrößern klicken
Zum Vergrößern klicken


Grid

Die Seite ist an einem Raster ausgerichtet. Da nicht nur Text sondern auch Bild und Sound eingebunden werden soll, ist das Layout aus Gestaltungsaspekten heraus in der Breite fixed und nur in der Höhe variabel.

via http://gridr.atomeye.com – Zum Vergrößern klicken


Zum Vergrößern klicken


Probleme/Lösungen

  • Die Seite ist dynamisch und baut auf dem CMS Typo3 auf. Eine neues Template muss daher entwickelt werden, wobei es soweit möglich auf dem bestehenden Template der Bauhaus Universität aufbauen soll.
  • Weiterhin ist zu beachten, dass die Seite für Suchmaschinen optimiert wird und sie auch in allen gängigen Browsern funktioniert.
  • Mp3s sollen in Zukunft eingebunden werden. Ein Plugin dafür wird benötigt (geeignet: http://typo3.org/documentation/document-library/extension-manuals/pmkmp3player/1.1.2/view/) und wegen der Datenmengen muss mit dem SCC kommuniziert werden.
  • die Pflege des Inhalts unter Typo 3 soll in Zukunft einfacher gehen. Weniger copy and paste!!!

Bemerkungen zur Umsetzung

Die Seite des Experimentellen Radios wurde von der Uni eingerichtet. Sie basiert daher auf dem CMS Typo 3 Version 4.1. Da die Uni gerade dabei ist ein CD für die gesamte Uni-Seite durchzusetzen gibt es nun den selben Inhalt in zwei Ansichten:

  1. im CD der Uni, wenn man über die Uni-Seite auf das Experimentelle Radio stößt - http://www.uni-weimar.de/cms/medien/experimentelles-radio.html
  2. im individuellen Design, wenn man die Seite über den externen Link besucht - http://experimentellesradio.de/

Bei der Weichen-Einrichtung und Template-Aktivierung hat Alexander Kümmel geholfen.

Eigener Anteil

  • Vollständiger Entwurf der Seite in Photoshop im Maßstab 1:1
  • Komplette CSS Programmierung (optimiert auf Firefox, Safari, IE7/8), basierend auf dem Standard-Template der Uni
  • Überarbeitung des gesamten Inhalts der Seite, insbesondere der rechten Spalte
  • Übernahme von Content-Datensätzen in die rechte Spalte für eine einfachere Pflege des Inhalts in der Zukunft

Fertige Seite

http://experimentellesradio.de Ein paar kleinere Bugs sind noch enthalten. Diese werden nach und nach beseitigt. Die Detail-Typografie des Entwurfs konnte auf Grund vom Uni-Template nicht vollständig umgestetzt werden.

Zum Vergrößern klicken


--Frederik 12:17, 5 March 2010 (UTC)