Der Seitentitel
Der Seitentitel wird von Google als Überschrift des Suchergebnisses verwendet. Diese fällt dadurch dem User zum auffälligsten ins Auge. Daher ist es sehr wichtig, dass der Seitentitel den Inhalt der Seite prägnant und treffend beschreibt. Verwenden Sie für den Seitentitel nicht mehr als 60 Zeichen.

Die URL
Die URL wird an zweiter Stelle nach dem Seitentitel von Google aufgelistet und angezeigt. Hier haben Sie in TYPO3 je nach Konfiguration von RealURL die Möglichkeit, dass eine Headline automatisch zur URL wird, oder Sie können die URL in einem dafür konfigurierten Feld eintragen.
Auch hier wäre es sinnvoll, wenn das zu optimierende Keyword darin vorkommt.

Meta Tags
Für viele Suchmaschinen sind die Meta Tags heute eher unwichtig. Trotzdem gibt es Meta Tags die von hoher Relevanz sein können.
Folgende zwei Meta Tags sollten Sie nicht aus den Augen lassen.

Meta-Description
Die Meta-Description wird von den Suchmaschinen zur Beschreibung der Seite verwendet. Versuchen Sie daher kurz und prägnant die Seite zu beschreiben. Achten Sie aber darauf, dass die Beschreibung nicht mehr als 160 Zeichen umfasst.

Canonical-Tag
Der Canonical-Tag ist in TYPO3 standardmäßig nicht vorhanden.
Oftmals ist es so, dass ein und derselbe Inhalt auf mehreren Seiten verteilt wird. Das können Sie mit TYPO3 ganz gut lösen, in dem Sie den Inhalt der Website vererben, oder einen Mountpoint setzen. Google würde an dieser Stelle den gleichen Inhalt mit unterschiedlichen URLs abwerten. Um dieses Problem in Griff zu bekommen, gibt es den Canonical-Tag. Über den Canconical-Tag wird Google mitgeteilt, an welcher Stelle der Original-Text steht und auf welche Seite die Kopie des Inhaltes verwiesen wird.
Innerhalb von TYPO3 kann man hier auch eine Extension programmieren, die die Pflege des Canonical-Tag ganz einfach erledigt.

Keywords
Meta-Keywords werden laut Matt Cutts von Google seit einigen Jahren gar nicht mehr betrachtet. Wenn wir den Umfang bei der Suchmaschinenoptimierung einer Seite sehen, sind die richtigen Keywords über TYPO3 zu pflegen, der kleinste Aufwand und somit Fleißarbeit.

Dateinamen und Links
Bilder, die von TYPO3 skaliert ausgegeben werden, verlieren ihren Namen komplett und werden nur mit einem Hash-Wert benannt, z.B. typo3temp/pics/b8f0b2a606.jpg
Seit TYPO3 Version 6 bleibt der Dateiname weitestgehend auch beim skalieren erhalten: typo3temp/_processed_/csm_zeroseven_Website_Relaunch_2013_01_eb0c8388ed.jpg
In TYPO3 Version 4.x musste dazu extra die Extension „fl_realurl_image“ installiert und konfiguriert werden, z.B. typo3temp/fl_realurl_image/mehrstufige-endreinigung-beim-ic-verfahren-dd.jpg
Sollten Sie Bilder oder Dokumente in die Website integrieren, achten Sie auch darauf, dass der Dateiname aussagekräftig ist. Verwenden Sie die richtigen Begriffe, die es Google ermöglichen, bei der Suche von Bildern, diese dann entsprechend zu listen. Digitalkameras verwenden gerne eine Buchstaben- und Zahlenkombination. Diese machte es den Suchmaschinen schwer, auf einen Inhalt Rückschlüsse zu ziehen.
Bei den Links sieht es ähnlich aus, wie bei den Dateinamen. Verlinken Sie die wichtigen Begriffe im Text.

