Hochschule für Technik und Wirtschaft Dresden. Fakultät Informatik/Mathematik. Diplomarbeit. Im Studiengang Medieninformatik

Größe: px
Ab Seite anzeigen:

Download "Hochschule für Technik und Wirtschaft Dresden. Fakultät Informatik/Mathematik. Diplomarbeit. Im Studiengang Medieninformatik"

Transkript

1 Hochschule für Technik und Wirtschaft Dresden Fakultät Informatik/Mathematik Diplomarbeit Im Studiengang Medieninformatik Strategien zur Entwicklung adaptiver Darstellungen von Websites anhand einer prototypischen Umsetzung für die Lernplattform OPAL Eingereicht von: Jens Schuppe Eingereicht am: 1. März 2013 Betreuer: Prof. Dr. phil. Teresa Merino Hochschule für Technik und Wirtschaft Dresden

2

3 Inhaltsverzeichnis Verzeichnis der Abbildungen... IV Verzeichnis der Listings... V 1 Historische Betrachtung der Inhaltsanpassung Geräteklassen Desktop- und Notebook-Rechner Drucker Mobiltelefone Smartphones Tablet-Computer Zusammenwirken verschiedener Geräteklassen Bisherige Anpassungsstrategien Anpassung abhängig von der Hardware Anpassung abhängig von der Zugangssoftware Mobile Dienste Strategien für adaptive Darstellung Gemeinsame statische Version Separate Versionen Gemeinsame dynamische Version Desktop First Mobile First Content First Technische Umsetzung Erkennung der Anzeigeeigenschaften Bildschirm- und Anzeigebereichsgröße Seitenverhältnis I

4 3.1.3 Farbdarstellung Auflösung Erkennung von Gerätefunktionen User Agent String Clientseitige Funktionserkennung Datenbankunterstützte Geräteerkennung Empirisches und implizites Wissen Mediale Umsetzung Anordnung Statisches Layout Flüssiges Layout Elastisches Layout Ausrichtung Farbe Typografie Medien Bilder Videos Projektanalyse und -konzeption Inhalts- und Zielgruppenanalyse Machbarkeits- und Aufwandsanalyse Technische Analyse Bildschirmgrößen Leistungseigenschaften von Geräten und Datenverbindungen Möglichkeiten der Zugangssoftware Gestaltungsvorschlag Startseite Kurs II

5 6 Umsetzung Dokumentstruktur Stilbeschreibungen Skripte Ausblick Barrierefreiheit Suchmaschinenoptimierung Optimierung für gestenbasierte Eingabe Weitere Anzeigegeräte Behandlung gerätespezifischer Funktionen Literaturverzeichnis... IX Anhang... XV Selbständigkeitserklärung... XLI III

6 Verzeichnis der Abbildungen Abbildung 1: Einige Mobiltelefone... 4 Abbildung 2: Einige Smartphones... 5 Abbildung 3: Einige Tablet-Computer... 7 Abbildung 4: Palette websicherer Farben Abbildung 5: Nutzung mobiler Geräte bei den Umfrageteilnehmern Abbildung 6: Wichtigste Kriterien für eine mobile Variante von OPAL Abbildung 7: Variante zwischen 1024 und 1920 Pixeln Breite Abbildung 8: Variante zwischen 960 und 1024 Pixeln Breite Abbildung 9: Variante zwischen 640 und 960 Pixeln Breite Abbildung 10: Varianten zwischen 640 und 480 Pixeln Breite sowie darunter Abbildung 11: Variante ab 1024 Pixeln Breite Abbildung 12: Variante ab 960 Pixeln Breite Abbildung 13: Variante ab 640 Pixeln Breite Abbildung 14: Adaptive Kartengrafik bei 1920 Pixeln Breite Abbildung 15: Adaptive Kartengrafik bei 1024 und bei etwa 320 Pixeln Breite Abbildung 16: Variante für berührungsempfindliche Bildschirme IV

7 Verzeichnis der Listings Listing 1: Angabe einer Media Query im link -Tag in einem HTML-Dokument Listing 2: Angabe einer Media Query für ein zu importierendes CSS-Dokument Listing 3: Angabe einer Media Query innerhalb eines CSS-Dokuments Listing 4: Media Query für Schwarz-Weiß-Drucker Listing 5: Media Query für konkrete Viewport-Abmessungen Listing 6: Media Query für Bereiche von Viewport-Abmessungen Listing 7: Media Query für mobile Geräte im Hochformat Listing 8: Media Query für Seitenverhältnisse von Viewport und Gerät Listing 9: Media Query für Seitenverhältnisse Listing 10: Media Query für Farbtiefe Listing 11: Media Query für Farbtiefen-Bereiche Listing 12: Media Query für indizierte Farben Listing 13: Media Query für verschiedene Stylesheets abhängig von der Farbdarstellung Listing 14: Media Query für hochauflösende Drucker Listing 15: Media Query für das Retina-Display Listing 16: Media Query für matrixbasierte Ausgabe Listing 17: User Agent String eines Webbrowsers Listing 18: Skriptbasierte Weiche für verschiedene Geräte in PHP Listing 19: Skriptbasierte Weiche für verschiedene Geräte in JavaScript Listing 20: Angabe von Vary: User-Agent im Kopf einer http-serveranfrage Listing 21: Skriptbasierter Test auf die Verfügbarkeit von Touch-Events V

8 Listing 22: Formel zur Ermittlung kontextabhängiger relativer Abmessungen Listing 23: Einbindung einer benutzerdefinierten Schrift als Webfont Listing 24: Verwendung einer benutzerdefinierten Schrift Listing 25: Austausch von Hintergrundbildern abhängig von der Viewport-Größe Listing 26: Skriptbasierte Implementierung von adaptiven Grafiken Listing 27: Das picture -Element Listing 28: Einbindung eines Videos per HTML 5 mit Rückfallvariante Listing 29: Definition der adaptiven Videobreite Listing 30: Allgemeine Dokumentstruktur Listing 31: Navigationsstruktur Listing 32: Auszeichnung eines adaptiven Bildes im Dokument Listing 33: Auszeichnung der Tabelle für die Einschreibung in Arbeitsgruppen Listing 34: Auszeichnung für die Definitionsliste als Alternative für die Tabelle der Einschreibung Listing 35: Auszeichnung eines adaptiven Videos Listing 36: globale Stilbeschreibungen für das body -Element Listing 37: globale Stilbeschreibungen für den Kopfbereich Listing 38: globale Stilbeschreibungen für die Hauptnavigation Listing 39: globale Stilbeschreibungen für Untermenüs der Hauptnavigation Listing 40: Stilbeschreibungen für Untermenüs der Hauptnavigationspunkte bei kleineren Anzeigebereichen Listing 41: Stildefinitionen für "portlets" auf der OPAL-Startseite Listing 42: Stildefinitionen zum Ein- und Ausblenden der Symbole von "portlets" Listing 43: Stildefinitionen zum Austausch mit Alternativinhalten VI

9 Listing 44: Stildefinitionen für adaptive Video s Listing 45: Test auf Touch-Ereignisse im Browser Listing 46: Stilbeschreibungen für Links auf Touchscreen Listing 47: Skript zur Umsetzung adaptiver Grafiken Listing 48: startseite-abgemeldet.html... XV Listing 49: startseite-angemeldet.html... XVII Listing 50: kurs.html... XX Listing 51: kurs-einschreibung.html... XXII Listing 52: style.less... XXV Listing 53: script.js... XXXIX VII

10 VIII

11 1 Historische Betrachtung der Inhaltsanpassung Die Entwicklung neuer visualisierender Geräte und deren technischer Fortschritt bedingt die Anpassung der zu vermittelnden Inhalte unmittelbar. Die Vielzahl der Geräte, welche in der jüngeren Vergangenheit auf dem Markt erschienen, führte teilweise zur Einführung neuer Paradigmen in der Darstellung von Website-Inhalten. Zumindest erfolgte mit neuen Geräten eine Evolution bereits bekannter und erfolgreich eingesetzter Technologien. Zur einführenden Beschreibung werden im Folgenden die gängigsten Geräteformen klassifiziert und erläutert. Die technische Entwicklung derselben führte bereits in der Vergangenheit zu verschiedenen Techniken der Optimierung von Inhalten, um diese einer möglichst großen Zielgruppe in der gewünschten Form zu präsentieren. Die wichtigsten Schritte auf dem Weg zu heutigen Praktiken adaptiver Visualisierung von Web-Inhalten sind ebenfalls Teil der folgenden Ausführungen. 1.1 Geräteklassen Desktop- und Notebook-Rechner In diese Kategorie fallen die klassischen Anzeigemedien für Web-Inhalte. Diese sind Röhrenmonitore und deren direkten technischen Nachfolger die LCD-/LED-Bildschirme in einer ähnlichen Größe. In der Vergangenheit veränderten sich diese Geräte vor allem in den technischen Möglichkeiten der Darstellung und behielten ihr äußeres Erscheinungsbild weitestgehend bei. Es handelt sich um Geräte in etwa in der Größe eines Blattes Papier und etwas darüber hinaus. Dies entsprach in der Anfangszeit von Computerbildschirmen den Sehgewohnheiten der Zielgruppe, zumal sich die Verbreitung der Geräte aus universitären Forschungseinrichtungen hinein in Büroumgebungen aller Art fortsetzte und somit den bisherigen Konventionen entsprach, dass Dokumente schlussendlich auf Papier eines bestimmten Formates gedruckt werden. Dies betraf zu Beginn des World Wide Web auch in selbigem verbreitete Dokumente und setzte sich somit bei den folgenden Weiterentwicklungen derselben zu ausgeweiteten Präsentationen oder umfangreichen Anwendungen fort. Heutige Geräte besitzen meist Bildschirme in Abmessungen der Bildschirmdiagonale von 14 bis 19 Zoll. Kleinere Geräte, wie Netbooks, zählen im Rahmen dieser Arbeit nicht in diese Geräteklasse, da die Anzeigeeigenschaften eher denen der Tablet-PCs ähneln. Größere Anzeigegeräte, die in Größen von 20 bis 30 Zoll auf 1

