086 PAGE PROJEKTE Swiss.com-Relaunch

Größe: px
Ab Seite anzeigen:

Download "086 PAGE 07.14 PROJEKTE Swiss.com-Relaunch"

Transkript

1 086 PAGE PROJEKTE Swiss.com-Relaunch In der Erlebniswelt World of Swiss bewegt sich der User entweder scrollend von einer Navigationsebene zur anderen oder wechselt über die Punkte außen rechts direkt zu einzelnen Inhalten. Hinter dem Symbol oben rechts verbirgt sich ein ausführliches Navigationsmenü xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx PROJEKT Relaunch der Swiss-Website und Launch der Seite World of Swiss ( ) ZIEL Die Swiss-Markenwerte interaktiv erlebbar machen KUNDE Swiss International Air Lines AG, Basel ( ) AGENTUR Hinderling Volkart, Zürich ( ) VIDEOPRODUKTION Lauschsicht, Zürich ( ) ZEITRAUM Oktober 2012 bis April 2014 TECHNIK HTML5, Canvas und CSS, PHP mit Symfony2

2 PAGE Übr de Wölchlii Komplett responsiv kommt der Website-Relaunch für die schweizerische Traditionsairline Swiss daher. Neu an Bord: die integrierte Erlebniswelt World of Swiss. PAGE beschreibt, wie Hinderling Volkart in unzähligen Iterationen Detail um Detail optimierte und schließlich der Performance einen erstaunlichen Schub verlieh

3 088 PAGE PROJEKTE Swiss.com-Relaunch

4 PAGE Ein wenig in die Jahre gekommen war die alte Website der Fluglinie Swiss. Zwar hatte Hinderling Volkart als digitale Lead-Agentur bereits Hand an die Homepage gelegt, doch gerade in Bezug auf Inhalt, Form und Interaktion war die alte Website nicht mehr auf dem neuesten Stand. Also lud Swiss im Sep tember 2012 acht Agenturen aus der Schweiz und aus Deutschland zum Pitch, aus dem Hinderling Volkart als Gewinner hervorging.»mit dem Relaunch von wollten wir ganz klar ei ne Bench mark setzen«, sagt Creative Director und Part ner Michael Hinderling.»In der Verbindung von Technologie, Kreation und Innovation versuchen wir immer ganz neue Wege zu gehen.«das Ziel: eine responsive Website, über die sich Flüge verkaufen lassen und die die Besucher schnell und dabei übersichtlich informiert. Flüge checken über den Wolken Hinter dem Menüpunkt»Fliegen«der neuen Website verbirgt sich eine ganz eigene Welt. Die World of Swiss ist eine eigenständige interaktive Plattform, auf der User hinter die Kulissen der großen, traditionsreichen Schweizer Fluggesellschaft blicken können: Von einem beeindruckend realistisch animierten Wolkenritt aus gelangt man auf überraschenden Klickwegen in die unterschiedlichsten bildschirmfüllenden Videos, die Fragen beantworten wie: Wie bereitet sich die Crew auf den Flug vor? Was für Flugzeugtypen sind Teil der Flotte? Was macht den Service in der Business Class aus? Oder wo und wie Linke Seite: Projektleiter Sebastien Donzel, Kreativdirektor Michael Hinderling und Artdirektor Milo Peter (von links) bei der Konzep tionsarbeit in der Agentur. Darunter das Resultat, die responsive Website von Swiss. Oben: Scribble zum responsiven Konzept der Erlebniswelt entstehen eigentlich die Qualitätsprodukte für die typisch schweizerische Bordverpflegung?»Die Themen passten perfekt zu den Markenwerten von Swiss und boten zugleich genug Potenzial für eine interessante Umsetzung«, freut sich Michael Hinderling. So mühelos wirkt das Ergebnis, dass man gern vergisst, wie viel Arbeit insgesamt darin steckt: Über 70 potenzielle Videosujets recherchierten die Hinderling-Volkart-Konzepter gemeinsam mit ihrem Be wegtbildpartner Lauschsicht, der praktischerweise gleich im selben Haus sitzt. Für die Umsetzung der World of Swiss benötigte das Team dann rund zehn Monate parallel zu dem eigentlichen Website-Relaunch. Vier Navigationsebenen bietet die World of Swiss ihren Besuchern. Zunächst wäre da das Bergpanorama (von den UX Designern bei Hinderling Volkart Ground Layer genannt). Über klickbare Teaser gelangt man in den sogenannten Cloud Layer, wo der User alle erdenklichen Informationen in Filmen, Slideshows und verlinkten Karten sowie aufpoppenden Bildern und Texten erkunden kann. Die Videos enthalten beispielsweise eine ganze Reihe von Hotspots, die bei Roll-over die Bewegung einfrieren und punktuell spezifische Informationen frei ge ben. Die dritte Ebene über den Wolken, Fleet Layer genannt präsentiert sämtliche Flugzeugtypen der Flotte. Jeder ins Bild schwebende Flieger offenbart auf Klick seine Flugrouten inklusive der aktuellen Position auf der Echtzeitweltkarte der Webseite (Live Route Network).

5 090 PAGE PROJEKTE Swiss.com-Relaunch Am Anfang der World of Swiss stand die Vision einer dreidimensional animierten, interaktiv erlebbaren Welt. Die Designer visualisierten dies so gut es ging auf Papier und starteten dann sehr schnell mit einem Prototyp in HTML. Danach folgten etliche Iterationen von Design, Konzeption und Programmierung, bevor endlich der Eindruck einer performanten Erlebniswelt entstand. Agile Platzrunden durch die Browsersysteme Nun sind die Iterationen ja eigentlich nichts Neues für ein agiles Projektteam. Doch im Falle von Swiss drehten die Interaction Designer und Entwickler jeweils zahlreiche Extrarunden, bis die Performance stimm te.»während der Entwicklung hatten wir viele Abstürze wegen Speicherüberlastung und Performanceprobleme«, erinnert sich Severin Klaus, Head of Development und Partner bei Hinderling Volkart.»Wir brauchten sehr viel Zeit, bis wir die Animationen und Grafiken so weit hatten, dass sie unserer Vorstellung entsprachen.«die Developer entwickelten zuerst sehr viel in Googles Chrome-Browser: Bei der ersten Iteration ging es sozusagen erst einmal nur um let the baby walk somehow.»im Hinterkopf hatten wir natürlich die Brow ser- Einschränkungen. Wir wussten also, dass wir weder WebGL noch durchgehend 3D-Transforma tionen einsetzen konnten«, so Klaus (siehe Seite 92 f.). Später weiteten die Developer das interne Testing auf die anderen Desktopbrowser und den ios-browser Safari aus. In einem letzten Schritt folgte daran anschließend eine ausgiebige Durchlaufprobe, in der erstmals auch Testkandidaten von Swiss mitmachten. Diese teilweise externen Sitzungen zogen sich über fünf Releases. Ein bewegender Moment: die Swiss-IT-Abteilung kurz nach der Live-Schaltung»Die gesamte Swiss-Website ist responsiv. Nur für die World of Swiss gibt es noch keine mobile Version. Leider fehlte uns die Zeit dafür«, bedauert Michael Hinderling. Die Seite würde zwar auf modernen mobilen Geräten laufen, doch die Darstellung und Bedienung lässt sich bisher nicht responsiv skalieren. Die Typo wäre zu klein und die Bedienung zu kraxelig geworden. Deswegen entschied sich die Agentur gegen die mobile Live-Schaltung.»Da die Erlebniswelt den User dazu bewegen soll, die Inhalte explorativ zu erkunden und das auf mobilen Endgeräten ohnehin nur beschränkt sinnvoll ist, erschien uns die mobile Variante hier am ehesten verzichtbar.«dennoch existiert jetzt ein Bruch für alle, die mobil auf Swiss.com surfen und von dort auf die World of Swiss gelangen wollen.»deshalb wird die Optimierung der mobilen Version das Erste sein, was wir in Phase zwei umsetzen«, so Hinderling. Ein weiterer Punkt, der noch auf seine Realisierung wartet, ist die Mög lichkeit nutzergenerierten Contents. Das Konzept von Hinderling Volkart enthielt die Vision, dass sich User auf dem Live Route Network einchecken, damit Freunde, Kollegen oder die Familie nachverfolgen können, wo sie sich gerade befinden. Rund anderthalb Jahre liegen hinter dem Team. Keine Frage, es hat einen beeindruckenden agilen Kunstflug hinter sich, auf dem ihm ein konsistenter Rundumblick auf die Welt von Swiss International Air Lines gelang.»wir sind sehr zufrieden und stolz mit dem, was wir erreicht haben«, erklärt Michael Hinderling.»Alle Beteiligten einte das Streben nach Perfektion, und das hat die gegenseitige Motivation zusätzlich befeuert.«so zuverlässig wie in einem Schweizer Uhrwerk folgte bei Hinderling Volkart die große Relaunchparty, bei der das gesamte Team auf die erfolgreiche Arbeit anstieß. ae