Auch die Bewegung und Gestensteuerung der 3D Objekte hat schon einen spielerischen Anspruch. Das bedeutet, der Käufer oder Interessent bestimmt selber, aus welcher Position oder welchem Blickwinkel er das 3D Objekt betrachten möchte und welches Detail ihn dabei interessiert. Darüber hinaus können die 3D Objekte explosionsartig zerlegt werden. Das bedeutet in der Programmierung, dass einzelne Element direkt angesteuert werden. Somit lassen sich komplexe Abläufe und erklärungsbedürftige Vorgänge über einfach Gestensteuerungen darstellen. Einzelne Objekte aus dem 3D Modell lassen sich auch über Hotspots ansprechen und hervorheben. An unserem Beispiel eines Roboters können einzelne Komponenten ausgewählt werden und selbst beim Drehen des Objektes bleibt eine Verbindung zum einzelnen Bauteil vorhanden. Somit können auch hier zu den einzelnen Bauteilen die Erklärungen einfach integriert werden. Ebenfalls lässt sich das 3D Objekt über eine Zwei-Finger-Steuerung in einzelne Bauteile zerlegen. Auch hier kann die Darstellung der einzelnen Bauteile in der Außenhülle transparent gesetzt werden um die Zusammenhänge dieser Baugruppe zu erklären.
Neben der eigentlichen 3D Visualisierung über reale 3D Objekte, werden auch gerenderte Einzelbilder zu einer 3D Darstellung zusammengesetzt. Dies hat mit 3D wenig zu tun, da die gerenderten Bilder starre Darstellungen sind und eine Bewegung meist nur in eine Richtung möglich ist. Hier bestimmt nicht der User die Position der Darstellung sondern die gerenderten Bilder. Zwar kann man in den Renderings fotorealistische Qualität erreichen, aber die Bewegung ist immer anhand der Einzelbilder vorgegeben. Das Zerlegen des Objektes wäre über die Renderings auch nur bedingt möglich. Hier müsste man für jede Bewegung und Darstellung dann die Einzelbilder rendern. Somit würde bei einer Retina-Auflösung die Datenmenge bei mehrstufigen Animationen explosionsartig ansteigen.

In der App werden zur 3D Darstellung “.pod-Dateien” verwendet. Ausgangsdatei ist vor der Umwandlung eine Colada-Datei. Die Colada-Datei ist ein offener Standard und wird von vielen 3D Programmen unterstützt. Das 3D Programm “Blender” unterstützt zum Beispiel dieses Dateiformat. Je nach dem wie die 3D Objekten zusammengesetzt sind, können einzelne Untergruppen angesteuert und angesprochen werden. Das hängt davon ab, wie das 3D Objekt aufgebaut ist.

Viele Unternehmen setzen heute im Vertrieb das iPad ein. Das eigentliche Potential und die Möglichkeiten über die 3D Objekte Produkte zu inszenieren und für Kunden spielerisch darzustellen wird bis heute lange nicht ausgereizt. Sieht man die Möglichkeiten am Beispiel von Autohäuser, könnte der Autoverkäufer über eine App die Konfiguration eines Fahrzeuges bis ins Detail vornehmen. Geht man hier einen Schritt weiter und sieht die Möglichkeiten für eine Autowerkstatt – wie sich Montageanleitungen auf einmal über 3D Visualisierungen ersetzen lassen. Oder, wie Monteure auf dem iPad die komplette Einbauanleitung zu Hand haben. Hier könnten viele Beispiele genannt werden, wie der Einsatz dieser Technologie effizient und im Vergleich zu aufwändigen Produktvideos eingesetzt werden kann. Der Ausbau ist schneller – bezüglich einem Objekt, das geändert und angepasst werden muss. Darüber hinaus liegen die Produktionskosten der 3D Objekte weit unter denen eines Produktvideos.

In den Hallen der CeBIT war überall von Begriffen wie Big Data, Kollaboration und Digital Commerce zu hören und zu lesen. Und es sollte eine Antwort darauf gegeben werden, wie in Zukunft die zunehmende Flut an Daten sinnbringend im Geschäftsbereich genutzt werden kann.
Welche interessanten Zahlen können aus der Masse an Daten herausgefiltert werden? Wie wird überhaupt herausgefunden, welche Daten relevant sind? Wie kann eine erfolgreiche und zeitgleiche Zusammenarbeit an unterschiedlichen Orten und mit der Nutzung unterschiedlicher Geräte aussehen?

Es wurden viele unterschiedliche Systeme und Lösungsmöglichkeiten vorgestellt. Vor allem die Großkonzerne wie die Telekom und Microsoft waren dort mit riesigen Ständen vertreten.

Besonders anschaulich fand ich persönlich die Präsentation und den Talk um das neue Microsoft Office 365. Hier wurden die wichtigsten Schlagworte, mit denen sich die Arbeitswelt in den kommenden Jahren sicherlich sehr intensiv beschäftigen wird, folgendermaßen dargestellt:

• Über alle Geräte
  Wir wollen heutzutage nicht mehr nur an jedem Ort erreichbar sein sondern zunehmend auch über jedes technische Gerät. Egal ob am Desktop, Tablet oder mobilen Gerät. Daten und Dokumente wollen in einem Moment hier und im anderen Moment wieder woanders genutzt werden.
• Die Cloud
  Durch den Wunsch, überall auf Daten zugreifen zu können, müssen diese auch von überall erreichbar sein. Im privaten Bereich wurde die Cloud in den vergangenen Jahren bereits
  zu einer Größe. Nun gewinnt sie auch für die Arbeitswelt an zunehmender Bedeutung.
• Social
  Die Zusammenarbeit am Arbeitsplatz erfolgt zunehmend in Netzwerken. Das zeitgleiche Bearbeiten eines einzelnen Dokuments wird immer wichtig wie auch andere Aspekte der Kollaboration.