12 dem Markt erhältlich sind, werden meist zur Bearbeitung von umfangreichen Bildinhalten und weniger zur Anzeige von Webinhalten eingesetzt, weswegen sie allenfalls im Abschnitt 7.4 dieser Arbeit, als Erweiterung des Themas, betrachtet werden. Die technische Entwicklung veränderte die Geräte in ihren grundlegenden Eigenschaften. So waren die zu Beginn als Kathodenstrahlröhrenmonitore ausgeführten Bildschirme technisch bedingt an ein eher quadratisches Format angelehnt und wurden in Seitenverhältnissen von 4:3 standardisiert. Die Entwicklung von Flüssigkristall- und Diodenmonitoren erlaubte schließlich beliebige Formate und führte, durch die Multimedialisierung der Rechengeräte unterstützt, zu kinoähnlichen Formaten wie 16:9 und 16:10. Weiterhin gab es Veränderungen bei der Darstellung von Farben und Formen. Die ersten Computerbildschirme zeigten nur Text an und begnügten sich deshalb mit monochromer Darstellung. Die Darstellung von Grafiken, z.b. in grafischen Betriebssystemen, oder wissenschaftliche Diagramme bedingten die Einführung von Graustufendarstellungen und schließlich vielfarbiger Ausgabe. Diese begann mit einer 16-Farben-Palette (von der zunächst nur vier Farben gleichzeitig verwendet werden konnten) und entwickelte sich in mehreren Stufen zu Konfigurationen mit 32-Bit-Ausgabe und über 16 Millionen darstellbaren Farben. Mittlerweile sind umfangreiche Farbkalibrierungen des Bildschirmes und somit z.b. realitätsgetreue Darstellungen von Fotografien möglich. Eine weitere Entwicklung stellt die Anzahl der darstellbaren Bildpunkte dar, die sich mit der Notwendigkeit, immer detailreichere Grafiken darstellen zu wollen, ergab. Erste gerasterte Röhrenmonitore an Computern konnten z.b. eine Menge von 320 x 200 Bildpunkten wiedergeben, während aktuell hergestellte Bildschirme sich bezüglich der Menge an Bildpunkten meist an Videoformaten, wie HDTV (1280 x 720, bzw x 1080 Bildpunkte), orientieren und diese bei entsprechender Gerätegröße oft übertreffen Drucker Da Computer zu Beginn ihrer verbreiteten Nutzung kaum mehr waren, als ein fortschrittlicher Ersatz einer Schreibmaschine, wurde der Drucker zusammen mit der Tastatur schnell zum wichtigsten Peripheriegerät und stellte somit, nach dem Bildschirm, das zweitwichtigste Ausgabemedium dar. Die technische Entwicklung der Drucker folgte ungefähr den Ausgabemöglichkeiten der Computer. So waren anfangs typografische Drucker mit dem Letterndruckverfahren die konsequente Weiterentwicklung der Schreibmaschine, ehe Plotter (kontinuierliche Führung eines Druckkopfes zur Erzeugung 2

13 von vektorgrafischen Elementen) und die heute üblichen Matrixdrucker, welche jede Anordnung von Bildpunkten in einem definiert aufgelösten Raster erlauben, die Möglichkeiten der Darstellung auf bedruckbaren Medien vergrößerte. Neben verschiedenen Klassifizierungen von Druckern ist vor allem die Druckauflösung, also die Anzahl der druckbaren Bildpunkte auf einer Fläche, von erhöhtem Belang für die Druckqualität und die Darstellungsmöglichkeiten. Nadeldrucker konnten zunächst in Auflösungen von acht bis neun Bildpunkten pro Zeichen drucken und bedienten sich des bei Schreibmaschinen eingesetzten Verfahrens des Durchdrückens eines Farbbandes auf das Druckmedium mithilfe eines Stempels, der jedoch anstelle eines Letters mehrere punktförmige Nadelspitzen besaß und somit differenzierte Anordnungen von Farbpunkten erzeugen konnte. Für heutige Ansprüche an den Ausdruck von Websites genügen diese und andere Arten von Druckern, wie z.b. Thermodrucker, nicht. Im Wesentlichen sind Laser- und Tintenstrahldrucker die gängigen Druckertypen für diese Anwendung. Laserdrucker verwenden für die Herstellung des Druckes das Verfahren der Elektrofotografie, benutzen also elektrische Ladungen, um die Druckfarbe (Toner) auf dem Druckmedium zu positionieren. Anschließend erfolgt eine chemische Fixierung. Bei Dokumenten, die hauptsächlich aus Text und einfachen Grafiken bestehen, ist der Laserdrucker das bevorzugte Gerät. Tintenstrahldrucker sprühen kleine Tropfen Tinte auf das Druckmedium und positionieren diese ebenfalls über elektrische Ladungen durch piezoelektrische Schwingungen an der gewünschten Stelle. Dies kann in einer sehr hohen Auflösung erfolgen und durch additive Farbmischungen beim Überlagern von Tinte kann eine hohe Zahl verschiedener Farben und Abstufungen erzeugt werden. Fotodrucker für den Heimbereich sind ausschließlich Tintenstrahldrucker, weshalb diese für den Ausdruck von Websites mit hohem Grafikanteil am geeignetsten sind. Druckauflösungen von 1200 dpi ( dots per inch, Punkte pro Zoll) sind dabei eine gängige Eigenschaft. Das menschliche Auge hat ab ca. 600 dpi bei einem Abstand zum Druckmedium von 25 cm (normaler Leseabstand) Schwierigkeiten, Qualitätsunterschiede auszumachen 1. Bei Fotodrucken ist dieser Abstand ggf. zu groß und höhere Auflösungen werden notwendig. 1 (Spektrum Akademischer Verlag) 3

14 1.1.3 Mobiltelefone In diese Kategorie werden im Rahmen dieser Arbeit Geräte eingeordnet, die neben dem Telefonieren weitere Dienste und Anwendungen ermöglichen, sich allerdings v.a. von den Smartphones abgrenzen, indem sie keine universellen Plattformen für Anwendungen anderer Herkunft als dem Hersteller des Gerätes aufweisen, sondern nur Funktionen bieten, die das Betriebssystem des Gerätes selbst bereitstellt. Die Fähigkeit zur Anzeige von Online-Inhalten beschränkt sich bei diesen Geräten auf mobile Dienste, wie SMS, WAP und gefilterte Web-Angebote, die die Zugangssoftware auf diesem Gerät erlaubt. Diese Einschränkung war insbesondere in den Anfängen dieser Techniken der beschränkten Leistungsfähigkeit sowie dem Fehlen von passenden Datentarifen geschuldet. Nicht umsonst war die Definition von WAP als Wait and Pay ( Warte und zahle ) 2 weit verbreitet. Abbildung 1: Einige Mobiltelefone 3 Vor allem die Entwicklung von Feature Phones, also Geräten, die neben Mobilfunkdiensten viele weitere (vor allem multimediale) Funktionen aufwiesen, förderte die Verbreitung des Datenaustauschs über klassische Telefonfunktionen hinweg. Zunächst konnten über den MMS-Dienst, der auf der WAP-Technik basiert, Bilder, kurze Videos und Audiodateien, analog zum SMS-Versand, verschickt werden. Der Ausbau dieser Technik wurde vor allem durch neue Gerätefunktionen, wie Fotografie (seit 1999), Tonund Videoaufzeichnung sowie deren Wiedergabe (seit 1998 mit Radio-Funktion, seit 2000 mit Musikabspielfunktion) gefördert 4. Das Telefon war längst nicht mehr nur zum Telefonieren geeignet sondern entwickelte sich mehr und mehr zum tragbaren Multimediagerät mit wachsenden Bildschirmgrößen ständigverbesserter Rechenleistung. 2 (Spiegel, 2001) 3 (Discostu, 2008), (N, 2008), (Tkgd2007, 2009), (Nesnad, 2008) 4 (verschiedene Autoren) 4

15 Die Bauarten dieser Geräte variieren stark untereinander und weisen unterschiedlichste Anzeigegrößen und -eigenschaften auf. Allein die äußere Form kann sich z.b. in Schokoriegel -, Klapp- und Schiebe-Bauweise sowie Kombinationen mehrerer dieser Formen kategorisieren. Die Anzeigegrößen variieren ebenfalls stark und lassen sich nur schwer sinnvoll kategorisieren. Während z.b. frühe WAP-fähige Telefone, wie das 3330 von Nokia, ein monochromes, 84 mal 48 Bildpunkte messendes, Matrix-Display besaßen 5, welches zur Anzeige von Grafiken nur sehr bedingt geeignet war, weisen Feature Phones der Walkman-Serie von Sony-Ericsson Auflösungen von 240 x 320 Pixel auf 6 und erlauben damit immerhin eine gute Vorschau-Anzeige von Fotos Smartphones Die Bezeichnung Smartphones wurde in der Vergangenheit bereits mehrfach für verschiedene Geräte verwendet, beschrieb aber immer Geräte, die mehr Funktionen boten, als übliche Mobiltelefone und Feature Phones. Aktuell werden damit Geräte bezeichnet, die neben Telefonfunktionen eine Plattform für die Entwicklung von Anwendungen (meist Apps Applikationen genannt) aufweisen und somit Aufgaben und Funktionen eines Computers, bzw. anderer Geräte übernehmen können 7. Zusatzfunktionen, wie GPS-Einheit, Rotations- und Beschleunigungssensor und Kompass, ermöglichen weitere Aufgaben eines mobilen Gerätes, wie z.b. Navigationsfunktionen. Abbildung 2: Einige Smartphones 8 5 (verschiedene Autoren) 6 (Sony Ericsson Mobile Communications AB, 2008) 7 (Bibliographisches Institut GmbH, Dudenverlag) 8 (Florianwicher, 2011), (Vega, 2012), (Filnik, 2011), (Lolametro, 2013) 5

