Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare ist ein Scribd-Unternehmen logo
10 Internet-Standards für die Zukunft IEX 2003 | Seminar w-15 Freitag, 7. Februar 2003 Andreas Göldi, CEO, namics ag  Jürg Stuker, CTO, namics ag
Rückblick: Die Top 10 Internet-Standards 2002 MMS WAP 2.0 J2ME / Embedded Java XML Security Web Services Neue DNS Features JXTA  Device Independence  Universal Usability Flash-Erweiterungen
Die Top 10 Internet-Standards 2003 JSP 2.0 XHTML 2 Platform for Privacy Preferences Watermarking C# Multimedia Home Platform Semantic Web WLAN XSL-FO SVG
team–based net solutions JSP 2.0
JSP JSP ist die Sprache zur Codierung von Darstellung in J2EE Vergleichbar mit asp/vbs, php, cfml etc. Aktuelle Version 1.2 (die nächste Version hiess ursprünglich 1.3) JVM Servlet Java Server Pages (JSP) Enterprise Javabeans (EJB) Connector API JDBC
Neue Version: JSP (Java Server Pages) 2.0 Zielsetzung:  (http://java.sun.com/products/jsp/) Easier to use JSP technology without needing to learn the Java language Easier to extend the JSP language Easier to write and maintain pages  Entwickelt durch JSR-000152 (Close of Public Review: 13. August  2002) Teil von J2EE 1.4
Haupteigenschaften Beinhaltet JSP Standard Tag Library (JSTL) Core Tags Custom Tags können nun auch in JSP geschrieben werden
Bewertung von JSP 2.0 Normaler Aufwasch der J2EE Spezifikation Macht JSP mächtiger (und schützt den Programmierer ein bisschen besser von Java Code inkl. den Datentypen und dem Compiler) Eine gute Nachricht für JSP, die Nutzung kommt von selbst!
Links SUN JSP:  http://java.sun.com/products/jsp/ JSTL:  http://java.sun.com/products/jsp/jstl/ JSTL Tutorial:  http://java.sun.com/webservices/docs/1.0/tutorial/doc/JSTL.html J2EE Home:  http://java.sun.com/j2ee/ Spezifikation JSP 2.0:   jsp-2_0-prd-spec.pdf Community O‘Reilly:  http://www.onjava.com/ http://www.theserverside.com/
team–based net solutions XHTML 2
XHTML? Eigentlich (nur) valides HTML oder: HTML mit den Vorteilen von XML Validerbar Transformierbar Kompatibler mit Markup für verschiedene Endgeräte z.B. WAP 2.0, i-mode oder cHTML Aktuell ist noch XHTML 1.1, welche als Nachfolger des (letzten) HTML Standards 4.01 konzipiert war Beispiel: http://www.w3c.org/
XHTML 2.0 W3C, 18 September 2002: First Working Draft  Bewusst  keine  Rückwärtskompatibilität zu XHTML 1.0/1.1 Bsp. von fehlenden Tags:  XHTML b, i, img, big, small, tt u.a. (weil Darstellung) ALT:  P resentational elements are,  <i> for the most part </i> ,  <b> gone </b> . NEU:  Presentational elements are,  <em> for the most part </em> ,  <strong> gone </strong> . Kernpunkte XML Konformität Layout Tags raus Robusteres Formularhandling Bessere Lösung für Frames
Weitere Änderungen (nicht abschliessend) br Tag hat keinen Inhalt (ist nicht XML tauglich) ALT: <p> public class HelloWorld  {<br /> } <br /> </p> NEU:  <p> <line> public class HelloWorld { </line> <line> } </line> </p> Neu: section Tag mit generischen Titeln (nicht: <h1>, <h2> etc. Neu: nl Tag (navigational List) Neu: Links sind nun Attribute von anderen Tags Neu: XForms Neu: XML Events Neu: XFrames
Bewertung von XHTML 2 Eigentlich war XHTML schon gut, wurde aber kaum genutzt … Die Fehlende Rückwärtskompatibilität macht die Verbreitung eher schwieriger Gut aber ist dann nun endlich „aufgeräumt“ wurde Basis Set wir heute schon unterstützt: IE6, Opera 6, und Mozilla Mit Blick auf eine grössere Vielfalt von Endgeräten und der Verbreitung von Mobile Internet ist XHTML 2.0 eigentlich nur eine Frage der Zeit
Links W3C XHTML™ 2.0 (Working Draft):  http://www.w3.org/TR/xhtml2/ XML Events:  http://www.w3.org/TR/xml-events/ XForms 1.0:  http://www.w3.org/TR/xforms/ XFrame:  http://www.w3.org/TR/xframes/ Beispiel für eine Seite in XHTML 2.0: http://w3future.com/weblog/gems/xhtml2.xml Gute Übersicht http://www-106.ibm.com/developerworks/web/library/wa-xhtml/?t=gr,lnxw01=XHTML20
team–based net solutions Platform for Privacy Preferences (P3P)
Ausgangslage Die Wahrung der Privatsphäre im Internet ist eine wichtige Nutzeranforderung Anbieter missbrauch(t)en die Möglichkeiten zur Informationssammlung Vom Browser erhalten: IP-Adresse, Referrer u.a. Aktiv beim Browser erfragt: E-Mail Adresse, Bookmarks u.a. Zusammenführen über Cookies, WebBugs … Lösungsmöglichkeiten 1: Anonymisierung des Nutzer 2: Individuelle Zertifizierung des Anbieters 3: Standardisierte Zertifizierung des Anbieters
P3P Kernidee Das W3C nimmt sich der Sache an! (P3P 1.0 ist  W3C Recommendation seit 16. April 2002) Websites bieten Informationen bezüglich der Nutzung der Privatsphäre in einer standardisierten, maschinell lesbaren Form an Nutzer vergleichen diese Policy (Erklärung) und reagieren entsprechend den Präferenzen/ Einstellungen des Nutzers
Beispiel Benutzung IE 6 (Windows XP, Englisch)
Beispiel Einstellungen IE 6 (Windows XP, Englisch) 3 möglich Aktionen Accepted Restricted (dowgraded) Blocked Details:  http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnpriv/html/ie6privacyfeature.asp
Ein bisschen mehr: AT&T Privacybird ( http://privacybird.com/)
Technische Lösung Die P3P Policy Referenz liegt auf dem Server an einem fest definierten Ort (/p3p.xml) und/oder wird im HTTP Header mitgeliefert (und/oder in (X)HTML LINK Tags) Die Prüfung (Nutzung) kann durch den Browser selbst, auf einen Proxy, durch ein Plugin etc. erfolgen Die Reaktion ist eigentlich beliebig, typischerweise werden nicht-konforme Seitenaber blockiert HTTP/1.1 200 OK P3P:policyref=&quot;http://catalog.example.com/P3P/PolicyReferences.xml&quot; Content-Type: text/html <link rel=&quot;P3Pv1&quot; href=&quot;http://catalog.example.com/P3P/References.xml&quot;>
P3P Policy? In XML formulierte Selbstdeklaration das P3P Vokabular und das P3P Minimaldaten Schema (base data schema) nutzt P3P Vokabular Wer  sammelt  welche  Daten zu  welchem Zweck ? Kann der Nutzer das  Sammelverhalten ändern ?  Wer nutzt  die gesammelten Daten und wie werden diese  archiviert ?  Welche Stelle schlichtet  im Fall von Auseinandersetzungen etc. Verweise auf alle Policies und Zuordnung zu Seiten: P3P Policy Referenz Zusätzlich noch eine „normale“ Seite mit der ausführlichen Deklaration (Datenschutzrichtlinie)
Beispiel: P3P Policy <POLICY xmlns=http://www.w3.org/2000/P3Pv1 discuri=&quot;http://www.catalog.example.com/Privacy.html&quot;>  <ENTITY><DATA-GROUP><DATA ref=&quot;#business.name&quot;>CatalogExample</DATA>  <DATA ref=&quot;#business.contact-info.telecom.telephonenum.intcode&quot;>1</DATA> <DATA ref=&quot;#business.contact-info.telecom.telephonenum.loccode&quot;> 248</DATA>  <DATA ref=&quot;#business.contact-info.telecom.telephonenum.number&quot;> 3926753</DATA>  </DATA-GROUP></ENTITY>   <DISPUTES-GROUP> <DISPUTES resolution-type=&quot;independent&quot;  service=&quot;http://www.PrivacySeal.example.org&quot;  short-description=&quot;PrivacySeal.exampleorg&quot;  <REMEDIES><correct/></REMEDIES> <IMG src=&quot;http://www.PrivacySeal.example.org/Logo.gif&quot;/>  </DISPUTES></DISPUTES-GROUP>  <ACCESS><nonident/></ACCESS> <STATEMENT>  <PURPOSE><admin/><develop/></PURPOSE> <RECIPIENT><ours/></RECIPIENT> <RETENTION><stated-purpose/></RETENTION>  <DATA-GROUP>  <DATA ref=&quot;#dynamic.clickstream.server&quot;/>  <DATA ref=&quot;#dynamic.http.useragent&quot;/>  <DATA-GROUP>  </STATEMENT>  </POLICY>
Beispiel: P3P Policy Referenz (/p3p.xml) <META xmlns=&quot;http://www.w3.org/2001/09/P3Pv1&quot;> <POLICY-REFERENCES> <POLICY-REF about=&quot;/P3P/Policy3.xml&quot;> <INCLUDE>/cgi-bin/</INCLUDE> <INCLUDE>/servlet/</INCLUDE> <EXCLUDE>/sevlet/unknown</EXCLUDE> </POLICY-REF> <POLICY-REF about=&quot;/P3P/Policy2.xml&quot;> <INCLUDE>/catalog/</INCLUDE> </POLICY-REF> <POLICY-REF about=&quot;/P3P/Policy1.xml&quot;> <INCLUDE>/*</INCLUDE> <EXCLUDE>/sevlet/unknown</EXCLUDE> </POLICY-REF> </POLICY-REFERENCES> </META>
Wie rüste ich meine Site mit P3P aus Schreiben Sie eine Datenschutzrichtlinie ( http://www.w3.org/TR/P3P/#guiding_principles) Bestimmen Sie welche P3P Elemente Sie für welche Ihrer Seiten nutzen möchten Erstellen Sie die Policy Dateien (und die Policy Referenz) mit einem P3P Editor Prüfen Sie die die Dateien mit dem W3C Validator Test, test, test …
Bewertung von P3P Guter Start und einigermassen verbreitet (rund 1/3 der wichtigen US-Websites) Wahrnehmung durch den Nutzer und Integration in die Browser noch ungenügend … …höchstens belästigend Nur eine Eigendeklaration und keine Kontrolle oder Verbindlichkeit (z.B. digitale Signatur) Anonymität und/oder Verschlüsselung ist nicht gelöst Gesetzliche Konformität steht noch aus
Links Die offizielle Site:  http://www.w3.org/P3P/ Gute Übersicht:  http://www.p3ptoolbox.org/ Tools Validator:  http://www.w3.org/P3P/validator.html AT&T Privacy Bird:  http://privacybird.com/ IBM Policy Editor:  http://www.alphaworks.ibm.com/tech/p3peditor Noch ein offline Editor:  http://p3pedit.com/ Online Editor:  http://www.privacybot.com/ Debugging A Webmaster's Guide to Troubleshooting P3P http://www.oreillynet.com/pub/a/javascript/2002/11/19/p3p.html Help! IE6 Is Blocking My Cookies http://www.oreillynet.com/pub/a/javascript/2002/10/04/p3p.html
Hardware Web Privacy with P3P Lorrie Faith Cranor O'Reilly & Associates, 2002 ISBN 0-59600-371-4
team–based net solutions Watermarking
Ausgangslage Digitale Daten können ohne Qualitätsverlust sehr einfach kopiert werden Rechteinhaber werden umgangen Watermarking Verfahren welches einem digitalen Asset Informationen zuführt, welche später zur  Identifikation  und/oder zur  Feststellung der Integrität  extrahiert werden können Wichtige Anforderungen: Robustheit, (typischerweise) Unsichtbar, Eindeutigkeit und kein Qualitätsverlust der Quelle Klassisch: Papierdicke, Mikroprint, Geheimtinte u.a. Digitales Asset: Audio, Video, Standbild etc.
Exkurs Steganographie Transport geheimer Daten durch „unsichtbare“ Kanäle Fishing freshwater bends and saltwater coasts rewards anyone feeling stressed. Resourceful anglers usually find masterful leapers fun and admit swordfish rank overwhelming anyday. Der dritte Buchstabe jedes Wortes: Send Lawyers, Guns, and Money. Tätowierung der Kopfhaut etc. Gaspari Schotti, Schola steganographica, 1665
Übersicht Watermarking Bild mit Watermark Originalbild Bild mit beschädigtem Watermark Anbringen Watermark Auslesen Watermark Manipulation Auslesen Watermark
Beispiel: Sichtbares Watermark (Website Vatikansbibliothek)
Beispiel: Unsichtbares Watermark (Digimark Plugin in Photoshop)
Klassifikation von Watermarks Für das Auge sichtbar Für das Auge unsichtbar Extraktion der Information nur mit dem Original möglich (private) Extraktion der Information ohne Original möglich (public) Verfahren Räumliche (Spatial) Spektrale mathematisch komplex (glauben Sie es mir)
Robustheit (1 von 2) Ein Watermark soll möglichst nicht entfernt werden können resp. auch nach Veränderungen des Assets weiter bestehen Typischen Veränderungen Skalierung (Zoomen und Stauchen) Publikation von Ausschnitten Rotation / Spiegelung / Umklappen Kompression (z.B. JPEG) Ausdrucken / Scannen
Robustheit (2 von 2) Typische Angriffe und aufwändigere Verfahren … Noise addition Over-marking Printing scanning JPEG  compression VQ compression Wavelet compression Median filtering Blurring Sharpening Edge enhancement Despeckle Histogram modification Gamma correction Brightness/contrast Colour quantisation Greyscale Colourise Posterise Jittering Quantisation Denoising High pass Equalisation L/R splitting Delay Reverb Resampling Inversion Chorus Flanger Pitch shifter Time stretch Zero cross insterts Copy sample Cut sample Echo removal Restoration techniques Simple de-synchronisation Cropping Scaling Rotation Shearing Change aspect ratio Horizontal flip Dilate Emboss Averaging Random geometric distortions Oracle Estimation-removal Twin peaks Collusion Copy attack Brute force key search
Analyseansatz: Differenzbilder
Benchmarks vergleichen die Qualität StirMark http://www.cl.cam.ac.uk/~fapp2/watermarking/stirmark/ Checkmark http://watermarking.unige.ch/Checkmark/ Optimark http://poseidon.csd.auth.gr/optimark/ Certimark http://vision.unige.ch/certimark/
Bewertung von Watermarking Der Bedarf wäre da (DVD -> DIVX, Musik -> MP3)  Zur Zeit fast ausschliesslich eine universitäre Disziplin Die kommerziellen Verfahren sind (bis jetzt) nicht genügend robust und so komplex, dass nur ehrliche Leute bestraft werden Im „geschützten“ Umfeld der Fotographie sehr verbreitet Eine grosse Ausweitung wird stattfinden, auch mit Blick auf neue/aktuelle Gesetze zum Schutz digitaler Daten Empfehlung: Sorgen Sie vor!
Links Gute Einstiegsseiten http://www.watermarkingworld.org/ Università di Firenze:  http://cosimo.die.unifi.it/~piva/Watermarking/watermark.html Fabien A. P. Petitcolas:  http://www.cl.cam.ac.uk/~fapp2/ Uni Genf:  http://watermarking.unige.ch/ Quellcode und Beispielattacken:  http://www.cosy.sbg.ac.at/~pmeerw/Watermarking/ Kommerzielle Anbieter http://www.digimarc.com/ http://www.alpvision.com/ http://www.bluespike.com/ http://www.alphatecltd.com/ http://www.mediasec.com/
Hardware Digital Watermarking Ingemar Cox et. al. Morgan Kaufmann, 2001 ISBN 1-55860-714-5  Information hiding techniques for steganography and digital watermarking Stefan Katzenbeisser et. al. Artech House Books, 1999 ISBN 1-58053-035-4  Information Hiding : Steganography and Watermarking - Attacks and Countermeasures Neil F. Johnson et. al. Kluwer Academic Publishers, 2001 ISBN: 0792372042
team–based net solutions C#
Microsoft brauchte eine neue (objektorientierte) Programmiersprache Die Sprachen vor .NET (da waren v.a. Visual Basic, C und C++) entsprachen nicht mehr dem Stand der Technik, sind komplex und schwerfällig (geworden) Microsoft and Java ™   sind unversöhnlich Zwar ist .NET „mehrsprachig“, aber bekanntlich räumt der Umbau nicht gleich auf Verantwortlich: Anders Hejlsberg Turbo Pascal Delphi Visual J++ und dann C# (Projektname Cool)
Das unvermeidliche Beispiel // Ich bin C++ #include <iostream.h> int main(){ for(int ii = 1; ii <= 100; ii++) cout <<&quot;H allo , &quot; << ii << &quot;  mal . &quot; << ''; }  //  Ich bin  C# using System; class HelloWorld{ static void Main(){ for(int ii = 1; ii <= 100; ii++) Console.WriteLine(&quot; H allo , {0}  mal . &quot;, ii); } } // Ich bin Java class HelloWorld{ public static void main(String[] args){ for(int ii= 1; ii <= 100; ii++) System.out.println(&quot; H allo,  &quot; + ii  + &quot;  mal .&quot;);  } }
Ist C# ein Java Clone? Eine Programmiersprache wird heute (kaum) „im luftleeren Raum“ konzipiert aber bewährte Konzepte sollen übernommen werden Nach Microsoft ist C# eine Weiterentwicklung von C und C++ C# is a simple, modern, object oriented, and type-safe programming  language derived from C and C++ . It will immediately be familiar to C and C++ programmers. C# aims to combine the high productivity of Visual Basic and the raw power of C++. (C# Language Specification, Seite 15) Na ja, die Wahrheit ist wie immer in der Mitte (aber unsere Java Entwickler verstehen C# ohne Einführung sehr gut …)
Wichtige Merkmale von C# C# wird in einen Zwischencode (Assembly) kompiliert und auf der Zielplattform durch eine Laufzeitumgebung ausgeführt (CLR = Common Language Runtime) Moderne Sprache mit allem Drum und Dran: Garbage collection, Ausnahmen, Versionierung etc. Alles sind Objekte Bsp. INT: int i = 123; System.Int32 i = 123; int i = new System.Int32(); int i = int.Parse(&quot;123&quot;); string s = 123.ToString(); Besitzt viele nützliche Konstrukte (z.B.  foreach, using, switch for strings u.a.) Vollständig in .NET integriert und erlaubt auch Rückwärtskompatibilität (unsafe Code)
C# als Standard Microsoft hat einen schlechten Ruf Ihre Sachen zu öffnen. Im Fall von C# und der CLI (Common Language Runtime) haben sie den „Weg nach vorne“ gewählt … ECMA Standard 334 seit 2001 Bei ISO (fast track) eingereicht -> Entscheid im Juni 2003 erwartet Shared Source Implementierung für Open BSD und Windows (nach LINUX portiert) Grundlage für Open Source Projekt MONO
Bewertung von C# C# ist eine moderne und syntaktisch sehr elegante und einfache Sprache Die Entwicklungsumgebung (Visual Studio .NET) ist exzellent Die grösste Zahl von .NET Beispielen und der Dokumentation sind in/für C# C# Programmierer haben ein gutes Verständnis für Java (und umgekehrt) … nicht die Sprache ist wichtig (nur Syntax) aber alles rundherum… Wenn .NET dann C#!
Links Sprache / Bücher C# Standard:  http://www.ecma.ch/ecma1/STAND/ECMA-334.htm   C# Standard (HTML) : http://www.jaggersoft.com/csharp_standard/toc.htm   O’Reilly:  http://www.ondotnet.com/ WROX:  http://www.csharptoday.com/ .NET Community und Portale Startpunkt:  http://dmoz.org/Computers/Programming/Languages/C-sharp/ http:// www.gotdotnet.com/ http:// www.devhood.com/ Open Source C# Compiler und .NET Framework http://www.go-mono.com/ ROTOR (Shared Source von Microsoft) http://research.oreilly.com/pub/a/dotnet/2002/03/27/gettingstarted.html http://research.oreilly.com/pub/a/dotnet/2002/03/04/rotor.html
team–based net solutions Multimedia Home Platform
Multimedia Home Platform (MHP) Problem: Digitale Set-Top-Boxen für Interactive TV waren bisher rein proprietär Hohe Kosten für Applikationsentwicklung Verwirrend für Konsumenten Inkompatibel zum Internet MHP: Neuer Standard für multimediale Set-Top-Boxen Im Kern: ein einheitliches API Orientiert an Internet-Standards (u.a. Java) Entwickelt durch Digital Video Broadcasting Project (Führendes Standardisierungsgremium für Digitalfernsehen)
Elemente von MHP Einheitliche Programmierschnittstelle (API) für Applikationsentwicklung Java-basiert Security:  Userberechtigungen (z.B. Zugriff zu kostenpflichtigen Inhalten) Userdaten Kopierschutz für Content Migrationshilfe/Kompatibilität zu alten Standards
Anwendungsfelder Electronic Program Guides „ Super-Teletext“ Verschiedene Anwendungen mit TV-Bezug Spiele TV-basierter E-Commerce Interaktive Werbung Internet-Zugang
Beispiel: Zusatzinfos zu laufendem TV-Programm Quelle: Philips
Beispiel:  Begleitende Interaktivität und E-Commerce
Beispiel:  Info-Dienste und Electronic Program Guides
Grundarchitektur MHP API I/O Devices CPU MPEG   Processing Graphics Broadcast Channel Interaction Channel Resources Memory Transport  Protocols Virtual Machine Application Manager (Navigator) APIs System Software Application 1 Applications Application n . . . .
MHP-Profile für verschiedene Anwendungsfelder Verschiedene verfügbare Leistungsstufen, je nach Bedürfnissen und Leistungsfähigkeit der Geräte Interactive Broadcast Profile: 80-130 MHz CPU, 8-16 MB RAM Internet Access Profile: 150-200 MHz CPU, 16-32 MB RAM
Java-Plattform und Integration älterer Applikationen OS, drivers, firmware, ... MHP API Java Virtual Machine DVB specific APIs Sun Java  APIs ... Application Manager (Navigator) Plug-in interface Legacy Appl. A Plug-in A Plug-in B Legacy Appl. B Interoperable Java Applications (and libraries) Platform specific plug-in &quot;Interoperable&quot; plug-in Trans- port Proto- col(s)
Verfügbarkeit von Geräten und Services Verschiedene grosse Hersteller (Sony, Panasonic, Philips, Siemens, ...) haben bereits MHP-Geräte auf den Markt gebracht Seit Oktober 2002 regelmässig ausgestrahlte MHP-Dienste im deutschsprachigen Raum: ARD, ZDF, RTL Schweiz: Derzeit Konflikte zwischen Cablecom und Teleclub bzgl. Set-Top-Box-Standard. Unklare Strategie von SRG und Teletext (vorerst Konzentration auf TeleWeb?)
Bewertung von MHP Weg zu einheitlichem Standard für interaktives Fernsehen ist plausibel und nötig. Aber: Derzeit noch klare Durchsetzungsprobleme Etablierung dauert länger als angenommen Verschiedene ältere, konkurrenzierende Standards: MHEG (ISO), JavaTV (SUN), ATVEF (SMPTE), DAVIC MHP scheint aber breiteste Unterstützung zu haben Hardware von wichtigen Herstellern verfügbar Positive Signale v.a. aus Deutschland durch umfassende Unterstützung der wichtigsten Sender MHP basiert stark auf Internet-Standards, darum vielversprechendes Zukunftsgebiet für Anbieter von Web-Inhalten und –Diensten.
Links Standardisierungs- und Promotions-Organisationen: www.mhp.org www.mhp-forum.de www.mhp-interactive.org Fernsehstationen mit MHP-Angebot: www.ard-digital.de www.premiere.de www.zdf.de www.rtlnewmedia.de
team–based net solutions Semantic Web
Semantic Web: Hintergrund Kein eigentlicher Standard, sondern eine  Vision  für die nächste Generation des World Wide Web. Entwickelt seit 1998 unter Leitung von WWW-Erfinder Tim Berners-Lee. Grundproblem: Web-Content ist optimiert für Nutzung durch Menschen: visuelles Layout statt inhaltliche Struktur und Bedeutung im Vordergrund Eine maschinelle Verarbeitung wird dadurch massiv erschwert (vgl. Resultate von Suchmaschinen) Schwerwiegende Begrenzung der Nützlichkeit von Web-Inhalten
Typische Problemstellung Reisebuchung: „ Ich am 7. Februar 03 spätestens um 16 Uhr in Frankfurt sein. Ich will frühestens um 10 Uhr abfahren und möchte möglichst auf der Reise etwas arbeiten können. Eine billige Reise wäre vorzuziehen, aber eine kurze Reisedauer ist wichtiger.“ Alle nötigen Informationen zur Lösung dieses Problems sind im Web abrufbar. Theoretisch könnte intelligente Software die geeignetsten Varianten (Flug? Zug? Auto?) heraussuchen, zur Entscheidung präsentieren und gleich die Buchung vornehmen. Trotzdem müssen wir dies heute manuell tun.
Semantic Web: Zielsetzung Strukturierte  Repräsentation von Wissen , das in Web-Pages gespeichert ist. System zur Darstellung von einfachen  Aussagen  über Objekte,  Regeln  und  Zusammenhängen  zwischen Objekten Angestrebt wird pragmatischer Ansatz à la Web:  Nicht Perfektion ist gefragt, sondern eine möglichst universell einsetzbare Lösung. Dezentrale Verwaltung des Wissens, damit Tolerierung von Überschneidungen und Widersprüchen
Semantic Web: Technologie Zwei zentrale Technologie-Elemente sind bereits vorhanden: XML RDF (Resource Description Framework) Zusätze zu RDF, z.T. zur Vereinfachung: Notation3 RDF Schema
Neue Technologieelemente Neu: „Ontologien“ Beschreibungen eines Ausschnitts der Realität Taxonomie: Definiert Objektklassen, Objekte und deren Beziehungen „Ein Hammer ist ein Werkzeug“ „ZIP-Code ist äquivalent zu PLZ“ Inferenz-Regeln: Wenn-dann-Beziehungen „Wenn X der Bruder der Mutter von Y ist, dann ist X der Onkel von Y.“ Ontologie-Sprachen: OWL (Web Ontology Language) DAML+OIL (DARPA Agent Markup Language)
Beispiel Klassenhierarchie: Veranstaltung Konzert Vorlesung Messe Fachmesse Publikumsmesse ... Aussagen  über ein Objekt: „ Internet Expo  ist eine  Fachmesse “ „Das  Thema  von  Internet Expo  ist  E-Business “ Eröffnet z.B.  Suchmöglichkeiten : „Suche  Veranstaltungen  zum  Thema   E-Business “
Weitere nötige Elemente Inference Engines: Software-Module, die logische Beziehungen auflösen und neue Beziehungen daraus ableiten können. Experimentelles Beispiel: Closed World Machine Agenten: Unabhängige Softwaremodule, die Fragestellungen durch gezielte Recherche mittels Inference Engines beantworten können. Digitale Signaturen/Network of Trust: Bestätigung der Herkunft und Gültigkeit einer Information.
Zukünftige Anwendungsmöglichkeiten Intelligentere Suchmechanismen Automatisierte Abwicklung von Routineaufgaben mit Internet-Diensten (z.B. Reisebuchung, Finden des preiswertesten Angebots usw.) Verbesserung und Vereinfachung von Enterprise Application Integration, Semantik-Schicht über Web-Services
Bewertung von Semantic Web „ The next big thing“ oder „Pie in the sky“? Viele faszinierende Ideen, aber ziemlich schwer verständlich. Entwicklung befasst sich nach wie vor mit grundsätzlichen Problemen, noch keine Anwendungen vorhanden. Aufwand für fachgerechte Codierung des Wissens dürfte erheblich sein. Vermutlich sehr nützlich für bestimmte Nischen, aber kaum Breitenwirkung wie das „klassische“ Web
Links W3C Semantic Web Activity: http://www.w3c.org/2001/ sw   Technische Einführungsartikel: http://infomesh.net/2001/swintro http:// logicerror.com / semanticWeb-long Semantic Web Community: http://www.semanticweb.org Business-Modelle für Semantic Web: http://business.semanticweb.org Interessante Vision für das Jahr 2009: http://www.ftrain.com/google_takes_all.html
team–based net solutions Wireless LAN
Wireless LAN (WLAN) Einer der wenigen grossen Wachstumsbereiche in der IT derzeit (2002: 100% Zuwachs) Grundidee: Vernetzung von Computern im Local Area Network über Funkwellen statt Kabel Verwendung der „Spread Spectrum“-Technologie Ausprägungen: Private WLANs  für Firmen oder Privathaushalte Public HotSpots : Öffentliche Zugänge, die von Providern bereitgestellt werden
Beispiel: Verbreitung in der Stadt Zürich >600 Hotspots im Zentrum (www.wardriving.ch)
Standards Grundstandard:  IEEE 802.11 Basistechnologie: Übertragung mit Spread Spectrum-Funk  Ständiger, sehr schneller Wechsel der Übertragungsfrequenz Dadurch Reduktion von Störungen und Störbarkeit Verschiedene Substandards: 802.11b  oder „ WiFi “: Derzeit vorherrschend 2.4 GHz, bis zu 11 Mbps 802.11a : Nachfolgestandard 5 GHz, bis zu 54 Mbps 802.11g : Alternativer High-Speed-Standard 2.4 GHz, bis zu 54 Mbps, kompatibel zu 802.11b Reichweite: ca. 100-150 Meter für 802.11b,  weniger für 802.11a
Wichtige Begriffe Access Point  (AP): Zugangsknoten/Sendestation, die das WLAN mit einem physischen Netz verbindet Service Set Identifier  (SSID): Identifikationsname eines bestimmten WLANs Infrastructure Mode : Stationen verbindet sich mit einem Access Point AdHoc Mode : Direkte Verbindung verschiedener WLAN-fähiger Stationen untereinander ohne AP Basic Service Set  (BSS): System aus einem AP und mehreren Stationen Extended Service Set  (ESS): System aus mehreren APs
Security Security-Standard gegen Abhören des Datenverkehrs:  WEP  (Wired equivalency privacy) Verschlüsselung der Nutzdaten mit 40-, 64- oder 128-Bit-Schlüssel Jede Station muss manuell mit dem gleichen Schlüssel konfiguriert werden WEP ist nicht ausgesprochen sicher: Statische Schlüssel lassen sich knacken Schwachpunkt Schlüsselaustausch Insgesamt ausreichend für den „Hausgebrauch“, aber nicht für High-Security-Anwendungen Andere Gefahren:  Unbefugte Nutzung eines offenen WLANs durch andere Denial-of-Service Attacks Unbewilligte APs im Firmennetz
Was braucht man für ein eigenes WLAN? Access Point Ab ca. 300 Franken Alternativ für Breitband-User:  ADSL/Cable-Router mit WLAN AP und eingebautem Firewall Ab ca. 500 Franken WLAN-Karte(n) Heute ab ca. 200 Franken Auf WiFi-Standard achten! Konfiguration ist meistens recht problemlos Achtung: Security-Einstellungen! Auf Störquellen achten, v.a. Drahtlos-Telefone
Public Hotspots Öffentlich zugängliche Access Points mit Internet-Verbindung an belebten Orten (Flughäfen, Hotels, Bahnhöfe, Messen etc.) Anbieter in der Schweiz: Swisscom Mobile Monzoon Diverse kleine Provider Oft Private oder Hotels direkt Preise: Bei kommerziellen Anbietern oft satt: >30 Fr. für 24h Immer öfter v.a. in Hotels kostenlos Roaming: Bisher zwischen Anbietern noch kaum, Abo für jeden einzelnen nötig
Bewertung von WLAN 802.11b/WiFi hat sich als Standard klar durchgesetzt Nächste Generation allerdings noch unklar:  802.11a oder g? Einfach zu installieren und zu benutzen... ...aber nicht ohne Probleme: Datendurchsatz bei wachsender AP-Verbreitung? Verschiedene proprietäre Zusätze entstehen. Sicherheit! Ausblick:  WLAN zunehmend auch in kleineren Mobilgeräten, v.a. PDAs Viel stärkere Verbreitung von Public Hotspots, hoffentlich mit vernünftigen Preisen und reibungslosem Roaming
Links Standarddefinition der IEEE: http://standards.ieee.org/getieee802/802.11.html WLAN Primer (technisch): http:// www.wlana.com / learn / educate.htm http://www.sfwireless.net/moin/WlanPrimer WiFi Alliance: http://www.wi-fi.org Online-Fachmagazine: http://www.80211-planet.com Hotspot-Verzeichnisse: http:// www.swiss-hotspots.ch / http:// www.hotspots.ch / http://www.wardriving.ch/  („Wilde“ Hotspots) http:// www.wifinder.com / http://www.80211hotspots.com/
team–based net solutions XSL-FO
XSL Formatting Objects (XSL-FO) XSL-Familie: Extended Stylesheet Language (XSL) XSL Transformations (XSLT) XML Path Language (XPath) XSL-FO ist im Prinzip die offizielle Version 1.0 des XSL-Standards. Offizielle W3C Recommendation seit Oktober 2001 XSL-FO ist ein Dokumentenformat, das auf XML basiert Formatierungsinformationen für verschiedene Ausgabemedien enthält in unterschiedliche Ausgabeformate verarbeitet werden kann
Grundsätzliche Funktionsweise XML- Doku- ment XSLT XSLT- Prozessor XSL-FO Formatter- Applikation Bilder a A a Fonts PDF Web Post- script etc.
Wichtige Eigenschaften von XSL-FO Cross-Medial: Voll ausgelegt auf verschiedenste Ausgabemedien Ausgelegt auf hohe typographische Qualität und Mehrsprachigkeit  Voll in XML-Syntax gehalten Einfach mit gängigen XML-Tools zu verarbeiten Deklarativ (im Gegensatz zu Postscript) Enthält alle Informationen, die für die Erzeugung verschiedener Formate nötig sind.  Auswertung zum Zeitpunkt der Output-Erstellung mit unterschiedlichen Parametern Basiert auf CSS, aber erweitert es stark
Unterschiede zu CSS und PDF Unterschiede zu Cascading Stylesheets (CSS): CSS verwendet externe Stylesheets, die zum Ausgabezeitpunkt für das Layouten verwendet werden. CSS unterstützt Seitenumbruch, präzise Typographie und andere print-orientierte Features kaum. CSS hat starke Limitationen bei komplexen, umfangreichen Dokumenten Unterschiede zu Portable Document Format (PDF): PDF ist ein Seitenbeschreibungsformat, das bereits die möglichen Ausgabeformate stark einschränkt (z.B. Seitengrösse) PDF-Files enthalten sämtliche Medienelemente wie Bilder und Grafiken.
Wichtigste Formatierungselemente von XML-FO Hierarchisch aufgebaute Layoutdefinitionen Layout Master Set Page Masters und Page Sequence Masters Regions (Body, Header, Footer, ...) Flow (Container für Text) Blocks Erscheinungsbild: Block-Positionierung und -Formatierung  Farben Fonts und Textattribute etc. Zusätzliche Strukturelemente: Tabellen Listen Grafiken Fuss- und Endnoten etc.
Code-Beispiel <?xml version=&quot;1.0&quot; encoding=&quot;iso-8859-1&quot;?> <fo:root xmlns:fo=&quot;http://www.w3.org/1999/XSL/Format&quot;> <fo:layout-master-set>[3] <fo:simple-page-master master-name=&quot;my-page&quot;> <fo:region-body margin=&quot;1in&quot;/> </fo:simple-page-master> </fo:layout-master-set> <fo:page-sequence master-reference=&quot;my-page&quot;> <fo:flow flow-name=&quot;xsl-region-body&quot;> <fo:block>Hello, world!</fo:block> </fo:flow> </fo:page-sequence> </fo:root>
Verfügbare Software  (ohne Anspruch auf Vollständigkeit) Formatter: FOP von Apache Adobe Document Server PassiveTeX XSL Formatter von AntennaHouse Infoprint XML Extender for z/OS von IBM XEP Rendering Engine Editing-Tools und Converter: XML Spy Scriptura jCatalog XSLFast Arbortext Epic Editor RTF2FO
Sinnvolle Einsatzgebiete für XSL-FO Optimal für Format-on-demand-Applikationen mit Cross-Media-Anforderungen z.B. Technische Dokumentationen, Schulungsunterlagen Sehr gut geeignet für Massenformatierung von Informationen aus Datenbanken oder anderen XML-fähigen Quellen z.B. grosse Produktkataloge Weniger geeignet für: Sehr kreative und komplexe Layouts (z.B. Hochglanzprospekte) Publikationen mit enger Verknüpfung von Layout und Inhalt (z.B. Zeitschriften)
Links W3C über XSL: http://www.w3.org/Style/XSL/ W3C Standarddefinition: http://www.w3.org/TR/ xsl / Einführungsartikel: http://www.seyboldreports.com/TSR/free/0217/techwatch.html http://www.renderx.com/tutorial.html Software: http:// www.xmlsoftware.com / http:// xml.apache.org / fop / http:// www.adobe.com / http:// www.antennahouse.com / http://www.renderx.com/FO2PDF.html http://www.xmlspy.com/
team–based net solutions Scalable Vector Graphics (SVG)
Scalable Vector Graphics (SVG) Offener Standard des W3C für skalierbare, animierte, interaktive 2D-Vektorgrafiken Basiert auf XML, kompatibel mit weiteren W3C-Standards (CSS, DOM, SMIL, XHTML, ...)
Besondere Eigenschaften Skalierbar Keine fixe Bildgrösse, sondern Anpassung an jeweilige Auflösung Vektor-orientiert Effizient und flexibel für verschiedenartigste Darstellungen Hochwertige Ausgabe mit Anti-Aliasing möglich XML-basiert Offen und leicht zu verarbeiten „ Stylable“ Ausgabeform veränderbar mit Cascading Stylesheets (CSS) Anwendung von Masken und Filtern Animierbar und interaktiv Event-Verarbeitung und –Generierung möglich
Elemente Grundelemente: Shapes Kombinationen von geraden und gebogenen Linien, d.h. Formen aller Art Z.B. Rechtecke, Kreise, Ellipsen, Polygone, ... Weitere können user-spezifisch definiert werden Text Eingebundene Bitmap-Bilder Zusatzelemente Filter Masken Animationspfade DOM-Interfaces
Ein einfaches Beispiel <?xml version=&quot;1.0&quot; standalone=&quot;no&quot;?> <!DOCTYPE svg PUBLIC &quot;-//W3C//DTD SVG 20010904//EN&quot;  &quot;http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd&quot;> <svg width=&quot;12cm&quot; height=&quot;4cm&quot; viewBox=&quot;0 0 1200 400&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;> <desc>Example rect01 - rectangle with sharp corners</desc> <!-- Show outline of canvas using 'rect' element --> <rect x=&quot;1&quot; y=&quot;1&quot; width=&quot;1198&quot; height=&quot;398&quot; fill=&quot;none&quot; stroke=&quot;blue&quot; stroke-width=&quot;2&quot;/> <rect x=&quot;400&quot; y=&quot;100&quot; width=&quot;400&quot; height=&quot;200&quot; fill=&quot;yellow&quot; stroke=&quot;navy&quot; stroke-width=&quot;10&quot;  /> </svg>
Animations-Beispiel <g id=&quot;AnimationPaths&quot;> <path id=&quot;Zuerich_Geneva&quot; style=&quot;&flightRoute;&quot; d=&quot;M682500,53500 C632500,53500 549500,80000 499500,181000&quot; /> <use id=&quot;AirplaneZurichGeneva&quot; xlink:href=&quot;#airplane&quot;> <animateMotion id=&quot;animMotionZurGen&quot; dur=&quot;&animDuration;&quot; repeatCount=&quot;indefinite&quot; rotate=&quot;auto-reverse&quot;> <mpath xlink:href=&quot;#Zuerich_Geneva&quot;/> </animateMotion> <animateTransform attributeName=&quot;transform&quot; attributeType=&quot;XML&quot; type=&quot;scale&quot; keyTimes=&quot;0;0.2;0.8;1&quot; values=&quot;1.5;4;4;1.5&quot; dur=&quot;&animDuration;&quot; additive=&quot;replace&quot; fill=&quot;freeze&quot; repeatCount=&quot;indefinite&quot;/> </use> </g> http://www.carto.net/papers/svg/path_animation_e.html
Komplexes Beispiel mit Interaktivität
Verarbeitungsmöglichkeiten Generierung: Über SVG-fähiges Grafikprogramm (z.B. Adobe Illustrator, Corel Draw) Mit XSLT aus beliebigem XML-Quellcode Direkt aus Web-Applikationen Z.B. mit Batik von Apache Ausgabe: Komplette Web-Page in SVG Einbindung in HTML-Seiten Per Referenz, z.B. als IMG-Tag Inline, d.h. SVG-Code im HTML Nötig: SVG-Viewer oder –Plugin (z.B. von Adobe, Corel, Apache)
Beurteilung von SVG Vorteile: Auf allen Plattformen lauffähig, inkl. Mobilgeräten Offener, einfach zu verarbeitender Standard ohne Bindung an Hersteller Voll programmierbar Nachteile: Files von komplexen Grafiken können schnell sehr gross werden SVG-Viewer frei erhältlich, aber noch nicht besonders verbreitet (ca. 25-30% der User), jetzt bundled mit Acrobat Reader Tools noch nicht so ausgereift wie z.B. Macromedia Flash SVG hat grundsätzlich das Potential, Flash als Animations-Standard mittelfristig zu ersetzen.  Erfolg wird abhängig sein von der Verfügbarkeit besserer Tools.
Links Standard-Spezifikation:  http://www.w3c.org/TR/SVG Tool-Überblick: http://www.w3c.org/Graphics/SVG/SVG-Implementations Software-Hersteller: http://www.adobe.com/svg http://www.corel.com http://xml.apache.org/batik/ Guter Einführungsartikel mit Beispielen (ETH Zürich): http:// www.carto.net / papers / svg / first_e.html Vergleich SVG vs. Flash: http://www.carto.net/papers/svg/comparison_flash_svg.html
Vielen Dank für Ihre Aufmerksamkeit Seminarunterlagen: http://namics.com/knowledge/ Besuchen Sie uns am Stand 145 in der Halle 5 und gewinnen Sie! [email_address] [email_address]

Weitere ähnliche Inhalte

Ähnlich wie Top 10 Internet Trends 2003

HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009
Felix Sasaki
 
Dnug35 ak-dev.071111-beyond
Dnug35 ak-dev.071111-beyondDnug35 ak-dev.071111-beyond
Dnug35 ak-dev.071111-beyond
Ulrich Krause
 
Rest
RestRest
Automatischer Build mit Maven
Automatischer Build mit MavenAutomatischer Build mit Maven
Automatischer Build mit Maven
Stefan Scheidt
 
Web Entwicklung mit PHP - Teil 3 Beta
Web Entwicklung mit PHP - Teil 3 BetaWeb Entwicklung mit PHP - Teil 3 Beta
Web Entwicklung mit PHP - Teil 3 Beta
Hans-Joachim Piepereit
 
TYPO3 CMS 7.5 - Die Neuerungen - pluswerk
TYPO3 CMS 7.5 - Die Neuerungen - pluswerkTYPO3 CMS 7.5 - Die Neuerungen - pluswerk
TYPO3 CMS 7.5 - Die Neuerungen - pluswerk
die.agilen GmbH
 
MT AG: Sesam oeffne Dich
MT AG: Sesam oeffne DichMT AG: Sesam oeffne Dich
MT AG: Sesam oeffne Dich
MT AG
 
Tools zur Diagnose von Weblogic Performanceengpässen und Fehlerzuständen
Tools zur Diagnose von Weblogic Performanceengpässen und FehlerzuständenTools zur Diagnose von Weblogic Performanceengpässen und Fehlerzuständen
Tools zur Diagnose von Weblogic Performanceengpässen und Fehlerzuständen
OPITZ CONSULTING Deutschland
 
Mobile Web Development from Scratch
Mobile Web Development from ScratchMobile Web Development from Scratch
Mobile Web Development from Scratch
NokiaAppForum
 
Einführung in die Java-Webentwicklung - Part I - Einführung, HTTP (in german)
Einführung in die Java-Webentwicklung - Part I - Einführung, HTTP (in german)Einführung in die Java-Webentwicklung - Part I - Einführung, HTTP (in german)
Einführung in die Java-Webentwicklung - Part I - Einführung, HTTP (in german)
kaftanenko
 
Browserbasiertes computing, RIA
Browserbasiertes computing, RIABrowserbasiertes computing, RIA
Browserbasiertes computing, RIAThomas Christinck
 
Gewinnung von OPEN SOURCE Techniken für junge Unternehmen
Gewinnung von OPEN SOURCE Techniken für junge UnternehmenGewinnung von OPEN SOURCE Techniken für junge Unternehmen
Gewinnung von OPEN SOURCE Techniken für junge Unternehmen
Bjoern Reinhold
 
APEX 5.1 - Architektur, Installation & Betrieb
APEX 5.1 - Architektur, Installation & BetriebAPEX 5.1 - Architektur, Installation & Betrieb
APEX 5.1 - Architektur, Installation & Betrieb
Niels de Bruijn
 
Einführung in die Java-Webentwicklung - Part II - [3 of 3] - Java Server Face...
Einführung in die Java-Webentwicklung - Part II - [3 of 3] - Java Server Face...Einführung in die Java-Webentwicklung - Part II - [3 of 3] - Java Server Face...
Einführung in die Java-Webentwicklung - Part II - [3 of 3] - Java Server Face...
kaftanenko
 
HTML5 Update (am Internet-Briefing)
HTML5 Update (am Internet-Briefing)HTML5 Update (am Internet-Briefing)
HTML5 Update (am Internet-Briefing)
Namics – A Merkle Company
 
elemente websolutions - Zusammenfassung T3DD09
elemente websolutions - Zusammenfassung T3DD09elemente websolutions - Zusammenfassung T3DD09
elemente websolutions - Zusammenfassung T3DD09
elemente websolutions
 
Top 10 Internet Trends 2005
Top 10 Internet Trends 2005Top 10 Internet Trends 2005
Top 10 Internet Trends 2005
Jürg Stuker
 
Real Application Testing - DOAG SIG Database 2010 - Simon Dickmeiß
Real Application Testing - DOAG SIG Database 2010 - Simon DickmeißReal Application Testing - DOAG SIG Database 2010 - Simon Dickmeiß
Real Application Testing - DOAG SIG Database 2010 - Simon Dickmeiß
OPITZ CONSULTING Deutschland
 
ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"
ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"
ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"Aberla
 

Ähnlich wie Top 10 Internet Trends 2003 (20)

HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009
 
Dnug35 ak-dev.071111-beyond
Dnug35 ak-dev.071111-beyondDnug35 ak-dev.071111-beyond
Dnug35 ak-dev.071111-beyond
 
Rest
RestRest
Rest
 
Automatischer Build mit Maven
Automatischer Build mit MavenAutomatischer Build mit Maven
Automatischer Build mit Maven
 
Web Entwicklung mit PHP - Teil 3 Beta
Web Entwicklung mit PHP - Teil 3 BetaWeb Entwicklung mit PHP - Teil 3 Beta
Web Entwicklung mit PHP - Teil 3 Beta
 
TYPO3 CMS 7.5 - Die Neuerungen - pluswerk
TYPO3 CMS 7.5 - Die Neuerungen - pluswerkTYPO3 CMS 7.5 - Die Neuerungen - pluswerk
TYPO3 CMS 7.5 - Die Neuerungen - pluswerk
 
MT AG: Sesam oeffne Dich
MT AG: Sesam oeffne DichMT AG: Sesam oeffne Dich
MT AG: Sesam oeffne Dich
 
Tools zur Diagnose von Weblogic Performanceengpässen und Fehlerzuständen
Tools zur Diagnose von Weblogic Performanceengpässen und FehlerzuständenTools zur Diagnose von Weblogic Performanceengpässen und Fehlerzuständen
Tools zur Diagnose von Weblogic Performanceengpässen und Fehlerzuständen
 
Mobile Web Development from Scratch
Mobile Web Development from ScratchMobile Web Development from Scratch
Mobile Web Development from Scratch
 
Einführung in die Java-Webentwicklung - Part I - Einführung, HTTP (in german)
Einführung in die Java-Webentwicklung - Part I - Einführung, HTTP (in german)Einführung in die Java-Webentwicklung - Part I - Einführung, HTTP (in german)
Einführung in die Java-Webentwicklung - Part I - Einführung, HTTP (in german)
 
Browserbasiertes computing, RIA
Browserbasiertes computing, RIABrowserbasiertes computing, RIA
Browserbasiertes computing, RIA
 
Gewinnung von OPEN SOURCE Techniken für junge Unternehmen
Gewinnung von OPEN SOURCE Techniken für junge UnternehmenGewinnung von OPEN SOURCE Techniken für junge Unternehmen
Gewinnung von OPEN SOURCE Techniken für junge Unternehmen
 
APEX 5.1 - Architektur, Installation & Betrieb
APEX 5.1 - Architektur, Installation & BetriebAPEX 5.1 - Architektur, Installation & Betrieb
APEX 5.1 - Architektur, Installation & Betrieb
 
Einführung in die Java-Webentwicklung - Part II - [3 of 3] - Java Server Face...
Einführung in die Java-Webentwicklung - Part II - [3 of 3] - Java Server Face...Einführung in die Java-Webentwicklung - Part II - [3 of 3] - Java Server Face...
Einführung in die Java-Webentwicklung - Part II - [3 of 3] - Java Server Face...
 
GWT
GWTGWT
GWT
 
HTML5 Update (am Internet-Briefing)
HTML5 Update (am Internet-Briefing)HTML5 Update (am Internet-Briefing)
HTML5 Update (am Internet-Briefing)
 
elemente websolutions - Zusammenfassung T3DD09
elemente websolutions - Zusammenfassung T3DD09elemente websolutions - Zusammenfassung T3DD09
elemente websolutions - Zusammenfassung T3DD09
 
Top 10 Internet Trends 2005
Top 10 Internet Trends 2005Top 10 Internet Trends 2005
Top 10 Internet Trends 2005
 
Real Application Testing - DOAG SIG Database 2010 - Simon Dickmeiß
Real Application Testing - DOAG SIG Database 2010 - Simon DickmeißReal Application Testing - DOAG SIG Database 2010 - Simon Dickmeiß
Real Application Testing - DOAG SIG Database 2010 - Simon Dickmeiß
 
ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"
ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"
ESEconf2011 - Bosch Andy: "JavaServer Faces im Portal - Statusbestimmung"
 

Mehr von Jürg Stuker

Innovation ist, wenn der Kreis sich schliesst
Innovation ist, wenn der Kreis sich schliesstInnovation ist, wenn der Kreis sich schliesst
Innovation ist, wenn der Kreis sich schliesst
Jürg Stuker
 
Circularity Gap Report Switzerland 2023
Circularity Gap Report Switzerland 2023Circularity Gap Report Switzerland 2023
Circularity Gap Report Switzerland 2023
Jürg Stuker
 
User Experience im Digital Banking
User Experience im Digital BankingUser Experience im Digital Banking
User Experience im Digital Banking
Jürg Stuker
 
A framework to think about innovative patient care
A framework to think about innovative patient careA framework to think about innovative patient care
A framework to think about innovative patient care
Jürg Stuker
 
Leadership und Kulturentwicklung -- CAS New Work
Leadership und Kulturentwicklung -- CAS New WorkLeadership und Kulturentwicklung -- CAS New Work
Leadership und Kulturentwicklung -- CAS New Work
Jürg Stuker
 
ETA Teil 3: Internet Technologie
ETA Teil 3: Internet TechnologieETA Teil 3: Internet Technologie
ETA Teil 3: Internet Technologie
Jürg Stuker
 
ETA Teil 2: Programmierung
ETA Teil 2: ProgrammierungETA Teil 2: Programmierung
ETA Teil 2: Programmierung
Jürg Stuker
 
ETA Teil 1: Computational Thinking
ETA Teil 1: Computational ThinkingETA Teil 1: Computational Thinking
ETA Teil 1: Computational Thinking
Jürg Stuker
 
New Work - Wie sehen moderne Arbeitsumgebungen aus?
New Work - Wie sehen moderne Arbeitsumgebungen aus?New Work - Wie sehen moderne Arbeitsumgebungen aus?
New Work - Wie sehen moderne Arbeitsumgebungen aus?
Jürg Stuker
 
How to grow 50% in digital subscriptions
How to grow 50% in digital subscriptionsHow to grow 50% in digital subscriptions
How to grow 50% in digital subscriptions
Jürg Stuker
 
Startup Weekend Ethiopia 2019
Startup Weekend Ethiopia 2019Startup Weekend Ethiopia 2019
Startup Weekend Ethiopia 2019
Jürg Stuker
 
Programmieren kinderleicht gemacht: Einblicke in das spielerische und erlebni...
Programmieren kinderleicht gemacht: Einblicke in das spielerische und erlebni...Programmieren kinderleicht gemacht: Einblicke in das spielerische und erlebni...
Programmieren kinderleicht gemacht: Einblicke in das spielerische und erlebni...
Jürg Stuker
 
Workshop Artificial Intelligence
Workshop Artificial IntelligenceWorkshop Artificial Intelligence
Workshop Artificial Intelligence
Jürg Stuker
 
Kader lernen programmieren: Sinn oder Unsinn?
Kader lernen programmieren: Sinn oder Unsinn?Kader lernen programmieren: Sinn oder Unsinn?
Kader lernen programmieren: Sinn oder Unsinn?
Jürg Stuker
 
Langfristige Erfolge im Performance Marketing
Langfristige Erfolge im Performance MarketingLangfristige Erfolge im Performance Marketing
Langfristige Erfolge im Performance Marketing
Jürg Stuker
 
Drei Thesen zu "The Future of UI"
Drei Thesen zu "The Future of UI"Drei Thesen zu "The Future of UI"
Drei Thesen zu "The Future of UI"
Jürg Stuker
 
Mystery Shopping bei 14 Banken
Mystery Shopping bei 14 BankenMystery Shopping bei 14 Banken
Mystery Shopping bei 14 Banken
Jürg Stuker
 
How robotic and machine learning are changing the future jobs
How robotic and machine learning are changing the future jobsHow robotic and machine learning are changing the future jobs
How robotic and machine learning are changing the future jobs
Jürg Stuker
 
MassChallenge Masterclass: Owned media how-to
MassChallenge Masterclass: Owned media how-toMassChallenge Masterclass: Owned media how-to
MassChallenge Masterclass: Owned media how-to
Jürg Stuker
 
Digital Banking: Simplicity and User Experience
Digital Banking: Simplicity and User ExperienceDigital Banking: Simplicity and User Experience
Digital Banking: Simplicity and User Experience
Jürg Stuker
 

Mehr von Jürg Stuker (20)

Innovation ist, wenn der Kreis sich schliesst
Innovation ist, wenn der Kreis sich schliesstInnovation ist, wenn der Kreis sich schliesst
Innovation ist, wenn der Kreis sich schliesst
 
Circularity Gap Report Switzerland 2023
Circularity Gap Report Switzerland 2023Circularity Gap Report Switzerland 2023
Circularity Gap Report Switzerland 2023
 
User Experience im Digital Banking
User Experience im Digital BankingUser Experience im Digital Banking
User Experience im Digital Banking
 
A framework to think about innovative patient care
A framework to think about innovative patient careA framework to think about innovative patient care
A framework to think about innovative patient care
 
Leadership und Kulturentwicklung -- CAS New Work
Leadership und Kulturentwicklung -- CAS New WorkLeadership und Kulturentwicklung -- CAS New Work
Leadership und Kulturentwicklung -- CAS New Work
 
ETA Teil 3: Internet Technologie
ETA Teil 3: Internet TechnologieETA Teil 3: Internet Technologie
ETA Teil 3: Internet Technologie
 
ETA Teil 2: Programmierung
ETA Teil 2: ProgrammierungETA Teil 2: Programmierung
ETA Teil 2: Programmierung
 
ETA Teil 1: Computational Thinking
ETA Teil 1: Computational ThinkingETA Teil 1: Computational Thinking
ETA Teil 1: Computational Thinking
 
New Work - Wie sehen moderne Arbeitsumgebungen aus?
New Work - Wie sehen moderne Arbeitsumgebungen aus?New Work - Wie sehen moderne Arbeitsumgebungen aus?
New Work - Wie sehen moderne Arbeitsumgebungen aus?
 
How to grow 50% in digital subscriptions
How to grow 50% in digital subscriptionsHow to grow 50% in digital subscriptions
How to grow 50% in digital subscriptions
 
Startup Weekend Ethiopia 2019
Startup Weekend Ethiopia 2019Startup Weekend Ethiopia 2019
Startup Weekend Ethiopia 2019
 
Programmieren kinderleicht gemacht: Einblicke in das spielerische und erlebni...
Programmieren kinderleicht gemacht: Einblicke in das spielerische und erlebni...Programmieren kinderleicht gemacht: Einblicke in das spielerische und erlebni...
Programmieren kinderleicht gemacht: Einblicke in das spielerische und erlebni...
 
Workshop Artificial Intelligence
Workshop Artificial IntelligenceWorkshop Artificial Intelligence
Workshop Artificial Intelligence
 
Kader lernen programmieren: Sinn oder Unsinn?
Kader lernen programmieren: Sinn oder Unsinn?Kader lernen programmieren: Sinn oder Unsinn?
Kader lernen programmieren: Sinn oder Unsinn?
 
Langfristige Erfolge im Performance Marketing
Langfristige Erfolge im Performance MarketingLangfristige Erfolge im Performance Marketing
Langfristige Erfolge im Performance Marketing
 
Drei Thesen zu "The Future of UI"
Drei Thesen zu "The Future of UI"Drei Thesen zu "The Future of UI"
Drei Thesen zu "The Future of UI"
 
Mystery Shopping bei 14 Banken
Mystery Shopping bei 14 BankenMystery Shopping bei 14 Banken
Mystery Shopping bei 14 Banken
 
How robotic and machine learning are changing the future jobs
How robotic and machine learning are changing the future jobsHow robotic and machine learning are changing the future jobs
How robotic and machine learning are changing the future jobs
 
MassChallenge Masterclass: Owned media how-to
MassChallenge Masterclass: Owned media how-toMassChallenge Masterclass: Owned media how-to
MassChallenge Masterclass: Owned media how-to
 
Digital Banking: Simplicity and User Experience
Digital Banking: Simplicity and User ExperienceDigital Banking: Simplicity and User Experience
Digital Banking: Simplicity and User Experience
 

Top 10 Internet Trends 2003

  • 1. 10 Internet-Standards für die Zukunft IEX 2003 | Seminar w-15 Freitag, 7. Februar 2003 Andreas Göldi, CEO, namics ag Jürg Stuker, CTO, namics ag
  • 2. Rückblick: Die Top 10 Internet-Standards 2002 MMS WAP 2.0 J2ME / Embedded Java XML Security Web Services Neue DNS Features JXTA Device Independence Universal Usability Flash-Erweiterungen
  • 3. Die Top 10 Internet-Standards 2003 JSP 2.0 XHTML 2 Platform for Privacy Preferences Watermarking C# Multimedia Home Platform Semantic Web WLAN XSL-FO SVG
  • 5. JSP JSP ist die Sprache zur Codierung von Darstellung in J2EE Vergleichbar mit asp/vbs, php, cfml etc. Aktuelle Version 1.2 (die nächste Version hiess ursprünglich 1.3) JVM Servlet Java Server Pages (JSP) Enterprise Javabeans (EJB) Connector API JDBC
  • 6. Neue Version: JSP (Java Server Pages) 2.0 Zielsetzung: (http://java.sun.com/products/jsp/) Easier to use JSP technology without needing to learn the Java language Easier to extend the JSP language Easier to write and maintain pages Entwickelt durch JSR-000152 (Close of Public Review: 13. August 2002) Teil von J2EE 1.4
  • 7. Haupteigenschaften Beinhaltet JSP Standard Tag Library (JSTL) Core Tags Custom Tags können nun auch in JSP geschrieben werden
  • 8. Bewertung von JSP 2.0 Normaler Aufwasch der J2EE Spezifikation Macht JSP mächtiger (und schützt den Programmierer ein bisschen besser von Java Code inkl. den Datentypen und dem Compiler) Eine gute Nachricht für JSP, die Nutzung kommt von selbst!
  • 9. Links SUN JSP: http://java.sun.com/products/jsp/ JSTL: http://java.sun.com/products/jsp/jstl/ JSTL Tutorial: http://java.sun.com/webservices/docs/1.0/tutorial/doc/JSTL.html J2EE Home: http://java.sun.com/j2ee/ Spezifikation JSP 2.0: jsp-2_0-prd-spec.pdf Community O‘Reilly: http://www.onjava.com/ http://www.theserverside.com/
  • 11. XHTML? Eigentlich (nur) valides HTML oder: HTML mit den Vorteilen von XML Validerbar Transformierbar Kompatibler mit Markup für verschiedene Endgeräte z.B. WAP 2.0, i-mode oder cHTML Aktuell ist noch XHTML 1.1, welche als Nachfolger des (letzten) HTML Standards 4.01 konzipiert war Beispiel: http://www.w3c.org/
  • 12. XHTML 2.0 W3C, 18 September 2002: First Working Draft Bewusst keine Rückwärtskompatibilität zu XHTML 1.0/1.1 Bsp. von fehlenden Tags: XHTML b, i, img, big, small, tt u.a. (weil Darstellung) ALT: P resentational elements are, <i> for the most part </i> , <b> gone </b> . NEU: Presentational elements are, <em> for the most part </em> , <strong> gone </strong> . Kernpunkte XML Konformität Layout Tags raus Robusteres Formularhandling Bessere Lösung für Frames
  • 13. Weitere Änderungen (nicht abschliessend) br Tag hat keinen Inhalt (ist nicht XML tauglich) ALT: <p> public class HelloWorld {<br /> } <br /> </p> NEU: <p> <line> public class HelloWorld { </line> <line> } </line> </p> Neu: section Tag mit generischen Titeln (nicht: <h1>, <h2> etc. Neu: nl Tag (navigational List) Neu: Links sind nun Attribute von anderen Tags Neu: XForms Neu: XML Events Neu: XFrames
  • 14. Bewertung von XHTML 2 Eigentlich war XHTML schon gut, wurde aber kaum genutzt … Die Fehlende Rückwärtskompatibilität macht die Verbreitung eher schwieriger Gut aber ist dann nun endlich „aufgeräumt“ wurde Basis Set wir heute schon unterstützt: IE6, Opera 6, und Mozilla Mit Blick auf eine grössere Vielfalt von Endgeräten und der Verbreitung von Mobile Internet ist XHTML 2.0 eigentlich nur eine Frage der Zeit
  • 15. Links W3C XHTML™ 2.0 (Working Draft): http://www.w3.org/TR/xhtml2/ XML Events: http://www.w3.org/TR/xml-events/ XForms 1.0: http://www.w3.org/TR/xforms/ XFrame: http://www.w3.org/TR/xframes/ Beispiel für eine Seite in XHTML 2.0: http://w3future.com/weblog/gems/xhtml2.xml Gute Übersicht http://www-106.ibm.com/developerworks/web/library/wa-xhtml/?t=gr,lnxw01=XHTML20
  • 16. team–based net solutions Platform for Privacy Preferences (P3P)
  • 17. Ausgangslage Die Wahrung der Privatsphäre im Internet ist eine wichtige Nutzeranforderung Anbieter missbrauch(t)en die Möglichkeiten zur Informationssammlung Vom Browser erhalten: IP-Adresse, Referrer u.a. Aktiv beim Browser erfragt: E-Mail Adresse, Bookmarks u.a. Zusammenführen über Cookies, WebBugs … Lösungsmöglichkeiten 1: Anonymisierung des Nutzer 2: Individuelle Zertifizierung des Anbieters 3: Standardisierte Zertifizierung des Anbieters
  • 18. P3P Kernidee Das W3C nimmt sich der Sache an! (P3P 1.0 ist W3C Recommendation seit 16. April 2002) Websites bieten Informationen bezüglich der Nutzung der Privatsphäre in einer standardisierten, maschinell lesbaren Form an Nutzer vergleichen diese Policy (Erklärung) und reagieren entsprechend den Präferenzen/ Einstellungen des Nutzers
  • 19. Beispiel Benutzung IE 6 (Windows XP, Englisch)
  • 20. Beispiel Einstellungen IE 6 (Windows XP, Englisch) 3 möglich Aktionen Accepted Restricted (dowgraded) Blocked Details: http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnpriv/html/ie6privacyfeature.asp
  • 21. Ein bisschen mehr: AT&T Privacybird ( http://privacybird.com/)
  • 22. Technische Lösung Die P3P Policy Referenz liegt auf dem Server an einem fest definierten Ort (/p3p.xml) und/oder wird im HTTP Header mitgeliefert (und/oder in (X)HTML LINK Tags) Die Prüfung (Nutzung) kann durch den Browser selbst, auf einen Proxy, durch ein Plugin etc. erfolgen Die Reaktion ist eigentlich beliebig, typischerweise werden nicht-konforme Seitenaber blockiert HTTP/1.1 200 OK P3P:policyref=&quot;http://catalog.example.com/P3P/PolicyReferences.xml&quot; Content-Type: text/html <link rel=&quot;P3Pv1&quot; href=&quot;http://catalog.example.com/P3P/References.xml&quot;>
  • 23. P3P Policy? In XML formulierte Selbstdeklaration das P3P Vokabular und das P3P Minimaldaten Schema (base data schema) nutzt P3P Vokabular Wer sammelt welche Daten zu welchem Zweck ? Kann der Nutzer das Sammelverhalten ändern ? Wer nutzt die gesammelten Daten und wie werden diese archiviert ? Welche Stelle schlichtet im Fall von Auseinandersetzungen etc. Verweise auf alle Policies und Zuordnung zu Seiten: P3P Policy Referenz Zusätzlich noch eine „normale“ Seite mit der ausführlichen Deklaration (Datenschutzrichtlinie)
  • 24. Beispiel: P3P Policy <POLICY xmlns=http://www.w3.org/2000/P3Pv1 discuri=&quot;http://www.catalog.example.com/Privacy.html&quot;> <ENTITY><DATA-GROUP><DATA ref=&quot;#business.name&quot;>CatalogExample</DATA> <DATA ref=&quot;#business.contact-info.telecom.telephonenum.intcode&quot;>1</DATA> <DATA ref=&quot;#business.contact-info.telecom.telephonenum.loccode&quot;> 248</DATA> <DATA ref=&quot;#business.contact-info.telecom.telephonenum.number&quot;> 3926753</DATA> </DATA-GROUP></ENTITY> <DISPUTES-GROUP> <DISPUTES resolution-type=&quot;independent&quot; service=&quot;http://www.PrivacySeal.example.org&quot; short-description=&quot;PrivacySeal.exampleorg&quot; <REMEDIES><correct/></REMEDIES> <IMG src=&quot;http://www.PrivacySeal.example.org/Logo.gif&quot;/> </DISPUTES></DISPUTES-GROUP> <ACCESS><nonident/></ACCESS> <STATEMENT> <PURPOSE><admin/><develop/></PURPOSE> <RECIPIENT><ours/></RECIPIENT> <RETENTION><stated-purpose/></RETENTION> <DATA-GROUP> <DATA ref=&quot;#dynamic.clickstream.server&quot;/> <DATA ref=&quot;#dynamic.http.useragent&quot;/> <DATA-GROUP> </STATEMENT> </POLICY>
  • 25. Beispiel: P3P Policy Referenz (/p3p.xml) <META xmlns=&quot;http://www.w3.org/2001/09/P3Pv1&quot;> <POLICY-REFERENCES> <POLICY-REF about=&quot;/P3P/Policy3.xml&quot;> <INCLUDE>/cgi-bin/</INCLUDE> <INCLUDE>/servlet/</INCLUDE> <EXCLUDE>/sevlet/unknown</EXCLUDE> </POLICY-REF> <POLICY-REF about=&quot;/P3P/Policy2.xml&quot;> <INCLUDE>/catalog/</INCLUDE> </POLICY-REF> <POLICY-REF about=&quot;/P3P/Policy1.xml&quot;> <INCLUDE>/*</INCLUDE> <EXCLUDE>/sevlet/unknown</EXCLUDE> </POLICY-REF> </POLICY-REFERENCES> </META>
  • 26. Wie rüste ich meine Site mit P3P aus Schreiben Sie eine Datenschutzrichtlinie ( http://www.w3.org/TR/P3P/#guiding_principles) Bestimmen Sie welche P3P Elemente Sie für welche Ihrer Seiten nutzen möchten Erstellen Sie die Policy Dateien (und die Policy Referenz) mit einem P3P Editor Prüfen Sie die die Dateien mit dem W3C Validator Test, test, test …
  • 27. Bewertung von P3P Guter Start und einigermassen verbreitet (rund 1/3 der wichtigen US-Websites) Wahrnehmung durch den Nutzer und Integration in die Browser noch ungenügend … …höchstens belästigend Nur eine Eigendeklaration und keine Kontrolle oder Verbindlichkeit (z.B. digitale Signatur) Anonymität und/oder Verschlüsselung ist nicht gelöst Gesetzliche Konformität steht noch aus
  • 28. Links Die offizielle Site: http://www.w3.org/P3P/ Gute Übersicht: http://www.p3ptoolbox.org/ Tools Validator: http://www.w3.org/P3P/validator.html AT&T Privacy Bird: http://privacybird.com/ IBM Policy Editor: http://www.alphaworks.ibm.com/tech/p3peditor Noch ein offline Editor: http://p3pedit.com/ Online Editor: http://www.privacybot.com/ Debugging A Webmaster's Guide to Troubleshooting P3P http://www.oreillynet.com/pub/a/javascript/2002/11/19/p3p.html Help! IE6 Is Blocking My Cookies http://www.oreillynet.com/pub/a/javascript/2002/10/04/p3p.html
  • 29. Hardware Web Privacy with P3P Lorrie Faith Cranor O'Reilly & Associates, 2002 ISBN 0-59600-371-4
  • 31. Ausgangslage Digitale Daten können ohne Qualitätsverlust sehr einfach kopiert werden Rechteinhaber werden umgangen Watermarking Verfahren welches einem digitalen Asset Informationen zuführt, welche später zur Identifikation und/oder zur Feststellung der Integrität extrahiert werden können Wichtige Anforderungen: Robustheit, (typischerweise) Unsichtbar, Eindeutigkeit und kein Qualitätsverlust der Quelle Klassisch: Papierdicke, Mikroprint, Geheimtinte u.a. Digitales Asset: Audio, Video, Standbild etc.
  • 32. Exkurs Steganographie Transport geheimer Daten durch „unsichtbare“ Kanäle Fishing freshwater bends and saltwater coasts rewards anyone feeling stressed. Resourceful anglers usually find masterful leapers fun and admit swordfish rank overwhelming anyday. Der dritte Buchstabe jedes Wortes: Send Lawyers, Guns, and Money. Tätowierung der Kopfhaut etc. Gaspari Schotti, Schola steganographica, 1665
  • 33. Übersicht Watermarking Bild mit Watermark Originalbild Bild mit beschädigtem Watermark Anbringen Watermark Auslesen Watermark Manipulation Auslesen Watermark
  • 34. Beispiel: Sichtbares Watermark (Website Vatikansbibliothek)
  • 35. Beispiel: Unsichtbares Watermark (Digimark Plugin in Photoshop)
  • 36. Klassifikation von Watermarks Für das Auge sichtbar Für das Auge unsichtbar Extraktion der Information nur mit dem Original möglich (private) Extraktion der Information ohne Original möglich (public) Verfahren Räumliche (Spatial) Spektrale mathematisch komplex (glauben Sie es mir)
  • 37. Robustheit (1 von 2) Ein Watermark soll möglichst nicht entfernt werden können resp. auch nach Veränderungen des Assets weiter bestehen Typischen Veränderungen Skalierung (Zoomen und Stauchen) Publikation von Ausschnitten Rotation / Spiegelung / Umklappen Kompression (z.B. JPEG) Ausdrucken / Scannen
  • 38. Robustheit (2 von 2) Typische Angriffe und aufwändigere Verfahren … Noise addition Over-marking Printing scanning JPEG compression VQ compression Wavelet compression Median filtering Blurring Sharpening Edge enhancement Despeckle Histogram modification Gamma correction Brightness/contrast Colour quantisation Greyscale Colourise Posterise Jittering Quantisation Denoising High pass Equalisation L/R splitting Delay Reverb Resampling Inversion Chorus Flanger Pitch shifter Time stretch Zero cross insterts Copy sample Cut sample Echo removal Restoration techniques Simple de-synchronisation Cropping Scaling Rotation Shearing Change aspect ratio Horizontal flip Dilate Emboss Averaging Random geometric distortions Oracle Estimation-removal Twin peaks Collusion Copy attack Brute force key search
  • 40. Benchmarks vergleichen die Qualität StirMark http://www.cl.cam.ac.uk/~fapp2/watermarking/stirmark/ Checkmark http://watermarking.unige.ch/Checkmark/ Optimark http://poseidon.csd.auth.gr/optimark/ Certimark http://vision.unige.ch/certimark/
  • 41. Bewertung von Watermarking Der Bedarf wäre da (DVD -> DIVX, Musik -> MP3) Zur Zeit fast ausschliesslich eine universitäre Disziplin Die kommerziellen Verfahren sind (bis jetzt) nicht genügend robust und so komplex, dass nur ehrliche Leute bestraft werden Im „geschützten“ Umfeld der Fotographie sehr verbreitet Eine grosse Ausweitung wird stattfinden, auch mit Blick auf neue/aktuelle Gesetze zum Schutz digitaler Daten Empfehlung: Sorgen Sie vor!
  • 42. Links Gute Einstiegsseiten http://www.watermarkingworld.org/ Università di Firenze: http://cosimo.die.unifi.it/~piva/Watermarking/watermark.html Fabien A. P. Petitcolas: http://www.cl.cam.ac.uk/~fapp2/ Uni Genf: http://watermarking.unige.ch/ Quellcode und Beispielattacken: http://www.cosy.sbg.ac.at/~pmeerw/Watermarking/ Kommerzielle Anbieter http://www.digimarc.com/ http://www.alpvision.com/ http://www.bluespike.com/ http://www.alphatecltd.com/ http://www.mediasec.com/
  • 43. Hardware Digital Watermarking Ingemar Cox et. al. Morgan Kaufmann, 2001 ISBN 1-55860-714-5 Information hiding techniques for steganography and digital watermarking Stefan Katzenbeisser et. al. Artech House Books, 1999 ISBN 1-58053-035-4 Information Hiding : Steganography and Watermarking - Attacks and Countermeasures Neil F. Johnson et. al. Kluwer Academic Publishers, 2001 ISBN: 0792372042
  • 45. Microsoft brauchte eine neue (objektorientierte) Programmiersprache Die Sprachen vor .NET (da waren v.a. Visual Basic, C und C++) entsprachen nicht mehr dem Stand der Technik, sind komplex und schwerfällig (geworden) Microsoft and Java ™ sind unversöhnlich Zwar ist .NET „mehrsprachig“, aber bekanntlich räumt der Umbau nicht gleich auf Verantwortlich: Anders Hejlsberg Turbo Pascal Delphi Visual J++ und dann C# (Projektname Cool)
  • 46. Das unvermeidliche Beispiel // Ich bin C++ #include <iostream.h> int main(){ for(int ii = 1; ii <= 100; ii++) cout <<&quot;H allo , &quot; << ii << &quot; mal . &quot; << ''; } // Ich bin C# using System; class HelloWorld{ static void Main(){ for(int ii = 1; ii <= 100; ii++) Console.WriteLine(&quot; H allo , {0} mal . &quot;, ii); } } // Ich bin Java class HelloWorld{ public static void main(String[] args){ for(int ii= 1; ii <= 100; ii++) System.out.println(&quot; H allo, &quot; + ii + &quot; mal .&quot;); } }
  • 47. Ist C# ein Java Clone? Eine Programmiersprache wird heute (kaum) „im luftleeren Raum“ konzipiert aber bewährte Konzepte sollen übernommen werden Nach Microsoft ist C# eine Weiterentwicklung von C und C++ C# is a simple, modern, object oriented, and type-safe programming language derived from C and C++ . It will immediately be familiar to C and C++ programmers. C# aims to combine the high productivity of Visual Basic and the raw power of C++. (C# Language Specification, Seite 15) Na ja, die Wahrheit ist wie immer in der Mitte (aber unsere Java Entwickler verstehen C# ohne Einführung sehr gut …)
  • 48. Wichtige Merkmale von C# C# wird in einen Zwischencode (Assembly) kompiliert und auf der Zielplattform durch eine Laufzeitumgebung ausgeführt (CLR = Common Language Runtime) Moderne Sprache mit allem Drum und Dran: Garbage collection, Ausnahmen, Versionierung etc. Alles sind Objekte Bsp. INT: int i = 123; System.Int32 i = 123; int i = new System.Int32(); int i = int.Parse(&quot;123&quot;); string s = 123.ToString(); Besitzt viele nützliche Konstrukte (z.B. foreach, using, switch for strings u.a.) Vollständig in .NET integriert und erlaubt auch Rückwärtskompatibilität (unsafe Code)
  • 49. C# als Standard Microsoft hat einen schlechten Ruf Ihre Sachen zu öffnen. Im Fall von C# und der CLI (Common Language Runtime) haben sie den „Weg nach vorne“ gewählt … ECMA Standard 334 seit 2001 Bei ISO (fast track) eingereicht -> Entscheid im Juni 2003 erwartet Shared Source Implementierung für Open BSD und Windows (nach LINUX portiert) Grundlage für Open Source Projekt MONO
  • 50. Bewertung von C# C# ist eine moderne und syntaktisch sehr elegante und einfache Sprache Die Entwicklungsumgebung (Visual Studio .NET) ist exzellent Die grösste Zahl von .NET Beispielen und der Dokumentation sind in/für C# C# Programmierer haben ein gutes Verständnis für Java (und umgekehrt) … nicht die Sprache ist wichtig (nur Syntax) aber alles rundherum… Wenn .NET dann C#!
  • 51. Links Sprache / Bücher C# Standard: http://www.ecma.ch/ecma1/STAND/ECMA-334.htm C# Standard (HTML) : http://www.jaggersoft.com/csharp_standard/toc.htm O’Reilly: http://www.ondotnet.com/ WROX: http://www.csharptoday.com/ .NET Community und Portale Startpunkt: http://dmoz.org/Computers/Programming/Languages/C-sharp/ http:// www.gotdotnet.com/ http:// www.devhood.com/ Open Source C# Compiler und .NET Framework http://www.go-mono.com/ ROTOR (Shared Source von Microsoft) http://research.oreilly.com/pub/a/dotnet/2002/03/27/gettingstarted.html http://research.oreilly.com/pub/a/dotnet/2002/03/04/rotor.html
  • 52. team–based net solutions Multimedia Home Platform
  • 53. Multimedia Home Platform (MHP) Problem: Digitale Set-Top-Boxen für Interactive TV waren bisher rein proprietär Hohe Kosten für Applikationsentwicklung Verwirrend für Konsumenten Inkompatibel zum Internet MHP: Neuer Standard für multimediale Set-Top-Boxen Im Kern: ein einheitliches API Orientiert an Internet-Standards (u.a. Java) Entwickelt durch Digital Video Broadcasting Project (Führendes Standardisierungsgremium für Digitalfernsehen)
  • 54. Elemente von MHP Einheitliche Programmierschnittstelle (API) für Applikationsentwicklung Java-basiert Security: Userberechtigungen (z.B. Zugriff zu kostenpflichtigen Inhalten) Userdaten Kopierschutz für Content Migrationshilfe/Kompatibilität zu alten Standards
  • 55. Anwendungsfelder Electronic Program Guides „ Super-Teletext“ Verschiedene Anwendungen mit TV-Bezug Spiele TV-basierter E-Commerce Interaktive Werbung Internet-Zugang
  • 56. Beispiel: Zusatzinfos zu laufendem TV-Programm Quelle: Philips
  • 57. Beispiel: Begleitende Interaktivität und E-Commerce
  • 58. Beispiel: Info-Dienste und Electronic Program Guides
  • 59. Grundarchitektur MHP API I/O Devices CPU MPEG Processing Graphics Broadcast Channel Interaction Channel Resources Memory Transport Protocols Virtual Machine Application Manager (Navigator) APIs System Software Application 1 Applications Application n . . . .
  • 60. MHP-Profile für verschiedene Anwendungsfelder Verschiedene verfügbare Leistungsstufen, je nach Bedürfnissen und Leistungsfähigkeit der Geräte Interactive Broadcast Profile: 80-130 MHz CPU, 8-16 MB RAM Internet Access Profile: 150-200 MHz CPU, 16-32 MB RAM
  • 61. Java-Plattform und Integration älterer Applikationen OS, drivers, firmware, ... MHP API Java Virtual Machine DVB specific APIs Sun Java APIs ... Application Manager (Navigator) Plug-in interface Legacy Appl. A Plug-in A Plug-in B Legacy Appl. B Interoperable Java Applications (and libraries) Platform specific plug-in &quot;Interoperable&quot; plug-in Trans- port Proto- col(s)
  • 62. Verfügbarkeit von Geräten und Services Verschiedene grosse Hersteller (Sony, Panasonic, Philips, Siemens, ...) haben bereits MHP-Geräte auf den Markt gebracht Seit Oktober 2002 regelmässig ausgestrahlte MHP-Dienste im deutschsprachigen Raum: ARD, ZDF, RTL Schweiz: Derzeit Konflikte zwischen Cablecom und Teleclub bzgl. Set-Top-Box-Standard. Unklare Strategie von SRG und Teletext (vorerst Konzentration auf TeleWeb?)
  • 63. Bewertung von MHP Weg zu einheitlichem Standard für interaktives Fernsehen ist plausibel und nötig. Aber: Derzeit noch klare Durchsetzungsprobleme Etablierung dauert länger als angenommen Verschiedene ältere, konkurrenzierende Standards: MHEG (ISO), JavaTV (SUN), ATVEF (SMPTE), DAVIC MHP scheint aber breiteste Unterstützung zu haben Hardware von wichtigen Herstellern verfügbar Positive Signale v.a. aus Deutschland durch umfassende Unterstützung der wichtigsten Sender MHP basiert stark auf Internet-Standards, darum vielversprechendes Zukunftsgebiet für Anbieter von Web-Inhalten und –Diensten.
  • 64. Links Standardisierungs- und Promotions-Organisationen: www.mhp.org www.mhp-forum.de www.mhp-interactive.org Fernsehstationen mit MHP-Angebot: www.ard-digital.de www.premiere.de www.zdf.de www.rtlnewmedia.de
  • 66. Semantic Web: Hintergrund Kein eigentlicher Standard, sondern eine Vision für die nächste Generation des World Wide Web. Entwickelt seit 1998 unter Leitung von WWW-Erfinder Tim Berners-Lee. Grundproblem: Web-Content ist optimiert für Nutzung durch Menschen: visuelles Layout statt inhaltliche Struktur und Bedeutung im Vordergrund Eine maschinelle Verarbeitung wird dadurch massiv erschwert (vgl. Resultate von Suchmaschinen) Schwerwiegende Begrenzung der Nützlichkeit von Web-Inhalten
  • 67. Typische Problemstellung Reisebuchung: „ Ich am 7. Februar 03 spätestens um 16 Uhr in Frankfurt sein. Ich will frühestens um 10 Uhr abfahren und möchte möglichst auf der Reise etwas arbeiten können. Eine billige Reise wäre vorzuziehen, aber eine kurze Reisedauer ist wichtiger.“ Alle nötigen Informationen zur Lösung dieses Problems sind im Web abrufbar. Theoretisch könnte intelligente Software die geeignetsten Varianten (Flug? Zug? Auto?) heraussuchen, zur Entscheidung präsentieren und gleich die Buchung vornehmen. Trotzdem müssen wir dies heute manuell tun.
  • 68. Semantic Web: Zielsetzung Strukturierte Repräsentation von Wissen , das in Web-Pages gespeichert ist. System zur Darstellung von einfachen Aussagen über Objekte, Regeln und Zusammenhängen zwischen Objekten Angestrebt wird pragmatischer Ansatz à la Web: Nicht Perfektion ist gefragt, sondern eine möglichst universell einsetzbare Lösung. Dezentrale Verwaltung des Wissens, damit Tolerierung von Überschneidungen und Widersprüchen
  • 69. Semantic Web: Technologie Zwei zentrale Technologie-Elemente sind bereits vorhanden: XML RDF (Resource Description Framework) Zusätze zu RDF, z.T. zur Vereinfachung: Notation3 RDF Schema
  • 70. Neue Technologieelemente Neu: „Ontologien“ Beschreibungen eines Ausschnitts der Realität Taxonomie: Definiert Objektklassen, Objekte und deren Beziehungen „Ein Hammer ist ein Werkzeug“ „ZIP-Code ist äquivalent zu PLZ“ Inferenz-Regeln: Wenn-dann-Beziehungen „Wenn X der Bruder der Mutter von Y ist, dann ist X der Onkel von Y.“ Ontologie-Sprachen: OWL (Web Ontology Language) DAML+OIL (DARPA Agent Markup Language)
  • 71. Beispiel Klassenhierarchie: Veranstaltung Konzert Vorlesung Messe Fachmesse Publikumsmesse ... Aussagen über ein Objekt: „ Internet Expo ist eine Fachmesse “ „Das Thema von Internet Expo ist E-Business “ Eröffnet z.B. Suchmöglichkeiten : „Suche Veranstaltungen zum Thema E-Business “
  • 72. Weitere nötige Elemente Inference Engines: Software-Module, die logische Beziehungen auflösen und neue Beziehungen daraus ableiten können. Experimentelles Beispiel: Closed World Machine Agenten: Unabhängige Softwaremodule, die Fragestellungen durch gezielte Recherche mittels Inference Engines beantworten können. Digitale Signaturen/Network of Trust: Bestätigung der Herkunft und Gültigkeit einer Information.
  • 73. Zukünftige Anwendungsmöglichkeiten Intelligentere Suchmechanismen Automatisierte Abwicklung von Routineaufgaben mit Internet-Diensten (z.B. Reisebuchung, Finden des preiswertesten Angebots usw.) Verbesserung und Vereinfachung von Enterprise Application Integration, Semantik-Schicht über Web-Services
  • 74. Bewertung von Semantic Web „ The next big thing“ oder „Pie in the sky“? Viele faszinierende Ideen, aber ziemlich schwer verständlich. Entwicklung befasst sich nach wie vor mit grundsätzlichen Problemen, noch keine Anwendungen vorhanden. Aufwand für fachgerechte Codierung des Wissens dürfte erheblich sein. Vermutlich sehr nützlich für bestimmte Nischen, aber kaum Breitenwirkung wie das „klassische“ Web
  • 75. Links W3C Semantic Web Activity: http://www.w3c.org/2001/ sw Technische Einführungsartikel: http://infomesh.net/2001/swintro http:// logicerror.com / semanticWeb-long Semantic Web Community: http://www.semanticweb.org Business-Modelle für Semantic Web: http://business.semanticweb.org Interessante Vision für das Jahr 2009: http://www.ftrain.com/google_takes_all.html
  • 77. Wireless LAN (WLAN) Einer der wenigen grossen Wachstumsbereiche in der IT derzeit (2002: 100% Zuwachs) Grundidee: Vernetzung von Computern im Local Area Network über Funkwellen statt Kabel Verwendung der „Spread Spectrum“-Technologie Ausprägungen: Private WLANs für Firmen oder Privathaushalte Public HotSpots : Öffentliche Zugänge, die von Providern bereitgestellt werden
  • 78. Beispiel: Verbreitung in der Stadt Zürich >600 Hotspots im Zentrum (www.wardriving.ch)
  • 79. Standards Grundstandard: IEEE 802.11 Basistechnologie: Übertragung mit Spread Spectrum-Funk Ständiger, sehr schneller Wechsel der Übertragungsfrequenz Dadurch Reduktion von Störungen und Störbarkeit Verschiedene Substandards: 802.11b oder „ WiFi “: Derzeit vorherrschend 2.4 GHz, bis zu 11 Mbps 802.11a : Nachfolgestandard 5 GHz, bis zu 54 Mbps 802.11g : Alternativer High-Speed-Standard 2.4 GHz, bis zu 54 Mbps, kompatibel zu 802.11b Reichweite: ca. 100-150 Meter für 802.11b, weniger für 802.11a
  • 80. Wichtige Begriffe Access Point (AP): Zugangsknoten/Sendestation, die das WLAN mit einem physischen Netz verbindet Service Set Identifier (SSID): Identifikationsname eines bestimmten WLANs Infrastructure Mode : Stationen verbindet sich mit einem Access Point AdHoc Mode : Direkte Verbindung verschiedener WLAN-fähiger Stationen untereinander ohne AP Basic Service Set (BSS): System aus einem AP und mehreren Stationen Extended Service Set (ESS): System aus mehreren APs
  • 81. Security Security-Standard gegen Abhören des Datenverkehrs: WEP (Wired equivalency privacy) Verschlüsselung der Nutzdaten mit 40-, 64- oder 128-Bit-Schlüssel Jede Station muss manuell mit dem gleichen Schlüssel konfiguriert werden WEP ist nicht ausgesprochen sicher: Statische Schlüssel lassen sich knacken Schwachpunkt Schlüsselaustausch Insgesamt ausreichend für den „Hausgebrauch“, aber nicht für High-Security-Anwendungen Andere Gefahren: Unbefugte Nutzung eines offenen WLANs durch andere Denial-of-Service Attacks Unbewilligte APs im Firmennetz
  • 82. Was braucht man für ein eigenes WLAN? Access Point Ab ca. 300 Franken Alternativ für Breitband-User: ADSL/Cable-Router mit WLAN AP und eingebautem Firewall Ab ca. 500 Franken WLAN-Karte(n) Heute ab ca. 200 Franken Auf WiFi-Standard achten! Konfiguration ist meistens recht problemlos Achtung: Security-Einstellungen! Auf Störquellen achten, v.a. Drahtlos-Telefone
  • 83. Public Hotspots Öffentlich zugängliche Access Points mit Internet-Verbindung an belebten Orten (Flughäfen, Hotels, Bahnhöfe, Messen etc.) Anbieter in der Schweiz: Swisscom Mobile Monzoon Diverse kleine Provider Oft Private oder Hotels direkt Preise: Bei kommerziellen Anbietern oft satt: >30 Fr. für 24h Immer öfter v.a. in Hotels kostenlos Roaming: Bisher zwischen Anbietern noch kaum, Abo für jeden einzelnen nötig
  • 84. Bewertung von WLAN 802.11b/WiFi hat sich als Standard klar durchgesetzt Nächste Generation allerdings noch unklar: 802.11a oder g? Einfach zu installieren und zu benutzen... ...aber nicht ohne Probleme: Datendurchsatz bei wachsender AP-Verbreitung? Verschiedene proprietäre Zusätze entstehen. Sicherheit! Ausblick: WLAN zunehmend auch in kleineren Mobilgeräten, v.a. PDAs Viel stärkere Verbreitung von Public Hotspots, hoffentlich mit vernünftigen Preisen und reibungslosem Roaming
  • 85. Links Standarddefinition der IEEE: http://standards.ieee.org/getieee802/802.11.html WLAN Primer (technisch): http:// www.wlana.com / learn / educate.htm http://www.sfwireless.net/moin/WlanPrimer WiFi Alliance: http://www.wi-fi.org Online-Fachmagazine: http://www.80211-planet.com Hotspot-Verzeichnisse: http:// www.swiss-hotspots.ch / http:// www.hotspots.ch / http://www.wardriving.ch/ („Wilde“ Hotspots) http:// www.wifinder.com / http://www.80211hotspots.com/
  • 87. XSL Formatting Objects (XSL-FO) XSL-Familie: Extended Stylesheet Language (XSL) XSL Transformations (XSLT) XML Path Language (XPath) XSL-FO ist im Prinzip die offizielle Version 1.0 des XSL-Standards. Offizielle W3C Recommendation seit Oktober 2001 XSL-FO ist ein Dokumentenformat, das auf XML basiert Formatierungsinformationen für verschiedene Ausgabemedien enthält in unterschiedliche Ausgabeformate verarbeitet werden kann
  • 88. Grundsätzliche Funktionsweise XML- Doku- ment XSLT XSLT- Prozessor XSL-FO Formatter- Applikation Bilder a A a Fonts PDF Web Post- script etc.
  • 89. Wichtige Eigenschaften von XSL-FO Cross-Medial: Voll ausgelegt auf verschiedenste Ausgabemedien Ausgelegt auf hohe typographische Qualität und Mehrsprachigkeit Voll in XML-Syntax gehalten Einfach mit gängigen XML-Tools zu verarbeiten Deklarativ (im Gegensatz zu Postscript) Enthält alle Informationen, die für die Erzeugung verschiedener Formate nötig sind. Auswertung zum Zeitpunkt der Output-Erstellung mit unterschiedlichen Parametern Basiert auf CSS, aber erweitert es stark
  • 90. Unterschiede zu CSS und PDF Unterschiede zu Cascading Stylesheets (CSS): CSS verwendet externe Stylesheets, die zum Ausgabezeitpunkt für das Layouten verwendet werden. CSS unterstützt Seitenumbruch, präzise Typographie und andere print-orientierte Features kaum. CSS hat starke Limitationen bei komplexen, umfangreichen Dokumenten Unterschiede zu Portable Document Format (PDF): PDF ist ein Seitenbeschreibungsformat, das bereits die möglichen Ausgabeformate stark einschränkt (z.B. Seitengrösse) PDF-Files enthalten sämtliche Medienelemente wie Bilder und Grafiken.
  • 91. Wichtigste Formatierungselemente von XML-FO Hierarchisch aufgebaute Layoutdefinitionen Layout Master Set Page Masters und Page Sequence Masters Regions (Body, Header, Footer, ...) Flow (Container für Text) Blocks Erscheinungsbild: Block-Positionierung und -Formatierung Farben Fonts und Textattribute etc. Zusätzliche Strukturelemente: Tabellen Listen Grafiken Fuss- und Endnoten etc.
  • 92. Code-Beispiel <?xml version=&quot;1.0&quot; encoding=&quot;iso-8859-1&quot;?> <fo:root xmlns:fo=&quot;http://www.w3.org/1999/XSL/Format&quot;> <fo:layout-master-set>[3] <fo:simple-page-master master-name=&quot;my-page&quot;> <fo:region-body margin=&quot;1in&quot;/> </fo:simple-page-master> </fo:layout-master-set> <fo:page-sequence master-reference=&quot;my-page&quot;> <fo:flow flow-name=&quot;xsl-region-body&quot;> <fo:block>Hello, world!</fo:block> </fo:flow> </fo:page-sequence> </fo:root>
  • 93. Verfügbare Software (ohne Anspruch auf Vollständigkeit) Formatter: FOP von Apache Adobe Document Server PassiveTeX XSL Formatter von AntennaHouse Infoprint XML Extender for z/OS von IBM XEP Rendering Engine Editing-Tools und Converter: XML Spy Scriptura jCatalog XSLFast Arbortext Epic Editor RTF2FO
  • 94. Sinnvolle Einsatzgebiete für XSL-FO Optimal für Format-on-demand-Applikationen mit Cross-Media-Anforderungen z.B. Technische Dokumentationen, Schulungsunterlagen Sehr gut geeignet für Massenformatierung von Informationen aus Datenbanken oder anderen XML-fähigen Quellen z.B. grosse Produktkataloge Weniger geeignet für: Sehr kreative und komplexe Layouts (z.B. Hochglanzprospekte) Publikationen mit enger Verknüpfung von Layout und Inhalt (z.B. Zeitschriften)
  • 95. Links W3C über XSL: http://www.w3.org/Style/XSL/ W3C Standarddefinition: http://www.w3.org/TR/ xsl / Einführungsartikel: http://www.seyboldreports.com/TSR/free/0217/techwatch.html http://www.renderx.com/tutorial.html Software: http:// www.xmlsoftware.com / http:// xml.apache.org / fop / http:// www.adobe.com / http:// www.antennahouse.com / http://www.renderx.com/FO2PDF.html http://www.xmlspy.com/
  • 96. team–based net solutions Scalable Vector Graphics (SVG)
  • 97. Scalable Vector Graphics (SVG) Offener Standard des W3C für skalierbare, animierte, interaktive 2D-Vektorgrafiken Basiert auf XML, kompatibel mit weiteren W3C-Standards (CSS, DOM, SMIL, XHTML, ...)
  • 98. Besondere Eigenschaften Skalierbar Keine fixe Bildgrösse, sondern Anpassung an jeweilige Auflösung Vektor-orientiert Effizient und flexibel für verschiedenartigste Darstellungen Hochwertige Ausgabe mit Anti-Aliasing möglich XML-basiert Offen und leicht zu verarbeiten „ Stylable“ Ausgabeform veränderbar mit Cascading Stylesheets (CSS) Anwendung von Masken und Filtern Animierbar und interaktiv Event-Verarbeitung und –Generierung möglich
  • 99. Elemente Grundelemente: Shapes Kombinationen von geraden und gebogenen Linien, d.h. Formen aller Art Z.B. Rechtecke, Kreise, Ellipsen, Polygone, ... Weitere können user-spezifisch definiert werden Text Eingebundene Bitmap-Bilder Zusatzelemente Filter Masken Animationspfade DOM-Interfaces
  • 100. Ein einfaches Beispiel <?xml version=&quot;1.0&quot; standalone=&quot;no&quot;?> <!DOCTYPE svg PUBLIC &quot;-//W3C//DTD SVG 20010904//EN&quot; &quot;http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd&quot;> <svg width=&quot;12cm&quot; height=&quot;4cm&quot; viewBox=&quot;0 0 1200 400&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;> <desc>Example rect01 - rectangle with sharp corners</desc> <!-- Show outline of canvas using 'rect' element --> <rect x=&quot;1&quot; y=&quot;1&quot; width=&quot;1198&quot; height=&quot;398&quot; fill=&quot;none&quot; stroke=&quot;blue&quot; stroke-width=&quot;2&quot;/> <rect x=&quot;400&quot; y=&quot;100&quot; width=&quot;400&quot; height=&quot;200&quot; fill=&quot;yellow&quot; stroke=&quot;navy&quot; stroke-width=&quot;10&quot; /> </svg>
  • 101. Animations-Beispiel <g id=&quot;AnimationPaths&quot;> <path id=&quot;Zuerich_Geneva&quot; style=&quot;&flightRoute;&quot; d=&quot;M682500,53500 C632500,53500 549500,80000 499500,181000&quot; /> <use id=&quot;AirplaneZurichGeneva&quot; xlink:href=&quot;#airplane&quot;> <animateMotion id=&quot;animMotionZurGen&quot; dur=&quot;&animDuration;&quot; repeatCount=&quot;indefinite&quot; rotate=&quot;auto-reverse&quot;> <mpath xlink:href=&quot;#Zuerich_Geneva&quot;/> </animateMotion> <animateTransform attributeName=&quot;transform&quot; attributeType=&quot;XML&quot; type=&quot;scale&quot; keyTimes=&quot;0;0.2;0.8;1&quot; values=&quot;1.5;4;4;1.5&quot; dur=&quot;&animDuration;&quot; additive=&quot;replace&quot; fill=&quot;freeze&quot; repeatCount=&quot;indefinite&quot;/> </use> </g> http://www.carto.net/papers/svg/path_animation_e.html
  • 102. Komplexes Beispiel mit Interaktivität
  • 103. Verarbeitungsmöglichkeiten Generierung: Über SVG-fähiges Grafikprogramm (z.B. Adobe Illustrator, Corel Draw) Mit XSLT aus beliebigem XML-Quellcode Direkt aus Web-Applikationen Z.B. mit Batik von Apache Ausgabe: Komplette Web-Page in SVG Einbindung in HTML-Seiten Per Referenz, z.B. als IMG-Tag Inline, d.h. SVG-Code im HTML Nötig: SVG-Viewer oder –Plugin (z.B. von Adobe, Corel, Apache)
  • 104. Beurteilung von SVG Vorteile: Auf allen Plattformen lauffähig, inkl. Mobilgeräten Offener, einfach zu verarbeitender Standard ohne Bindung an Hersteller Voll programmierbar Nachteile: Files von komplexen Grafiken können schnell sehr gross werden SVG-Viewer frei erhältlich, aber noch nicht besonders verbreitet (ca. 25-30% der User), jetzt bundled mit Acrobat Reader Tools noch nicht so ausgereift wie z.B. Macromedia Flash SVG hat grundsätzlich das Potential, Flash als Animations-Standard mittelfristig zu ersetzen. Erfolg wird abhängig sein von der Verfügbarkeit besserer Tools.
  • 105. Links Standard-Spezifikation: http://www.w3c.org/TR/SVG Tool-Überblick: http://www.w3c.org/Graphics/SVG/SVG-Implementations Software-Hersteller: http://www.adobe.com/svg http://www.corel.com http://xml.apache.org/batik/ Guter Einführungsartikel mit Beispielen (ETH Zürich): http:// www.carto.net / papers / svg / first_e.html Vergleich SVG vs. Flash: http://www.carto.net/papers/svg/comparison_flash_svg.html
  • 106. Vielen Dank für Ihre Aufmerksamkeit Seminarunterlagen: http://namics.com/knowledge/ Besuchen Sie uns am Stand 145 in der Halle 5 und gewinnen Sie! [email_address] [email_address]

Hinweis der Redaktion

  1. Low Tech Anonymisierung: Wander around cyber cafes Use free e-mail service instead of ISP Set up a pre-paid cash account with ISP Give all phony information Obtain unusual domain name and get people you trust as name servers Forge e-mail, spoof IP, etc. . . . And don’t give out any personally-identifiable data! http://www.privacyexchange.org/ http://www.privacycouncil.com/ http://www.privacy.org/ http://www.privacyplace.com/ http://www.pandab.org/ http://www.junkbusters.com/ http://www.epic.org/ http://www.cdt.org/