Tobias Lensing, David Lindemann


institut syn web site

internetauftritt vom bremer institut für kunst, musik, design, wissenschaft


institut syn web site [link 01]

institut syn web site

Kurzdarstellung

Kurzbeschreibung

Internetauftritt des Insituts syn (Hochschule für Künste Bremen). Auf Basis der Entwicklung der Corporate Identity des Instituts beschäftigte sich das Projekt mit der Gestaltung und Umsetzung der syn Web Site. Insbesondere zielte das Projekt darauf ab, eine gestalterisch und technisch hochwertige Umsetzung der Corporate Identity zu einem dynamischen Webauftritt zu realisieren, der das Erscheinungsbild des Institus konsistent mit den zu repräsentierenden Inhalten verknüpft.

KünstlerInnen / AutorInnen

  • Tobias Lensing, Design, Technische Umsetzung, institut syn
  • David Lindemann, Corporate Design, institut syn

MitarbeiterInnen

  • Jan-Christoph Conrad, Backend-Programmierung, Universität Bremen
  • Anselm Benedikt Hötte, Administration, Technische Umsetzung, institut syn

Entstehung

Deutschland, 2005-2006

Eingabe des Beitrags

Tobias Lensing, 15.02.2006

Kategorie

  • Bildung und Lernen

Schlagworte

  • Themen:
    • Webdesign
  • Formate:
    • 2D |
    • Hypertext |
    • Internet
  • Technik:
    • Flash |
    • Datenbank |
    • HTML/ DHTML

Inhalt

Inhaltliche Beschreibung

Die Web Site des Instituts syn wurde als kreative und dynamische Repräsentation auf Basis der syn-Corporate Identity konzeptioniert und umgesetzt. Die Aufgabenstellung für das Projekt war insbesondere die konsistente Gestaltung und Umsetzung des Webauftritts im Rahmen der neu entwickelten Corporate Identity. Hierzu galt es zuerst die richtigen Webtechnologien zu finden sowie ein adäquates Backend zu entwerfen. In der Konzeptionsphase kristallisierte sich schnell heraus, dass das Corporate Design des Instituts den Einsatz von Macromedia Flash als Präsentationsebene für die Frontpage sowie für diverse Content-Elemente erfordert. Um jedoch genügend Dynamik, Anpassungsfähigkeit, Erweiterbarkeit und Flexibilität zu garantieren, musste diese Technologie mit einem geeigneten Datenbank-Backend verbunden werden. Hierzu wählten wir den im Internet weit verbreiteten Standard MySQL. Als Konsequenz aus dieser Entscheidung musste zusätzlich PHP als Skriptsprache für die Verarbeitung des Content genutzt werden und es wurde notwendig eine Administrationsoberfläche sowie das zugehörige Backend zu realisieren. Hierbei entschieden wir uns für die Entwicklung eines neuen Content-Management-Systems auf Basis von Wordpress 1.5.2. Für die Präsentation der Projekte des Instituts sowie für zahlreiche andere inhaltliche Webpages wählten wir eine Kombination aus XHTML und Flash, um den Nutzer nicht mit einer eingeschränkten Usability in der Content-Navigation und -Betrachtung zu beeinträchtigen.

Nach der Programmierung des CMS sowie der benötigten Flashfilme wurde die Website vollständig auf Basis der vorher erstellten Corporate Identity gestaltet und die zu präsentierenden Inhalte eingepflegt. Während dieser BETA-Phase zeigte sich, dass das Projekt die notwendigen Anforderungen zur Repräsentation des Instituts im Internet erfüllt.

Technik

Technische Beschreibung

Das entscheidende Merkmal der technischen Umsetzung ist die Kombination von Macromedia Flash, XHTML, PHP sowie MySQL zu einer vollständig dynamisch generierten Flash-Frontpage und dynamischen XHTML-Subpages mit Flash-Elementen. Hierzu wurde ein XHTML/Flash CMS auf Basis der bekannten Bloggersoftware Wordpress 1.5.2 entwickelt, das die Vorteile einer einfachen Administration und flexiblen Permalinks sowie einer einfachen Erweiterbarkeit nutzt.

Hardware / Software

Clientseitig:
XHTML-Browser, Flashplayer (Extension)

Serverseitig:
Linux (Fedore Core 4) Server
Apache
PHP
MySQL-Datenbanksystem

Kontext

Referenzen

  • › digital sparks 2006 [link 02]

» http://www.institut-syn.de [link 03]

  • › Menüauswahl auf der Hauptseite [JPEG | 164 KB ] [link 04]
  • › Repräsentation der Inhalte - Konsistenz und Einhaltung der Corporate Identity [JPEG | 343 KB ] [link 05]
  • › Multimediafunktionalität: die Galerienansicht [JPEG | 190 KB ] [link 06]
  • › Administrationsoberfläche des CMS [JPEG | 282 KB ] [link 07]
  • › Administration von Galerien [JPEG | 166 KB ] [link 08]