16 Viele moderne Smartphones besitzen keine Tastatur mehr sondern werden fast ausschließlich über einen berührungsempfindlichen Bildschirm bedient. Tasten finden sich bei den meisten Geräten allenfalls für Nebenfunktionen, wie Lautstärkeregelung und das Ein- und Ausschalten des Gerätes. Da das Smartphone durch die Vielzahl von angebotenen Anwendungen in hohem Maße personalisiert und individualisiert werden kann, sind der Touchscreen und die eingebauten Sensoren eine Möglichkeit, die Eingabefunktionen anderer Geräte zu simulieren oder gänzlich neue Arten der Dateneingabe zu ermöglichen. So können z.b. bei Spielen Bewegungen des Gerätes durch den Benutzer (etwa Schütteln) als Eingabe genutzt werden. Die Anzeigegrößen und Gerätefunktionen von aktuellen Smartphones unterscheiden sich traditionell je nach Hersteller und Modell. Sie variieren ungefähr zwischen Auflösungen von Feature Phones bei 240 x 320 Bildpunkten und Größen von 640 x 1136 Pixeln 9, die an Größen von Tablet-PCs und Netbooks heran reichen Tablet-Computer Tablets sind Computer in einer flachen Form, meist ohne Klapp- oder Schiebemechanismen und größtenteils wie Smartphones ohne Tasten. Die Eingabe erfolgt über einen berührungsempfindlichen Bildschirm. Die Rechenleistung heutiger Tablet-PCs kann mit denen der Netbooks verglichen werden, ist also meist schwächer als die von Desktop- und Notebook-Rechnern. Dies ist vor allem durch die Einsatzgebiete der Geräte zu erklären. Tablet-Computer sollen als mobile Begleiter vor allem multimediale und unterhaltende Aufgaben übernehmen. Dafür ist der Bildschirm in etwa so groß, wie ein Blatt Papier im DIN-A5-Format und lässt sich sowohl im Quer- als auch im Hochformat benutzen. Die Auflösung der Anzeigen kommt teilweise an die von Notebook- und Desktop- Computern heran. Dadurch sind Bild- und Videowiedergaben in hoher Qualität und auch die Anzeige von Websites weitestgehend analog zu großen Bildschirmen möglich. 9 (verschiedene Autoren) 6

17 Abbildung 3: Einige Tablet-Computer 10 Die Betriebssysteme der Geräte sind mit denen der Smartphones zu vergleichen und sind teilweise identisch. Es haben sich mit der Zeit die Systeme der großen Unternehmen in diesem Bereich (Apple ios, Google Android, Microsoft Windows) 11 durchgesetzt. Diese bieten die Möglichkeit, das Gerät mit vielen Applikationen zu individualisieren. Aktuelle Bildschirmgrößen bewegen sich bei Tablet-Computern zwischen 800 x 480 und 2560 x 1600 Bildpunkten Zusammenwirken verschiedener Geräteklassen Da die Ausgabe von Web-Inhalten vorwiegend visueller Art ist, stellen die Größe der jeweiligen Anzeigegeräte sowie deren physikalisches Auflösungsvermögen die wichtigsten Kriterien bei der dynamischen Anpassung von anzuzeigenden Inhalten dar. Die Grenzen der genannten Geräteklassen bezüglich dieser Eigenschaften sind somit fließend und widersprechen sich teilweise (z.b. besitzt das Apple ipad der dritten Generation eine höhere Auflösung als viele Notebook-Bildschirme). Als erste Erkenntnis dieser Arbeit lässt sich also feststellen, dass bei der Adaption von Website-Darstellungen nicht allein die Erkennung und Klassifizierung des Anzeigegerätes von Bedeutung ist, sondern vielmehr eine Fülle von Geräteeigenschaften zu berücksichtigen sein wird. Ob die Ausrichtung an bestimmten Eigenschaften in diesem Zusammenhang sinnvoll ist, wird Gegenstand der Untersuchungen sein.denn wie den Ausführungen über die historische Entwicklung der verschiedenen Gerätekategorien zu ent- 10 (Lolametro, 2012), (Lolametro, 2012), (PaulK, 2012) 11 (Epstein, 2012) 12 (verschiedene Autoren) 7

18 nehmen ist, verändern sich diese Eigenschaften und Funktionen ständig weiter und bilden in ihrer Gesamtheit immer nur den aktuellen Entwicklungsstand ab. Zukunftsfähige dynamische Websites müssen also weitere Kriterien bei der Adaption einbeziehen. 1.2 Bisherige Anpassungsstrategien Dem weitestgehend entgegen stehend stellen sich bisherige Anpassungsstrategien von Websites dar. Anpassungen von Web-Inhalten erfolgten lange entweder überhaupt nicht oder für wenige Konfigurationen von Hard- und Software. Meist entsprachen diese den Möglichkeiten, die der jeweilige Entwickler der Website zur Verfügung hatte und dementsprechend testen konnte. Optimiert für Internet Explorer ab 5.5 bei 800x600 auf einem 15-Zoll-Monitor mit 256 Farben Sätze wie dieser kursierten deshalb lange Zeit auf vielen Websites. Dabei fand entweder überhaupt keine Anpassung statt oder das Layout wurde statisch auf eine bestimmte Größe festgelegt Anpassung abhängig von der Hardware Die wichtigsten Kriterien zur Ausgabeanpassung waren zu Beginn der grafischen Oberflächen und der damit einher gehenden zunehmenden illustrativen Darstellung von Websites anstelle von reinen, bzw. mit wenigen Abbildungen versehenen, Textdokumenten hardwarebezogene Eigenschaften der Anzeigegeräte. Allerdings gestaltete sich die Erkennung und Behandlung von Unterschieden der eingesetzten Bildschirme schwierig, denn bis Ende der ersten Hälfte der 1990er Jahre waren schnelle Clientseitige Technologien, wie z.b. Skriptsprachen, die im Browser eingesetzt werden können, noch nicht sehr verbreitet und unausgereift 13. Deshalb beschränkte sich die Anpassung darauf, eine Kompromissversion einer Website bereitzustellen, um möglichst viele Benutzer zu erreichen. Dabei wurde in Kauf genommen, dass Benutzer, die z.b. einen zu kleinen Bildschirm oder einen solchen mit unzureichender Farbdarstellung besaßen, die Website nur eingeschränkt sehen konnten. Für die Farbdarstellung war es zudem in den 1990er Jahren üblich, so genannte websichere Farben zu verwenden. Durch die Verbreitung von 8-Bit-Grafikkarten konnten nur 256 reine Farben auf dem Bildschirm dargestellt werden. Die von Lynda Weinman vor- 13 (Hauser, 2003) 8

19 geschlagene Palette von jeweils sechs verschiedenen Farbtönen für jede Grundfarbe wurde zuerst von Netscape standardisiert 14. Alle anderen Farben mussten durch ein Mischverfahren, das Dithering, simuliert werden. Mit den Farbeigenschaften eines Bildes ist auch die Dateigröße desselben verbunden, welche vor allem zu Zeiten der langsamen analogen Wählverbindungen per Modem ein wichtiges Kriterium für die Betrachtung von Websites waren. Grafiken mit mehreren 100 Kilobytes benötigten mit diesen Geräten mehrere Sekunden bis Minuten, um heruntergeladen zu werden. Objekte dieser Größe, welche nur zum Layout beitrugen, ohne selbst Informationsgehalt für die Website zu besitzen, mussten daher vermieden werden. Zur Umgehung dieses Problems wurde oft die Technik des Interlacing oder des progressiven Speichermodus angewandt. Dabei werden die Zeilen des Bildes nicht der Reihe nach abgespeichert und heruntergeladen, sondern dieser Vorgang verläuft in vier Phasen, wobei in Phase eins nur jede achte Zeile aufgebaut wird, in der nächsten Phase jede vierte Zeile, usw 15. Auf diese Art konnte der Betrachter während des Ladevorganges bereits grobe Züge des Bildes erkennen und ggf. entscheiden, ob das Bild relevant ist oder der Ladevorgang abgebrochen werden kann. 14 (Weinman, 2004) 15 (verschiedene Autoren) 9