6 PAGE Responsiv auf HTML5-Basis Für den neuen Airline-Auftritt hatte Swiss ursprünglich ein Budget für native Apps vorgesehen. Doch schreckte man vor der langfristigen Entwicklung und vor allem vor der Pflege verschiedener Lösungen zurück. Mit dem responsiven Ansatz auf HTML5-Basis bedient Hinderling Volkart auch Android und ios, und der Code muss übergreifend nur einmal gepflegt werden. Die Apps funktionieren mit der sogenannten Hybridtechnologie, die responsive Webinhalte mit wenigem nativem Content (zum Beispiel dem nativen Menü) kombiniert. Zudem deckt die responsive Lösung noch diverse weitere Zwischengrößen ab und ist damit optimal für die Zukunft ausgerichtet. Um die wichtigsten Größen und Hersteller einzubeziehen, definierten Hinderling Volkart und Swiss vorab eine Liste der priorisierten Geräte-/Betriebssystemkombinationen. Ganz zuoberst standen etwa die ios-geräte, danach diverse Androids (etwa Version auf Samsung S4), dann Windows Mobile 8 und eher am Schluss das BlackBerry Z10. Technische Umsetzung Zunächst begann die Agentur mit dem wohl wichtigsten Schritt, dem Aufbau des responsiven Layouts auf Basis eines eigenen Gridsystems. Dabei verankerten die Developer einen Teil des Designs direkt in HTML und nicht in CSS nur so ließ sich die Umsetzung in dieser Größenordnung und Qualität überhaupt ermöglichen. In CSS wäre die schiere Anzahl der Seiten nicht praktikabel gewesen. Eine solche Klasse sieht etwa so aus: "l-one-third l-mobile-two-thirds l-mobile-portrait-one-whole" Damit beispielsweise das Navigationsmenü und andere Features auf die definierten Breakpoints reagieren, entwickelten die Developer ein JavaScript-Modul, das die Breakpoints über CSS-Pseudoelemente ausliest und über ein einfaches Eventsystem verteilt, was dann so aussieht: MediaTrigger.isOrBelow('tablet').then(function(){... }); Die größte Herausforderung beim Responsive Design ist die Vielfalt an Browsern mit ihren unterschiedlichen»eigenheiten«. Zum Beispiel verhielt sich der Browser auf dem Smartphone Samsung S4 in Android in kritischen Punkten erstaunlich anders als in der gleichen Android-Version auf Samsung S3. Das Samsung S4 wiederum wollte den Bor der radius, der runde Ecken beschreibt, partout nicht erkennen und stellte sie mit schöner Hartnäckigkeit eckig dar. Microsoft wiederum hat die Touch-Events nicht oder anders implementiert (PointerEvents) als andere Geräte. Die Liste geht unendlich weiter: Die Anzahl der Browser ist um ein Vielfaches gewachsen, und für Developer wird es immer schwieriger, eine vernünftige Breite abzudecken. Testen im Device Lab Um die Lauffähigkeit kontinuierlich zu prüfen, hat Hinderling Volkart ein kleines Device Lab eingerichtet, in dem rund 15 der gebräuchlichsten Geräte für Testzwecke bereitstehen. Außerdem checkte ein von Swiss bereitgestelltes Testteam jede Seite sehr genau auf jedem Gerät und in allen Browsern. Die Testphase war sehr ergiebig und intensiv.»auch Simulatoren sind in der Entwicklungsphase äußerst praktisch«, sagt Chefentwickler Severin Klaus.»Hier hat Apple mit dem ios Simulator die Nase klar vorn. Verbesserungen im Bereich Debugging wünschen wir uns allerdings von allen Herstellern.«ae

