Hochschule für angewandte Wissenschaften Fachhochschule Deggendorf. Fakultät Elektro- und Medientechnik. Entwicklung eines jquery Plugins

Größe: px
Ab Seite anzeigen:

Download "Hochschule für angewandte Wissenschaften Fachhochschule Deggendorf. Fakultät Elektro- und Medientechnik. Entwicklung eines jquery Plugins"

Transkript

1 Hochschule für angewandte Wissenschaften Fachhochschule Deggendorf Fakultät Elektro- und Medientechnik Entwicklung eines jquery Plugins Development of a jquery Plugin for creating interactive infographics Bachelorarbeit zur Erlangung des akademischen Grades: Bachelor of Engineering an der Hochschule Deggendorf vorgelegt von: Fulda, Johanna Prüfer: Prof. Dr.-Ing. Udo Garmann am: 30. Mai 2012

2 2

3 Inhalt Einleitung Infografiken in der Zeitung Interaktive Infografiken Daten als Basis für Infografiken Datenjournalismus Daten sollen zugänglich werden Konzept: Open-Data Beispiele Open-Data Plattformen 15 Offener Haushalt 15 Städte und ihre Daten 16 The Truth about Crime 17 Farmsubsidy.org 18 Entwicklungszusammenarbeit und Transparenz HTML5 als Alternative zu Flash Benutzeroberflächen zum Erstellen von HTML5-Animationen Flash-Umwandlungs-Tools HTML5-Benutzeroberflächen 22 Adobe Edge 22 Sencha Animator 24 Tumult Hype jquery Ein JavaScript-Framework jquery als Bindeglied zwischen Programmierer und Designer Im Vergleich mit anderen JavaScript-Frameworks jquery für interaktive Infografiken Grundlagen für die Verwendung von jquery Beachtenswertes bei der Entwicklung für Desktop- und mobile Browser Anwendungsgebiet Anwendung 33 4

4 3.3 Aufbau des DOM, Styles und allgemeine Variablen Z-Index Plugin-Elemente als Unterelement Style Sheets Allgemeine Variablen zur Browser-Abfrage Vereinen von Touch- und Klick-Events Funktionen defineformat - Festlegen des Formats 39 Übersicht 39 Umsetzung 39 a) Größe des Dokuments festlegen 39 b) Orientationlock und Ausrichtung erkennen 40 c) Darstellung auf anderen Devices 41 d) Bild ohne Bilddatei 42 Parameter 43 Beispiel definelegend - Befüllen der Legende 44 Übersicht 44 Umsetzung 44 Parameter 45 Beispiel poigenerator - Setzen von Points of Information 46 Übersicht 46 Umsetzung 46 a) XML-Datei 46 b) Tooltips 47 c) Pulsieren 48 Parameter 49 Beispiel menuegenerator - Ein Menü generieren 50 Übersicht 50 Umsetzung 51 a) Menübuttons erzeugen 51 b) Klassen der Buttons 51 c) Farbverlauf 52 d) Div-Container der Buttons 52 Parameter 54 Beispiel 55 5

5 3.4.5 slidergenerator einen Slider generieren 56 Übersicht 56 Umsetzung 56 a) Sliderstationen 56 b) Fallback für IE 56 c) Sliderknopf bewegen 57 d) Feststellen der Klick- bzw. Touchposition 57 Parameter 58 Beispiel checkbox Checkboxen erstellen 59 Übersicht 59 Parameter 59 Beispiel startscreen Einen Einleitungstext hinzufügen 60 Übersicht 60 Parameter 61 Beispiel XML-Befüllungstool Resümee 65 Quellen 68 Externe Bildquellen 70 6

6 7

7 8

8 Einleitung Mit der Verbreitung der Tablet-PCs entstand eine völlig neue Publikations-Möglichkeit für Verlagshäuser. Tageszeitungen, Zeitschriften und Magazine entwickelten Applikationen, mit denen man die Möglichkeit hat, alle Ausgaben digital auf einem Tablet-PC zu lesen. Das spart Papier und bietet ein handlicheres Format als z.b. die große Tageszeitung. Diese Art der Publikation bringt neue Aufgaben in der Produktion mit sich. Zwar werden meist die Inhalte aus dem Print-Produkt eins zu eins übernommen, doch zusätzliche Angebote sollen die digitale App interessanter machen und dem Leser einen Anreiz geben, für den digitalen Inhalt den gleichen Preis zu zahlen wie für die Print-Version. Die zusätzlichen Angebote sind meist multimedial: Videos, Audio oder Inhalte, bei denen dem Leser Interaktionsmöglichkeiten geboten werden, beispielsweise in Form von interaktiven Infografiken. In der folgenden Arbeit geht es um die Produktion dieser interaktiven Grafiken im allgemeinen und speziell um die der digitalen Ausgabe der Süddeutschen Zeitung. Schon bevor es die digitale Ausgabe der SZ gab, wurden interaktive Grafiken für das Online-Portal der Zeitung produziert. Da sie viel Zeit für Vorbereitung und Umsetzung in Anspruch nahmen, wurden sie hauptsächlich für große Ereignisse erstellt, z.b. für Wahlen oder Sportmeisterschaften. Für das tagesaktuelle Geschehen waren sie weniger geeignet. Doch seit dem Release der digitalen Ausgabe für das ipad (eine App für Android-Geräte gibt es bisher noch nicht) wurde die Anzahl der Produktionen deutlich erhöht. Täglich wird mindestens eine Infografik aus der Print- Version für das ipad optimiert und mit interaktiven Elementen erweitert. Um jeden Tag eine interaktive Grafik zu produzieren, benötigte man ein System, mit dessen Hilfe immer wiederkehrende Elemente schnell und unkompliziert eingesetzt werden können. Da nicht immer ein Spezialist für die interaktiven Grafiken zur Verfügung steht, muss das System leicht verständlich und einfach anwendbar sein. Dies wurde in Form eines Plugins erstellt, das auf der JavaScript-Bibliothek jquery basiert und die am häufigsten auftretenden Fälle abdeckt. Welche Möglichkeiten es bietet und wie genau der Einsatz funktioniert wird im dritten Teil der Arbeit erläutert. Zunächst wird im ersten Teil ein Überblick über den Einsatz von Informationsgrafiken gegeben und insbesondere auf den Datenjournalismus eingegangen, der Infografiken auf eine spezielle Art nutzt. Der zweite Teil beinhaltet die technische Umsetzbarkeit der interaktiven Grafiken. Zunächst wird der Begriff HTML5 definiert und Benutzeroberflächen dafür genauer betrachtet. Anschließend wird die JavaScript Bibliothek jquery vorgestellt. 9

9 10

10 Informationsgrafiken begegnen uns in vielen Situationen. Sei es als U-Bahn-Übersicht, als Notausgangs-Plan, als erklärendes Bild an der Wand einer Arztpraxis oder als Bedienungsanleitung. Bilder sagen, laut Sprichwort, mehr als viele Worte. Blickbewegungsstudien ergaben, dass die meisten Leser eines Textes zunächst die dazugehörigen Bilder überfliegen.[1] Sie können schnell erfasst werden und das Interesse für den Text wecken. Diese Bildelemente sind in Zeitungen Fotos oder Grafiken, die Zusatzinformation oder eine Zusammenfassung des Textes bieten. In fast jedem Zeitungsverlag gibt es daher eine Grafikabteilung. Dorthin leiten Redakteure meist ihre Anfragen, wenn sie für ihren Artikel ein grafisches Element benötigen. Häufig handelt es sich dabei um Diagramme (z.b. in Form von Balken, Torten oder Kurven), um Landkarten (auf denen gezeigt wird, wo sich etwas abspielt) oder um Zeitleisten (auf denen wichtige Stationen zu einem Thema zusammengefasst werden). Durch sie soll leicht verständlich, optisch ansprechend und vor allem übersichtlich ein komplexer Zusammenhang dargestellt werden. Erstellt werden die Grafiken meist in Vektorprogrammen wie z.b. Adobe Illustrator. Dort gibt es die Möglichkeit, automatisch aus einer Tabelle Grafen zu erstellen. Diese wandeln Zahlen z.b. in die Höhe eines Balkens oder in das Volumen eines Kreises um. Ein in Illustrator erstelltes Beispiel zeigt Abb. 1. Abb. 1: Im Vektorprogramm Illustrator kann man aus einer Tabelle mit Zahlen z.b. Balken-, Kuvenund Torten-Diagramme erstellen lassen. ten und Nachrichtenagenturen oder von freien Grafikern, Designer und Gestaltern. ausgezeichnet werden ging der 1. Platz des dpa-infografik Award z.b. an Ole 11