20 Abbildung 4: Palette websicherer Farben Anpassung abhängig von der Zugangssoftware Die Anpassungen von Websites bezogen sich vor allem während der Zeit der Browserkriege auf eine spezielle Zugangssoftware einer der beteiligten Browserhersteller. Geschuldet durch eine mangelhafte Standardisierung, bzw. Einhaltung derselben, die Einführung von proprietären Funktionen und die Ausnutzung von hohen Marktanteilen zur Schwächung der Konkurrenz entstanden Websites, die entweder ein relativ nüchternes Erscheinungsbild besaßen, dafür aber in vielen Browsern relativ gleich angezeigt wurden, oder anderenfalls ausschließlich auf die Browser eines Herstellers zugeschnitten waren und dementsprechend nur dort zufriedenstellend betrachtet werden konnten. Der erste Browserkrieg begann 1995 mit der Veröffentlichung der ersten Version des Internet Explorers von Microsoft. Das Unternehmen wollte den Marktanteil des Netscape Communicator verringern, welcher zu dieser Zeit rund 80 % betrug 17. Microsoft befürchtete eine Verbreitung von Netscape-Produkten, da deren Browser mehrere APIs besaß 16 (Nonenmac, 2008) 17 (Peter, 2004) 10

21 und für verschiedene Betriebssysteme vertrieben wurde 18. Microsoft sah also sein Betriebssystem-Monopol in Gefahr, wenn Software-Hersteller den kostenlosen Netscape Communicator als Middleware betrachten und eine entsprechende Menge Anwendungen auf dieser Basis veröffentlichen sollten. Microsoft brach den Marktanteil von Netscape durch die Integration des Internet Explorers in sein Betriebssystem Windows. Darunter litten vor allem für das World Wide Web formulierte Dokumenten-Standards, denn die Interpretation vorhandener Bestimmungen war oft grundverschieden und die Browser-Hersteller buhlten mit nicht standardisierten Neuerungen um Web-Entwickler und Browser-Nutzer. Ab der 1999 veröffentlichten Version 5 des Internet Explorers sind dies z.b. die Conditional Comments, mit denen eine Art Versionsabfrage in Form von Wenn-dann-Bedingungen möglich ist. Weitere nicht standardisierte Funktionen sind die Nutzung von Schatten und Alpha-Transparenz im Internet Explorer und erweiterte Positionierungs-Attribute im Netscape Communicator. Die Optimierung von Websites für die jeweiligen Browser bestand vor allem in der Nutzung von Browserweichen, z.b. durch JavaScript, mit denen festgestellt wurde, welche Zugangssoftware der Betrachter nutzt und darauf basierend weitere Schritte eingeleitet wurden. Diese konnten eine Umleitung zu einer bestimmten Version der Website für den jeweiligen Browser oder eine Seite sein, auf welcher der Nutzer aufgefordert wurde, einen anderen Browser zu nutzen. Bei Nutzung von CSS zur Beschreibung des Layouts einer Website wurden so genannte Hacks (verschieden interpretierte, teils fehlerhafte, Auszeichnungen der Sprache, welche in einer bestimmten Konstellation einen Browser identifizieren konnten) genutzt, um Browser-spezifische Regeln für die Darstellung zu definieren. Der lang anhaltende Marktanteil des Internet Explorers, verbunden mit einer fehlenden Weiterentwicklung des Microsoft-Browsers von 2001 bis 2006, führte dazu, dass eine Annäherung an Standards für lange Zeit unmöglich wurde. Websites wurden so gestaltet, dass sie im Internet Explorer gut aussahen und wurden teilweise überhaupt nicht in anderen Browsern getestet. Es kam sogar zum Ausschluss von Nutzern anderer Browser bei Anwendungen wie Online-Banking oder Online-Versandhandel, da für die Funktion derselben z.b. nur im Internet Explorer garantiert wurde. 18 (Thomas Penfield Jackson, 1999) 11

22 Der zweite Browserkrieg begann, als zunehmend Sicherheitslücken im Internet Explorer bekannt wurden und erweiterte Funktionen in neuen Browser-Projekten aufkamen. Besonders hervor zu heben ist der Browser Mozilla Firefox. Das quelloffene Projekt machte durch Sicherheitsvorkehrungen, Funktionen wie Tabbed Browsing und sogar mit spendenfinanzierten Zeitungsanzeigen auf sich aufmerksam und gewinnt seit 2004 kontinuierlich Marktanteile, fast ausschließlich bei bisherigen Nutzern des Internet Explorers. Weitere Projekte, wie die Öffnung des Apple-Browsers Safari für Windows- Betriebssysteme und Googles Entwicklung von Chrome zwingen auch Microsoft, Weiterentwicklungen seines Browsers voranzutreiben. Mit den Versionen 8 und 9 nähert sich auch der Internet Explorer einer hundertprozentigen Umsetzung der W3C-Standards und bietet vergleichbare Funktionen wie andere Browser. Der zweite Browserkrieg dauert bis heute als eine Art kalter Krieg an und geht in einen Zustand des Angebot-und-Nachfrage-Prinzips über, ohne weiterhin oligarchische Züge anzunehmen, wie zu Zeiten des offenen Kampfes zwischen Netscape und Microsoft. Auch das Aufkommen mobiler Geräte mit teils sehr unterschiedlichen Browsern bereichert den Markt der Zugangssoftware und macht die Optimierung auf eine Gruppe von Browsern oder gar auf ein bestimmtes Produkt unmöglich Mobile Dienste Eine Sonderform der Inhaltsanpassung sind mobile Dienste, welche vor allem für Mobiltelefone eine Bedeutung errungen haben. Dabei spielten vor allem die gegenüber Computern eingeschränkten technischen Möglichkeiten eine Rolle. Die Geräte haben nicht nur eine geringere Rechenleistung sondern auch sehr kleine Anzeigen und sind weiterhin z.b. in der Übertragungsrate eingeschränkt. Die Mobilfunknetzbetreiber setzten zunächst auf SMS-Abonnements, mit denen die Nutzer z.b. regelmäßig Nachrichten, den Wetterbericht, usw. meist gegen die Zahlung eines Pauschalpreises als SMS-Nachricht erhalten konnten. Die Weiterentwicklung der Geräte, vor allem der Feature Phones, ermöglichte größere Datenpakete und umfangreichere Angebote. Es entstanden Portale der Mobilfunkanbieter, die auf die Bedürfnisse dieser Nutzer zugeschnitten sind und, auf die technischen Gegebenheiten abgestimmt, einen reduzierten Überblick über das Web-Angebot des Anbieters bieten. Diese Portale sind meist kostenlos, um Nutzer auf weitere dann oft kostenpflichtige Angebote aufmerksam zu machen. Der Telegrammstil der SMS-Abonnements ist weiterhin bestimmend für diese Angebote, wenn auch Bilder, Ton und Video integriert werden können. Zum Einsatz kommt hierbei meist WAP und die zugehörige Auszeichnungsspra- 12

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM Robert R. Agular Thomas Kobert 5. Auflage HTML Inklusive CD-ROM 1 HTML Mehr als nur ein paar Buchstaben Bevor wir mit dem Erstellen unserer ersten Webseite anfangen, solltest du wissen, was HTML überhaupt

Mehr

Unterscheidung Tablet PC & Tablet Computer. Tablet PC; ursprüngliche Bezeichnung von Microsoft. Tablets gemeint

Unterscheidung Tablet PC & Tablet Computer. Tablet PC; ursprüngliche Bezeichnung von Microsoft. Tablets gemeint Überblick Unterscheidung Tablet PC & Tablet Computer Tablet PC; ursprüngliche Bezeichnung von Microsoft Mit Tablet Computer sind die heutigen gängigen Mit Tablet Computer sind die heutigen gängigen Tablets

Mehr

Responsive Webdesign

Responsive Webdesign Responsive Webdesign Anlass sind 2 Probleme: 1. Darstellung der HU-Homepage auf mobilen Geräten ist nicht optimal (Überprüfung der Anzeige mit Strg+Shift+M oder Simulatoren www.responsinator.com) 2. Summe

Mehr

Workshop I. Technische Differenzierung mobiler Kommunikationslösungen am Beispiel NPO/NGO Kommunikation. 7. Juni 2011

Workshop I. Technische Differenzierung mobiler Kommunikationslösungen am Beispiel NPO/NGO Kommunikation. 7. Juni 2011 Workshop I Technische Differenzierung mobiler Kommunikationslösungen am Beispiel NPO/NGO Kommunikation 7. Juni 2011 Übersicht è Native Apps è Web-Apps è Mobile Websites è Responsive Design Mobile Kommunikation

Mehr

Mobile (R)evolution - Mobile Fusion? NIX Solution

Mobile (R)evolution - Mobile Fusion? NIX Solution Mobile (R)evolution - Mobile Fusion? NIX Solution Praxistipps zum Einsatz von Newsletter-Technologien Ein Fachbeitrag von Katrin Krenn, Team Lead Service bei Commerce Plus und Leiterin der Task Force Newsletter

Mehr

Eine Site für alle Geräte? 200grad GmbH & Co. KG 02.03.2014

Eine Site für alle Geräte? 200grad GmbH & Co. KG 02.03.2014 Eine Site für alle Geräte? 200grad GmbH & Co. KG 02.03.2014 Mit der zunehmenden Nutzung des Internets über mobile Endgeräte wie Smartphones und Tablet-PCs steigt die Notwendigkeit, den Internetauftritt

Mehr

Responsive Web Design Graceful Degradation and Progressive Enhancement

Responsive Web Design Graceful Degradation and Progressive Enhancement Graceful Degradation and Progressive Enhancement Seminar Web Engineering für Master-Studenten (WS 2013/2014) Betreuer: Michael Krug Datum: 13.12.2013 1 Gliederung 1. Warum? 2. Konzepte zur Anpassung an

Mehr

Whitepaper Responsive Design

Whitepaper Responsive Design 76% Smartphone-Besitzer surfen täglich 69% Tablet-Besitzer surfen täglich 74% der Schweizer nutzen das Internet mobil Das mobile Internet ist mittlerweile fest in den Alltag der Schweizer integriert: 76