7 092 PAGE PROJEKTE Swiss.com-Relaunch Erst als Hinderling Volkart die Weltkarte, die Kurven für die Echtzeitlokalisierung und die Marker für Flug - häfen und Flugzeuge auf unterschiedliche Ebenen gezeichnet hatte, war die Performance akzeptabel Markers Draw Connections: Draw & Scale Map: Scale Überschall auf jedem Device Die Performance- und Browserprobleme des Website-Specials World of Swiss lösten die Hinderling-Volkart-Entwickler mit dem virtuosen Zusammenspiel von CSS- Transforms und dem Canvas-Element Dass der Inhalt der Website auch auf dem ipad sowie im Internet Explorer ab Version 9 erlebbar sein soll te, war von Anfang an klar. Dies führte zwangsläufig zu Herausforderungen zum Beispiel in puncto Performan ce, denn ein ipad beispielsweise hat viel weniger Ressourcen zur Verfügung als ein aktueller PC. Oder auch bezüglich der Features, denn 3D-Transformationen funktionieren im In ternet Explo rer 9 gar nicht und selbst in Version 11 nicht einwandfrei. Darüber hinaus entfiel WebGL, obschon ios die 3D-Grafik-Programmierschnittstelle unterstützen würde (siehe iad), doch für Web seiten hat Apple sie deaktiviert. Der geringen Performance war nur mit einer intelligenten Auslagerung von Renderingprozessen auf den Grafikprozessor beizukommen. Zum Glück spielt Safari hier eine Vorreiterrolle und kann inzwischen nicht nur die 3D-Transformationen, sondern auch etwa Canvas-2D-Operationen beschleunigen. 3D oder 2D je nach Browser Obwohl wir uns in der World of Swiss die meiste Zeit in einer 3D-Welt bewegen, setzen wir die Elemente nicht in einen nativen 3D-Raum. Denn wir wollten ja auch Browser unterstützen, die das eben nicht können. Stattdessen berechnen wir die Skalie rung und die 2D-Position in einer eigenen einfa chen 3D-Engine und setzen dann je nach Browser die Transformationen in 2D oder 3D, also vereinfacht: function renderelement(el, x, y, z, scale){ var transform, zindex ="; if ( SUPPORTS_3D ) { transform = 'translate3d('+x+'px,'+y+'px,'+z+'px) scale3d('+sc } else { transform = 'translate('+x+'px,'+y+'px) scale('+scale+','+scal zindex = z; } } el.style.webkittransform = transform; el.style.transform = transform; el.style.zindex = zindex; Die z-position setzen wir hier nur, um sicherzustellen, dass die Elemente im Vordergrund nicht von Elementen dahinter überdeckt werden. Die von uns gesetzte z-position entspricht nicht zwingend der z- Position im 3D-Raum. Aus diesem Grund wollten wir ursprünglich auch keine Perspektive setzen, um Verzerrungen zu vermeiden. Üblicherweise zeichnet der Browser einen 3D-Layer einmal und lässt dann die Grafikkarte die Skalierung machen. Darum sieht der Text auch verpixelt aus, wenn man einen 3D-Layer stark vergrößert. Dafür gewinnt man einen enormen Geschwindigkeitsvorteil, denn das aufwendige Repaint fällt weg. Chrome allerdings zeichnet trotzdem neu, wenn auch nur sporadisch, vermutlich um die Qualität bei üblichen Websites zu erhöhen. Zum Glück konnten wir Chrome recht leicht zum schnelleren Verhalten zwingen, indem wir eine Perspektive mit einem sehr weit entfernten Fluchtpunkt setzten. Ohne gesetzte Perspektive zeichnet Chrome den Layer neu das Ergebnis ist eine hohe Auflösung auf Kosten der Geschwindigkeit. Mit gesetzter Perspektive übernimmt die GPU die Skalierung, und das war, was die Entwickler wollten, denn nur so erreichten sie einen ruckelfreien Flug. Flugrouten visualisieren Im Live Route Network stellen wir die aktuelle Flugposition der Swiss-Flüge dar. Dies schien anfangs eine vergleichsweise einfache Aufgabe zu sein: Die Karten skalierten wir, und für die Marker setzten wir die Position neu. Mithilfe des De-Casteljau-Algorith-

8 PAGE mus ( ) berechneten wir die Position und die Rotation der Flugzeuge auf der Kurve (die Skalierung ist abhängig von Flughöhe und Abstand vom Flughafen). Etwas unerwartet trafen uns jedoch die Peformanceprobleme mit den finalen Daten. Denn ursprünglich waren wir von weniger angeflogenen Flug häfen und Flügen ausgegangen erst später hat der Kunde entschieden, die Code-Sharing-Flüge, also nicht von der eigenen Fluggesellschaft betriebene Flüge, hinzuzunehmen. Urplötzlich schien das viele Grafikkarten zu überlasten (wir hatten die kleinen Marker alle auf 3D-Layern positioniert, um das Compositing auf die Grafikkarte auszulagern). Die Framerate ging deswegen vor allem auf dem ipad auf kaum akzeptable Werte zurück. Viele Marker, langsame Marker Die vielen Marker erwiesen sich als wahrer Flaschenhals. Vermutlich weil ein 3D-Layer, so klein er auch sein mag, eine bestimmte Mindesttexturgröße einnimmt (128 mal 128 oder 256 mal 256), und das schlägt dem Speicher auf den Magen. Sobald dieser überfüllt ist, haben nicht alle Texturen in der GPU Platz, und es kommt zum umständlichem Hin- und Hergeschiebe von Daten. Trotz Endspurtphase nahmen wir also nochmals Abstand und prüften verschiedene Szenarien in Prototypen: Wie kann man möglichst schnell möglichst viele Marker darstellen? Als äußerst performant entpuppte sich dabei das Zeichnen auf Canvas. Ganz so einfach lassen sich DOM-Elemente allerdings nicht durch Canvas-Zeichnungen ersetzen, weil man dabei Maus- und Touch-Listeners verliert. Diese muss ten wir nun also ebenfalls selbst übernehmen, das heißt wir mussten selbst bestimmen, welches Objekt sich unter dem Mauszeiger befindet (sonst erledigt dies der Browser), und zudem bei jeder Mausbewegung und jedem Klick oder Touch bestimmen, welcher Flughafen oder welches Flugzeug gemeint ist. Aber es hat sich gelohnt: Die Bestimmung, welches Objekt sich unter dem Mauszeiger befindet, bekamen wir besser hin als der Browser vorher, weil wir die Distanz maßen und nicht simpel das vorderste Objekt verwendeten. Wir erhielten auch eine deutlich bessere Framerate von jetzt circa 10 bis 15 Frames pro Sekunde auf dem ipad. Aber auch das war noch nicht wirklich zufriedenstellend. 15 Frames pro Sekunde nimmt man immer noch als langsam wahr. Und das trübte das Gesamtbild. Teure Bézierkurven Der zweite Flaschenhals versteckte sich in den Bézierkurven, die wir von Anfang an auf das Canvas zeichneten. Zwar konnten wir eine leichte Verbesserung erzielen, indem wir alles in einen stroke()- Befehl bündelten, aber Bézierkurven sind per se lang same Zeichenoperationen. Und Flüge weglassen war keine Option. Die Bézierkurven würden wir nicht mehr schneller hinbekommen, das war klar aber dann fanden wir eine Lösung, die das Problem sehr elegant umging: Statt die Bézierkurven jedes Mal neu zu zeichnen, skalierten wir nun einfach das gesamte Canvas solange, wie der daraus resultierende Qualitätsverlust nicht wahrnehmbar war. Dadurch mussten wir die Kurven nur noch alle 60 Frames neu zeichnen und konnten die Skalierung auf die Grafikkarte auslagern, die ohne die schweren Marker wieder genug Platz hatte: // only redraw curves for certain scaling var curvescale = Math.log(worldScale) / Math.LN2; curvescale = Math.floor(curveScale * 3) / 3; curvescale = Math.pow(2, curvescale); if ( curvescale!== this.currentcurvescale ) { this.currentcurvescale = curvescale; posdata = this.getbezierdata(curvescale); } this.cltx.clearrect(0, 0, width, height); // draw normal connections // (only one stroke for better performance) this.cltx.save(); this.cltx.beginpath(); this.cltx.linewidth= 0.4; this.cltx.strokestyle = 'rgba(0,0,0,.15)'; for( i=0; i<posdata.length; i++ ) { } pos = posdata[i]; this.cltx.moveto.apply(this.cltx, pos.start); this.cltx.beziercurveto.apply(this.cltx, pos.curve); this.cltx.stroke(); this.cltx.restore(); renderelement(this.cl, 0, 0, 0, worldscale / this.currentcurv Bisher hatten wir die Kurven zusammen mit den Markern der Flughäfen und Flugzeuge auf ein einziges Canvas gezeichnet. Die Marker mussten wir jedoch weiterhin für jedes Frame neu zeichnen, denn deren Skalierung wäre sofort als Qualitätsverlust wahrnehmbar gewesen. Also setzten wir die Kurven auf ein zusätzliches Canvas. Die daraus resultierende Performancesteigerung war massiv: Endlich konnten wir auch dieses coole Live-Feature auf dem ipad genießen. Selbst auf Desktoprechnern quer über alle Browser war die Verbesserung spürbar. Wo vorher vielleicht 30 FPS die Regel waren (was angenehm ist), waren es jetzt 60 FPS (also richtig flüssig). Solche Dinge spürt man, wenn auch in dieser Größenordnung meistens unbewusst. Nur wenn die Performance stimmt, überzeugt auch das Erlebnis! Severin Klaus (ae) Severin Klaus ist Partner bei Hinderling Volkart und leitet das Interaction Development. Er liebt es, gutes Design lebendig zu machen, und ist ein perfek tio nistischer Performance-Junkie.

Endbericht fü r das E-Learning Projekt Visualisierung von Netzwerkalgorithmen mit HTML5

Endbericht fü r das E-Learning Projekt Visualisierung von Netzwerkalgorithmen mit HTML5 Endbericht fü r das E-Learning Projekt Visualisierung von Netzwerkalgorithmen mit HTML5 Projekttitel: Visualisierung von Netzwerkalgorithmen mit HTML5 Projektcode: 2012.252 Projektleiter: Dr. Stefan Podlipnig

Mehr

Programmieren. Programmieren. Webseiten aufpeppen. Grafikkarte ausreizen. Coole Sprachen. Kinect am PC. 3D-Programmierung

Programmieren. Programmieren. Webseiten aufpeppen. Grafikkarte ausreizen. Coole Sprachen. Kinect am PC. 3D-Programmierung jquery: E-Book und Video auf DVD DVD Listings: Win-8-App im Eigenbau E-Book: jquery Das JavaScript- Framework für interaktives Design Videotutorial Moderne Webseiten gestalten mit jquery UI Visual Studio

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

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

In aller Kürze. Inhabergeführt. 15 Mitarbeiter mehrere Nationen. Gründung 2008.

In aller Kürze. Inhabergeführt. 15 Mitarbeiter mehrere Nationen. Gründung 2008. In aller Kürze. Inhabergeführt. 15 Mitarbeiter mehrere Nationen. Gründung 2008. Unsere Kunden. Von Hamburg aus liefern wir kompetente Beratung, nachhaltige Strategien und gute Ideen in die gesamte Welt.

Mehr

Think Mobile Effiziente Entwicklungsstrategien im GIS. Kai Hoffmann, BTC AG

Think Mobile Effiziente Entwicklungsstrategien im GIS. Kai Hoffmann, BTC AG Think Mobile Effiziente Entwicklungsstrategien im GIS Kai Hoffmann, BTC AG Mobile Endgeräte Was ist zu beachten? In dieser Betrachtung Smartphone Tablet Unterschiedliche Hardwareausstattung Bildschirmgröße

Mehr

Unternehmensportfolio

Unternehmensportfolio Unternehmensportfolio Was wir machen: Cross Plattform Mobile Applications Beispiel ansehen Was wir machen: HTML5 & CSS3 basierte Web Applikationen Beispiel ansehen Was wir machen: Windows 8 & Windows Mobile

Mehr

MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP)

MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP) MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP) Oliver Steinhauer Markus Urban.mobile PROFI Mobile Business Agenda MOBILE ENTERPRISE APPLICATION PLATFORM AGENDA 01 Mobile Enterprise Application Platform

Mehr

Der Nutzer am Ende? Oder: Wieso man den Nutzer früh im Entwicklungsprozess berücksichtigen sollte.

Der Nutzer am Ende? Oder: Wieso man den Nutzer früh im Entwicklungsprozess berücksichtigen sollte. Der Nutzer am Ende? Oder: Wieso man den Nutzer früh im Entwicklungsprozess berücksichtigen sollte. Was wir mit diesem Vortrag wollen Ihnen zeigen, wie Sie eine gute Website entwickeln können und Warum

Mehr

Die mobile Welt. Welche Lösung ist die richtige für Sie? Kai-Thomas Krause CouchCommerce GmbH / Germany

Die mobile Welt. Welche Lösung ist die richtige für Sie? Kai-Thomas Krause CouchCommerce GmbH / Germany Die mobile Welt. Welche Lösung ist die richtige für Sie? Kai-Thomas Krause CouchCommerce GmbH / Germany Die mobile Welt Anzahl der mobilen Geräte auf dem Markt 1 12.000 2007 2013 http://opensignal.com/reports/fragmentation-2013/

Mehr

inserteffect GmbH Kurzvorstellung und Arbeitsbeispiele

inserteffect GmbH Kurzvorstellung und Arbeitsbeispiele inserteffect GmbH Kurzvorstellung und Arbeitsbeispiele WebApps ios Apps App Konzeption Plattformübergreifend Mobile Usability Android Apps Hybrid Apps Mobile Design Branchenübergreifend Windows (Phone)

Mehr

Mit Cloud Power werden Sie zum

Mit Cloud Power werden Sie zum Mit Cloud Power werden Sie zum Windows 8 und Windows Phones Apps Mark Allibone Noser Engineering AG History Channel Computing Technology 1960 Mainframe Computing 1970 Mini Computing 1980 Personal Computing

Mehr

Cross-Platform Mobile Development mit Xamarin Mark Allibone, @mallibone

Cross-Platform Mobile Development mit Xamarin Mark Allibone, @mallibone 1 Cross-Platform Mobile Development mit Xamarin Mark Allibone, @mallibone Partner: 2 Vorstellung Referent Mark Allibone Noser Engineering AG Passionierter Mobile Entwickler: Xamarin Certified Mobile Developer

Mehr

Portfolio. In meinem Portfolio sehen Sie einige ausgewählte Projekte, die ein breitgefächertes Anforderungsprofil erfüllen.

Portfolio. In meinem Portfolio sehen Sie einige ausgewählte Projekte, die ein breitgefächertes Anforderungsprofil erfüllen. Portfolio Websites, die auf dem Content Management System TYPO3 basieren sind mein Spezialgebiet. Für kleinere oder mittlere Unternehmen, die eine neue Website aufbauen möchten, oder Unterstützung bei

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

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

Agentur für innovative Weblösungen

Agentur für innovative Weblösungen Agentur für innovative Weblösungen FLX Labs Zweierstrasse 129 CH 8003 Zürich Tel +41 44 461 00 77 Beratung Konzept Umsetzung Kreative Konzepte, innovative Methoden und smarte Technologien bei der Umsetzung

Mehr

Web-Performance-Optimierung - Websites auf Speed SEO Barbecue - DIWISH - Kiel - 01. August 2012. Timo Heinrich t.heinrich@online-werbung.

Web-Performance-Optimierung - Websites auf Speed SEO Barbecue - DIWISH - Kiel - 01. August 2012. Timo Heinrich t.heinrich@online-werbung. SEO Barbecue Web-Performance-Optimierung - DIWISH - Kiel - 01. August 2012 - Websites auf Speed 1 2 Kinder 1 Frau 41 Jahre jung Seit 1996 autodidaktischer Onliner Schwerpunkte: Suchmaschinenoptimierung

Mehr

Warum wir den High-Volume Onlineshop entwickelt haben

Warum wir den High-Volume Onlineshop entwickelt haben Warum wir den High-Volume Onlineshop entwickelt haben Wir haben unseren Ansatz, Fotos zu verkaufen, überdacht und stellen Ihnen nun einen komplett überarbeiten Onlineshop zur Verfügung. Dafür haben wir

Mehr

UX Erlebnisse am Frontend

UX Erlebnisse am Frontend creating brand experience ALM Testing UX Erlebnisse am Frontend NOSE Industrial Design 22.04.2013 2 Agenda 1. UI Design 2. UX Design 3. Design folgt Regeln 4. Design macht Marken 5. Design definiert Regeln

Mehr

FRONT CRAFT. www.frontcraft.com contact@frontcraft.com

