Digitale Whiteboard-Software mit HTML5, SVG und WebSockets
|
|
|
- Leon Bauer
- vor 10 Jahren
- Abrufe
Transkript
1 Digitale Whiteboard-Software mit HTML5, SVG und WebSockets Webprogrammierung und Web 2.0-Technologien Jan Teske, Peter Weigt, Philipp Nagy, Daniel Hoffmann
2 Gliederung 2 1. Aufgabenstellung 2. HTML5-Canvas 3. SVG 4. fabric.js 5. Raphael 6. Vergleich
3 1. Aufgabenstellung 3 Implementierung eines Whiteboard-Clients für das Tele-Board- Projekt Realisierung der Zeichenfläche mit HTML5-Canvas oder SVG Kommunikation und Synchronisation der Clients mit WebSockets
4 2. HTML5-Canvas HTML5 4 Sammlung von neuen Features Erster Arbeitsentwurf , letzter am Spezifikation voraussichtlich 2014 fertiggestellt Neuheiten/Änderungen: Nur ein Doctype: <!DOCTYPE html> Strukturiende Elemente: section, nav, article Canvas <video>-tag Local Storage SVG- und MathML-Einbindung Neue <input>-felder
5 2. HTML5-Canvas - <canvas> 5 Erlaubt dynamisches Zeichnen von Bitmaps in 2D Wird von allen gängigen und aktuellen Browsern unterstützt IE Firefox Safari Chrome Opera iphone Android Markup: <canvas id= canvas" width= 500" height= 350"> Fallback content </canvas> Zeichnen in JavaScript: var canvas = document.getelementbyid('canvas'); var context = canvas.getcontext('2d');
6 2. HTML5-Canvas - Zeichenmethoden 6 Farbe strokestyle fillstyle Rechtecke clearrect(float x, float y, float w, float h) fillrect(float x, float y, float w, float h) Pfade strokerect(float x, float y, float w, float h) beginpath( ) closepath( ) moveto( float x, float y) lineto( float x, float y) quadraticcurveto(float cpx, float cpy, float x, float y ) beziercurveto(float cp1x, float cp1y, float cp2x, float cp2y, float x, float y ) Text startangle, float endangle, boolean anticlockwise ) stroke() filltext(string text, float x, float y, [Optional] float maxwidth) stroketext(string text, float x, float y, [Optional] float maxwidth) Bilder drawimage( ) Line styles Transformation scale( float x, float y) rotate( float angle) translate( float x, float y) transform(...) settransform(...) arc(float x, float y, float radius, float
![cp2x, float cp2y, float x, float y ) Text startangle, float endangle, boolean anticlockwise ) stroke() filltext(string text, float x, float y, [Optional] float maxwidth) stroketext(string text, float](/docs-images/42/8742909/images/page_6.jpg "x, float y, [Optional] float maxwidth) Bilder drawimage( ) Line styles Transformation scale( float x, float y) rotate( float angle) translate( float x, float y) transform(...) settransform(.")
7 2. HTML5-Canvas - Beispiel 7 <!DOCTYPE html> <html> <head> <title>canvas example</title> </head> <body> <canvas id="canvas" width="300" height="300"></canvas> </body> </html>
8 2. HTML5-Canvas - Beispiel 8 <!DOCTYPE html> <html> <head> <title>canvas example</title> <script type="text/javascript"> function draw(){ var ctx = document.getelementbyid('canvas').getcontext('2d'); } </script> </head> <body onload="draw();"> <canvas id="canvas" width="300" height="300"></canvas> </body> </html>
9 2. HTML5-Canvas - Beispiel 9 function draw(){ var ctx = document.getelementbyid('canvas').getcontext('2d'); } ctx.fillstyle = "rgb(174,0,54)"; ctx.fillrect (10, 40, 160, 160);
10 2. HTML5-Canvas - Beispiel 10 function draw(){ var ctx = document.getelementbyid('canvas').getcontext('2d'); ctx.fillstyle = "rgb(174,0,54)"; ctx.fillrect (10, 40, 160, 160); } ctx.fillstyle = "rgb(246, 167, 1)"; ctx.fillrect (55, 20, 140, 140);
11 2. HTML5-Canvas - Beispiel 11 function draw(){ var ctx = document.getelementbyid('canvas').getcontext('2d'); ctx.fillstyle = "rgb(174,0,54)"; ctx.fillrect (10, 40, 160, 160); ctx.fillstyle = "rgb(246, 167, 1)"; ctx.fillrect (55, 20, 140, 140); } ctx.fillstyle = "rgb(221, 99, 13)"; ctx.fillrect (55, 40, 115, 120);
12 2. HTML5-Canvas - Beispiel 12 function draw(){ var ctx = document.getelementbyid('canvas').getcontext('2d'); ctx.fillstyle = "rgb(174,0,54)"; ctx.fillrect (10, 40, 160, 160); ctx.fillstyle = "rgb(246, 167, 1)"; ctx.fillrect (55, 20, 140, 140); ctx.fillstyle = "rgb(221, 99, 13)"; ctx.fillrect (55, 40, 115, 120); } ctx.font = "40pt sans-serif"; ctx.fillstyle = "rgb(255,255,255)"; ctx.filltext("hpi", 70, 100);
13 SVG - Allgemeines 13 SVG => Scalable Vector Graphics XML basiert, textorientiert für 2D, skalierbare Grafiken Bilder und Text sind grafische Objekte Darstellung durch user agents: Browser SVG Viewer
14 SVG - Entstehung : Vector Markup Language (VML) Precision Graphics Markup Language (PGML) zur Standardisierung eingereicht Sep 2001: Veröffentlichung von Scalable Vector Graphics 1.0 Jan 2003: aktuelle Version SVG 1.1 Dez 2008: SVG 1.2 Tiny (mobile devices)
15 SVG Was kann SVG? 15
16 SVG Code 16 Header Rechteck Größe Farbeinstellungen Startkoordinaten
17 SVG - Kompatibilität 17 Unterstützt Scriptsprachen (z.b. JavaScript) Unterstützt Stylesprachen (z.b. CSS) Kompatible zu: XML extensible Markup Language CSS Cascading Stylesheets DOM Document Object Model HTML Hypertext Markup Language XHTML und HTML5
18 SVG - Browserkompatibilität 18 SVG Unterstützung der aktuellen Browsern IE ab 9.0 Firefox ab 4.0 Safari ab 5.0 Chrome ab 10.0 Opera ab 11.01
19 4. fabric.js Eine Canvas-Library 19
20 4. fabric.js - Features 20 Designziele: Performance und Kompatibilität (Firefox 2+, Chrome, Safari 3+, Opera 9.64+, IE9+) Interaktives Objektmodell Eingebaute Maus-Interaktion Text-Rendering SVG-Parsing
21 4. fabric.js - Beispiel 21 example.html <!DOCTYPE html> <html> <head> <script src="fabric.js"></script> <script src="example.js"></script> </head> <body> <canvas id="c" width="200" height="200"> Fallback Content </canvas> </body> </html> example.js window.onload = function() { var canvas = new fabric.canvas('c'); var rect = new fabric.rect({ width: 100, height: 100, left: 100, top: 100 }); canvas.add(rect); var angle = 0; settimeout(function animate() { angle = (angle + 2) % 360; rect.setangle(angle); canvas.renderall(); settimeout(animate, 10); }); }
22 4. fabric.js - Dokumentation 22 kangax.github.com/fabric.js/docs kangax.github.com/fabric.js/demos groups.google.com/group/fabricjs
23 5. Raphael.js JavaScript Library by Dmitry Baranovskiy 23 Kleine JavaScript Library vereinfacht zeichnen von Vectorgrafiken im Web Entspricht W3C SVG Empfehlung erstellt standardkonforme SVG Grafiken Editierbarkeit außerhalb des Webs möglich! Lizenz? : MIT Lizenz Cross Browser kompatibel bis Internet Explorer 6 (VML) Raphael Projects + Plugins: graphael Graph-Zeichentool ZPD Zooming + Panning + Drag and Drop URL: raphaeljs.com
24 5. Raphael.js JavaScript Library 24 Sehr gute übersichtliche Dokumentation:
25 5. Raphael.js - Beispiel 25 example.html example.js <!DOCTYPE html> <html> <head> <script src= raphael.js"></script> <script src="example.js"></script> </head> <body> <div id= paper ></div> </body> </html> window.onload = function() { var paper = Raphael( paper", 320, 200); var circle = paper.circle(50, 50, 40); circle.click(function (){ alert( Web 2.0 rockz ) }; var c = paper.rect(10, 10, 50, 50); }
26 Frames per Second 6. Vergleich Canvas vs. SVG 26 Benchmark: Kubuntu Windows 7 Windows 7 (high end) Mac OSX Canvas - Chrome SVG- Chrome Canvas - Firefox 12,5 33, SVG - Firefox 3 2 2,5 3 Canvas - Chrome SVG- Chrome Canvas - Firefox SVG - Firefox Kubuntu 11.10, Windows 7: Intel Pentium SU4100, 2x 1.3GHz Windows 7 (high end): Intel Core i5-480m, 2x 2.66GHz Mac OSX : Intel Core2Duo, 2x 2.00 GHz
27 6. Vergleich - Testpanels 27 Spezifikation: 500 bewegliche Rechtecke 50 bewegliche Bilder 500 Scribbles, je 100 Linien Zooming Panning/Scrolling Freihandzeichnen
28 6. Vergleich - Fabric.js vs. Raphael.js unter Google Chrome Eingesetzter Browser: Chrome Eingesetzte Testsysteme: LINUX: Intel Core i5-480m, 2x 2,66 GHz; 4 GB RAM WINDOWS 7: Intel Core i5-480m, 2x 2,66 GHz; 4 GB RAM MAC OSX: Intel Core2Duo, 2x 2,00 GHz; 4 GB RAM Average Load Time alle Systeme kombiniert Raphael.js 883 ms Fabric.js 330 ms
29 Frames per Second 6. Vergleich - Fabric.js vs. Raphael.js unter Google Chrome fabric.js - Linux raphael.js - Linux fabric.js - Windows 7 raphael.js - Windows 7 fabric.js - Mac OSX raphael.js - Mac OSX 0 move rectangle: move image: panning: zooming: drawing: fabric.js - Linux raphael.js - Linux fabric.js - Windows raphael.js - Windows fabric.js - Mac OSX raphael.js - Mac OSX
30 6. Vergleich - Fabric.js vs. Raphael.js unter Firefox Eingesetzter Browser: Firefox Eingesetzte Testsysteme: LINUX: Intel Core i5-480m, 2x 2,66 GHz; 4 GB RAM WINDOWS 7: Intel Core i5-480m, 2x 2,66 GHz; 4 GB RAM MAC OSX: Intel Core2Duo, 2x 2,00 GHz; 4 GB RAM Average Load Time alle Systeme kombiniert Raphael.js 1570 ms Fabric.js 425 ms
31 Frames per Second 6. Vergleich - Fabric.js vs. Raphael.js unter Firefox fabric.js - Windows 7 raphael.js - Windows 7 fabric.js - Mac OSX raphael.js - Mac OSX 10 0 move rectangle: move image: panning: zooming: drawing: fabric.js - Windows raphael.js - Windows fabric.js - Mac OSX raphael.js - Mac OSX
32 Quellen 32 Canvas Tutorial: fabric.js: HTML5 Working Draft: Mark Pilgrim - Dive into HTML5, Kapitel 4: Raphael.js: stats.js: SVG Wiki: SVG Tutorial: Tele-Board: The man in blue - Benchmark: W3C Standard:
Scalable Vector Graphics (SVG)
Scalable Vector Graphics () Beschreibungssprache für Vektorgraphiken. Basiert auf XML, daher ähnlich zu (X)HTML, SMIL, VRML, RSS, etc.
Going Crazy mit JavaScript: Grafik im Browser. Martin Marinschek, Stefan Schuster IRIAN.at
Going Crazy mit JavaScript: Grafik im Browser Martin Marinschek, Stefan Schuster IRIAN.at 2 Agenda Grafik im Browser Möglichkeiten Hilfsmittel Grafik-Applikationen Umsetzung Beispiele 3 Grafik im Browser?
Wo steht HTML5 Überblick, Möglichkeiten, Zukunft (ohne Anspruch auf Vollständigkeit)
1 Wo steht HTML5 Überblick, Möglichkeiten, Zukunft (ohne Anspruch auf Vollständigkeit) Sven Brencher 2 Wie ich zu Webentwicklung stehe Yeah Flexbox! Entwickler vs. Unternehmer ROI? 3 Wie kann man HTML5
SVG Skalierbare Vektorgrafiken im Netz
SVG Skalierbare Vektorgrafiken im Netz Weckung des Bedarfs an der Verteilung von georeferenzierten Informationen beim LWL: Weckung des Bedarfs an der Verteilung von georeferenzierten Informationen beim
Scalable Vector Graphics. Ulrich Hoffmann <[email protected]>
Scalable Vector Graphics Ulrich Hoffmann 1 Überblick ftp://tins1.rz.e-technik.fh-kiel.de/home/share/xxml Was ist SVG? Wie lässt sich SVG anzeigen, bearbeiten? Wie sehen SVG-Dokumente
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
HTML5 2 1 / 6. Doing Web Apps HTML5 2. Letzte Änderung: 2014-10-24 Version: 1.1
1 / 6 Doing Web Apps HTML5 2 Autor: Rüdiger Marwein Letzte Änderung: 2014-10-24 Version: 1.1 Dieses Dokument darf mit Nennung des Autoren - frei vervielfältigt, verändert und weitergegeben werden. Der
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
Webdesign Grundlagen. Michael Kraft, M.A. WS 2012/2013 [email protected]
Webdesign Grundlagen Michael Kraft, M.A. WS 2012/2013 [email protected] Bürokratie Termine & Kursliste & http://hawk.herrkraft.de Wer bin ich? michael kraft ba ma 2006 2012 hawk tutor interaction digital
WEBSEITEN ENTWICKELN MIT ASP.NET
jamal BAYDAOUI WEBSEITEN ENTWICKELN MIT ASP.NET EINE EINFÜHRUNG MIT UMFANGREICHEM BEISPIELPROJEKT ALLE CODES IN VISUAL BASIC UND C# 3.2 Installation 11 Bild 3.2 Der Webplattform-Installer Bild 3.3 IDE-Startbildschirm
D ie Z ukunft m it H TM L5
D ie Z ukunft m it H TM L5 Folien unter http://www.w3c.de/events/2009/webtech-html5/sasaki-webtech09-html5.pdf 1 HTML5-Beispiele getestet mit Firefox 3.5.3 2 Sprecher Hauptschwerpunkte Mehrsprachige Daten
http://login-38.hoststar.ch/user/web146/awstats.php?month=06&year=2014&output=...
Statistik für web146 (-06) - main http://login-38.hoststar.ch/user/web146/awstats.php?month=06&year=&output=... Page 1 of 5 02.07. Statistik für: web146 Zuletzt aktualisiert: 01.07. - 17:27 Zeitraum: Juni
Technische Voraussetzungen
Technische Voraussetzungen Um NextPhysio Videos abspielen zu können, müssen ihr Computer und ihre Internetverbindung bestimmte Anforderungen erfüllen. Hier finden Sie alles - übersichtlich aufbereitet
Version 1 SVG. Scalable Vector Graphics. B.Wenk, HTW Chur. apple ibooks Author
Version 1 SVG Scalable Vector Graphics B.Wenk, HTW Chur SVG SVG - Scalable Vector Graphics 1 Einführung Bilder und Grafiken Mit der Digitalkamera aufgenommene oder mit einem Scanner aufgenommene Bilder
DataSpace 2.0 Die sichere Kommunikations-Plattform für Unternehmen und Organisationen. Your Data. Your Control
DataSpace 2.0 Die sichere Kommunikations-Plattform für Unternehmen und Organisationen Your Data. Your Control WebGUI CMIS GW (JSON) GDS2 API (JSON) WebDAV GDS core Moderne Software Architektur Object-Store
Open Source. Thomas Weibel, Multi & Media [email protected] www.thomasweibel.ch
Open Source Thomas Weibel, Multi & Media [email protected] www.thomasweibel.ch Inhalt 1. Begriff, Lizenzen 2. HTML 5, Nachschlagewerke 3. Software 4. Linux: Ubuntu 5. Content-Management-Systeme
Technische Voraussetzungen
Technische Voraussetzungen Um NewMoove Videos abspielen zu können, müssen dein Computer und deine Internetverbindung bestimmte Anforderungen erfüllen. Hier findest du alles - übersichtlich aufbereitet
1 von 5 03.03.2010 19:10
Statistik für kindgerechte-schule.ch (-02) - main 1 von 5 03.03. 19:10 Zuletzt aktualisiert: 03.03. - 15:55 Zeitraum: OK Zeitraum Monat Feb Erster Zugriff 01.02. - 00:18 Letzter Zugriff 28.02. - 23:53
DATENFORMATE IM INTERNET
DATENFORMATE IM INTERNET Steffen Petermann Projekt reisefieber:// BILDFORMATE JPG / GIF / PNG / SVG MULTIMEDIA FLASH / SHOCKWAVE TEXT-BASIERTE FORMATE HTMP / CSS / JS / CGI / PHP AUDIO & VIDEO MP3 / MOV
HTML 5-Editor für OpenStreetMap
HTML 5-Editor für OpenStreetMap Paul-Fiete Hartmann (OSM Benutzername: bastik) 21.3.2012 Inhalt 1 Motivation 2 Ähnliche Projekte 3 Mein Prototyp (Beboj) 4 Webtechniken (Details) 2 / 20 Abgrenzung HTML
Transformation von RailML timetable Daten zu SVG mittels XSLT zur Darstellung von Zeit-Weg-Liniendiagrammen
Transformation von RailML timetable Daten zu SVG mittels XSLT zur Darstellung von Zeit-Weg-Liniendiagrammen Peter K. Brandt Ergon Informatik AG Zürich, Schweiz 2007 Ergon Informatik AG Ausgangslage RailML
XML Grundlagen. Andreas Rottmann,Sebastian Riedl. 27. August 2002. Quit Full Screen Previous Page Next Page GoTo Page Go Forward Go Back
XML Grundlagen Andreas Rottmann,Sebastian Riedl 27. August 2002 Rottmann, Riedl: XML Grundlagen 1 Überblick Hintergründe und Geschichte Aufbau von XML-Dokumenten DTD Schemata Erweiterungen XML APIs Rottmann,
XML Technologien Seminar WS 2011/2012. 01.04.12 Einführung in HTML5 1
XML Technologien Seminar WS 2011/2012 01.04.12 Einführung in HTML5 1 EINFÜHRUNG IN HTML5 Eine kurze historische Einführung HTML5 Ausblick und kritische Reflexion 01.04.12 Einführung in HTML5 2 Eine kurze
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
Grafiken dynamisch erzeugen in HTML5. Canvas. kurz & gut. David Flanagan O REILLY. Übersetzung von Lars Schulten
Grafiken dynamisch erzeugen in HTML5 Canvas kurz & gut O REILLY David Flanagan Übersetzung von Lars Schulten Inhalt Vorwort... Canvas-Tutorial... 1 Linien zeichnen und Polygone füllen... 6 Grafikattribute...
Webseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web
Webseiten sind keine Gemälde Webkrauts Die Initiative für die Webkrauts ging von einem Blogeintrag im August 2005 aus. Nach dem Aufruf fanden sich innerhalb von etwa drei Tagen über 60 Interessierte zusammen.
CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS
CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS Sören Elvers, Julia Polner, Max Weller, Moritz Willig T-Doku, Werner-von-Siemens-Schule, Wetzlar 2010-2011 INHALT DIESES VORTRAGS 1. Kurze Einführung
Systemvoraussetzungen myfactory
Systemvoraussetzungen myfactory Hinweis: Die Funktionsfähigkeit des Systems können wir bei Einsatz von nicht freigegebener (BETA)-Software nicht gewährleisten. 1 Einzelplatzversion 1.1 Hardware Prozessor
Online-Publishing mit HTML und CSS für Einsteigerinnen
mit HTML und CSS für Einsteigerinnen Dipl.-Math. Eva Dyllong Universität Duisburg Dipl.-Math. Maria Oelinger spirito GmbH IF MYT 07-2002 Web-Technologien Überblick HTML und CSS, XML und DTD, JavaScript
Graphikformate Ein kurzer Überblick
Graphikformate Ein kurzer Überblick Einführung in das rechnergestützte Arbeiten Dr. Andreas Poenicke, Dipl.-Phys. Patrick Mack KIT Universität des Landes Baden-Württemberg und nationales Forschungszentrum
Multivariate Tests mit Google Analytics
Table of Contents 1. Einleitung 2. Ziele festlegen 3. Einrichtung eines Multivariate Tests in Google Analytics 4. Das JavaScript 5. Die Auswertung der Ergebnisse Multivariate Tests mit Google Analytics
Dr. Thomas Meinike Hochschule Merseburg
XSLT Programmierung effektiv und schmerzfrei! Dr. Thomas Meinike Hochschule Merseburg thomas.meinike@hs merseburg.de http://www.iks.hs merseburg.de/~meinike/ @XMLArbyter Zusatzmaterial Februar
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
YouTube ist nicht alles!
YouTube ist nicht alles! Über Videopodcasts, HTML5, webm, Matroska und den ganzen anderen modernen Kram. Referent: Fabio Bacigalupo Videocamp, 20. Juni 2010 Der Begriff des Podcasts Was sind, sollen und
Die XML-basierten Grafikformate SVG und XVL - eine Revolution der technischen Dokumentation?
Die XML-basierten Grafikformate SVG und XVL - eine Revolution der technischen Dokumentation? Tekom Regionalgruppen -Treffen 02. Juni 2005 Elektronikschule Tettnang Inhalt 1 Referent Einführung SVG Grundlagen
Allgemeine Informationen Slides2Go Stand April 2015
Allgemeine Informationen Slides2Go Stand April 2015 1. ALLGEMEINE INFORMATIONEN... 3 1.1 SYSTEMANFORDERUNGEN WEB-BACKEND... 3 1.2 SYSTEMANFORDERUNGEN FRONTEND / APP... 3 1.3 UNTERSTÜTZTE DATEIFORMATE...
1 von 6 02.01.2011 11:44
Statistik für sggelterkinden.ch () - main 1 von 6 02.01.2011 11:44 Zuletzt aktualisiert: 02.01.2011-08:00 Zeitraum: OK Zusammenfassung Zeitraum Jahr Erster Zugriff 14.07. - 20:02 Letzter Zugriff 31.12.
Webportfolio Kurs 2 1
Webportfolio Kurs 2 1 Inhalte Übersicht Konzeption und Gestaltung von Websites Strukturierung von HTML-Dokumenten Formatierung von HTML-Dokumenten Verwenden von Bildern, Links, Listen, Tabellen.. Einbettung
XML Grundlagen Sommersemester 2013
XML Grundlagen Sommersemester 2013 Die Lehrveranstaltung wird studienbegleitend durch eine Hausarbeit und eine Präsentation mit Diskussion geprüft. Die Themen der folgenden Liste werden im Rahmen der Lehrveranstaltung
X-Technologien. Ein Überblick. Ulrike Henny. [email protected]. IDE Summer School 2013, Chemnitz
X-Technologien Ein Überblick Ulrike Henny [email protected] X-Technologien Das X-Universum XML im Zentrum Woher kommt XML? Einsatz von XML X-Technologien Datenhaltung Datenzugriff Umwandlung Ausgabe
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...
Systemanforderungen Verlage & Akzidenzdruck
OneVision Software AG Inhalt Asura 9.5, Asura Pro 9.5, Garda 5.0...2 PlugBALANCEin 6.5, PlugCROPin 6.5, PlugFITin 6.5, PlugRECOMPOSEin 6.5, PlugSPOTin 6.5,...2 PlugTEXTin 6.5, PlugINKSAVEin 6.5, PlugWEBin
Präsentation von Karten im Internet. Ein Vergleich der Vektorformate SVG und ActiveCGM
Präsentation von Karten im Internet Ein Vergleich der Vektorformate SVG und 41. Sitzung der Arbeitsgruppe Automation in der Kartographie (AgA) am 21. und 22. September 2004 in Hamburg Dipl.- Ing. Prof.
NEUES AUS DER ENTWICKLUNG. April 2015
NEUES AUS DER ENTWICKLUNG April 2015 Agenda R&D Redwood Produkt-Upgrade und -Releasestrategie Namensänderungen / -Konventionen Produkt Updates Schlusswort INTRODUCTION R&D April 2015 Unser Team 20+ Mitarbeiter
Dokumentation zur Browsereinrichtung
Dokumentation zur Browsereinrichtung Einrichtung des Browsers zur Nutzung von Testdurchfuehren.de Stand: 10/10 Einleitung Einrichtung des Browsers zur Nutzung von Testdurchfuehren.de Diese Anleitung soll
Systemanforderungen Verlage & Akzidenzdruck
OneVision Software AG Inhalt Asura 10.2, Asura Pro 10.2,Garda 10.2...2 PlugBALANCEin 10.2, PlugCROPin 10.2, PlugFITin 10.2, PlugRECOMPOSEin 10.2, PlugSPOTin 10.2,...2 PlugTEXTin 10.2, PlugINKSAVEin 10.2,
Agon Solutions. The native web mobile Architekturen mit HTML5 und PhoneGap. Ihre Prozesse in besten Händen.
The native web mobile Architekturen mit HTML5 und PhoneGap Juri Urbainczyk Agon meets Technology 26. Februar 2013 Agon Solutions Ihre Prozesse in besten Händen. 1 Worum geht s? Mobile und mehr Warum HTML5?
TM1 mobile intelligence
TM1 mobile intelligence TM1mobile ist eine hochportable, mobile Plattform State of the Art, realisiert als Mobile BI-Plug-In für IBM Cognos TM1 und konzipiert als Framework für die Realisierung anspruchsvoller
Wahlpflichtfach Streaming Media
Wahlpflichtfach Streaming Media Gregor Franzen TM061023 Ines Schwaighofer TM061102 In dem Wahlpflichtfach Streaming Media beschäftigen sich verschiedene Gruppen von Studierenden mit unterschiedlichen Streaming-Technologien.
Präsentation Von Laura Baake und Janina Schwemer
Präsentation Von Laura Baake und Janina Schwemer Gliederung Einleitung Verschiedene Betriebssysteme Was ist ein Framework? App-Entwicklung App-Arten Möglichkeiten und Einschränkungen der App-Entwicklung
Systemeinstellungen im Internet Explorer für WEB-KAT
im Internet Explorer für WEB-KAT V 20151123 DE - Copyright 1998-2015 by tef-dokumentation 1 / 12 Inhaltsverzeichnis Systemeinstellungen im Internet Explorer 1 1. Hardware 3 1.1 Computer 3 1.2 Internetverbindung
Inhaltsverzeichnis. Bank Thalwil Genossenschaft Version vom 25.2.2014, Seite 1/19
Inhaltsverzeichnis 1. Sicherheitshinweise... 2 2. Internet Explorer... 3 2.1. Internet Explorer, Version 8.0... 3 2.2. Internet Explorer, Version 9.0... 5 2.3. Internet Explorer, Version 10.0... 7 2.4.
Webdesign-Multimedia HTML und CSS
Webdesign-Multimedia HTML und CSS Thomas Mohr HTML Definition ˆ HTML (Hypertext Markup Language) ist eine textbasierte Auszeichnungssprache (engl. markup language) zur Strukturierung digitaler Dokumente
Daten in EPUB visualisieren und dynamisch aktualisieren
Daten in EPUB visualisieren und dynamisch aktualisieren [email protected] ebook vs. Mehrwert Informationstransport über mehrere Kanäle sinnvoll für mehr Verständnis (Wort, Bild, Ton, Interaktion) Problem: Gewährleistung
Das Objektmodell von InDesign
Das Objektmodell von InDesign Objektorientiertes Klassenmodell, alle Objekte sind von der Basisklasse Application abgeleitet Vereinfacht: Alle Menu-Einträge/Auswahlen haben eine Entsprechung (und noch
Java Script für die Nutzung unseres Online-Bestellsystems
Es erreichen uns immer wieder Anfragen bzgl. Java Script in Bezug auf unser Online-Bestell-System und unser Homepage. Mit dieser Anleitung möchten wir Ihnen einige Informationen, und Erklärungen geben,
High Performance Websites1/ 18 MBit
High Performance Websites1 / 18 MBit Harte Fakten 2 Website-Wachstum: Top 1000 Websites laut Alexa Quellen: http://video.yahoo.com/watch/4156174/11192533 http://www.websiteoptimization.com/speed/tweak/average-web-page/
Systemanforderungen Verlage & Akzidenzdruck
OneVision Software AG Inhalt Asura 10, Asura Pro 10, Garda 10...2 PlugBALANCEin 10, PlugCROPin 10, PlugFITin 10, PlugRECOMPOSEin10, PlugSPOTin 10,...2 PlugTEXTin 10, PlugINKSAVEin 10, PlugWEBin 10...2
AudaFusion AudaExpert 3 AudaPad III. Hardware und Systemvoraussetzungen (04.2015)
AudaFusion AudaExpert 3 AudaPad III Hardware und Systemvoraussetzungen (04.2015) Inhaltsverzeichnis 1 Hardwarevoraussetzungen... 3 1.1 Einzelplatz... 3 1.2 Server... 3 1.3 Terminalserver... 3 1.4 Speicherplatzbedarf...
Web Data Mining. Albert Weichselbraun
Web Data Mining Albert Weichselbraun Vienna University of Economics and Business Department of Information Systems and Operations Augasse 2-6, 1090 Vienna [email protected] May 2011 Agenda
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
HTML5 / CSS3. 19.10.2009 - Webtreff - Konstanz Lars Messmer - COMSOLIT GmbH
HTML5 / CSS3 19.10.2009 - Webtreff - Konstanz Lars Messmer - COMSOLIT GmbH Seite / 68 COMSOLIT GmbH Fullservice Agentur die erfolgreich professionelle Gesamtlösungen umsetzt. Zu den Kernkompetenzen zählen:
Fernzugang Uniklinikum über VMware View
Fernzugang Uniklinikum über VMware View Windows Mit VMware View haben Sie die Möglichkeit, von einem beliebigen Netzwerk aus auf einen Rechnerpool des Uniklinikums zuzugreifen. 1. Installation des VMware
Leistungsbereich Geoviewer. Beispiel Integration des Kartenviewers
Leistungsbereich Geoviewer Beispiel Integration des Kartenviewers Leistungsbereich Geoviewer Agenda Kartenviewerintegrationen GeoBAK 1.0 Kartenviewer der GeoBAK 2.0 Voraussetzungen für die Nutzung Leistungen
CAS-PMT Adobe-Connect-Anleitung
CAS-PMT Adobe-Connect-Anleitung Inhaltsverzeichnis 1 Die Kommunikations-Plattform Adobe-Connect im Überblick... 2 2 Systemvoraussetzungen... 3 2.1 Kopfhörer... 3 2.2 Systemvoraussetzungen... 3 2.2.1 Windows...
Magento Theming Ein Einstieg Rainer Wollthan
Magento Theming Ein Einstieg Rainer Wollthan Überblick Vorbereitung Datei Struktur Adminbereich Layout XML Block Template Magento Theming macht Spaß! Vorbereitung Produkte Marketingmaßnahmen Design Länder
Einsatzbedingungen FAMOS 3.10
Einsatzbedingungen FAMOS 3.10, Betriebssystem, Netzwerkintegration FAMOS ist als Mehrbenutzersystem konzipiert und damit voll netzwerkfähig. Die Integration in bestehende Netzwerke mit dem TCP/IP-Standard
Systemanforderungen Verlage & Akzidenzdruck
OneVision Software AG Inhalt Asura 9.6, Asura Pro 9.6, Garda 5.6...2 PlugBALANCEin 6.6, PlugCROPin 6.6, PlugFITin 6.6, PlugRECOMPOSEin 6.6, PlugSPOTin 6.6,...2 PlugTEXTin 6.6, PlugINKSAVEin 6.6, PlugWEBin
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
INDEX. Netzwerk Überblick. Benötigte Komponenten für: Windows Server 2008. Windows Server 2008 R2. Windows Server 2012
INDEX Netzwerk Überblick Benötigte Komponenten für: Windows Server 2008 Windows Server 2008 R2 Windows Server 2012 Windows SQL Server 2008 (32 Bit & 64 Bit) Windows SQL Server 2012 Client Voraussetzungen
HTML Teil 2. So kann man HTML-Seiten mit <div> und CSS gestalten. So sehen einfache Formulare aus
HTML Teil 2 So kann man HTML-Seiten mit und CSS gestalten So sehen einfache Formulare aus Wie könnte ein komplexer Internetauftritt aussehen? Trennung Inhaltsbereich und Navigationsbereich 2 Beispiel:
Automatisches Exploratives Testen von Webanwendungen
Automatisches Exploratives Testen von Webanwendungen Dr. Valentin Dallmeier IT-Themenabend - 2013-10-01 AG Produkte und Dienstleistungen für die Qualitätssicherung von Software. AG Dr. Valentin Dallmeier
Aktualisierung des Internet-Browsers
Marketingtipp Aktualisierung des Internet-Browsers Landesverband Bauernhof- und Landurlaub Bayern e.v. Was ist ein Internet-Browser? Der Internet-Browser ist das Programm, das Sie benutzen um im Internet
Multimediale Web-Anwendungen. JavaScript. Einführung. MWA JavaScript-Einführung Dr. E. Schön Sommersemester 2015 Folie 1.
Multimediale Web-Anwendungen JavaScript Einführung MWA JavaScript-Einführung Dr. E. Schön Sommersemester 2015 Folie 1 Entstehungsgeschichte: JavaScript 1995 Netscape Communications Corp. (Brendan Eich)
Systemvoraussetzungen
Systemvoraussetzungen Webkonsole Tabelle 1. für die Webkonsole Browser Microsoftt Internet Explorer 8.0, 9.0, 10.0, 11.0 (32 und 64 Bit) Mozilla Firefox 38 (ESR), 39, 40 und 41 Google Chrome Microsoft
Systemanforderungen (Mai 2014)
Systemanforderungen (Mai 2014) Inhaltsverzeichnis Einführung... 2 Einzelplatzinstallation... 2 Peer-to-Peer Installation... 3 Client/Server Installation... 4 Terminal-,Citrix-Installation... 5 Virtualisierung...
Kurze Einführung in Web Data Mining
Kurze Einführung in Web Data Mining Yeong Su Lee Centrum für Informations- und Sprachverarbeitung (CIS), LMU 17.10.2007 Kurze Einführung in Web Data Mining 1 Überblick Was ist Web? Kurze Geschichte von