Mehr

Responsive Design & ecommerce

Responsive Design & ecommerce Responsive Design & ecommerce Kassel, 15.02.2014 web n sale GmbH Jan Philipp Peter Was bisher geschah Was bisher geschah oder: Die mobile Evolution früher : - Lokale Nutzung - Zuhause oder im Büro - Wenige

Mehr

Allgemeine Informationen Slides2Go Stand April 2015

Allgemeine Informationen Slides2Go Stand April 2015 Allgemeine Informationen Slides2Go Stand April 2015 1. ALLGEMEINE INFORMATIONEN... 3 1.1 SYSTEMANFORDERUNGEN WEB-BACKEND... 3 1.2 SYSTEMANFORDERUNGEN FRONTEND / APP... 3 1.3 UNTERSTÜTZTE DATEIFORMATE...

Mehr

2 Whitepaper: Responsive UX Design

2 Whitepaper: Responsive UX Design Responsive UX Design Warum mobil? Eines der aktuellsten Themen in der Technischen Dokumentation ist die Bereitstellung von Inhalten für mobile Geräte. Zahlreiche Experten weisen auf die wachsende Bedeutung

Mehr

Responsive WebDesign. Zukunftssicheres Webdesign für die optimale Darstellung auf allen Geräten

Responsive WebDesign. Zukunftssicheres Webdesign für die optimale Darstellung auf allen Geräten Responsive WebDesign Zukunftssicheres Webdesign für die optimale Darstellung auf allen Geräten Moderne Web-Konzepte punkten mit einer ansprechenden Visualisierung, professionellen Fotos und informativen

Mehr

VDLUFA-Schriftenreihe 1

VDLUFA-Schriftenreihe 1 VDLUFA-Schriftenreihe 1 Wie viele Apps sind ein LIMS? J. Flekna Pragmatis GmbH, Neufahrn 1. Einleitung Seitdem mobile Endgeräte massentauglich sind, ist die Bezeichnung App fester Bestandteil unseres zeitgeistigen

Mehr

DOK. ART GD1. Citrix Portal

DOK. ART GD1. Citrix Portal Status Vorname Name Funktion Erstellt: Datum DD-MMM-YYYY Unterschrift Handwritten signature or electronic signature (time (CET) and name) 1 Zweck Dieses Dokument beschreibt wie das auf einem beliebigem

Mehr

Mobile: Die Königsfrage

Mobile: Die Königsfrage Mobile: Die Königsfrage - Native App,Mobile Website oder doch Responsive Design? - Native App oder Mobile Website? Wer am Boom der mobilen Anwendungen teilhaben möchte, hat im Prinzip zwei Möglichkeiten:

Mehr

re-lounge GmbH MEDIENBÜRO

re-lounge GmbH MEDIENBÜRO re-lounge GmbH MEDIENBÜRO Think mobile: Die Bedeutung des mobilen Web für Unternehmen 26. JANUAR 2013 01 Ansprechpartner Oliver Schmitt // Geschäftsführer der re-lounge GmbH oliver.schmitt@re-lounge.com

Mehr

Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015

Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015 Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015 Agenda 1. Einführung Was ist Responive Webdesign, Media Queries und CSS preprocessing 2. Frameworks Bootstrap,

Mehr

E-Mail Marketing Runde um Runde

E-Mail Marketing Runde um Runde Wir powern Ihr E-Mail Marketing Runde um Runde Newsletter-Optimierung für mobile Endgeräte Die Fachwelt ist sich einig, dass mit Apples iphone der Siegeszug des Smartphones begann. Mittlerweile geht der

Mehr

HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 1. Ausgabe, Dezember 2011 HTML5

HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 1. Ausgabe, Dezember 2011 HTML5 Linda York, Tina Wegener HTML5 Grundlagen der Erstellung von Webseiten 1. Ausgabe, Dezember 2011 HTML5 2 HTML5 - Grundlagen der Erstellung von Webseiten 2 Die erste Webseite mit HTML erstellen In diesem

Mehr

Das mobile Bordbuch MOB 4. Mobile Dokumentation / Mobile Documentation. Motivation. Ausgangsdaten. Anforderungen

Das mobile Bordbuch MOB 4. Mobile Dokumentation / Mobile Documentation. Motivation. Ausgangsdaten. Anforderungen MOB 4 Partnerpräsentation Das mobile Bordbuch Aleš Chyba, ŠKODA AUTO a.s., Mladá Boleslav, Tschechien Robert Erfle, DOSCO Document Systems Consulting GmbH, Heidelberg Motivation Smartphones und Tablet-Computer

Mehr

SHS Swiss Innovation Tour ITB 2014. Responsive Webdesign Unschlagbar schnelle Websites Web Analytics Tricks

SHS Swiss Innovation Tour ITB 2014. Responsive Webdesign Unschlagbar schnelle Websites Web Analytics Tricks SHS Swiss Innovation Tour ITB 2014 Responsive Webdesign Unschlagbar schnelle Websites Web Analytics Tricks Responsive Webdesign Ein Web für Alle Die Geschichte des Mobile Web Android Galaxy ipad WAP 1997

Mehr

Die Cargo Plattform bietet einen sicheren und einfachen Datentransfer mit einem modernen Web- Interface.

Die Cargo Plattform bietet einen sicheren und einfachen Datentransfer mit einem modernen Web- Interface. Die Cargo Plattform bietet einen sicheren und einfachen Datentransfer mit einem modernen Web- Interface. Inhaltsverzeichnis Erste Schritte Anmelden 2 Startseite 3 Dateimanager 4 CargoLink 5 Freigaben 6

Mehr

Schnellanleitung: Bilder für das Internet optimieren

Schnellanleitung: Bilder für das Internet optimieren Inhaltsverzeichnis Inhaltsverzeichnis... 1 Schnellanleitung: Bilder für das Internet optimieren... 1 Bilder für das Internet optimieren... 2 Auflösung bei Grafiken für Printmedien... 2 Auflösung bei Grafiken

Mehr

FAQ: Digitale Produkte

FAQ: Digitale Produkte FAQ: Digitale Produkte Allgemein Für welche Geräte bietet der Berliner KURIER digitale Anwendungen? Der Berliner KURIER hat Apps für ios ipad und Android. Ausserdem gibt es ein Web-E-Paper, dass sich mit

Mehr

Interface-Optimierung bei mobilen Endgeräten

Interface-Optimierung bei mobilen Endgeräten Interface-Optimierung bei mobilen Endgeräten Darauf sollte man achten Darstellung über CSS anpassen Durch optimierte Breiten kann man sehr einfach für Mobiltelefon oder ipad optimierte Seiten ausliefern.

Mehr

Konfiguration und Verwendung von MIT - Hosted Exchange

Konfiguration und Verwendung von MIT - Hosted Exchange Konfiguration und Verwendung von MIT - Hosted Exchange Version 3.0, 15. April 2014 Exchange Online via Browser nutzen Sie können mit einem Browser von einem beliebigen Computer aus auf Ihr MIT-Hosted Exchange

Mehr

Datenbank-basierte Webserver

Datenbank-basierte Webserver Datenbank-basierte Webserver Datenbank-Funktion steht im Vordergrund Web-Schnittstelle für Eingabe, Wartung oder Ausgabe von Daten Datenbank läuft im Hintergrund und liefert Daten für bestimmte Seiten

Mehr

Bin ich fit für myconvento?

Bin ich fit für myconvento? Bin ich fit für myconvento? Sie planen den Einsatz unserer innovativen Kommunikationslösung myconvento und fragen sich gerade, ob Ihr Rechner die Anforderungen erfüllt? Hier erfahren Sie mehr. Inhalt Was

Mehr

Wölfer-ePaper. Print-Publikationen online stellen

Wölfer-ePaper. Print-Publikationen online stellen Wölfer-ePaper Print-Publikationen online stellen Ihre Dokumente interaktiv für Online- und Offline-Kommunikation Die optimale Ergänzung zu Ihren Print-Produkten Unterstützung für mobile Endgeräte wie Apple

Mehr

http://www.nvu-composer.de

http://www.nvu-composer.de Kapitel 16 Seite 1 Ein portabler Web-Editor Wer viel Zeit in eine Website investieren will ist gut beraten, eine professionelle Software für Webdesigner zu beschaffen. Diese Programme sind sehr leistungsfähig,

Mehr

FAQ zur neuen IVW-Ausweisung mit mobilen Nutzungsdaten

FAQ zur neuen IVW-Ausweisung mit mobilen Nutzungsdaten FAQ zur neuen IVW-Ausweisung mit mobilen Nutzungsdaten Inhalt 1. Was ist NEU in der IVW-Ausweisung? 2. Kann die neue IVW-Ausweisung von jedermann frei genutzt werden? 3. Woraus setzen sich die Gesamtzahlen

Mehr

Bilddateien. Für die Speicherung von Bilddaten existieren zwei grundsätzlich unterschiedliche Verfahren. Bilder können als

Bilddateien. Für die Speicherung von Bilddaten existieren zwei grundsätzlich unterschiedliche Verfahren. Bilder können als Computerdateien Alle Dateien auf dem Computer, egal ob nun Zeichen (Text), Bilder, Töne, Filme etc abgespeichert wurden, enthalten nur eine Folge von Binärdaten, also Nullen und Einsen. Damit die eigentliche

Mehr

iphone Apps vs. Mobile Web