FRONT CRAFT. www.frontcraft.com contact@frontcraft.com FRONT CRAFT Viele Menschen und viele Unternehmen haben eine Webseite. Jede neue, die dazu kommt, sollte nicht nur gut, sondern erstklassig sein. Das ist unsere Leidenschaft. FrontCraft. www.frontcraft.com

Mehr

weitsichtig. cross-medial. kreativ.

weitsichtig. cross-medial. kreativ. klicken. Web & App weitsichtig. cross-medial. kreativ. // Gesamtkonzeption und Realisation neuer Medien, Websitekonzeption, -gestaltung, -programmierung und -pflege Microsites ipad/iphone Apps Soziale

Mehr

Immer mehr lebt mobil

Immer mehr lebt mobil Immer mehr lebt mobil mehr als 4.600.000.000 Mobilgeräte breite Verfügbarkeit neuer always-on und Apps Lifestyle 2 Trittsicher auf allen mobilen Pfaden mit HTML5 und jquery Mobile Mike Baird http://flickr.com/photos/mikebaird/482031103/

Mehr

Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap

Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap Proseminar Objektorientiertes Programmieren mit.net und C# Florian Schulz Institut für Informatik Software & Systems Engineering Einführung Was hat Cross-Plattform

Mehr

Neues Microsoft Office 2011 für Mac ist da! Neu mit dem beliebten Mailprogramm Microsoft Outlook anstelle von Entourage

Neues Microsoft Office 2011 für Mac ist da! Neu mit dem beliebten Mailprogramm Microsoft Outlook anstelle von Entourage Newsletter Apple Neues Microsoft Office 2011 für Mac ist da! Neu mit dem beliebten Mailprogramm Microsoft Outlook anstelle von Entourage Mit Office für Mac 2011 können Sie Ihren Mac ganz nach den eigenen

Mehr

Sind Ihre Landing Pages schon fit für die Multi-Screen-Welt? digitalmobil GmbH & Co. KG - Bayerstr. 16a - 80335 München

Sind Ihre Landing Pages schon fit für die Multi-Screen-Welt? digitalmobil GmbH & Co. KG - Bayerstr. 16a - 80335 München Sind Ihre Landing Pages schon fit für die Multi-Screen-Welt? digitalmobil GmbH & Co. KG - Bayerstr. 16a - 80335 München Landing Pages sind Ihre Kampagnenheimat 1 Kampagne Fokus Aktion, Produkt oder Dienstleistung

Mehr

Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools

Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools 1 Kurze HTML-Geschichte Die HTML4-Spezifikation wurde im Dezember 1997 vorgelegt. Seitdem Stagnation! Das W3C arbeitete

Mehr

Mobile Plattformen auf welches Pferd soll man setzen? Referent: Dipl. Ing. (FH) Wolfram Herzog

Mobile Plattformen auf welches Pferd soll man setzen? Referent: Dipl. Ing. (FH) Wolfram Herzog Mobile Plattformen auf welches Pferd soll man setzen? Referent: Dipl. Ing. (FH) Wolfram Herzog SIC! Software GmbH Die Experten 1988: für Start mobile als Yellow Software Computing seit 1988GmbH Kompetenz

Mehr

BUCHERER. station.ch/awards/bucherer

BUCHERER. station.ch/awards/bucherer BUCHERER Bucherer gehört zu den führenden Fachgeschäften für Luxus-Uhren und Schmuck in Europa. Neben der Uhrenmarke Carl F. Bucherer vertritt das Unternehmen zahlreiche renommierte Uhrenbrands und präsentiert

Mehr

mobile Responsive Design Lässt Ihre Anwendungen und Inhalte auf jedem Gerät einfach gut aussehen 2012 www.intuio.at

mobile Responsive Design Lässt Ihre Anwendungen und Inhalte auf jedem Gerät einfach gut aussehen 2012 www.intuio.at mobile Responsive Design Lässt Ihre Anwendungen und Inhalte auf jedem Gerät einfach gut aussehen 2012 www.intuio.at 1 It is not the strongest of the species that survives, nor the most intelligent, but

Mehr

DAS INTERNET IST WIE EINE WELLE: ENTWEDER, MAN LERNT AUF IHR ZU SCHWIMMEN, ODER MAN GEHT UNTER Bill Gates

DAS INTERNET IST WIE EINE WELLE: ENTWEDER, MAN LERNT AUF IHR ZU SCHWIMMEN, ODER MAN GEHT UNTER Bill Gates DAS INTERNET IST WIE EINE WELLE: ENTWEDER, MAN LERNT AUF IHR ZU SCHWIMMEN, ODER MAN GEHT UNTER Bill Gates 57 MILLIONEN USER IN DEUTSCHLAND KÖNNEN SICH NICHT IRREN... In nahezu allen Bereichen des täglichen

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

Martin Fache (KIDS interactive) - Anforderungen an eine mobile/responsive Website Vortrag zum Seitenstark Fachtag

Martin Fache (KIDS interactive) - Anforderungen an eine mobile/responsive Website Vortrag zum Seitenstark Fachtag Agenda Entwicklung der Internet-fähigen Geräte Motivation für mobile Optimierung Lösungsansätze und Praxisbeispiele Im Jahr 2000 http://dag.wosc.edu/?gallery=wosc-computer-collection Im Jahr 2000 Webseite

Mehr

FUTURE NETWORK 14.05.2014 MOBILE TESTING. EBCONT proconsult, Millennium Tower, Handelskai 94 96, A 1200 Vienna 15/05/14

FUTURE NETWORK 14.05.2014 MOBILE TESTING. EBCONT proconsult, Millennium Tower, Handelskai 94 96, A 1200 Vienna 15/05/14 15/05/14 1200 Wien, Handelskai 94-96 Johannes Litschauer,Alex Deles IT-Infrastruktur IT-Betrieb Cloud / Elastizität 1200 Wien, Handelskai 94-96 Leopold Machacek Corporate Design & Identity Marketing Strategie

Mehr

Wir testen mobile Apps und Webseiten. Wir nennen das Crowdtesting.

Wir testen mobile Apps und Webseiten. Wir nennen das Crowdtesting. Wir testen mobile Apps und Webseiten. Wir nennen das Crowdtesting. Modernes Testing mithilfe der Crowd - Qualität als Erfolgsfaktor für Funktionalität und Usability 17.09.2013 1 Georg Hansbauer Geschäftsführer

Mehr

Erfolg im E-Business: Kundenerlebnis durch kundenorientiertes Design

Erfolg im E-Business: Kundenerlebnis durch kundenorientiertes Design Erfolg im E-Business: Kundenerlebnis durch kundenorientiertes Design Finance 2.0 Konferenz - 05. Mai 2015 Dr. Luca Graf, Senior Director, Head of Online & Direct Sales SWISS ist die Airline der Schweiz

Mehr

Trend: Mobiles Internet. Eine aktuelle Übersicht

Trend: Mobiles Internet. Eine aktuelle Übersicht Trend: Mobiles Internet Eine aktuelle Übersicht Computer verändern sich Kommunikation verändert sich Fotografie verändert sich Drei Erfolgsfaktoren 1 Seien Sie auf allen Bildschirmen präsent 2 Seien Sie

Mehr

Mobile App Solutions. creative workline GmbH Eldenaer Straße 60 10247 Berlin Friedrichshain www.creativeworkline.com