11 stehen der Grünen veröffentlicht wurde. (Siehe Abb. 2) Inzwischen gibt es diese Auszeichnungen auch für interaktive Infografiken aus den Online- oder Digital-Ausgaben. International sticht dabei besonders häufig die New York Times heraus, die häufig sehr aufwändig recherchiert und umfangreiche in- Verlauf der Ölkatastrophe im Golf von Mexiko im Jahr Zu jedem einzelnen Tag zwischen dem Sinken des Öltankers (22.April) und zwei Wochen nach dem Verschließen des Lecks (am 2. August) indet man detaillierte Informationen, Quelle: New York Times 12

12 Das Verhalten im Betrachten von Bildern hat sich verändert, durch die Masse an Infor mationen, die wir täglich, vor allem über das Internet, konsumieren. Wir hantieren mit vielen nebeneinander geöffneten Fenstern, scrollbarem Text, Pop-ups. Videos und Musik können wir sehen und hören wann immer wir wollen. Das Tempo hat sich beschleunigt.[2] Bilder reduzieren die Rezeptionszeit. Unzählige visuelle Einflüsse überfordern die Aufnahmekapazität, weshalb Bilder immer origineller, schlichter und auffälliger sein müssen, um aus der Masse herauszustechen. Daher ist das Wissen um die Informationsverarbeitung für Designer von großer Bedeutung. In Zeitungen ist der Platz für Grafiken begrenzt. Je nach Thema und Redakteur werden einige Spalten oder dafür veranschlagt - ganz selten, zu besonderen Anlässen kann sich eine Grafik über zwei Zeitungseiten erstrecken. Für digitale Grafiken gilt diese Platzbeschränkung weniger. Hier hat man zwar immer das gleiche Format, kann sich aber durch Interaktion Informationen hinzu- oder wegschalten. Bisher fand man interaktive Grafiken vor allem auf den Internetportalen von Zeitungen und Zeitschriften. Inzwischen gibt es sie, durch die Verbreitung der Tablet-Computer, auch in den damit einhergehenden Digital-Ausgaben der Zeitungen und Zeitschriften. Einige Verlage beschränkten sich zwar zunächst darauf, eine App für das ipad von Apple anzubieten und den Android-Markt zu vernachlässigen. Da das Zeitunglesen auf dem Tablet aber gerade erst beginnt, wird wohl früher oder später auch noch eine Android-Alternative angeboten werden. Die Zeitungs-Apps bieten meist den kompletten Inhalt der Print-Versionen und stellen noch zusätzliche Multimedia-Angebote zur Verfügung. Dies sind zum einen Audio- oder Video-Dateien, zum anderen Bildergalerien oder Grafiken, in denen man interagieren kann. In diesen Versionen der Infografiken hat man die Möglichkeit mehr Information unterzubringen. Zahlen und Fakten, die in der Zeitung aus Platzgründen weggelassen werden, kann eine interaktive Grafik zusätzlich zur Verfügung stellen ohne die Gefahr überladen zu wirken. Zum Beispiel können auf einem Grafen, der den Verlauf eines Aktienkurses zeigt, Wende-/Maximal-/Minimalpunkte etc. markiert werden. Der Nutzer kann diese anwählen und erfährt was zu diesem Zeitpunkt genau geschah bzw. was dazu führte. Auch Fotos können dabei eingebunden werden, denn der Umfang einer interaktiven Grafik ist prinzipiell (bis auf die Tatsache, dass viele Fotos viele Kilobytes haben und das zu längeren Ladezeiten führt) unbeschränkt. Kleine Animationen, wie z.b. die Änderung der Größe von Balken, die animierte Neusortierung einer Liste oder die Umfärbung einer Fläche, geben den Grafiken einen besonderen optischen Reiz und können auch von Tablet-Prozessoren leicht umgesetzt werden. Zu große und aufwändige Animationen sorgen aber leider oft für Darstellungsfehler, Ruckeln oder im schlechtesten Fall für Abstürze der App (oder des Browsers). 13

13 1.3.1 Datenjournalismus denden Trend im Journalismus. Zwar gibt es schon seit den 1950-er Jahren die Möglichkeit, große Mengen an Informationen mit Rechenmaschinen zu durchsuchen, doch standen damals Technik und Information bei weitem nicht allen Interessenten zur Verfügung. Dies ist heute anders. Wenn man den klassischen Journalismus durch Recherchieren und Belegen von Fakten anhand von Daten kennzeichnen möchte, so ist Datenjournalismus die Umkehrung davon. Denn dabei werden Massen von Daten durchforstet, um am Ende eine Geschichte erzählen zu können. Durch das digitale Zeitalter gibt es unendlich viele Datenanhäufungen, die ohne großen Aufwand öffentlich zugänglich gemacht werden könnten. Doch noch ist es in Deutschland nicht soweit, dass diese Daten jederzeit frei verfügbar sind Daten sollen zugänglich werden Konzept: Open-Data resse sind, frei zugänglich sein müssen. Davon ausgeschlossen sind natürlich personenbezogene oder unter einer Geheimhaltungsstufe stehende Daten (ob diese Kennzeichnungen in jedem Fall gerechtfertigt sind, bleibt hier außen vor). Im Prinzip gilt: mit öffentlichen Geldern finanzierte Datensätze sollten der Allgemeinheit zur Verfügung stehen. Seit dem ist auf Bundesebene das Informationsfreiheitsgesetz in Kraft getreten. Dieses besagt, jeder Bürger hat das Recht, abgeschlossene amtliche Informationen von Bundesbehörden (nach Antragstellung und Bezahlen eines bestimmten Betrages) einsehen zu können ohne dafür eine Begründung abgeben zu müssen. Dies können sowohl Akten aus einem Kellerarchiv sein, als auch Pläne, Videoaufzeichnung oder digital hinterlegte Dokumente.[3][4] Auf Landesebene gilt dieses Gesetz allerdings noch nicht flächendeckend. Zwar haben die meisten Bundesländer inzwischen auch ein Informationsfreiheitsgesetz, so dass die Möglichkeit besteht, Daten aus Länder- und Kommunalbehörden einzusehen. In Bayern, Baden-Württemberg, Hessen, Niedersachsen und Sachsen gibt es ein solches Gesetz bisher allerdings nicht. (Stand März 2012) [5] Abgesehen von diesen fünf Ländern, wurden die Weichen für das OpenGovernment- Vorhaben gestellt. Als nächsten Schritt fordert die Open-Data-Bewegung, dass die Daten maschinenlesbar zur Verfügung stehen. Das heißt zum einen digital und zum anderen in einem nicht-proprietären Format, also in einem Format, das offen und nicht an eine firmeninterne Spezifikation gebunden ist. Zudem sollen alle Daten für jeden Internetnutzer frei zugänglich sein. 14