iphone Apps vs. Mobile Web iphone Apps vs. Mobile Web Smartphone-Anwendungen im Museumsbereich Vortrag iphone App vs. Mobile Web von Ines Dorian Gütt auf der Herbsttagung 2010 Seite 1/27 Inhalt Einführung iphone Apps Apps in itunes

Mehr

Konzepte zur Datenhaltung für Webseiten in einem Web-Content- Management-System

Konzepte zur Datenhaltung für Webseiten in einem Web-Content- Management-System Konzepte zur Datenhaltung für Webseiten in einem Web-Content- Management-System Web-Content-Management-Systeme () dienen dazu, komplexe Websites zu verwalten und den Autoren einzelner Webseiten möglichst

Mehr

AM BeIsPIel Der DAsInvestMent.coM MoBIl WeB APP

AM BeIsPIel Der DAsInvestMent.coM MoBIl WeB APP AM BeIsPIel Der DAsInvestMent.coM MoBIl WeB APP 2 Inhalt Warum ist es sinnvoll eine spezielle Applikation für mobile Geräte zu entwickeln? Seite 5 Welche Möglichkeiten der Umsetzung gibt es? 6 Mobile Applikation

Mehr

Checkliste SEO-Onpage Optimierung

Checkliste SEO-Onpage Optimierung Checkliste SEO-Onpage Optimierung Vorwort Die Wichtigkeit von Suchmaschinen-Sichtbarkeit für die Generierung von Traffic, Leads und Kunden ist unbestritten. Anders verhält es sich jedoch mit den Faktoren,

Mehr

Usability Engineering

Usability Engineering Fakultät Informatik, Prof. Dr. rer. pol. Thomas Urban Usability Engineering Kapitel 5 Mobile Usability Gliederung 1 Usability Engineering - Einführung 2 Wahrnehmungspsychologie 3 Usability Engineering

Mehr

Praxisbericht Mobile Publishing. Willkommen in der Welt der Publikationen! seit 1799

Praxisbericht Mobile Publishing. Willkommen in der Welt der Publikationen! seit 1799 Praxisbericht Mobile Publishing Willkommen in der Welt der Publikationen! seit 1799 Inhalte Entwicklung, Geräte, Markt, Nutzung Publikationswege für Tablet-PC Demonstrationen, Beispiele Mobile Publishing

Mehr

TM1 mobile intelligence

TM1 mobile intelligence TM1 mobile intelligence TM1mobile ist eine hochportable, mobile Plattform State of the Art, realisiert als Mobile BI-Plug-In für IBM Cognos TM1 und konzipiert als Framework für die Realisierung anspruchsvoller

Mehr

Erstellen von Beiträgen

Erstellen von Beiträgen Erstellen von Beiträgen Hinweis Die Anleitung ist für den Microsoft Internet Explorer 10 erstellt. Wird ein anderer Webbowser wie Firefox, Safari oder Google Chrom usw. verwendet, kann die Darstellung

Mehr

Smartphone - Betriebssysteme. Smartphone - Betriebssysteme

Smartphone - Betriebssysteme. Smartphone - Betriebssysteme Smartphone - Betriebssysteme Peter Rami - Graz, 28.04.2009 Inhalt Smartphone Symbian OS Windows Mobile BlackBerry OS iphone OS Android Marktanteile & Ausblick Smartphone - Betriebssysteme Peter Rami -

Mehr

Auflösung von Displays und Pixelbildern. Unterlagen für den Workshop Designing Interactions in XS Stand März 2012

Auflösung von Displays und Pixelbildern. Unterlagen für den Workshop Designing Interactions in XS Stand März 2012 Unterlagen für den Workshop Designing Interactions in XS Stand März 2012 Nutzungsumfeld und -situationen Kategorisierung von Geräten Eingabe für mobile Geräte Displaytechnologien Auflösung von Displays

Mehr

Dreamweaver 8 Homepage erstellen Teil 1

Dreamweaver 8 Homepage erstellen Teil 1 Dreamweaver 8 Homepage erstellen Teil 1 Voraussetzungen Das vorliegende Skriptum knüpft an das Skriptum Dreamweaver_Einführung an und setzt voraus, dass du dieses bereits durchgearbeitet hast. Planung

Mehr

Benutzerleitfaden MobDat-CSG (Nutzung des Heimrechners für dienstliche Zwecke)

Benutzerleitfaden MobDat-CSG (Nutzung des Heimrechners für dienstliche Zwecke) Benutzerleitfaden MobDat-CSG (Nutzung des Heimrechners für dienstliche Zwecke) Verfasser/Referent: IT-Serviceline Hardware und Infrastruktur, DW 66890 Inhaltsverzeichnis 1 Allgemeines... 3 2 Windows XP

Mehr

Fighting-layout-bugs. Layout bugs - Wie man sie findet und erfolgreich bekämpft

Fighting-layout-bugs. Layout bugs - Wie man sie findet und erfolgreich bekämpft Fighting-layout-bugs Layout bugs - Wie man sie findet und erfolgreich bekämpft Gliederung 2 1) Einführung 2) Erste Schritte: Code-Validierung gegen Bugs 3) Fighting Layout Bugs - a library for automatic

Mehr

Dokumentation für die Arbeit mit dem Redaktionssystem (Content Management System -CMS) zur Wartung Ihrer Homepage (Website)

Dokumentation für die Arbeit mit dem Redaktionssystem (Content Management System -CMS) zur Wartung Ihrer Homepage (Website) Dokumentation für die Arbeit mit dem Redaktionssystem (Content Management System -CMS) zur Wartung Ihrer Homepage (Website) Redaktion Mit der Redaktion einer Webseite konzentrieren Sie sich auf die inhaltliche

Mehr

Java Script für die Nutzung unseres Online-Bestellsystems

Java Script für die Nutzung unseres Online-Bestellsystems Es erreichen uns immer wieder Anfragen bzgl. Java Script in Bezug auf unser Online-Bestell-System und unser Homepage. Mit dieser Anleitung möchten wir Ihnen einige Informationen, und Erklärungen geben,

Mehr

Die Sache mit den Bildern

Die Sache mit den Bildern Die Sache mit den Bildern S Grafiken im mobilen Webdesign S S Contao NRW Day 2014 S 1 Janosch Oltmanns seit 2011 bei DMA Interaction Developer Desktop & Mobile Buchautor: Web-Apps erstellen mit CMS-Daten

Mehr

Mobile Varianten für Open Text Web Solutions

Mobile Varianten für Open Text Web Solutions Mobile Varianten für Open Text Web Solutions Management Server Delivery Server Gerätespezifische Bereitstellung bestehender Online-Inhalte für mobile Nutzer IHR LOGO Dirk Langenheim dirk.langenheim@intentive.de

Mehr

Mobile Kartenanwendungen im Web oder als App?

Mobile Kartenanwendungen im Web oder als App? Mobile Kartenanwendungen im Web oder als App? Agenda Anforderungen an eine mobile Kartenanwendung Warum mobile Anwendungen? Mobil ist nicht genug! Knackpunkte bei der Entwicklung mobiler Kartenanwendungen

Mehr

Factsheet. Einbau TOSC4. Version: 4 Letzte Änderung: 19.12.2013 Geändert von: Armin Schanitz

Factsheet. Einbau TOSC4. Version: 4 Letzte Änderung: 19.12.2013 Geändert von: Armin Schanitz Factsheet Einbau TOSC4 Version: 4 Letzte Änderung: 19.12.2013 Geändert von: Armin Schanitz Letzte Änderungen: - Mobile Version - Reverse Proxy - Hinweise Lightbox 0. Inhaltsverzeichnis 0. 1. 2. INHALTSVERZEICHNIS...

Mehr

Anleitung für die Aktualisierung des HTML-Dokuments

Anleitung für die Aktualisierung des HTML-Dokuments Anleitung für die Aktualisierung des HTML-Dokuments Diese Anleitung erläutert das Herunterladen des G800SE-HTML-Dokuments von der Ricoh- Website und das Aktualisieren des HTML-Dokuments. Nehmen Sie folgende

Mehr

What you see is not what you get! Shop Management im Multi Device Zeitalter

What you see is not what you get! Shop Management im Multi Device Zeitalter What you see is not what you get! Shop Management im Multi Device Zeitalter 24. März 2015 Internet World 2015, München Titel der Präsentation Oliver Goerke piazza blu 2 GmbH Strategic e-business with IBM

Mehr

U.motion. U.motion Control. Technisches Handbuch. Control-App für ios-geräte. 04/2014 Version 1.0.1. www.merten.com

U.motion. U.motion Control. Technisches Handbuch. Control-App für ios-geräte. 04/2014 Version 1.0.1. www.merten.com U.motion U.motion Control Control-App für ios-geräte 04/2014 Version 1.0.1 www.merten.com ALLGEMEINE INFORMATIONEN Schneider Electric GmbH c/o Merten Gothaer Straße 29, 40880 Ratingen www.merten.de www.merten-austria.at

Mehr

PC-Schule für Senioren. Windows Phone. für Einsteiger

PC-Schule für Senioren. Windows Phone. für Einsteiger PC-Schule für Senioren Windows Phone für Einsteiger INHALT 7 IHR WINDOWS PHONE 7 Aus grauer Vorzeit: Die Historie 8 Windows Phone und die Konkurrenz 11 Los geht s: Das Microsoft-Konto 15 Ein Gang um das

Mehr

So geht s Schritt-für-Schritt-Anleitung

So geht s Schritt-für-Schritt-Anleitung So geht s Schritt-für-Schritt-Anleitung Software WISO Mein Büro Thema Das Programm ist sehr langsam Version/Datum V 14.00.08.300 1. Einführung Mit wachsender Datenmenge und je nach Konfiguration, kann