Mobile App Solutions. creative workline GmbH Eldenaer Straße 60 10247 Berlin Friedrichshain www.creativeworkline.com Mobile App Solutions nt aus n auch beka creative workline GmbH Eldenaer Straße 60 10247 Berlin Friedrichshain www.creativeworkline.com Ihr Anspruch ist unsere Energie VISION Unsere Vision als Mobile App

Mehr

Technische Spezifikationen fu r ganzseitige Werbung in der Handelsblatt Live App

Technische Spezifikationen fu r ganzseitige Werbung in der Handelsblatt Live App Technische Spezifikationen fu r ganzseitige Werbung in der Handelsblatt Live App Seite 1 von 7 So kommt Ihre Anzeige in die Handelsblatt Live App: 1. Sie liefern Ihre Anzeige an banner@iqdigital.de 2.

Mehr

HTML5 Sonderwerbeformen First Mover gesucht

HTML5 Sonderwerbeformen First Mover gesucht HTML5 Sonderwerbeformen First Mover gesucht Inhaltsverzeichnis HTML5 Die Zukunft der Online-Werbung First Mover gesucht HTML5 Sonderwerbeformen Weitere HTML5 Werbemöglichkeiten im Portfolio Kontakt 2 HTML5

Mehr

Entwicklung und Integration mobiler Anwendungen. Oracle Deutschland B.V. & Co. KG

Entwicklung und Integration mobiler Anwendungen. <Speaker> Oracle Deutschland B.V. & Co. KG Entwicklung und Integration mobiler Anwendungen Oracle Deutschland B.V. & Co. KG Global Users (Millions) Der Trend ist eindeutig. Trend zu mobilen Endgeräten Wachstum des mobilen Datenverkehrs

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

Android M 6 Neue Funktionen die Hidden Features

Android M 6 Neue Funktionen die Hidden Features Android M 6 Neue Funktionen die Hidden Features Funktionen, die Google verschwiegen hat Bereits auf der i/o 2015 hat Google einige neue Funktionen von Android M vorgestellt, etwa neue Stromspar-Features

Mehr

Das Favicon. Kleines Bild große Wirkung. Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen

Das Favicon. Kleines Bild große Wirkung. Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen Kleines Bild große Wirkung Stand Mai 2015 Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen T 0 71 21 / 2 03 89-0 F 0 71 21 / 2 03 89-20 www.langner-beratung.de info@langner-beratung.de

Mehr

TYPO3 CMS 6.2 LTS. Die neue TYPO3- Version mit Langzeit- Support

TYPO3 CMS 6.2 LTS. Die neue TYPO3- Version mit Langzeit- Support Die neue TYPO3- Version mit Langzeit- Support Am 25. März 2014 wurde mit die zweite TYPO3- Version mit Langzeit- Support (Long- Term- Support, kurz: LTS) veröffentlicht. LTS- Versionen werden drei Jahre

Mehr

Süddeutsche Zeitung als digitale Ausgabe

Süddeutsche Zeitung als digitale Ausgabe Süddeutsche Zeitung als digitale Ausgabe Technische Spezifikationen für SZ-App- Anzeigen, Stand: 27.03.2015 Inhaltsübersicht 1. Einleitung und Anlieferungstermine S. 1 2. Anzeigen 2.1. Bildanzeigen statisch

Mehr

sinnvoll? Wann ist der Einsatz von SharePoint als CMS How we did it: Realisierung einer Website mit SharePoint 2013

sinnvoll? Wann ist der Einsatz von SharePoint als CMS How we did it: Realisierung einer Website mit SharePoint 2013 Wann ist der Einsatz von SharePoint als CMS sinnvoll? How we did it: Realisierung einer Website mit SharePoint 2013 SharePoint Community, 12. Februar 2014 Alexander Däppen, Claudio Coray & Tobias Adam

Mehr

ERFOLGSFAKTOREN IM E-COMMERCE 18.03.2014, Institut Für Handelsforschung. Ideen, Konzepte und die Realität

ERFOLGSFAKTOREN IM E-COMMERCE 18.03.2014, Institut Für Handelsforschung. Ideen, Konzepte und die Realität ERFOLGSFAKTOREN IM E-COMMERCE, Institut Für Handelsforschung Ideen, Konzepte und die Realität Reine Mobile Agentur ios, Android, Mobile Web Lukas ios Felix ios Felix ios Chris Android Jan Android/Server

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

Cookies & Browserverlauf löschen

Cookies & Browserverlauf löschen Cookies & Browserverlauf löschen Was sind Cookies? Cookies sind kleine Dateien, die von Websites auf Ihrem PC abgelegt werden, um Informationen über Sie und Ihre bevorzugten Einstellungen zu speichern.

Mehr

Eine App, viele Plattformen

Eine App, viele Plattformen Eine App, viele Plattformen Anwendungsentwicklung für Mobile Heiko Lewandowski 23.04.2013 EINLEITUNG Festlegung App-Strategie: Welche Ziele möchte ich erreichen? Die Vielzahl der Plattformen und Geräte(hersteller)

Mehr

Das Internet ist mobil. John Riordan Bern, 17. Jan 2013

Das Internet ist mobil. John Riordan Bern, 17. Jan 2013 Das Internet ist mobil John Riordan Bern, 17. Jan 2013 Präsentation 1/17 /13 2 Das Handy als Instrument für den Internetzugang Über 3 Mio. Schweizer mobil im Netz 2012 werden weltweit erstmals mehr Smartphones

Mehr

infach nionex Der Fullservice-Partner für Ihren Erfolg!

infach nionex Der Fullservice-Partner für Ihren Erfolg! infach nionex Der Fullservice-Partner für Ihren Erfolg! Auf einen Blick Unternehmen Beratung Kreation Realisierung Betreuung Beratung. Kreation. Realisierung. Betreuung. Digitale Kommunikation für Ihren

Mehr

VIDERICONCEPT REFERENZ BERICHT

VIDERICONCEPT REFERENZ BERICHT VIDERICONCEPT REFERENZ BERICHT BAUUNTERNEHMEN DIRK KAGE GMBH Redesign Webseite 2013-2014 Bauunternehmen Dirk Kage GmbH - Moin, moin! Das Unternehmen Im Überblick Kunde: Bauunternehmen Dirk Kage GmbH Branche:

Mehr

Apps in ArcGIS: Neuerungen. 18. Juni 2015