14 Um diese Forderungen durchzusetzen, gibt es in Deutschland seit ca. einem Jahr das OpenData Network (das Netzwerk zur Förderung von Open Government, Open ten aus Politik und Verwaltung, um eine stärkere Beteiligung der Bürgerinnen und Bürger, um die Bekämpfung von Korruption und darum, dass Politik und Verwaltung [6] Die Demokratie soll gestärkt und das Vertrauen der Bürger in die Politik zurückgewonnen werden. Denn dadurch, dass prinzipiell jedem Bürger alle Informationen zur Verfügung stünden, könnten diese sich durch Zahlen und Fakten selbst über bestimmte Themen informieren und wären nicht mehr abhängig von den Interpretationen der Politiker oder Journalisten. Zwar wären es wohl hauptsächlich die Journalisten, die sich mit - so vom Leser überprüft bzw. nachvollzogen und selbst interpretiert werden. Ein Beispiel sei der Bundeshaushalt des Bundesministeriums für Finanzen. Zwar ist es für Deutschland vergleichsweise fortschrittlich, dass auf der betreffenden Internetseite sehr viele detaillierte Haushalts- und Finanzpläne in Form von PDFs zur freien Verfügung stehen, diese sind jedoch - nach der Definition der Maschinenlesbarkeit - untauglich. Maschinenlesbar bedeutet in diesem Zusammenhang, dass Daten in einer eindeutig strukturierten, tabellarischen Form vorliegen, so dass man sie unkompliziert weiterverarbeiten kann, z.b. in Excel. Oder sie sollten in semistrukturierter Form, also nicht in Tabellenform, sondern per Auszeichnung gekennzeichnet sein (z.b. XML oder JSON).[7] Liegen die Daten im vorgesehenen Format vor, kann man sie mit Hilfe von Statistikwerkzeugen verarbeiten und auswerten oder man kann z.b. mit einer Programmierschnittstelle (Application Programming Interface, kurz: API) regelmäßige Aktualisierungen der Daten auslesen und sie direkt in eine Software einfließen lassen. Dadurch können aus bestimmten Zahlen Diagramme erstellt oder Maximal- und Minimalwerte ermittelt werden. Als maschinenlesbare Formate werden meist Dateien im Format XLS, CSV, XML, RSS oder JSON genannt.[8] Beispiele Open-Data Plattformen Offener Haushalt den Steuergeldern in Deutschland geschieht. Dazu haben die Macher alle frei verfügbaren PDFs des Bundeshaushalts in ein maschinenlesbares Format übertragen und anschaulich und verständlich visualisiert (siehe Abb. 4). Es wird darauf hinge- 15

15 wiesen, dass alle Quellen offen liegen und jeder dazu eingeladen ist, mitzumachen oder die Daten zu überprüfen, denn die Übertragung der Massen an Zahlen und Beschreibungen ist ein durchaus fehleranfälliger Prozess. Abb.4: OffenerHaushalt.de mit allen Bestandteilen des Bundeshaushaltes 2011 (oben) und die Auflistung der Posten am Beispiel des Bundesministeriums für Ernährung, Landwirtschaft und Verbraucherschutz (unten). Jeder Punkt enthält noch weitere Unterteilungen. Städte und ihre Daten Einige Städte haben sich auch schon an die offenen Daten heran gewagt. Ein Vorzeigebeispiel ist Frankfurt. Auf der Seite die auch zur OKF gehört, können alle Bürger detailliert einsehen, wofür die Stadt wie viel Geld ausgibt. Die Daten stehen alle im CSV-Format zum Download zur Verfügung. Nach dem bri- für die Politik Handlungsbedarf besteht. Mit Hilfe von OpenStreetMap werden alle Einträge auf einer Karte platziert und entsprechend ihrer Kategorie eingefärbt (siehe Abb. 5). Andere Nutzer können dann die Beiträge bewerten und kommentieren. Frankfurter Politiker sollen sich inzwischen auch schon am Geschehen beteiligen. Wie viele Initiativen aufgrund der Website tatsächlich umgesetzt wurden, ist schwer zu beurteilen. Es ist aber sicherlich eine gute Methode, Bürger zu motivieren, sich am Stadtgeschehen zu beteiligen.[9][10] 16

16 Abb. 5: Aktuelle Geschehnissen auf der Karte von frankfurt-gestalten.de Ähnliche Ideen hatten u.a.: daten.berlin.de und - entstanden durch das Projekt MOGDy - Munich Open Government Day The Truth about Crime Abb. 6: Die Oxford Crime Map zeigt ein erhöhtes Gewaltaufkommen in der Nacht von Samstag auf Sonntag In Großbritannien, der Heimat von Sherlock Holmes und Miss Marple, wo der Open Data Gedanke schon weiter verbreitet ist, wurde im Auftrag des BBC im Zeitraum von November 2007 bis November 2008 eine Karte erstellt, mit der Kriminalitätsmuster aufgedeckt werden können am Beispiel von der, als besonders durchschnittlich betrachteten Stadt Oxford, an welchen Wochentagen zu welcher Tageszeit besonders viel Kriminalität stattfindet. Die Einfärbungen auf der Karte (wie in Abb. 6 zu sehen) ändern sich mit der Fortbewegung auf der Zeitleiste, entsprechend den Vorkommnissen. Es lässt sich zum Beispiel erkennen, dass während normaler Arbeitstage nur wenige Vorfälle zu verzeichnen sind, außer am Nachmittag, wenn die Schule zu Ende ist und es zu Rangeleien zwischen Schülern kommt. Die Abend- und Nachtstunden des Wochenendes bringen, nach Schließung der Bars ein erhöhtes Aufkommen von Gewalt in der Nähe von Pubs.[11] 17

17 Farmsubsidy.org Ein weiteres Beispiel, bei dem etwas mehr Unerwartetes zum Vorschein kam, ist die welche landwirtschaftlichen Betriebe subventioniert. Noch stehen nicht alle Daten von den Betrieben der verschiedenen EU-Länder zur Verfügung, trotz eines Gesetzes das im April 2011, nach einigem hin und her wegen möglicher Urheberrechtsverletzungen, erlassen wurde[12]. Es lässt sich aber unschwer erkennen, dass es nicht nur die kleinen, auf Unterstützung angewiesenen Betriebe sind, die mit großen Subventionspaketen beliefert werden. Für die Verwendung der Gelder aus den Fonds innerhalb Deutschlands findet man auf einer Seite der Bundesanstalt für Landwirtschaft und Ernährung (www.agrarfischerei-zahlungen.de/suche) die Empfänger der Agrarfonds in den Jahren 2009 und 2010 mit Namen, Postleitzahl, Gemeinde und dem genauen Betrag. Im Zuge der sogenannten Transparenzinitiative verfolgte die Europäische Union das Ziel, die Verwendung der Agrarfonds zugänglicher und transparenter zu machen. Es soll- - [13] deutlich gemacht werden. Diese Veröffentlichung war allerdings sehr umstritten, da auch kleine Betriebe namentlich genannt wurden. Der Bayerische Agrarminister Helmut Brunner (CSU) verweigerte die Veröffentlichung der Zahlungen, da er den Datenschutz der Landwirte gefährdet sah.[14] Entwicklungszusammenarbeit und Transparenz ten fördert, stellt seit über 30 Jahren internationale Projektionen der Bevölkerung über Wirtschaft, Soziales und Umweltschutz auf. Dadurch können sie feststellen, wie effektiv Maßnahmen z.b. zur Armutsbekämpfung sind und sie dann entsprechend auf andere Länder übertragen.[15] Seit dem 22. April 2010 findet man die erhobenen Daten auf öffentlich und frei verfügbar. Unterteilt in über tausend Indikatoren, stehen alle Daten in maschinenlesbarem Format zur Verfügung. Sie gehen teilweise zurück bis Zudem Abb. 7: Visualisierung der Daten zur Pro-Kopf-CO2-Emission kann man sie sich auf einer Weltkarte, durch entsprechende Einfärbung oder in Form eines Graphen anzeigen lassen (siehe Abb. 7). Die Plattform soll dazu dienen, globale Themen zu veranschaulichen. Dadurch, dass 18

18 jeder sich beteiligen kann, sollen neue innovative Ideen entstehen.[16] Außerdem soll sie Skeptikern der Entwicklungshilfe aufzeigen, was mit den Geldern für Hilfsprojekte geschieht. auch die Weltbank angehört). Die IATI entwickelte einen Standard entsprechend Abb. 8: IATI-Standard zur Veröffentlichung der Daten zur Entwicklungshilfe Abb. 8, wie Dokumente zur Entwicklungshilfe in Zukunft ver öffentlicht werden sollen. So könnten die Daten direkt in entsprechende Visualisierungs - Software einlaufen und sofort ausgewertet werden. Dadurch steigt die Transparenz und somit die Glaubwürdigkeit der Organisationen. Inzwischen halten sich immer mehr Teilnehmer an die IATI-Norm.[17] 19

19 Im November 2011 verkündete Adobe, dass die Weiterentwicklung der sehr verbreite- [18]. Noch ist Flash das meist genutzte Tool zur Umsetzung von Animationen, Games und Videostreaming Abb. 9: Dieser Ausschnitt einer Infografik von Microsoft Tag (März 2011) prophezeit, dass in Amerika schon 2014 das Internet primär auf mobilen Geräten genutzt werden wird. und 99% aller Desktop-Browser (laut eigener Aussage Juli 2011 [19]) verfügen über einen Flash-Player. Doch da der mobile Markt sehr schnell weiter wachsen wird (eine Wachstumsprognose von Microsoft Tag ist in Abb. 9 zu sehen), die Entwicklung dafür aber beendet ist mobile Geräte der Firma Apple hatten von Anfang an keine Flash-Unterstützung wird Flash und somit die beliebte Benutzeroberfläche und die Skriptsprache Action Script immer weniger Verwendung finden. Die Alternative zu Flash, die sogar nativ, also ohne Plugin für einen Player verwendbar ist, ist HTML5. HTML5 ist eine Weiterentwicklung der Hypertext-Auszeichnungssprache (HTML - Hypertext Markup Language) zur Gliederung von Inhalten, die in Webbrowsern dargestellt werden. Die Fünf hinter dem HTML steht aber für mehr als nur die Strukturierung von Elementen - die aber auch deutlich vereinfacht wird. Die Neuerung bezieht sich vor allem auf das vereinfachte Zusammenspiel von HTML, CSS und JavaScript. Auch für CSS wird ein neuer Standard entwickelt: CSS3. Damit werden 3D-Transformationen und Animationen möglich, die vorher, wenn überhaupt, nur mit JavaScript umgesetzt werden konnten. Der Umfang von JavaScript hat sich ebenfalls erweitert und ermöglicht eine noch größere Einbindung des Nutzers durch Interaktion und z.b. client-seitige Datenbanken.[20] Abb. 10: Die Statistik (April 2012) zeigt, dass über die Hälfte der Nutzer veraltete Versionen eines Browsers (hier Internet Explorer) verwenden. Quelle: 20 Diese neue Technologie trifft allerdings bisher auf das Problem, dass viele Internetnutzer veraltete Browser verwenden (wie in dem Diagramm in Abb. 10 am Beispiel des Internet Explorers zu erkennen ist). Auf mobilen Browsern (z.b. Safari, Android Browser) kann man bereits die meisten Funktionalitäten nutzen, im Desktop-Bereich wird es noch ein paar Jahre dauern, bis man bei der Ent-