• Sicherheit & Datenschutz
  Private Daten in die Cloud zu legen ist schön und gut. Doch wie sicher sind geschäftliche Daten in der Cloud? Bleiben geheime Dokumente wirklich zu 100% gesichert? Dies sind Fragen, welche in Zukunft sicherlich noch verstärkt beantwortet werden müssen.

Das Teilen und gemeinsame Nutzen von Wissen, Ressourcen, Erfahrungen und Kontakten in Unternehmen sind somit Themen, die ich in Zukunft mit Interesse verfolgen werde. Ich bin gespannt, was sich hier noch alles tut.

Welche Themen aus meiner Sicht durch das Leitthema Business leider ein wenig zu kurz kamen sind die zukünftigen Lösungen im privaten Bereich, wie z.B. die IT-Nutzung im Auto oder die Vernetzung des eigenen Zuhauses. Auch die riesigen Gamer-Hallen scheinen ohne direkten Bezug zum Leitthema zum Standard-Repertoire der CeBIT dazu zu gehören.

Wiederum sehr spannend fand ich zu sehen, wie sich die touchfähigen Geräte und die Gestensteuerung entwickeln. Einzelne Stände setzten Kinect zur Gestensteuerung ein. Außerdem wurden einige neue Convertible Notebooks vorgestellt, so eben auch das Surface von Microsoft.

Insgesamt also viele interessante und begeisternde Eindrücke.
Die CeBIT war somit definitv eine Reise wert und ich freue mich jetzt schon auf die CeBIT im kommenen Jahr.

Ein Hauptanspruch unserer Website war die Präsentation unserer Referenzen mit allen wichtigen Informationen. Unserer Meinung nach wird gerade in unserer Branche das Monitoring der Agenturen über deren Arbeiten vorgenommen. Das ermöglicht einem potenziellen Kunden schnell zu erkennen, wie hoch der kreative Anspruch einer Agentur ist und in wie vielen Channels diese ihr Know-how hat. Aus dieser Anforderung heraus entstand auch das Design unserer Website. Unsere Arbeit steht im Vordergrund und soll den Hauptbestandteil der Seite ausmachen. Wie strukturiert man nun eine Vielzahl von Arbeiten in einer Übersichtlichen Form? Wir hatten uns in diesem Zusammenhang viele Möglichkeiten ausgedacht, wie eine Struktur sauber und übersichtlich dargestellt werden kann. Gerade in unserem Segment als Agentur, wo wir einen sehr hohen kreativen Anspruch in der Visualisierung haben – egal ob im digitalen als auch klassischen Bereich – spielt die Technologie hinter einer Webapplikation eine ebenso wichtige Rolle für den Erfolg des Projektes. Das war für uns auch die Herausforderung, wie kann kreativer Anspruch mit technischem Know-how am besten kommuniziert werden. Eine klassische Navigation mit den unterschiedlichen Schwerpunkten einer Agentur stellte uns hier nicht zufrieden. Vor allem wenn der User entweder nach einer TYPO3 Agentur sucht, erwartet er nicht unbedingt auch ein Messekonzept. Den Problemlöser sahen wir hier nicht in einer klassischen Navigation, sondern in einer Filterfunktion. Wie können User mit unterschiedlichsten Interessen genau die Informationen erhalten, die sie möchten? Das war unsere Ausgangssituation. Darauf hin haben wir ein Filterkonzept für unsere Website entwickelt, die es ermöglicht, dass der User auf Basis seines Interesses die Informationen zusammenstellt, die er tatsächlich sehen möchte. Dabei kann es für den User wirklich der technische Einstieg sein, als auch ein kreativer. Am Ende erhält der User immer die Arbeit von uns zu sehen, die mit der notwendigen Technik oder auch im gewünschten Bereich realisiert wurde. Dabei kann der User auch über zwei oder mehrere unterschiedliche Filter zum gleichen Ergebnis kommen.

Der Grundstein unserer Gestaltungsidee war gelegt. Die Website wird zentral ohne Navigation über ein Filtersystem gesteuert. Alle Inhalte die wir in unserem Internetauftritt untergebracht haben sind in Kategorien unterteilt. Der User hat hier nun die Möglichkeit, seine Interessen über den Filter zu setzen und über den unteren Button “Auswahl wählen” alle gewünschten Inhalte anzuzeigen. Hier mussten wir dann die Strukturierung unserer drei Agenturen so vornehmen, dass zu jeder Agentur die wichtigsten Leistungen abgebildet werden. So kann der User nun über das Öffnen des Filters zum Beispiel einfach TYPO3 wählen oder auch Messekonzepte. Wendet er nun den Filter an, erhält er alle Arbeiten die diese beiden Paramenter erfüllen. Dabei ist es auch möglich, dass eine Arbeit mehrere Parameter erfüllt. Das Ergebnis wird dann in gleicher Art und Weise wie auf der Startseite angezeigt.