Apps in ArcGIS: Neuerungen. 18. Juni 2015 Apps in ArcGIS: Neuerungen 18. Juni 2015 Apps in ArcGIS: Neuerungen Marc Fürst (angepasste Version für die IGArc Technologiesitzung vom 18.6.2015) Esri Schweiz AG, Zürich Angélique Wiedmer (Original als

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

Vom Prototypen zur Anwendung

Vom Prototypen zur Anwendung Vom Prototypen zur Anwendung iks-thementag: Mobile Applikationen Ein Leitfaden für Unternehmen 17.05.2011 Autor: Ingo Röpling Agenda Was ist vorab zu beachten? Skills und Systemvoraussetzungen Implementierung

Mehr

Studie zum Thema mobile Nutzererfahrung und Seitengeschwindigkeit von Immobilien-Websites in Bayern und Österreich

Studie zum Thema mobile Nutzererfahrung und Seitengeschwindigkeit von Immobilien-Websites in Bayern und Österreich Studie zum Thema mobile Nutzererfahrung und Seitengeschwindigkeit von Immobilien-Websites in Bayern und Österreich August 2015 Zusammenfassung Für viele Firmen ist der Weg nach oben in den Google-Suchergebnissen

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

Werten Sie mit hochwertigen Apps das Image Ihrer Firma auf!

Werten Sie mit hochwertigen Apps das Image Ihrer Firma auf! SERVICE - Frank Werten Sie mit hochwertigen Apps das Image Ihrer Firma auf! Eine eigene Firmen-App Präsentieren Sie Ihren Kunden Ihre eigene Firmen-App auf dem Tablet und Smartphone. Ideal für Firmenpräsentationen,

Mehr

SHOP (RE)LAUNCH DURCH NETSHOPS COMMERCE DIE NETSHOPS COMMERCE GMBH STELLT SICH VOR

SHOP (RE)LAUNCH DURCH NETSHOPS COMMERCE DIE NETSHOPS COMMERCE GMBH STELLT SICH VOR SHOP (RE)LAUNCH DURCH NETSHOPS COMMERCE DIE NETSHOPS COMMERCE GMBH STELLT SICH VOR DAS SIND WIR Wir sind diejenigen, die Ihnen helfen, im Internet Geld zu verdienen! 100% E- COMMERCE 100% SHOPWARE Für

Mehr

Xamarin Applikationen Showcase aus der Praxis

Xamarin Applikationen Showcase aus der Praxis Xamarin Applikationen Showcase aus der Praxis Mark Allibone @mallibone Noser Engineering AG 2014, Alle Rechte vorbehalten. Erfahrungen Erfahrung ist der beste Lehrmeister. Nur das Schulgeld ist teuer.

Mehr

Pragmatisches User Experience Design. Thomas Schmudde t.schmudde@interwall.net

Pragmatisches User Experience Design. Thomas Schmudde t.schmudde@interwall.net Pragmatisches User Experience Design Thomas Schmudde t.schmudde@interwall.net User Experience User Experience User Experience Nutzung Erwartetes Erlebnis Verarbeitung der Nutzung User Experience Vorstellung

Mehr

MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP)

MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP) MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP) Oliver Steinhauer.mobile PROFI Mobile Business Agenda MOBILE ENTERPRISE APPLICATION PLATFORM AGENDA 01 Mobile Enterprise Application Platform 02 PROFI News

Mehr

Website importieren oder erstellen?

Website importieren oder erstellen? 94 Eine Website aus Vorlagen Website importieren oder erstellen? Grundsätzlich gibt es zwei Möglichkeiten, MAGIX Web Designer zu benutzen: entweder Sie haben bereits eine Website und wollen sie mit MAGIX

Mehr

Go-Mobile-Strategien für Early Birds und Late Risers Benno Bartels, Enterprise Application Day, 11.10.2011. web mobile specialists

Go-Mobile-Strategien für Early Birds und Late Risers Benno Bartels, Enterprise Application Day, 11.10.2011. web mobile specialists Go-Mobile-Strategien für Early Birds und Late Risers Benno Bartels, Enterprise Application Day, 11.10.2011 web mobile specialists Wer spricht? Benno Bartels [Mobile ] * Konzepter * Berater * Usability

Mehr

Wichtige Hinweise. bluevision.vivicom.de 7

Wichtige Hinweise. bluevision.vivicom.de 7 Wichtige Hinweise Zwei Komponenten Vivicom BlueVision besteht aus zwei Komponenten: Dem BlueVision Client auf Ihrem Gerät sowie dem Konferenzserver. Ihr Gerät kommuniziert dabei mit dem über die ausgehende

Mehr

Wir testen mobile Apps und Webseiten. Wir nennen das Crowdtesting.

Wir testen mobile Apps und Webseiten. Wir nennen das Crowdtesting. Wir testen mobile Apps und Webseiten. Wir nennen das Crowdtesting. Crowdtesting durch eigene Mitarbeiter: Effizientes Testen von Unternehmenssoftware Markus Steinhauser Marketing & PR Manager Testbirds

Mehr

Online-Hilfe KREAMAN (DE)

Online-Hilfe KREAMAN (DE) Online-Hilfe KREAMAN (DE) Was ist KREAMAN? KREAMAN ist ein System zur Individualisierung der EXACOMPTA Artikel zum Ordnen, Präsentieren und Organisieren. Mit Hilfe von KREAMAN können Sie Ihre eigenen Etiketten

Mehr

Cloud Computing: Innovation für CAFM

Cloud Computing: Innovation für CAFM Cloud Computing: Innovation für CAFM FM Day 2012 Move Consultants AG Fernando Rimo 4002 Basel mit VisiMove 2.0 Cloud Computing: Innovation für CAFM FM Day 2012 Fernando Rimo Seite 1 Cloud Computing: Innovation

Mehr

Relaunch des Berliner Liegenschaftsfonds Feels like Berlin.

Relaunch des Berliner Liegenschaftsfonds Feels like Berlin. Projekt Referenz Relaunch des Berliner Liegenschaftsfonds Feels like Berlin. Die Aufgabe 2013 suchte der Berliner Liegenschaftsfonds nach einer neuen Online-Agentur und entschied sich für cosmoblonde.

Mehr

Enlimate. Tatsächlich eingesparte Energie in kwh pro Jahr (Energieprojekt): Anzahl erreichte Personen (Sensibilisierungsprojekt):

Enlimate. Tatsächlich eingesparte Energie in kwh pro Jahr (Energieprojekt): Anzahl erreichte Personen (Sensibilisierungsprojekt): Projekt-Team: Alexander Michel, Felix Ammann & Janiss Binder Beruf: Informatiker Lehrjahr: 1 Name der Schule oder des Betriebs: login JBT Name der Lehrperson oder der Berufsbildnerin/des Berufsbildners:

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

HTML5- Apps. für iphone und Android. HTML5, CSS3 und jquery Mobile: Design, Programmierung und Veröffentlichung plattformübergreifender Apps

HTML5- Apps. für iphone und Android. HTML5, CSS3 und jquery Mobile: Design, Programmierung und Veröffentlichung plattformübergreifender Apps Markus Spiering / Sven Haiges / Rene Scholze HTML5- Apps für iphone und Android HTML5, CSS3 und jquery Mobile: Design, Programmierung und Veröffentlichung plattformübergreifender Apps 5 Inhaltsverzeichnis

Mehr

Der Weg zur eigenen App

Der Weg zur eigenen App Der Weg zur eigenen App Einsatzmöglichkeiten, Datenschutz und sichere Datenübertragung IT-Tag Saarland 2015 Mark Schweppe 1 Der Weg zur eigenen App - Agenda Agenda Der Wunsch: Eine eigene App Ein kleiner

Mehr

«Integration in WebSite» HTML-/Javascript-Code-Beispiele

«Integration in WebSite» HTML-/Javascript-Code-Beispiele QuickInfo «Integration in WebSite» HTML-/Javascript-Code-Beispiele Fragen? Ihre Umfrage soll direkt in resp. auf Ihrer WebSite erscheinen? Die Möglichkeiten für eine technische Integration an exakten Stellen

Mehr

ATOMIC DESIGN DIE EINHEIT VON FRONTEND UND DESIGN IM RWD-ZEITALTER PATRICK LOBACHER +PLUSWERK AG 27.10.2015 WEBTECH CONFERENCE MÜNCHEN