20 wicklung alte Nicht-HTML5-fähige Browser vernachlässigen kann. Und selbst modernen Browsern fehlen oft HTML5- und CSS3-Implementierungen. Eine hilfreiche Plattform, um herauszufinden, welche Eigenschaften oder Funktionen am Beispiel der CSS3-Methode zur 3D-Transformation, wie unterschiedlich die Unterstützung verschiedener Browser ausfällt. Abb. 11: Caniuse.com bietet Übersichts-Tabellen zur Kompatibilität von HTML5-, CSS3- und SVG- Eigenschaften in mobilen und Desktop-Browsern, hier die CSS3-Methode für 3D-Transformationen Beim Erstellen von HTML5-Anwendungen sollte man deshalb immer eine Fallback- Lösung für ältere Browser einbauen (zumindest beim Erstellen von Seiten, die für ein möglichst großes Publikum zugänglich sein sollten). Bei den Fallback-Lösungen kann es vorkommen, dass nicht alle modernen optischen Elemente umsetzbar sind. Die Seiten sollten aber zumindest dieselben Informationen bieten. Helfer, wie z.b. ob die verwendeten HTML5- oder CSS3-Implementierungen vorhanden sind. Wenn das nicht der Fall ist, werden z.b. JavaScript-Lösung angeboten.[21] Im Mai 2011 forderte das W3C (World Wide Web Consortium) alle Nutzer auf, im [22] Offiziell soll HTML5 zwar erst 2014 vom W3C als Web-Standard eingeführt werden, doch schon jetzt ist die Verbreitung, besonders auf mobilen Geräten, sehr groß. Da Apple sich von Anfang an konsequent gegen Flash auf mobilen Geräten entschieden hatte, sind sie sicherlich mitverantwortlich für die schnelle Verbreitung von HTML5.[23] 21

21 2.2.1 Flash-Umwandlungs-Tools Für diejenigen, die dennoch lieber mit Flash arbeiten oder bereits vorhandene Flash- Animationen weiter verwenden möchten, gibt es Anwendungen, die anbieten, eine - laby findet man eine lange Liste von Features, die nicht konvertiert werden, darunter auch ActionScript.[24] Swiffy konvertiert zwar ActionScript, aber nur Version 2.0 (aktuell ist Version 3.0). Der dabei entstehende Code ist so umfangreich, dass man damit kaum weiter arbeiten kann. Dargestellt werden kann das Ergebnis am besten in Webkit-Browsern mit SVG-Unterstützung (z.b. im mobilen Safari-Browser). Als Fallback-Lösung für iphone oder ipad, z.b. für ein auf Flash basierendes Werbebanner, kann eine solche Anwendung sinnvoll sein, für den plattformübergreifenden Einsatz ist sie aber ungeeignet HTML5-Benutzeroberflächen Um von vornherein HTML5-Anwendungen zu erstellen, entstehen im Moment verschiedene Benutzeroberflächen, die versuchen Flash abzulösen. Es folgt ein Überblick über drei dieser Oberflächen, von denen man besonders viel hört. (Beispieldateien befinden sich auf der beigelegten CD): Adobe Edge Adobe entwickelt zur Zeit eine HTML5-Be- native zu Flash. Da es sich noch in der Entwicklungs-Phase befindet (Stand: April 2012), kann man sich eine kostenlose Test- Version über Adobe Labs herunterladen. Momentan ist sie bei Version 5.1. Die Bedienung wirkt auf den ersten Blick verständlich, wenn man bereits mit Programmen von Adobe gearbeitet hat, da die Optik stark an ihre anderen Programme erinnert (siehe Abb. 13). Elemente werden erzeugt, indem man sie auf die Bühne zieht (Rechtecke, abgerundete Rechtecke und Text), dort kann man sie verschieben und frei skalieren, in der Timeline bekommt jedes Element eine Ebene. Es können allerdings keine strukturierenden Ordner erstellt werden, daher wird die Auflistung sehr schnell unübersichtlich. Jedes Element kann nun in der Timeline durch Setzen von die Style-Eigenschaften zum aktuell ausgewählten Element sichtbar und können per Eingabe angepasst werden. 22

22 Abb.13: Benutzeroberfläche von Adobe Edge, mit einer Test-Animation Wie in Flash können jedem Objekt Klick-, Mouseover-, Mousedown-, usw. Funktionen (siehe Abb. 14) gibt es eine Auswahl von Standard-Funktionen, die man verwenden kann, aber auch ein selbst geschriebener JavaScript-Code kann eingetragen werden. Als Ergebnis einer in Edge angelegten Animation erhält man eine HTML-Datei, drei Java Script-Dateien und einen Ordner mit den nötigen Bibliotheken (jquery, jqueryeasing, Edge und Json). Die JavaScript- Dateien enthalten alle verwendeten Elemente und deren Eigenschaften (es gibt keine extra CSS-Datei) und beschreiben die Animationsvorgänge und Events. Die HTML- Datei enthält lediglich einen Skript-Verweis auf die Preload-JS-Datei und einen Div- Container mit entsprechender ID und Klasse. Dadurch könnte man ein Edge-Projekt sehr einfach auch in eine bereits vorhandene HTML-Datei einbinden. In der Actions- JS-Datei können bei Bedarf weitere Funktionen ergänzt werden. Verwendbar ist der erzeugte Code für HTML5-fähige Browser, wobei der Umfang an HTML5-Unterstützung, wie schon erwähnt, bei unterschiedlichen Browsern variiert und somit die Darstellung und der Funktionsumfang verschieden sein kann. 23

23 Fazit: Das Zielpublikum von Edge sind Webdesigner, die gerne mit einer Benutzeroberfläche arbeiten wollen. Allerdings ist sehr deutlich zu erkennen, dass sich Edge noch in der Entwicklungsphase befindet. Viele Möglichkeiten, die man aufgrund von Erfahrungen mit anderen Adobe Programmen erwartet, sind noch nicht gegeben. Der entstehende Quellcode ist unübersichtlich und scheinbar unnötig groß. Darstellen können nur moderne Browser die so erzeugten Anwendungen, deshalb ist die Verwendung von Edge für Animationen, die einem möglichst großen Publikum zugänglich sein sollen, erst einmal nicht zu empfehlen. Sencha Animator Abb. 15: Logo der Soft- che zur Erstellung von Animationen und interaktiven Objek- Testversion zum freien Download zur Verfügung, die Vollversion kostet ca. 200 Dollar. Der Sencha Animator wirkt übersichtlicher als die Testversion von Edge. Wie bei Edge erzeugt man Elemente dadurch, dass man sie auf die Bühne zieht, dort kann man sie verschieben und skalieren. Man kann Elemente ineinander verschachteln und per Drang&Drop als auch durch genaue Zeitangaben verschoben werden. Für verschiedene Animationen legt man Szenen an, zu denen bei einem bestimmten Aufruf gesprungen werden kann. Abb. 16 zeigt die Benutzeroberfläche mit einem Beispiel- Projekt. 24

24 Jedem Element können einfache Klick-/Hover- etc. Funktionen zugeordnet werden, schreiben. Erzeugt wird eine einzige HTML-Datei, in deren head alle Java Script- und CSS-Befehle stehen. Aber auch hier entstehen wieder sehr viele Funktionen und Elemente, die für die Ausführung des Codes unnötig scheinen. Die Darstellung in älteren Browsern funktioniert auch hier nicht. Fazit: geschriebe nem CSS ist einfacher und die Oberfläche ist insgesamt übersichtlicher. Trotzdem auch hier: noch unterstützen zu wenige relevante Browser die Darstellung. lich. Daher ist der Einsatz bisher nicht sehr empfehlenswert. Tumult Hype Abb. 17: Logo der Soft- OS). Dies ist ebenfalls eine Software, die das Erstellen von HTML5 einfach und anschaulich machen soll. Sie kostet im AppStore ca. 40 Euro. Die Benutzeroberfläche hat die gleichen Komponenten, wie die anderen zwei Tools, auch hier kann man Elemente ziehen und skalieren, Szenen anlegen und Keyframes setzen. Selbst geschriebene JavaScript-Funktionen können im integrierten Editor einfach eingefügt werden. Abb. 18 zeigt die Benutzeroberfläche mit einer Test-Animation. 25

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

