IFD:Webprogramming JF: Difference between revisions

From Medien Wiki
(Aktualisierung: fertige Seite)
(Updates)
Line 5: Line 5:
===Alter Stand der Seite===
===Alter Stand der Seite===
[[Image:exra_old1.png|left|thumb|600px|Zum Vergrößern klicken]]
[[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]]
[[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"/>
<br clear="all"/>
====Grid====
====Grid====
Line 25: Line 36:
Die Seite des Experimentellen Radios wurde von der Uni eingerichtet. Sie basiert daher auf dem CMS Typo 3 Version 4.1.  
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:  
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
# 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
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/
# 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.  
Bei der Weichen-Einrichtung und Template-Aktivierung hat Alexander Kümmel geholfen.  
Line 35: Line 44:
* Komplette CSS Programmierung, basierend auf dem Standard-Template der Uni
* Komplette CSS Programmierung, basierend auf dem Standard-Template der Uni
* Überarbeitung des gesamten Inhalts der Seite, insbesondere der rechten Spalte
* Ü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 der Seite in der Zukunft
* Übernahme von Content-Datensätzen in die rechte Spalte für eine einfachere Pflege des Inhalts der Seite für die Zukunft
===Fertige Seite===
===Fertige Seite===
http://experimentellesradio.de
http://experimentellesradio.de


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

Revision as of 12:27, 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.

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, 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 der Seite für die Zukunft

Fertige Seite

http://experimentellesradio.de

Zum Vergrößern klicken


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