Neben den Leistungen und Techniken im Interessenfilterter, sind alle Treffer in insgesamt vier Sparten unterteilt. Diese sind unterhalb des Kurztextes auf der Startseite zu sehen. Dies sind “Agentur”, “Referenzen”, “Neuigkeiten” und “Stellenanzeigen”.

Je nach Anzahl der Treffer wird dann eine Vielzahl von Referenzen aufgelistet. Wir haben uns im Startscreen und im Aufbau der Referenzen auf 12 Treffer reduziert. Sind es mehr, hat der User die Möglichkeit, die Inhalte nachzuladen. Wählt der User nun eine Referenz aus und klickt diese an, erhält er auf der Folgeseite alle wichtigen Informationen zu unseren Leistungen und zu den Technologien. Im Headbereich befindet sich eine Anzahl an Referenzbildern, welche der User durchklicken kann. Selbstverständlich ist unsere Website per Multigesten steuerbar. Auf dem iPad können zum Beispiel die Bilder im Headbereich auf der Startseite und auf der einzelnen Referenz per Wischbewegung durchgeslidet werden.
Hat der User nun den Filter gesetzt und seine wichtigsten Artikel zusammen, hat er nun auf der Folgeseite die Möglichkeit durch die einzelnen Artikel zu springen. Hierfür muss er die Folgeseite nicht mehr verlassen. Für diese Funktion erhält der User automatisch nach dem Setzen eines Filters eine zusätzliche Steuermöglichkeit neben der Filterfunktion.

Der Aufbau der Folgeseite ist so einheitlich gestaltet, dass der User unterhalb der Artikelbilder die entsprechenden Erklärungstexte hat. Neben den Erklärungstexten befindet sich in der rechten Spalte alle verwendeten Technologien und Leistungen der Agentur. Da unserer Meinung nach der User entweder den Einstieg über eine Technologie oder über eine Leistung sucht, haben wir diese an dieser Stelle nochmals übersichtlich abgebildet.
Unterhalb des Artikeltextes befindet sich dann noch artverwandte Referenzen. Ähnlich wie bei einem Online-Shop erhält der User hier die Inhalte angezeigt, die zu seinem Interessengebiet passen. So hat er mehrere Möglichkeiten, zwischen den Inhalten zu navigieren.

Der moderne Footer, den wir heute gerne einsetzen, wird ähnlich wie der Header auf unserer Startseite durch Suchmaschinen beeinflusst. Für eine Suchmaschine ist der Footer ein wichtiger Bereich. Ebenso für den User. Hier bieten wir dem User noch die Möglichkeit an, in Unterseiten zu springen, ohne die Seite nach oben zu scrollen und den Filter zu öffnen. Diese Verlinkung bewertet Google zum Beispiel als sehr relevant ein. Zusätzlich bietet es ja wirklich auch ein Vorteil für den User. Neben den wichtigsten Links – die hier durch den Redakteur und SEO-Verantwortlichen gesteuert werden können – werden unsere neusten Blog- und Facebook-Einträge angezeigt. Unterhalb dieser Linkliste befinden sich die wichtigsten Buttons zu unseren Social-Media-Kanälen. Unterhalb der Buttons befindet sich noch die Adressen der einzelnen Standorte unserer Agentur. Und natürlich die Möglichkeit des Users, dass er sich für unseren regelmäßigen Newsletter entscheidet.

Die Verknüpfung und Verbindung zu den Sozialen Netzwerken, sowie die Verknüpfung der unterschiedlichen Systeme war bei der Gestaltung und Umsetzung unserer Website von wichtiger Bedeutung. Wie Sie auf der folgenden Grafik sehen können, haben wir alle unsere Kanäle die wir bedienen miteinander verknüpft. Das bedeutet, haben wir heute eine neue Referenz in unsere Website gepflegt, so erscheint diese automatisch gesammelt in unserem Newsletter und in unserer iPad App. Somit ist TYPO3 unser zentrales und führendes System für alle digitalen Kanäle. Das vereinfacht den Pflegeaufwand enorm und erspart die doppelte Pflege. Darüber hinaus haben wir uns bei der Umsetzung auch noch intensive Gedanken über unsere Bildformate gemacht. Alle unsere Bilder die wir zukünftig über die Website pflegen sind im Format 16:9 angelegt. Das bedeutet beim erstellen der Bilder gibt es nur noch zwei Mastervorlagen. Diese unterscheiden sich nur in der Auflösung nicht im Seitenverhältnis. Die Mastervorlage für Referenzen (Retina-Auflösung) hat das Format von 2048 x 1152 Pixel. Alle anderen Grafiken, die nicht auf das iPad übertragen werden haben das Format 940 x 528 Pixel. In der Programmierung ist es so konzeptioniert, dass TYPO3 die Umrechnung der Retina-Auflösung automatisch für den Internetauftritt vornimmt. So werden alle Referenzen über TYPO3 gepflegt und verwaltet. TYPO3 sorgt dann im gleichen Zuge für den Export an die iPad App und rechnet die hochauflösenden Bilder in die niedrigauflösenden Bilder für die Website um.