Webdesign mit HTML und CSS Einführungsabend

Webdesign mit HTML und CSS Einführungsabend Einführungsabend Die eigene Internetseite Hypertext und html Das HTML Grundgerüst HTML-Editoren Skriptsprachen im WWW Rechtliche Absicherung Suchmaschinenoptimierung Das HTML Grundgerüst HTML ist ein Kompromiss

Mehr

Einführung in die Cross-Plattform Entwicklung Das Intel App Framework

Einführung in die Cross-Plattform Entwicklung Das Intel App Framework Einführung in die Cross-Plattform Entwicklung Das Intel App Framework Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel App Framework vom Intel XDK vertraut. Es wird Schritt für Schritt

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

FAHRZEUGNET AG Telefon 071 620 30 00 Rathausstrasse 37 Fax 071 620 30 01 8570 Weinfelden info@fahrzeugnet.ch Garage-Homepage

FAHRZEUGNET AG Telefon 071 620 30 00 Rathausstrasse 37 Fax 071 620 30 01 8570 Weinfelden info@fahrzeugnet.ch Garage-Homepage FAHRZEUGNET AG Telefon 071 620 30 00 Rathausstrasse 37 Fax 071 620 30 01 8570 Weinfelden info@fahrzeugnet.ch Garage-Homepage Bedienungsanleitung Redaxo CMS Inhaltsverzeichnis Inhaltsverzeichnis... 2 Kapitel

Mehr

Anleitung zur Pflege der Homepage über den Raiffeisen-Homepage-Manager

Anleitung zur Pflege der Homepage über den Raiffeisen-Homepage-Manager Anleitung zur Pflege der Homepage über den Raiffeisen-Homepage-Manager Homepage-Manager Navigation Home Der Homepage-Manager bietet die Möglichkeit im Startmenü unter dem Punkt Home einfach und schnell

Mehr

jquery! JavaScript Frameworks Dr. Cora Burger

jquery! JavaScript Frameworks Dr. Cora Burger jquery! JavaScript Frameworks Dr. Cora Burger Überblick 1. Anwendungsbeispiele 2. Einstieg 3. jquery 4. Erweiterung jqueryui 5. Plugin-Beispiele 6. Erweiterung jquery Easing 7. Zusammenfassung, Ausblick

Mehr

Bedienungsanleitung GOZ-Handbuch der Landeszahnärztekammer Baden-Württemberg

Bedienungsanleitung GOZ-Handbuch der Landeszahnärztekammer Baden-Württemberg Bedienungsanleitung GOZ-Handbuch der Landeszahnärztekammer Baden-Württemberg LZK BW 12/2009 Bedienungsanleitung GOZ-Handbuch Seite 1 Lieferumfang Zum Lieferumfang gehören: Eine CD-Rom GOZ-Handbuch Diese

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

RÖK Typo3 Dokumentation

RÖK Typo3 Dokumentation 2012 RÖK Typo3 Dokumentation Redakteur Sparten Eine Hilfe für den Einstieg in Typo3. Innpuls Werbeagentur GmbH 01.01.2012 2 RÖK Typo3 Dokumentation Inhalt 1) Was ist Typo3... 3 2) Typo3 aufrufen und Anmelden...

Mehr

Datenvisualisierung mit JMP

Datenvisualisierung mit JMP Datenvisualisierung mit JMP Patrick René Warnat HMS Analytical Software GmbH Rohrbacherstr. 26 Heidelberg patrick.warnat@analytical-software.de Zusammenfassung Das JMP Paket ist ein Softwareprodukt der

Mehr

JavaScript Frameworks für Mobile

JavaScript Frameworks für Mobile JavaScript Frameworks für Mobile MoBI Expertenrunde Usability, 1. März 2012 doctima GmbH JavaScript Frameworks für Mobile MoBI 1.3.2012 Edgar Hellfritsch Inhalt Native App-Entwicklung Klassische Web-Entwicklung

Mehr

Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten

Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten Seit Anfang Juni 2012 hat Facebook die Static FBML Reiter deaktiviert, so wird es relativ schwierig für Firmenseiten eigene Impressumsreiter

Mehr

Der SCHWEIZER WELTATLAS interaktiv als Web Applikation

Der SCHWEIZER WELTATLAS interaktiv als Web Applikation 16. Januar 2014 Der SCHWEIZER WELTATLAS interaktiv als Web Applikation Ein Prototyp realisiert mit ArcGIS API for JavaScript Masterarbeit am Institut für Kartografie und Geoinformation Leitung Prof. Dr.

Mehr

Einführung in die Cross-Plattform Entwicklung Das Intel XDK

Einführung in die Cross-Plattform Entwicklung Das Intel XDK Einführung in die Cross-Plattform Entwicklung Das Intel XDK Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel XDK vertraut. Es wird Schritt für Schritt die erste eigene Hybrid-App entwickelt

Mehr

Designänderungen mit CSS und jquery

Designänderungen mit CSS und jquery Designänderungen mit CSS und jquery In der epages-administration gibt es in den Menüpunkten "Schnelldesign" und "Erweitertes Design" umfangreiche Möglichkeiten, das Design der Webseite anzupassen. Erfahrene

Mehr

Content Management System (CMS) Manual

Content Management System (CMS) Manual Content Management System (CMS) Manual Thema Seite Aufrufen des Content Management Systems (CMS) 2 Funktionen des CMS 3 Die Seitenverwaltung 4 Seite ändern/ Seite löschen Seiten hinzufügen 5 Seiten-Editor

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

DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages

DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages Wir automatisieren und optimieren Ihre Geschäftsprozesse DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages Thomas Brandstätter 06.03.2012 www.dccs.at Agenda Theorie Was sind XPages

Mehr

PRAXISBUTLER ANPASSUNG DER VORLAGEN

PRAXISBUTLER ANPASSUNG DER VORLAGEN Praxisbutler Anpassung der Vorlagen 1 PRAXISBUTLER ANPASSUNG DER VORLAGEN Die Vorlagen werden hauptsächlich in den Bereichen Klienten und Fakturierung benutzt. Die Anpassung dieser Vorlagen ist wichtig,

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

http://www.jimdo.com Mit Jimdo eine Homepage erstellen Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo http://benutzername.jimdo.com Der Benutzername

http://www.jimdo.com Mit Jimdo eine Homepage erstellen Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo http://benutzername.jimdo.com Der Benutzername Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo Mit Jimdo ist das Erstellen einer eigenen Homepage ganz besonders einfach. Auch ohne Vorkenntnisse gelingt es in kurzer Zeit, mit einer grafisch sehr ansprechenden

Mehr

TUT1 Javascript-Frameworks zum Erstellen von plattformunabhängigen mobilen Anwendungen

TUT1 Javascript-Frameworks zum Erstellen von plattformunabhängigen mobilen Anwendungen TUT1 Javascript-Frameworks zum Erstellen von plattformunabhängigen mobilen Anwendungen tekom Frühjahrstagung 2012 Karlsruhe am 26.4. 2012 doctima GmbH JavaScript Frameworks für Mobile tekom 26.4.2012 Edgar

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

TYPO3 Redaktoren-Handbuch

TYPO3 Redaktoren-Handbuch TYPO3 Redaktoren-Handbuch Kontakt & Support: rdv interactive ag Arbonerstrasse 6 9300 Wittenbach Tel. 071 / 577 55 55 www.rdvi.ch Seite 1 von 38 Login http://213.196.148.40/typo3 Username: siehe Liste

Mehr

9.2 Weitergeben. 9.2.1 Online-Album. 9.2 Weitergeben. Flash-Player

9.2 Weitergeben. 9.2.1 Online-Album. 9.2 Weitergeben. Flash-Player 9.2 Weitergeben Das Weitergeben und das Erstellen unterscheiden sich eigentlich nur wenig. Beim Erstellen liegt das Augenmerk mehr auf dem Ausdrucken, bei der Weitergabe handelt es sich eher um die elektronische

Mehr

Sichtung und Abnahme mit Final Cut Server über das Internet

Sichtung und Abnahme mit Final Cut Server über das Internet RevApp White Paper 1 Sichtung und Abnahme mit Final Cut Server über das Internet Erweitern Sie den Leistungsumfang von Final Cut Server durch den Einsatz von RevApp Produktionshäuser, Postproduktionen

Mehr

WufooConnector Handbuch für Daylite 4

WufooConnector Handbuch für Daylite 4 WufooConnector Handbuch für Daylite 4 WufooConnector Handbuch für Daylite 4 1 Allgemeines 1.1 Das WufooConnector Plugin für Daylite 4 4 2 Einrichtung 2.1 2.2 2.3 Installation 6 Lizensierung 8 API Key einrichten

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