Mehr

1 Websites mit Frames

1 Websites mit Frames 1 Websites mit Frames Mehrere Seiten in einer einzelnen Seite anzeigen - Was sind Frames und wie funktionieren sie? - Was sind die Vor- und Nachteile von Frames? - Wie erstellt man eine Frames- Webseite?

Mehr

Bilder-SEO Tipps. Optimierung von Bildinhalten für Suchmaschinen. Suchmaschinenoptimierung von Bildern

Bilder-SEO Tipps. Optimierung von Bildinhalten für Suchmaschinen. Suchmaschinenoptimierung von Bildern Bilder-SEO Tipps Suchmaschinenoptimierung von Bildern Optimierung von Bildinhalten für Suchmaschinen. System-Voraussetzungen: WebSite mit TYPO3 ab Version 4.2 BlueChip Software GmbH Business Software Web

Mehr

Im Original veränderbare Word-Dateien

Im Original veränderbare Word-Dateien Computergrafik Bilder, Grafiken, Zeichnungen etc., die mithilfe von Computern hergestellt oder bearbeitet werden, bezeichnet man allgemein als Computergrafiken. Früher wurde streng zwischen Computergrafik

Mehr

Ohne Technik kein Online-Journalismus

Ohne Technik kein Online-Journalismus Ohne Technik kein Online-Journalismus von Frank Niebisch, Redakteur für Technologie- und Medien-Themen ECONOMY.ONE AG - Verlagsgruppe Handelsblatt Online. f.niebisch@t-online.de 0173/2934640 Bochum, 15.05.2002

Mehr

Internetauftritt: Hochschulpartnerschaften - Datenbank

Internetauftritt: Hochschulpartnerschaften - Datenbank Hochschule für Technik, Wirtschaft und Kultur Leipzig (FH) University of Applied Sciences Internetauftritt: Hochschulpartnerschaften - Datenbank Modul: Anleitung für Typo3 bzgl. Partnerhochschulen einpflegen

Mehr

1.2.1 Gestaltpsychologie

1.2.1 Gestaltpsychologie 1.2 Gestaltgesetze 1.2.1 Gestaltpsychologie... 40 1.2.2 Gesetz von der einfachen Gestalt... 41 1.2.3 Gesetz der Nähe... 42 1.2.4 Gesetz der Gleichheit... 43 1.2.5 Gesetz der Geschlossenheit... 44 1.2.6

Mehr

Zuerst: Installation auf dem Mobilgerät (des Kindes)

Zuerst: Installation auf dem Mobilgerät (des Kindes) Inhalt Willkommen... 3 Was ist der Chico Browser?... 3 Bei Android: App Kontrolle inklusive... 3 Das kann der Chico Browser nicht... 3 Zuerst: Installation auf dem Mobilgerät (des Kindes)... 4 Einstellungen

Mehr

emuseum STELLEN SIE IHRE SAMMLUNG INS NETZ Warum emuseum? Mühelos mit TMS integrierbar Leistungsstarke Suchfunktionen Komplett anpassbar My Collection

emuseum STELLEN SIE IHRE SAMMLUNG INS NETZ Warum emuseum? Mühelos mit TMS integrierbar Leistungsstarke Suchfunktionen Komplett anpassbar My Collection emuseum emuseum STELLEN SIE IHRE SAMMLUNG INS NETZ emuseum ist ein online Publishing-System zur Veröffentlichung von Informationen aus TMS im Internet und auf mobilen Endgeräten. Mithilfe von emuseum können

Mehr

Auszug. Mobile Advertising. Ein Wachstumsmarkt am Beispiel der Schweiz

Auszug. Mobile Advertising. Ein Wachstumsmarkt am Beispiel der Schweiz Mobile Advertising Ein Wachstumsmarkt am Beispiel der Schweiz März 2012 1 Executive Summary 1 2 Ein Markt im Aufbau 2 2.1 Nutzung von Smartphones 3 2.2 Verteilung der Mediennutzung und Werbeausgaben 4

Mehr

Philosophie & Tätigkeiten. Geschäftsfelder. Software Engineering. Business Applikationen. Mobile Applikationen. Web Applikationen.

Philosophie & Tätigkeiten. Geschäftsfelder. Software Engineering. Business Applikationen. Mobile Applikationen. Web Applikationen. Philosophie & Tätigkeiten Wir sind ein Unternehmen, welches sich mit der Umsetzung kundenspezifischer Softwareprodukte und IT-Lösungen beschäftigt. Wir unterstützen unsere Kunde während des gesamten Projektprozesses,

Mehr

Handbuch VERBINDUNG ZUM TERMINAL SERVER

Handbuch VERBINDUNG ZUM TERMINAL SERVER Handbuch VERBINDUNG ZUM TERMINAL SERVER Einleitung Dieses Dokument beschreibt Ihnen, wie Sie sich auf einen Terminalserver (TS) mithilfe von einem Gerät, auf den die Betriebssysteme, Windows, Mac, IOS

Mehr

Kurzanleitung zu Webordnern in ILIAS

Kurzanleitung zu Webordnern in ILIAS Kurzanleitung zu Webordnern in ILIAS Stand: März 2010 Dipl.-Hdl. Mark Kusserow Christian Bogen, M.A. CompetenceCenter E-Learning des Prorektors für Lehre und Studium E-Mail: elearning-ilias@uni-koeln.de

Mehr

AD SPECIFICATIONS. Standard-Banner. Bereitstellung durch Website (Site Served) Creative. Animation. Übermittlung von Raw Assets.

AD SPECIFICATIONS. Standard-Banner. Bereitstellung durch Website (Site Served) Creative. Animation. Übermittlung von Raw Assets. Standard-Banner Bei einem Standard-Banner handelt es sich um ein Werbeformat in Form eines statischen oder animiertes Bild. Das Werbeformat kann unterschiedliche Aktionen ausführen, einschließlich der

Mehr

Vielen Dank, dass Sie sich für die Software der myfactory International GmbH entschieden haben.

Vielen Dank, dass Sie sich für die Software der myfactory International GmbH entschieden haben. Vielen Dank, dass Sie sich für die Software der myfactory International GmbH entschieden haben. Um alle Funktionen unserer Software nutzen zu können, sollten Sie bitte in Ihrem Browser folgende Einstellungen

Mehr

Verbinden von Outlook mit ihrem Office 365 Konto

Verbinden von Outlook mit ihrem Office 365 Konto Webmailanmeldung Öffnen sie in ihrem Browser die Adresse webmail.gym-knittelfeld.at ein. Sie werden automatisch zum Office 365 Anmeldeportal weitergeleitet. Melden sie sich mit ihrer vollständigen E-Mail-Adresse

Mehr

Virales Marketing mit Smartphones. Jens Doose - Onwerk GmbH 05.11.2010

Virales Marketing mit Smartphones. Jens Doose - Onwerk GmbH 05.11.2010 Virales Marketing mit Smartphones Jens Doose - Onwerk GmbH 05.11.2010 Über Onwerk Was ist ein Smartphone? Eigene Inhalte auf dem Telefon Statistiken Virales Marketing Mobiles virales Marketing Beispiel

Mehr

Präsentation Von Laura Baake und Janina Schwemer

Präsentation Von Laura Baake und Janina Schwemer Präsentation Von Laura Baake und Janina Schwemer Gliederung Einleitung Verschiedene Betriebssysteme Was ist ein Framework? App-Entwicklung App-Arten Möglichkeiten und Einschränkungen der App-Entwicklung

Mehr

Gültig ab: 3. Dezember 2013

Gültig ab: 3. Dezember 2013 Cookies Richtlinie Gültig ab: 3. Dezember 2013 Hinweis: Bitte achten Sie darauf, dass dieses Dokument eine Übersetzung der englischen Fassung ist. Im Streitfall hat die englische Fassung Vorrang. Cookies

Mehr

Von Der Idee bis zu Ihrer App

Von Der Idee bis zu Ihrer App Von Der Idee bis zu Ihrer App Solid Apps Von Der Idee bis zu Ihrer App Konzeption, Design & Entwicklung von Applikationen für alle gängigen Smartphones & Tablets Sowie im Web - alles aus einer Hand! In

Mehr

Übernahme der Termine aus dem Cisco-Calendar auf den eigenen Computer oder das Smartphone

Übernahme der Termine aus dem Cisco-Calendar auf den eigenen Computer oder das Smartphone Übernahme der Termine aus dem Cisco-Calendar auf den eigenen Computer oder das Smartphone Der erste Teil der Anleitung richtet sich vor allem an Schülerinnen und Schüler. Das Verfahren ist sehr einfach,

Mehr

Computer-System (PC = Personal Computer)

Computer-System (PC = Personal Computer) Computer-System (PC = Personal Computer) Ein Computer besteht aus mehreren Komponenten, die miteinander arbeiten und verschiedene Funktionen im Computer übernehmen. Jeder Computer hat andere Komponenten,

Mehr

Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK

Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel XDK und dem Responsive Webdesign vertraut. Es wird

Mehr

icloud Kapitel Apples icloud-dienst wurde bereits in vorangegangenen in diesem Abschnitt wollen wir uns dem Service nun im Detail widmen.

icloud Kapitel Apples icloud-dienst wurde bereits in vorangegangenen in diesem Abschnitt wollen wir uns dem Service nun im Detail widmen. Kapitel 6 Apples icloud-dienst wurde bereits in vorangegangenen Kapiteln mehrfach angesprochen, in diesem Abschnitt wollen wir uns dem Service nun im Detail widmen. um einen Dienst zur Synchronisation