ATOMIC DESIGN DIE EINHEIT VON FRONTEND UND DESIGN IM RWD-ZEITALTER PATRICK LOBACHER +PLUSWERK AG 27.10.2015 WEBTECH CONFERENCE MÜNCHEN ATOMIC DESIGN DIE EINHEIT VON FRONTEND UND DESIGN IM RWD-ZEITALTER PATRICK LOBACHER +PLUSWERK AG 27.10.2015 WEBTECH CONFERENCE MÜNCHEN Patrick Lobacher Vorstandvorsitzender +Pluswerk AG Consultant Trainer

Mehr

1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign?

1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign? 1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign? 4. Wie sieht die Zukunft im Responsiven Webdesign aus? Special: Responsives

Mehr

Digital Publishing auf Basis von PDF

Digital Publishing auf Basis von PDF Ein Vortrag im Rahmen der Vorlesung Vertiefung PostScript und PDF im Bachelor-Studiengang Druck- und Medientechnologie an der Bergischen Universität Wuppertal 27. Januar 2012 Struktur Einführung Was ist

Mehr

3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung

3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung 3-W-Event Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign Sabrina Schoenfelder Projektleitung, Beratung internezzo ag Grundstrasse 4b CH-6343 Rotkreuz Tel. +41 41 748 02 48 www.internezzo.ch

Mehr

Native App Design. Entwicklungsmethoden & deren Einfluss auf die Usability. Master-Seminar WS12/13 Karsten Nolte. Freitag, 8.

Native App Design. Entwicklungsmethoden & deren Einfluss auf die Usability. Master-Seminar WS12/13 Karsten Nolte. Freitag, 8. Native App Design Entwicklungsmethoden & deren Einfluss auf die Usability Master-Seminar WS12/13 Karsten Nolte Quelle: http://www.cloudsherpas.com/wp-content/uploads/2012/07/our-mobile-development-capabilities.jpg

Mehr

Druck für Unternehmen leicht gemacht

Druck für Unternehmen leicht gemacht Druck für Unternehmen leicht gemacht Wenn User wissen, wie man eine E-Mail versendet oder eine Webseite aufruft, dann können sie auch mit EveryonePrint drucken EveryonePrint ist die perfekte Lösung für

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

Herzlich Willkommen!

Herzlich Willkommen! Herzlich Willkommen! Der perfekte Internetauftritt Die grafische und technische Betrachtung einer modernen Webseite. Gibt es den perfekten Internetauftritt? Die Antwort ist ganz klar Nein denn jeder betrachtet

Mehr

Die Welt wird einfacher. Mit einem Partner für mobile Anwendungen, der über den Displayrand hinaussieht

Die Welt wird einfacher. Mit einem Partner für mobile Anwendungen, der über den Displayrand hinaussieht Die Welt wird einfacher. Mit einem Partner für mobile Anwendungen, der über den Displayrand hinaussieht Lassen Sie uns die Welt für Ihre Kunden einfacher machen mit einer Strategie, die den Nutzer ins

Mehr

Launchevent Zürich. FileMaker 14 Plattform. Michael Valentin FileMaker GmbH

Launchevent Zürich. FileMaker 14 Plattform. Michael Valentin FileMaker GmbH Launchevent Zürich FileMaker 14 Plattform Michael Valentin FileMaker GmbH 1 Neue FileMaker 14-Plattform Neu! Scriptarbeitsbereich Neu! Mobile Browser-Unterstützung Neu! Designwerkzeuge Neu! Startzentrale

Mehr

Inhalt und Ziele. Homepage von Anfang an. Herzlich Willkommen! HTML Syntax; grundlegende Grafik- und Bildbearbeitung für das Internet;

Inhalt und Ziele. Homepage von Anfang an. Herzlich Willkommen! HTML Syntax; grundlegende Grafik- und Bildbearbeitung für das Internet; Homepage von Anfang an Herzlich Willkommen! Caroline Morhart-Putz caroline.morhart@wellcomm.at Inhalt und Ziele!! HTML Grundlagen - die Sprache im Netz; HTML Syntax;!! Photoshop - Optimieren von Bildern,

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

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

Ein- und Umbau von Spielen, Videos, Ton. Seitenstark-Fachtag, 13.Juni 2016

Ein- und Umbau von Spielen, Videos, Ton. Seitenstark-Fachtag, 13.Juni 2016 Ein- und Umbau von Spielen, Videos, Ton Seitenstark-Fachtag, 13.Juni 2016 Herausforderung Spieleumbau Ausgangssituation Ein beliebtes, bewährtes Spiel einer Website soll neu aufgelegt werden, damit es

Mehr

Selbstständige Vertiefungsarbeit von Bruno Weber. Technische Berufsschule Zürich En7a. Abgabedatum: 20.11.2003 13:00

Selbstständige Vertiefungsarbeit von Bruno Weber. Technische Berufsschule Zürich En7a. Abgabedatum: 20.11.2003 13:00 Selbstständige Vertiefungsarbeit von Bruno Weber Technische Berufsschule Zürich En7a Abgabedatum: 20.11.2003 13:00 Seite 1 von 5 Inhaltsverzeichnis 1 Einleitung... 3 2 Idee und Absicht... 3 3 Herstellung...

Mehr

Windows 10: Die Revolution des Betriebssystems?

Windows 10: Die Revolution des Betriebssystems? Windows 10: Die Revolution des Betriebssystems? Windows 10: Die Revolution des Betriebssystems? "FIT IM NETZ Eine Vortragsreihe der Stadtbibliothek Ludwigsburg Agenda Windows 10 Ein Überblick Alles wird

Mehr

Technische Informationen. Fabasoft Cloud

Technische Informationen. Fabasoft Cloud Technische Informationen Fabasoft Cloud Copyright Fabasoft Cloud GmbH, A-4020 Linz, 2015. Alle Rechte vorbehalten. Alle verwendeten Hard- und Softwarenamen sind Handelsnamen und/oder Marken der jeweiligen

Mehr

Best Case Corporate Websites. Digitale Strategien & Services für die Praxis

Best Case Corporate Websites. Digitale Strategien & Services für die Praxis Best Case Corporate Websites Digitale Strategien & Services für die Praxis Dezember 2014 Was ist eigentlich eine Corporate Website? Corporate Website Die Corporate Website ist das Schaufenster eines Unternehmens

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

Technische Spezifikationen Flash-Werbemittel

Technische Spezifikationen Flash-Werbemittel Werbemittelanlieferung: werbung@ems.guj.de Rückfragen: Oliver Starckjohann: +49(0)40 3703 7398 Technische Spezifikationen Flash-Werbemittel Einleitung Macromedia und DoubleClick haben gemeinsam eine Methode

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

Implicit Experience User Test

Implicit Experience User Test Implicit Experience User Test User Tests, die neben der Usability & User Experience auch das implizite Erleben von Interfaces sichtbar machen & optimieren User denken & handeln primär unbewusst normale

Mehr

Inhalt. 1 Übersicht. 2 Anwendungsbeispiele. 3 Einsatzgebiete. 4 Systemanforderungen. 5 Lizenzierung. 6 Installation.

Inhalt. 1 Übersicht. 2 Anwendungsbeispiele. 3 Einsatzgebiete. 4 Systemanforderungen. 5 Lizenzierung. 6 Installation. Inhalt 1 Übersicht 2 Anwendungsbeispiele 3 Einsatzgebiete 4 Systemanforderungen 5 Lizenzierung 6 Installation 7 Key Features 8 Funktionsübersicht (Auszug) Seite 2 von 14 1. Übersicht MIK.starlight bietet

Mehr