Technische Hintergründe des Web 2.0. Praxisprojekt Du bist das Netz! Web 2.0 Morten Strüwe, Florian Brachten

Technische Hintergründe des Web 2.0. Praxisprojekt Du bist das Netz! Web 2.0 Morten Strüwe, Florian Brachten Technische Hintergründe des Web 2.0 Praxisprojekt Du bist das Netz! Web 2.0 Morten Strüwe, Florian Brachten Überblick 1. die Ursprünge des Internet 2. die Techniken des Internet 2.1 Hardware 2.2 Software

Mehr

scmsp SMARTES Content-Management-System Bestimmtes kann und das dafür sehr gut. Bei der Konzeption des blockcms stand die Einfachheit im Vordergrund:

scmsp SMARTES Content-Management-System Bestimmtes kann und das dafür sehr gut. Bei der Konzeption des blockcms stand die Einfachheit im Vordergrund: scmsp SMARTES Content-Management-System blockcms steht für Block Content Management System Wir brauchen kein CMS, das alles kann, sondern eines, das nur Bestimmtes kann und das dafür sehr gut. Bei der

Mehr

PRAKLA SEISMOS Downloadportal

PRAKLA SEISMOS Downloadportal PRAKLA SEISMOS Downloadportal Voraussetzungen Um die recht umfangreichen PDF Dokumente, mit einer Größe bis zu 60 MByte, ansehen zu können, müssen sie aus dem Internet geladen werden. Dazu ist eine schnelle

Mehr

CRM. Weitere Schritte

CRM. Weitere Schritte CRM Weitere Schritte 1. Allgemein... 3 2. Anpassen der Auswahllisten... 3 3. Aufgabenverwaltung... 4 4. Web2Lead... 6 4.1 Erstellen Sie ein individuelles Kontaktformular...6 4.2 Optionen...6 4.3 Benachrichtigungen...7

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

@HERZOvision.de. Kurzanleitung WebClient. v 1.0.0 by Herzo Media GmbH & Co. KG - www.herzomedia.de

@HERZOvision.de. Kurzanleitung WebClient. v 1.0.0 by Herzo Media GmbH & Co. KG - www.herzomedia.de @HERZOvision.de Kurzanleitung WebClient v 1.0.0 by Herzo Media GmbH & Co. KG - www.herzomedia.de Inhaltsverzeichnis Inhaltsverzeichnis... 2 E-Mails direkt im Browser bearbeiten... 3 Einführung in den WebClient

Mehr

Mamut Open Services. Mamut Wissensreihe. Erste Schritte mit Mamut Online Survey

Mamut Open Services. Mamut Wissensreihe. Erste Schritte mit Mamut Online Survey Mamut Open Services Mamut Wissensreihe Erste Schritte mit Mamut Online Survey Erste Schritte mit Mamut Online Survey Inhalt ÜBER MAMUT ONLINE SURVEY... 1 ERSTE SCHRITTE MIT MAMUT ONLINE SURVEY... 3 BENUTZER

Mehr

Konfiguration des Internet Explorers 7

Konfiguration des Internet Explorers 7 Konfiguration des Internet Explorers 7 Allgemeines...2 Seiteneinrichtung...2 ActiveX-Steuerelemente...3 JavaScript...5 Verschiedenes...6 Ausdruck von Hintergrundbildern...8 HTTP 1.1...9 Popupblockereinstellungen...10

Mehr

Jump Project. Softwarelösungen für professionelles Projektmanagement

Jump Project. Softwarelösungen für professionelles Projektmanagement Jump Project Softwarelösungen für professionelles Projektmanagement Jump Project Office Übersichtliche Dokumentenstruktur und schneller Zugriff auf alle wichtigen Funktionen. Steuern Sie Ihre Projekte

Mehr

App Entwicklung mit Hilfe von Phonegap. Web Advanced II - SS 2012 Jennifer Beckmann

App Entwicklung mit Hilfe von Phonegap. Web Advanced II - SS 2012 Jennifer Beckmann App Entwicklung mit Hilfe von Phonegap Web Advanced II - SS 2012 Jennifer Beckmann http://www.focus.de/digital/internet/netzoekonomie-blog/smartphone-googles-android-laeuft-konkurrenz-in-deutschland-davon_aid_723544.html

Mehr

Neues Projekt anlegen... 2. Neue Position anlegen... 2. Position in Statikdokument einfügen... 3. Titelblatt und Vorbemerkungen einfügen...

Neues Projekt anlegen... 2. Neue Position anlegen... 2. Position in Statikdokument einfügen... 3. Titelblatt und Vorbemerkungen einfügen... FL-Manager: Kurze beispielhafte Einweisung In dieser Kurzanleitung lernen Sie die wichtigsten Funktionen und Abläufe kennen. Weitere Erläuterungen finden Sie in der Dokumentation FLManager.pdf Neues Projekt

Mehr

OS Anwendungsbeschreibung

OS Anwendungsbeschreibung Inhalt Einleitung... 2 Start des Programms... 2 Scannen einer neuen Zeitungsseite... 4 Presse-Clipping... 8 Artikel ausschneiden und bearbeiten... 11 Übernahme aus der Zwischenablage... 19 Ausdruck in

Mehr

Fahrzeuggestaltung auf dem ipad

Fahrzeuggestaltung auf dem ipad Fahrzeuggestaltung auf dem ipad Fahrzeuggestaltung auf dem ipad 1 Was diese Anleitung behandelt 1.1 1.2 Überblick 4 Empfohlene Hilfsmittel 5 2 Benötigte Dateien zum ipad kopieren 2.1 2.2 2.3 Von Mac oder

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

Im Folgenden wird Ihnen an einem Beispiel erklärt, wie Sie Excel-Anlagen und Excel-Vorlagen erstellen können.

Im Folgenden wird Ihnen an einem Beispiel erklärt, wie Sie Excel-Anlagen und Excel-Vorlagen erstellen können. Excel-Schnittstelle Im Folgenden wird Ihnen an einem Beispiel erklärt, wie Sie Excel-Anlagen und Excel-Vorlagen erstellen können. Voraussetzung: Microsoft Office Excel ab Version 2000 Zum verwendeten Beispiel:

Mehr

ebanking Business: Umwandeln der Lastschriftvorlagen in SEPA-Vorlagen mit automatischer Konvertierung von Kontonummer/BLZ in IBAN und BIC

ebanking Business: Umwandeln der Lastschriftvorlagen in SEPA-Vorlagen mit automatischer Konvertierung von Kontonummer/BLZ in IBAN und BIC ebanking Business: Umwandeln der Lastschriftvorlagen in SEPA-Vorlagen mit automatischer Konvertierung von Kontonummer/BLZ in IBAN und BIC Lastschriftvorlagen, die Sie in ebanking Business gespeichert haben,

Mehr

Remote Communications

Remote Communications HELP.BCFESDEI Release 4.6C SAP AG Copyright Copyright 2001 SAP AG. Alle Rechte vorbehalten. Weitergabe und Vervielfältigung dieser Publikation oder von Teilen daraus sind, zu welchem Zweck und in welcher

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

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

Autorensysteme für mobile Anwendungen - Totgesagte leben länger. Prof. Dr. Michael Bauer 25.10. 2012 Autorensysteme

Autorensysteme für mobile Anwendungen - Totgesagte leben länger. Prof. Dr. Michael Bauer 25.10. 2012 Autorensysteme Autorensysteme für mobile Anwendungen - Totgesagte leben länger Was ist, was will ein Autor? Produzent interaktiver, multimedialer Inhalte geschlossene Einheiten (Apps) keine Grenzen für Kreativität Entwicklungs-

Mehr

---------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------- Webauftritt meiner Schule via CMS System Joomla! Dieser Arbeitskatalog hilft dir notwendige Arbeiten zu strukturieren. Grundsätzliches Das CMS System Joomla trennt strikt Content (Inhalte, Fotos, ) und

Mehr

Alte Technik neu verpackt

Alte Technik neu verpackt Alte Technik neu verpackt AJAX hilft Anwendungen im Web interaktiver zu werden Christian Aurich Ronny Engelmann Alte Technik neu verpackt Entwicklung von AJAX Was ist Web 2.0 / Social Web? Anwendungen

Mehr

Startansicht... 1 Menüleiste... 2 Persönliche Einstellungen... 2 Queueansicht... 3 Suche... 5 Shortcuts... 5

Startansicht... 1 Menüleiste... 2 Persönliche Einstellungen... 2 Queueansicht... 3 Suche... 5 Shortcuts... 5 Inhalt Startansicht... 1 Menüleiste... 2 Persönliche Einstellungen... 2 Queueansicht... 3 Suche... 5 Shortcuts... 5 Ab dem Wintersemester 20112/2013 wird OTRS Version 2 durch Version 3 abgelöst und für

Mehr