Design:
Eine der grundlegenden Fragen beim Start eines Internetprojektes ist, ob die Seite Mobile-fähig sein muss und unter welchen Voraussetzungen. Responsive Webdesign ist hier ja auch eine wichtige Technologie, die bereits in der Gestaltungsphase berücksichtigt werden muss. In einem weiteren Blogeintrag gehen wir darauf ein, ob Responsive Webdesign immer notwendig ist und was im Falle unseres Relaunch der Auslöser war, nicht auf Responsive Webdesign zu setzen. Neben diesen ganzen wichtigen Parameter ist heute bei der Gestaltung einer Website vor allem eins zu berücksichtigen. Eine Website muss auf unterschiedlichsten Endgeräten und per Gestensteuerung navigierbar sein. Schöne Pixelfonts in Navigationen zu verwenden, ist nicht mehr zeitgemäß. Daher ist es wichtig in der Gestaltung darauf zu achten, dass jeder Button eine Minimalgröße von mindestens 12 x 12 Pixel hat.
Grundlage für einen sauber strukturierten Auftritt ist ein durchdachtes und sauber strukturiertes Rastersystem. In unserem Falle haben wir uns für den Rasteraufbau von Grind Calculator von Nicolaj Kierkegaard Nielsen entschieden. Über die vier Spalten werden die Inhalte auf der Seite positioniert. Die Breiten der vier Spalten geben auch die jeweiligen Maße der einzelnen Contentboxen und der Zwischenräume vor. Ein Rastersystem bietet bei der Gestaltung einer Website viele Vorzüge. Erinnern wir uns an die klassischen Rastersysteme im Printbereich, so haben wir hier im Internet mittlerweile ähnliche Vorzüge und strukturierte Ergebnisse im Seitenaufbau. Es gibt vielerlei gute und ausgefeilte Rastersysteme. Hierzu finden Sie auch in einem weiteren Blogeintrag von uns eine Liste mit nützlichen Links.
Auf Basis der vorgegebenen Rasterbreite gestalteten wir dann den Headbereich mit unseren Highlights. Hier befindet sich eine eigene Box mit einer flexiblen Anzahl von Leistungen der Agentur. Die Entscheidung im Headbereich eine separate Box über die komplette Breite zu setzen, hatte neben dem visuellen Aspekt vor allem ein SEO-Aspekt. Hier bewertet Google zum Beispiel alle Relevanten Inhalte. Diese sind über die H-Tags auch so gekennzeichnet, dass Google diese als wichtig einstuft. Sie sehen an unserem Beispiel, dass ein Design so schön es auch sein mag, in einer gewissen Form auch unter SEO-Gesichtspunkten entstehen muss. Nicht alles was schön aussieht, gefällt auch den Scrolern von Google. Wichtig einfach bei der Gestaltung der Website ist, dass bereits in diesem Stadium geklärt werden muss, unter welchen Voraussetzungen Google die Seite indiziert und scrollt.
Neben dem Rastersystem spielt die Steuerung der Website ebenfalls eine wichtige Rolle. Wir haben, wie bereits oben beschrieben auf eine klassische Navigation verzichtet. Unser Schwerpunkt liegt in einem Filtersystem, nach welchem der User die Inhalte auswählen kann. Der Filter wird über ein Button im oberen Bereich aufgeklappt. Neben der Beschriftung des Buttons haben wir hier das Icon des “Off Canvas Menü” was viele User bereits von Facebook und Apple kennen. Hier wird unser Filter ebenfalls durch Klick auf das Off Canvas Menü nach unten geöffnet.
Der Aufbau der Folgeseite ist ebenfalls über das Rastersystem definiert. Der obere Bereich ist mit den Leitmotiven der emotionale Einstieg der Website. Hier befindet sich das Leitmotiv mit den entsprechenden Inhalten zu den Artikeln.
Unterhalb der jeweiligen Texte werden noch artverwandte Referenzen angezeigt, die zu der ausgewählten Referenz passen. Diese sind wiederum auf Basis des Rastersystem wie auf der Startseite aufgebaut. Viele Gestaltungselemente wie zum Beispiel die Info-Boxen mit den Thumpnail-Bildern wiederholen sich in unserem Design. Das hat den Vorteil, dass wir ein einheitliches Design verfolgen. Ein Nebeneffekt ist hier noch, dass in der Programmierung der Aufwand reduziert wird, da gewisse Elemente an mehreren Stellen genutzt werden.
Der moderne Footer, den wir heute gerne einsetzen, wird ähnlich wie die Startseite durch Suchmaschinen vorgegeben. Hier haben wir einen Bereich für wichtige Links vorgesehen, für die aktuellsten Einträge aus unserer Facebook-Seite als auch aus unserem Blog. Ebenfalls darf die Verlinkung in die sozialen Netze hier nicht fehlen.
Unterhalb der Linklisten befindet sich noch die Adressen – ebenfalls wichtig für Google – und die Möglichkeit, dass der User sich in unseren Newsletter eintragen kann.