Mehr

Windows 8 die Tablet-Plattform fü r Unternehmen

Windows 8 die Tablet-Plattform fü r Unternehmen Windows 8 die Tablet-Plattform fü r Unternehmen Inhaltsverzeichnis Einleitung... 3 Anforderungen des Fachbereiches... 3 Geschwindigkeit... 3 Einfache Bedienung... 3 Displaygröße... 3 Gesamtgröße und Gewicht...

Mehr

KABEG Portal. Anleitung für die Installation auf privaten Endgeräten. Hauptabteilung Technik und Bau

KABEG Portal. Anleitung für die Installation auf privaten Endgeräten. Hauptabteilung Technik und Bau Hauptabteilung Technik und Bau 9020 Klagenfurt am Wörthersee Kraßniggstraße 15 T +43 463 55212-0 F +43 463 55212-50009 www.kabeg.at KABEG Portal Anleitung für die Installation auf privaten Endgeräten Seite

Mehr

Erstellen von Postern mit PowerPoint

Erstellen von Postern mit PowerPoint Erstellen von Postern mit PowerPoint Ziel Wer soll durch das Poster angesprochen werden? Welche Informationen sollen durch das Poster übermittelt werden? Ein Poster kombiniert Abbildungen und Texte, um

Mehr

Angreifbarkeit von Webapplikationen

Angreifbarkeit von Webapplikationen Vortrag über die Risiken und möglichen Sicherheitslücken bei der Entwicklung datenbankgestützter, dynamischer Webseiten Gliederung: Einführung technische Grundlagen Strafbarkeit im Sinne des StGB populäre

Mehr

Mobile Marketing. Mobile Erfolgsstrategien mit interoperativen Systemen im Ökosystem des mobile Webs

Mobile Marketing. Mobile Erfolgsstrategien mit interoperativen Systemen im Ökosystem des mobile Webs Mobile Marketing Mobile Erfolgsstrategien mit interoperativen Systemen im Ökosystem des mobile Webs Smartphones gerne lautlos anlassen :-) Kurzvorstellung Martin Schmitz E-Marketing-Manager, Projektleiter

Mehr

1.Was ist ein Drucker? 2.Treiber / Druckersprache / Spooler 3.Kenngrößen 4.Unterscheidungskriterien 5.Matrixdruck

1.Was ist ein Drucker? 2.Treiber / Druckersprache / Spooler 3.Kenngrößen 4.Unterscheidungskriterien 5.Matrixdruck Drucker 1.Was ist ein Drucker? 2.Treiber / Druckersprache / Spooler 3.Kenngrößen 4.Unterscheidungskriterien 5.Matrixdruck 5.1.Halbtonverfahren 5.2.Farbe 6.Druckertypen Was ist ein Drucker? Ein Drucker

Mehr

CRM2GO. Erste Schritte

CRM2GO. Erste Schritte CRM2GO Erste Schritte 1. Loggen Sie sich in CRM2GO ein... 3 2. Systemanforderungen... 3 3. Benutzeroberfläche und Grundfunktionen... 4 4. Filtern... 5 5. Funktionen... 6 5.1 Kontaktmanagement...6 5.2 Vertrieb...7

Mehr

Corporate Design + ANWENDUNG

Corporate Design + ANWENDUNG Corporate Design + ANWENDUNG CD VERFASSEN EINES BRIEFES 1 AUF VORGEDRUCKTEM BRIEFPAPIER Papier einlegen Legen Sie das vorgedruckte Papier in den Drucker ein. Wordvorlage wählen Entnehmen Sie dem Ordner

Mehr

VMware Workspace Portal- Benutzerhandbuch

VMware Workspace Portal- Benutzerhandbuch VMware Workspace Portal- Benutzerhandbuch Workspace Portal 2.1 Dieses Dokument unterstützt die aufgeführten Produktversionen sowie alle folgenden Versionen, bis das Dokument durch eine neue Auflage ersetzt

Mehr

Inhaltsverzeichnis. Christoph Zillgens. Responsive Webdesign. Reaktionsfähige Websites gestalten und umsetzen. ISBN (Buch): 978-3-446-43015-0

Inhaltsverzeichnis. Christoph Zillgens. Responsive Webdesign. Reaktionsfähige Websites gestalten und umsetzen. ISBN (Buch): 978-3-446-43015-0 sverzeichnis Christoph Zillgens Responsive Webdesign Reaktionsfähige Websites gestalten und umsetzen ISBN (Buch): 978-3-446-43015-0 ISBN (E-Book): 978-3-446-43120-1 Weitere Informationen oder Bestellungen

Mehr

2. DFG- Workshop 3.1. Erfassung/Bewertung/Transfer. Beitrag von Peter Küsters. Spiegelung. Archiv. Bild 1: Unterschied zwischen FTP und Spiegelung

2. DFG- Workshop 3.1. Erfassung/Bewertung/Transfer. Beitrag von Peter Küsters. Spiegelung. Archiv. Bild 1: Unterschied zwischen FTP und Spiegelung 2. DFG- Workshop 3.1. Erfassung/Bewertung/Transfer Beitrag von Peter Küsters Formen des Datentransfers bei der Erfassung von Websites Im folgenden werden Methoden und Software zur Erfassung vorgestellt.

Mehr

Messdaten auswerten und visualisieren 5 Tipps, die passende Darstellungstechnik für ein Messsystem zu finden

Messdaten auswerten und visualisieren 5 Tipps, die passende Darstellungstechnik für ein Messsystem zu finden Messdaten auswerten und visualisieren 5 Tipps, die passende Darstellungstechnik für ein Messsystem zu finden 27.05.13 Autor / Redakteur: Nach Unterlagen von National Instruments / Hendrik Härter Messdaten

Mehr

Mobil im Web aber wie? Zwischen mobiler Website und App

Mobil im Web aber wie? Zwischen mobiler Website und App Mobil im Web aber wie? Zwischen mobiler Website und App durch Sascha Scholz Ihr Ansprechpartner: Sascha Scholz Telefon: 0221-569576-412 E-Mail: s.scholz@kernpunkt.de Mobil im Web aber wie? Zwischen mobiler

Mehr

Proseminar: Website-Management-Systeme

Proseminar: Website-Management-Systeme Proseminar: Website-Management-Systeme Thema: Web: Apache/Roxen von Oliver Roeschke email: o_roesch@informatik.uni-kl.de Gliederung: 1.) kurze Einleitung 2.) Begriffsklärung 3.) Was ist ein Web? 4.) das

Mehr

modern - sharp - elegant

modern - sharp - elegant modern - sharp - elegant Das Konzept für Ihre Webseite Wir sind Ihnen gerne bei der Konzeption Ihrer neuen Webseite behilflich. Gemeinsam mit Ihnen analysieren wir Ihre Anforderungen, erarbeiten die Ziele

Mehr

Wir lernen PowerPoint - Grundkurs - Präsentation

Wir lernen PowerPoint - Grundkurs - Präsentation Inhalt der Anleitung Seite 1. Einführung: Was ist PowerPoint? 2 2. Eine einfache Präsentation erstellen 3 a) Layout 3 b) Weitere Seiten einfügen 3 c) Grafik einfügen 4 d) Speichern als ppt-datei 5 e) Seiten-Hintergrund

Mehr

MobiDM-App - Handbuch für ios

MobiDM-App - Handbuch für ios MobiDM-App - Handbuch für ios Dieses Handbuch beschreibt die Installation und Nutzung der MobiDM-App für ios Version: x.x Seite 1 Inhalt 1. WILLKOMMEN BEI MOBIDM... 2 1.1. VOR DER INSTALLATION... 2 2.

Mehr

Schritte zu einer guten Über mich Seite in XING.

Schritte zu einer guten Über mich Seite in XING. Schritte zu einer guten Über mich Seite in XING. 1 1. Die Wirkung der Über mich Seite in XING Im neuen XING Layout spielt die Über mich Seite von der Sichtbarkeit und Optik eine zentralere Rolle. Beim

Mehr

Über uns... 3 Online Marketing... 4 Programmierung... 5 Webdesign... 6 Apps... 7 Design & Print... 8 Referenzen... 9

Über uns... 3 Online Marketing... 4 Programmierung... 5 Webdesign... 6 Apps... 7 Design & Print... 8 Referenzen... 9 Über uns... 3 Online Marketing... 4 Programmierung... 5 Webdesign... 6 Apps... 7 Design & Print... 8 Referenzen... 9 ÜBER UNS UNS Wir sind eine Full-Service Werbeagentur aus Heppenheim, die deutschlandweit

Mehr

Ziele dieses Buches 2 Was können Sie von diesem Buch erwarten? 3 Und nach dem Buch? 5

Ziele dieses Buches 2 Was können Sie von diesem Buch erwarten? 3 Und nach dem Buch? 5 Inhaltsverzeichnis Einleitung 1 Ziele dieses Buches 2 Was können Sie von diesem Buch erwarten? 3 Und nach dem Buch? 5 Über mich 7 Kapitel 1 Konzeption und Planung der Website 11 1.1 Grundüberlegungen 12

Mehr

Neue Oberfläche April 2013. am Montag, den 15. April 2013. Folie 1

Neue Oberfläche April 2013. am Montag, den 15. April 2013. Folie 1 Neue Oberfläche April 2013 am Montag, den 15. April 2013 Folie 1 Erklärung der Icons Die Icons, welche in jeder Update-Kommunikation verwendet werden, haben folgende Bedeutung: Neuerung (aktiv) Direkt

Mehr