Glossar. SVG-Grafiken in Bitmap-Grafikformate. Anweisung Eine Anweisung ist eine Folge aus Schlüsselwörtern, Variablen, Objekten,

Glossar. SVG-Grafiken in Bitmap-Grafikformate. Anweisung Eine Anweisung ist eine Folge aus Schlüsselwörtern, Variablen, Objekten, Glossar Anweisung Eine Anweisung ist eine Folge aus Schlüsselwörtern, Variablen, Objekten, Methoden und/oder Eigenschaften, die eine bestimmte Berechnung ausführt, eine Eigenschaft ändert oder eine Methode

Mehr

Visual Web Developer Express Jam Sessions

Visual Web Developer Express Jam Sessions Visual Web Developer Express Jam Sessions Teil 1 Die Visual Web Developer Express Jam Sessions sind eine Reihe von Videotutorials, die Ihnen einen grundlegenden Überblick über Visual Web Developer Express,

Mehr

Spamschutz bei TYPO3. von Bernd Warken bei Fa. Netcos AG

Spamschutz bei TYPO3. von Bernd Warken bei Fa. Netcos AG Spamschutz bei TYPO3 von Bernd Warken bei Fa. Netcos AG Kapitel 0: Einleitung 3 0.1 Vorwort 3 0.2 Lizenz 3 Kapitel 1: Aktivierung und Konfiguration 4 1.1 config.spamprotectemailaddresses 4 1.2 config.spamprotectemailaddresses_atsubst

Mehr

Skyfillers Hosted SharePoint. Kundenhandbuch

Skyfillers Hosted SharePoint. Kundenhandbuch Skyfillers Hosted SharePoint Kundenhandbuch Kundenhandbuch Inhalt Generell... 2 Online Zugang SharePoint Seite... 2 Benutzerpasswort ändern... 2 Zugriff & Einrichtung... 3 Windows... 3 SharePoint als

Mehr

DURCH DEN EINSATZ VON REVAPP VEREINFACHEN SIE DEN SONST EHER KOMPLIZIERTEN UND

DURCH DEN EINSATZ VON REVAPP VEREINFACHEN SIE DEN SONST EHER KOMPLIZIERTEN UND 1 DURCH DEN EINSATZ VON REVAPP VEREINFACHEN SIE DEN SONST EHER KOMPLIZIERTEN UND ZEITAUFWENDIGEN ABNAHMEPROZESS IHRER VIDEOASSETS. DENN REVAPP ERMÖGLICHT DIE SICHTUNG UND ABNAHME (REVIEW AND APPROVAL)

Mehr

Anleitung zum Schulmaster Wartungsportal. Inhalt

Anleitung zum Schulmaster Wartungsportal. Inhalt Anleitung zum Schulmaster Wartungsportal Inhalt Anleitung zum Schulmaster Wartungsportal... 1 1. Einleitung... 2 2. Anmelden am Wartungsportal... 2 3. Zusätzliche Informationen... 2 4. Der Wartungskalender...

Mehr

Bedienung von BlueJ. Klassenanzeige

Bedienung von BlueJ. Klassenanzeige Im Folgenden werden wichtige Funktionen für den Einsatz von BlueJ im Unterricht beschrieben. Hierbei wird auf den Umgang mit Projekten, Klassen und Objekten eingegangen. Abgeschlossen wird dieses Dokument

Mehr

Die derzeit bekanntesten Alternativen zum Browser von Microsoft sind Mozilla Firefox, Google Chrom und Opera.

Die derzeit bekanntesten Alternativen zum Browser von Microsoft sind Mozilla Firefox, Google Chrom und Opera. Webbrowser Webbrowser stellen die Benutzeroberfläche für Webanwendungen dar. Webbrowser oder allgemein auch Browser (engl. to browse heißt stöbern, schmökern, umsehen) sind spezielle Computerprogramme

Mehr

Sicherheit in Rich Internet Applications

Sicherheit in Rich Internet Applications Sicherheit in Rich Internet Applications Florian Kelbert 14.02.2008 Seite 2 Sicherheit in Rich Internet Applications Florian Kelbert 14.02.2008 Inhaltsverzeichnis Grundlagen Ajax und Mashups Adobe Flash-Player

Mehr

DGNB System Software: Unterschiede zwischen Version 1 und Version 2

DGNB System Software: Unterschiede zwischen Version 1 und Version 2 DGNB System Software: Unterschiede zwischen Version 1 und Version 2 1 DGNB GmbH 2015 Inhaltsverzeichnis (1) 1. Aufteilung in Web-Oberfläche und Client 2. Anmeldung in der Web-Oberfläche 3. Installieren

Mehr

7 SharePoint Online und Office Web Apps verwenden

7 SharePoint Online und Office Web Apps verwenden 7 SharePoint Online und Office Web Apps verwenden Wenn Sie in Ihrem Office 365-Paket auch die SharePoint-Dienste integriert haben, so können Sie auf die Standard-Teamsite, die automatisch eingerichtet

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

ActiveX Scripting IE und DHTML (DOM): Architektur, Beispiele (Object Rexx)

ActiveX Scripting IE und DHTML (DOM): Architektur, Beispiele (Object Rexx) ActiveX Scripting IE und DHTML (DOM): Architektur, Beispiele (Object Rexx) Oliver Spritzendorfer Thomas Fekete ActiveX Technologie für ausführbaren Programmcode auf Web-Seiten wiederverwendbare Softwarekompononente

Mehr

ANLEITUNG VSGIS.CH. Erweiterter geschützter Bereich

ANLEITUNG VSGIS.CH. Erweiterter geschützter Bereich ANLEITUNG VSGIS.CH Erweiterter geschützter Bereich Rue de la Métralie 26 Autor: NS 3960 Sierre Mandat: 0933 Tel. 027 / 455 91 31 Version: 2.3 01.09.2014 info@rudaz.ch KURZANLEITUNG Der Zugang zum WebGIS

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

Einführung in die Cross-Plattform Entwicklung Web Services mit dem Intel XDK

Einführung in die Cross-Plattform Entwicklung Web Services mit dem Intel XDK Einführung in die Cross-Plattform Entwicklung Web Services mit dem Intel XDK Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel XDK und dem Zugriff auf Web Services vertraut. Der Web Service

Mehr

Konfiguration des Internet Explorers 8

Konfiguration des Internet Explorers 8 2009 myfactory International GmbH Seite 1 von 15 Konfiguration des Internet Explorers 8 Allgemeines 2 Seiteneinrichtung 2 ActiveX-Steuerelemente 3 JavaScript 5 Verschiedenes 6 Ausdruck von Hintergrundbildern

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

Erklärung der Webalizer Statistik

Erklärung der Webalizer Statistik Webhost Linux Erklärung der Webalizer Statistik - 1 - Erklärung der Webalizer-Statistik Dieses Dokument beschreibt den Aufbau der Auswertung der Webserver-Statistiken. Die Auswertungen sind täglich ab

Mehr

Agenda. Ingo Ebel (ie007) Benjamin Müller (bm032) Was ist AJAX? Sicherheit Vor- und Nachteile. AJAX Frameworks. Wozu benötigt Client/Server

Agenda. Ingo Ebel (ie007) Benjamin Müller (bm032) Was ist AJAX? Sicherheit Vor- und Nachteile. AJAX Frameworks. Wozu benötigt Client/Server AJAX Agenda Ingo Ebel (ie007) Was ist AJAX? Wozu benötigt Client/Server Sicherheit Vor- und Nachteile Benjamin Müller (bm032) AJAX Frameworks GWT ATF Ingo Ebel - ie007 2 Web 2.0 Ingo Ebel - ie007 3 Ingo

Mehr

Zeitung als App? Wandel der Produktions- und Kommunikationsprozesse. Prof. Dr. Paul Klimsa Technische Universität Ilmenau

Zeitung als App? Wandel der Produktions- und Kommunikationsprozesse. Prof. Dr. Paul Klimsa Technische Universität Ilmenau Zeitung als App? Wandel der Produktions- und Kommunikationsprozesse Prof. Dr. Paul Klimsa Technische Universität Ilmenau Inhalt Technik, Inhalt und Organisation: Medieproduktion als neue Grundlage der

Mehr

Falko Braune Präsentation - Hauptseminar Web Engineering Professur Verteilte und selbstorganisierende Rechnersysteme Technische Universität Chemnitz

Falko Braune Präsentation - Hauptseminar Web Engineering Professur Verteilte und selbstorganisierende Rechnersysteme Technische Universität Chemnitz Falko Braune Präsentation - Hauptseminar Web Engineering Professur Verteilte und selbstorganisierende Rechnersysteme Technische Universität Chemnitz - 19.12.2012 1. Einleitung 2. Technologie 3. Bewertung

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

Erzherzog Johann Jahr 2009