Programmierung:
Bei der Umsetzung der Website legten wir größten Wert auf die Optimierung unserer internen Prozesse. Das bedeutete, dass TYPO3 das führende System wird. TYPO3 speist anschließend alle anderen Kanäle. Ebenso war schon sehr frühzeitig für uns klar, dass wir die Website in TYPO3 Version 6 umsetzen werden. Zwar hat sich TYPO3 Version 6 anfangs noch im Betastadium befunden, doch konnten wir Teile des Internetauftrittes beruhigt umsetzen. Zur Fertigstellung unserer Website war TYPO3 dann auch in der finalen Version verfügbar.
Da wir einen sehr hohen Anspruch an die Programmierung hatten und die Konzeption der Website sich auf eine wesentliche Extension begrenzte, konnten wir die Pflege der Internetseite doch auch sehr vereinfachen. TYPO3 wird ja gerne vorgeworfen, dass das System so unübersichtlich und aufwändig zu bedienen ist. An dieser Stelle kann nochmals eindrucksvoll bewiesen werden, dass das nicht der Fall ist. Die Übersichtlichkeit bringt TYPO3 nicht von Haus aus mit, dass liegt viel mehr am Know-how der Agentur, die die Seiten konzipiert und umsetzt. Sie sehen am Beispiel eines Redakteurs, dass dieser lediglich die Bilder in der Dateiliste pflegen kann und dann den Artikel nach einer festen Reihenfolge ausfüllen muss. Egal ob es eine Referenz oder ein Stellenangebot ist, alles wird über eine Extension gepflegt.

Projektablauf:
Ein Projekt – egal in welchem Umfang und ob Extern oder Intern – sollte nach einer sauberen Struktur in einzelne Arbeitsschritte unterteilt werden. Wenn wir heute unsere Projekte umsetzen, haben wir diese in der Regel in 10 Arbeitsschritte strukturiert. Diese Arbeitsschritte sind wiederum in einzelne Arbeitspakete unterteilt. Zwischen den Arbeitsschritten gibt es immer einige Besprechungen mit dem Kunden. In unserem Fall jeweils mit dem Projektverantwortlichen, bzw. Programmierer.

Vorgehensweise bei der Umsetzung:

• Workshop zum Digital Branding
• Visuelle Konzeption (Master-Screens)
• Ausarbeitung der Folgescreens
• Screenbook / Wireframes / Definition SEO-Parameter
• Umsetzung der Grundgerüstes der Website
• Entwicklung der Extension
• Aufbereitung der Inhalte (Bilder und Texte)
• Befüllung der Inhalte
• Qualitätskontrolle und Inhalte überprüfen
• Bugfixing
• Livebetrieb

Egal ob es wie in unserem Beispiel ein internes Projekt ist oder ob wir ein Projekt für unsere Kunden realisieren, so übernimmt der Projektleiter neben dem kreativen Part und der Programmierung die Schlüsselrolle ob ein Projekt sauber und ohne große Hürden umgesetzt werden kann.

In einem unserer weiteren Blog-Einträge skizzieren wir unseren standardisierten Ablauf unserer Digital-Projekte auf.

Und so einfach geht das.

Im ersten Screen sehen Sie eine Änderungshistorie, wie diese in einem Dokument in InDesign aufgebaut sein kann. Die Seitenzahlen in der Klammer werden automatisch von InDesign aktualisiert, wenn sich die Seitenzahl verändert.

Gehen Sie nun an der gewünschten Seite in der sie einen Hyperlinkziel einfügen möchten. Wählen Sie mit dem Texteditor ein beliebige Stelle im Dokument aus. Wenn es sich nur um eine Bildseite handelt, können Sie ein Textfeld erstellen, welches Sie dann nutzen. Fügen Sie dann den Text-Courser im Textfeld ein und öffnen Sie mit der “ctrl-Taste”, oder mit der rechten Maustaste, das Submenü. Hier finden Sie den Eintrag “Interaktiv/Neues Hyperlinkziel…”. Wählen Sie diesen aus.

Wählen Sie dann im darauffolgenden Fenster im Pulldown-Menü den “Textanker” und vergeben Sie hier einen passenden Namen. InDesign speichert nun den Textanker als Hyperlinkziel. Gehen Sie nun zurück zu Ihrer Historie und wählen dort die Textstelle aus, in der Sie nun den Verweis auf die Seite einfügen möchten. Hierzu müssen Sie nur den Text-Courser an die gewünschte Stelle bringen. Öffnen Sie hierzu das Fenster “Hyperlinks” welches sich unter “Fenster/Interaktiv” befindet.

Hier wählen Sie nun unter “Verknüpft mit” den “Textanker” aus. Unter Ziel sollte der Namen Ihres Dokumentes erscheinen. Im Pulldownmenü darunter sollten Sie nun Ihren Textanker finden. Im Pulldwonmenü “Querverweisformat” können Sie die gewünschte Formatierung auswählen, in welchem Umfang der automatische Eintrag des Querverweises erfolgen soll.

Grundsätzlich empfiehlt es sich auch an dieser Stelle, sich einmal Gedanken zu machen, welche Software eigentlich immer benötigt wird und wie durch zusätzliche Software ein Datenumzug erleichtert wird. Eine der wichtigsten Bestandteile sind alle Passwörter im Schlüsselbund von Apple und sämtliche E-Mails. Sollten Sie noch nicht die nützliche Software “1Passwort” einsetzen, kann ich an dieser Stelle eine große Empfehlung aussprechen. Das kleine Tool speichert alle Passwörter, egal ob Sie eine Website besuchen, oder Ihre Kreditkarten-Nummer sichern möchten. Die Datenübernahme bei einer Migration ist total einfach.
Bei E-Mails kann es noch einfach sein. Falls sie nicht einen Microsoft Exchange oder ähnlichen Mail-Dienst einsetzen, müssen Sie lediglich die Benutzerdaten auf dem neuen Rechner einrichten und schon haben Sie den identischen Stand wie zu vor auf Ihrem alten Rechner.
Einmal grundsätzlich der Reihe nach, wie Sie am sinnvollsten bei einem Datenumzug auf einen neuen Rechner vorgehen.

1. Datensicherung
Es ist grundsätzlich zu empfehlen, dass Sie immer sämtliche Daten bevor Sie am System irgend etwas kopieren oder verändern extra nochmals sichern. Am besten in diesem Fall über TimeMachine. Sollte etwas sein, ist es dann ein Kinderspiel das Back zurück auf den alten Rechner zu spielen.

2. Zugangsdaten
Wenn Sie Ihren neuen Rechner erhalten, und diesen zum ersten Mal starten, ist es immer sinnvoll, einen Hauptadministrator anzulegen. Legen Sie dann im Nachgang erst den User an, mit dem Sie regelmäßig am Rechner arbeiten. Im Notfall können Sie sich immer als Admin am Rechner einloggen.

Falls Sie sich Gedanken über Ihr Sicherheitskonzept Ihrer persönlichen Zugangsdaten machen, dann wäre hier auch der richtige Zeitpunkt. Vielleicht nutzen Sie Ihr Passwort schon länger und an vielen Stellen, dann könnten Sie nun ein neues anlegen. Hier würde die Software 1Passwort sofort zum Einsatz kommen. Auf jeden Fall sollten Sie wenn Sie ein neues Benutzerpasswort wählen, dies gleich am alten Rechner ändern. Einfach unter den Benutzereinstellungen das Passwort ändern. Hier haben Sie auch mal die Gelegenheit alte Karteileichen aus Ihrem Schlüsselbund zu löschen. Gehen Sie einfach zuvor in den Ordner Dienstprogramme und starten Sie das Programm “Schlüsselbundverwaltung”. Klicken Sie hier unter “Kategorien” in der linken Spalte auf “Alle Objekte”. Anhand des Datums sehen Sie schnell, welche Anmeldungen oder Passwörter vielleicht schon total veraltet sind und nicht mehr benötigt werden. Löschen Sie diese einfach raus. Sie könne zur Sicherheit auch noch vorher von den Daten ein Backup machen. Gehen Sie hierfür mit gedrückter “alt-Taste” in “Gehe zu” und wählen den Ordner “Library” aus. Dort befindet sich ein Verzeichnis “Keychains”. Dieses sichern Sie vorab.

3. Den Library-Ordner am alten Rechner sichtbar machen.
Um die Daten schnell und einfach vom alten auf den neuen Rechner zu übertragen, müssen Sie den Library-Ordner sichtbar machen. Das geht ganz einfach.

Einfach im Terminal (das Programm befindet sich im Ordner “Dienstprogramme”) den Befehl:
chflags nohidden ~/Library
eingegeben. Der Library-Ordner ist dann dauerhaft sichtbar.

Mit dem Befahl:
chflags hidden ~/Library
können Sie dann den Ordner wieder unsichtbar machen. Beide Befehle funktionieren sowohl unter Mac OS X 10.7 als auch unter Mac OS X 10.8.

4. Die Daten vom alten auf den neuen Rechner übertragen.
Haben Sie bereits einen neuen Benutzer auf Ihrem neuen Rechner eingerichtet (bitte dann den gleichen Benutzer und gleiches Passwort wie auf dem alten Rechner) müssen Sie den alten Rechner mit dem neuen Rechner verbinden. Hierfür gibt es zwei Möglichkeiten. Besitzen beide Rechner einen Firewire-oder einen Thunderbold-Zugang können Sie die beiden Rechner einfach mit dem dazugehörigen Kabel verbinden. Ihr neuer Rechner sollte bereits laufen. Schließen Sie die beiden Rechner zusammen und starten den alten Rechner mit gedrückter “T-Taste” (Target-Mode) während des Startvorgangs. Ihr altern Rechner wird dann als Festplatte erkannt.