Erzherzog Johann Jahr 2009 Erzherzog Johann Jahr 2009 Der Erzherzog Johann Tag an der FH JOANNEUM in Kapfenberg Was wird zur Erstellung einer Webseite benötigt? Um eine Webseite zu erstellen, sind die folgenden Dinge nötig: 1. Ein

Mehr

SharePoint Schnittstelle für Microsoft Dynamics CRM 2011

SharePoint Schnittstelle für Microsoft Dynamics CRM 2011 SharePoint Schnittstelle für Microsoft Dynamics CRM 2011 Benutzerhandbuch zur SharePoint Schnittstelle für MS CRM 2011 Schnittstellenversion: 5.2.2 Dokumentenversion: 3.1 Inhalt 1. Vorwort... 4 2. Funktionsbeschreibung...

Mehr

Updatebeschreibung 3.3.20 und Anpassungen für Browser Version

Updatebeschreibung 3.3.20 und Anpassungen für Browser Version Updatebeschreibung 3.3.20 und Anpassungen für Browser Version Nachfolgend finden Sie die Beschreibungen der letzten Neuerungen. Gleichzeitig erfolgt eine Reihe von Datenbankumstellungen für die im Jänner

Mehr

Adobe Reader X Plug-in von Mozilla Firefox verwenden

Adobe Reader X Plug-in von Mozilla Firefox verwenden Befehle entfernen Befehle können nicht entfernt werden! Befehle einfügen hier anklicken Abb. 2012-1/01-01 oben Befehle standardmäßig, mitte Befehle angepasst, unten Leiste mit Kurzbefehlen SG Januar 2012

Mehr

Online-Ansichten und Export Statistik

Online-Ansichten und Export Statistik ACS Data Systems AG Online-Ansichten und Export Statistik (Version 10.08.2009) Buchhaltung für Schulen ACS Data Systems AG Bozen / Brixen / Trient Tel +39 0472 27 27 27 obu@acs.it 2 Inhaltsverzeichnis

Mehr

Mobile Webapps in kürzester Zeit: APEX mobile!

Mobile Webapps in kürzester Zeit: APEX mobile! Mobile Webapps in kürzester Zeit: APEX mobile! Carsten Czarski ORACLE Deutschland B.V. & Co KG Riesstr. 25, 80992 München Schlüsselworte APEX, Mobile Anwendungen, jquery Mobile Einleitung Anwendungen für

Mehr

12.3 Mit ein wenig HTML erstellen Sie eine fast dynamische Datenquelle

12.3 Mit ein wenig HTML erstellen Sie eine fast dynamische Datenquelle MS-Excel als externe Quelle Da NetObjects Fusion mit fast allen Datenquellen umgehen kann, geht das natürlich auch mit MS-Excel. Jederzeit können Sie damit eine Tabelle erstellen, die dann als externe

Mehr

Interaktive Visualisierung der Projektmanagement-Prozesse

Interaktive Visualisierung der Projektmanagement-Prozesse Interaktive Visualisierung der Projektmanagement-Prozesse Abschlussvortrag zur Bachelorarbeit Dimitar Kosakov Inhaltsverzeichnis Rückblick Ziel Technologien Konzept View Webinterface Datenstruktur Umsetzung

Mehr

Das Einsteigerseminar

Das Einsteigerseminar Michael Seeboerger-Weichselbaum Das Einsteigerseminar XML Inhalt Vorwort Einleitung und Ziel des Buches 1 Was ist XML 1.1 HTML 1.2 XML 1.3 XSLT 1.4 XML und HTML - wo sind die Unterschiede? 1.5 Einsatzgebiete

Mehr

Sachwortverzeichnis... 251

Sachwortverzeichnis... 251 Inhalt Vorwort... V 1 WWW World Wide Web... 1 1.1 Das Internet Infrastruktur und Administration... 2 1.2 Datenübertragung... 4 1.3 Sprachen im Web... 6 1.4 Webseiten... 7 1.4.1 Clientseitige Dynamik...

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

- 1 - LOGION CMS. MedienService Ladewig

- 1 - LOGION CMS. MedienService Ladewig - 1 - LOGION CMS MedienService Ladewig - 2 - Administration Einführung: Warum Online Redaktion einfach sein kann... Wer Informationen aufbereitet und verteilt, steht mit den Mitteln moderner Informationstechnologie

Mehr

Alle alltäglichen Aufgaben können auch über das Frontend durchgeführt werden, das in den anderen Anleitungen erläutert wird.

Alle alltäglichen Aufgaben können auch über das Frontend durchgeführt werden, das in den anderen Anleitungen erläutert wird. Der Admin-Bereich im Backend Achtung: Diese Anleitung gibt nur einen groben Überblick über die häufigsten Aufgaben im Backend-Bereich. Sollten Sie sich nicht sicher sein, was genau Sie gerade tun, dann

Mehr

BANKETTprofi Web-Client

BANKETTprofi Web-Client BANKETTprofi Web-Client Konfiguration und Bedienung Handout für die Einrichtung und Bedienung des BANKETTprofi Web-Clients im Intranet / Extranet Der BANKETTprofi Web-Client Mit dem BANKETTprofi Web-Client

Mehr

Outlook Web App 2010. Kurzanleitung. interner OWA-Zugang

Outlook Web App 2010. Kurzanleitung. interner OWA-Zugang interner OWA-Zugang Neu-Isenburg,08.06.2012 Seite 2 von 15 Inhalt 1 Einleitung 3 2 Anmelden bei Outlook Web App 2010 3 3 Benutzeroberfläche 4 3.1 Hilfreiche Tipps 4 4 OWA-Funktionen 6 4.1 neue E-Mail 6

Mehr

Wiki Dokumentation. Erstellt von:

Wiki Dokumentation. Erstellt von: Wiki Dokumentation Erstellt von: Wiki Dokumentation www.verkaufslexikon.de Allgemeines Wikipedia, ein Enzyklopädie Projekt der Wikimedia Foundation, ist ein Wiki, d. h. eine Website, deren Seiten man direkt

Mehr

Update Information. Independence Pro Software Suite 3.0 & Sound Libraries

Update Information. Independence Pro Software Suite 3.0 & Sound Libraries Update Information Independence Pro Software Suite 3.0 & Sound Libraries 2 Yellow Tools Update Information Lieber Kunde, vielen Dank, dass Du Dich für eines unserer Produkte entschieden hast! Falls Du

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

Graphen in Apex von Thomas Hernando. www.syntegris.de

Graphen in Apex von Thomas Hernando. www.syntegris.de Graphen in Apex von Thomas Hernando www.syntegris.de Einleitung FIRMENINFOS Gründung im Jahre 2000 mit Sitz in Neu-Isenburg bei Frankfurt am Main Mehr als 30 Berater Oracle Gold Partner Schwerpunkte liegen

Mehr

Die Visualisierung des HomeServers bietet die Möglichkeit, Grundrisspläne oder Bilder zu integrieren und Bedienelemente frei zu gestalten.

Die Visualisierung des HomeServers bietet die Möglichkeit, Grundrisspläne oder Bilder zu integrieren und Bedienelemente frei zu gestalten. Visualisierung anlegen und testen (Neu!!! Dezember 200!!!) HomeServer/ FacilityServer Visualisierung anlegen und testen Einleitung: Die Visualisierung des HomeServers bietet die Möglichkeit, Grundrisspläne

Mehr

Datenvisualisierung ohne Grenzen?

Datenvisualisierung ohne Grenzen? Datenvisualisierung ohne Grenzen? Zürich explorer Schweizer Tage der öffentlichen Vaduz 20. September 2012 Marco Sieber Agenda Ausgangslage Evaluation von Standardprogrammen Möglichkeiten und Grenzen von

Mehr

Erste Schritte in der Benutzung von Microsoft SharePoint 2010

Erste Schritte in der Benutzung von Microsoft SharePoint 2010 Erste Schritte in der Benutzung von Microsoft SharePoint 2010 Inhalt 1. Einleitung... 1 2. Browserwahl und Einstellungen... 1 3. Anmeldung und die Startseite... 3 4. Upload von Dokumenten... 3 5. Gemeinsamer

Mehr

Was ist SVG? Inhalt: Allgemeines zu SVG Besondere Merkmale Vor- und Nachteile Dateiformat Standardobjekte Koordinatensystem Beispiele Links

Was ist SVG? Inhalt: Allgemeines zu SVG Besondere Merkmale Vor- und Nachteile Dateiformat Standardobjekte Koordinatensystem Beispiele Links Was ist SVG? Was ist SVG? Inhalt: Allgemeines zu SVG Besondere Merkmale Vor- und Nachteile Dateiformat Standardobjekte Koordinatensystem Beispiele Links SVG: Allgemeines zu SVG SVG = Scalable Vector Graphics

Mehr