Sollten Ihre beiden Rechner nur jeweils ein USB-Anschluss haben, können Sie beide Rechner auch über ein USB-Kabel verbinden. In diesem Fall müssen Sie den alten Rechner unabhängig vom neuen Rechner starten und unter den Systemeinstellungen unter Freigabe die Checkbox “Dateifreigabe” aktivieren. Wählen Sie dann Ihren alten Benutzer aus, auf den Sie zugreifen möchten.

5. Daten auf den neuen Rechner übertragen.
Egal ob Sie über den Target-Mode oder per USB die beiden Rechner verbunden haben. Haben Sie die beiden Rechner über USB verbunden, erscheint Ihr altern Rechner nun mit Ihrem Benutzer unter verbundene Geräte. Wählen Sie diesen aus, dann sehen Sie Ihren Rechner mit allen Verzeichnissen wie eine externe Festplatte.

Nun geht es daran, dass Sie die wichtigsten Daten vom alten Rechner auf den neuen übertragen.
Im wesentlichen gibt es drei wichtige Ordner wo Sie alle die Daten finden, die Sie bei einer Migration berücksichtigen müssen.
Im nun sichtbaren Library-Ordner finden Sie die Verzeichnisse:

• Application Support
• Caches
• Preferences

Im Verzeichnis “Application Support” legen alle Apple-Programme als auch viele Dienstprogramme Ihre Einstellungen, Vorlagen und Datenbanken ab. Sollten Sie zum Beispiel 1Passwort nutzen, finden Sie hier die Datenbank mit allen Passwörtern. Oder im Verzeichnis “iWorks” finden Sie hier Ihre Pages-Vorlagen.
Im Verzeichnis Caches und Preferences werden jeweils die zuletzt gespeicherten Einstellungen etc. gespeichert. Diese können Sie daher immer mitkopieren.

Sie finden im Verzeichnis Library auch das Verzeichnis “Keychains”. Wenn Sie nun die darin liegende Datei “login.keychain” auf Ihren neuen Rechner übertragen, haben Sie nun alle abgespeicherten Passwörter die unter Mac OS abgelegt wurden. Wichtig daher, dass Sie beim alten Rechner wie beim neuen Rechner die identischen Passwörter verwenden. Sollte das nicht der Fall gewesen sein, müssen Sie lediglich beim Start Ihres Rechner das Passwort vom alten Rechner nochmals bestätigen. Dann sollten Sie vollen Zugriff auf Ihren Schlüsselbund haben.

6. E-Mails übertragen.
Sollten Sie noch keinen IMAP-Dienst oder gar einen Microsoft Exchange-Server verwenden, speichert Apple sämtliche E-Mails lokal auf Ihrem Rechner ab. Sie finden im Verzeichnis “Mail” einen Ordner “V2″. Apple hat sein Mailprogramm unter Mountain Lion (10.8.x) nochmals gegenüber der Vorgängerversion verbessert. Wenn Sie sich dieses Verzeichnis schon einmal genauer angeschaut haben, werden Sie schnell das Prinzip der E-Mails verstehen. Für jedes E-Mail Konto legt Ihr Mac hier ein eigenes Verzeichnis an, wo sämtliche E-Mails dann in einer Art Textdatei mit der Endung “.emlx” abgelegt werden. Auf diese greift das OSX auch über die Suchfunktion zu. Wenn Sie über die Suche bestimmte Inhalte eingeben, werden Ihre E-Mails durchsucht. Genau diese Textdateien durchsucht OSX an dieser Stelle.
Im Verzeichnis “MailData” finden sich die globalen Einstellungen vom E-Mail Programm. Hier sind neben den Account-Informationen (Accounts.plist) auch die Signaturen abgelegt. Eine kleiner Tipp an dieser Stelle. Wenn Sie einmal Probleme mit verschollenen E-Mails oder Verzeichnissen im E-Mail Programm haben, könne Sie einfach die Datei “Envelope Index” löschen oder auf den Schreibtisch kopieren. Natürlich nur wenn Apple Mail geschlossen ist. Wenn Sie dann Apple Mail starten, wird der Index vom Apple Mail neu angelegt und das E-Mail Programm liest alle E-Mails die in den Verzeichnissen liegen neu ein. Das bereinigt so manches Problem an dieser Stelle.

Fazit:
Mit wenigen und den richtigen Handgriffen ist eine Migration des alten Rechners auf den neuen schnell und problemlos erledigt. Es ist immer eine guter und sinnvoller Zeitpunkt den Rechner zu entmisten. Die Cloud-Dienste von Apple erleichtern einem die Migration auch nochmals. Verwenden Sie Programme wie Notizen oder Erinnerungen können Sie die über die Cloud auf Ihre ganzen Mobilgeräte synchronisieren.

Fotos: Hannah Bichay