EPML 2 SVG Generating Websites from EPML Processes
EPML 2 SVG – Generating Websites from EPML Processes Jan Mendling, Alberto Brabenetz, Gustaf Neumann Abteilung für Wirtschaftsinformatik und Neue Medien, WU Wien
Agenda • Warum Transformation zu Graphikformat? • Wie funktioniert SVG? • Wie funktioniert EPML 2 SVG? • Wie werden EPML-Elemente auf SVG abgebildet? • Zusammenfassung und Ausblick 2 WU Infosammlung
Warum Transformation zu Graphikformat? 3 WU Infosammlung
Gründe für Transformation in SVG • Festlegung der graphischen Darstellung von Elementen • Verwendung von Prozessmodellen in Websites • Einsparen von Tool-Lizenzen bei der Präsentation von Modellen 4 WU Infosammlung
Wie funktioniert SVG? 5 WU Infosammlung
Was ist SVG? • Scalable Vector Graphics (W 3 C Recommendation) • XML-basiert • Mit anderen XML-Techniken kombinierbar • Verlustfreies Skalieren dank Vektor-Repräsentation • Text in SVG ist indexbar • SVG benutzt Painter‘s Model 6 WU Infosammlung
SVG by Example path elementcircle element line element polygon element ellipse element rect element <svg width="900" height="300"> <path d="M 50, 50 L 140, L 50, 140 Z" fill="red"/> <circle cx="170" cy="100" r="50" fill="green"/> <line x 1="225" y 1="150" x 2="275" y 2="50" stroke="black" stroke-width="5" fill="none"/> <polyline points="300, 50 325, 150 350, 50 375, 150 400, 50 425, 150" stroke="black" fill="none"/> <polygon points=" 480, 50 527, 84 509, 140 450, 140 432, 84" stroke="black" fill="none"/> <ellipse cx="620" cy="100" rx="72" ry="50" stroke="black" fill="none"/> <rect x="710" y="50" rx="20" ry="20" width="120" height="100" stroke="black" fill="yellow"/> <text x="50" y="180">path element</text> <text x="135" y="180">circle element</text> <text x="225" y="180">line element</text> <text x="320" y="180">polyline element</text> <text x="440" y="180">polygon element</text> <text x="580" y="180">ellipse element</text> <text x="735" y="180">rect element</text> </svg> 7 WU Infosammlung
Wie funktioniert EPML 2 SVG? 8 WU Infosammlung
Design Entscheidungen • Statische versus Dynamische Websites • Path versus Shape • Group versus Symbol 9 WU Infosammlung
EPML 2 SVG Transformation 10 WU Infosammlung
SVG Representation of EPC Elements 11 WU Infosammlung
EPML 2 SVG. xsl • Mehr unter http: //wi. wu-wien. ac. at/~mendling/EPML 12 WU Infosammlung
Zusammenfassung und Ausblick 13 WU Infosammlung
Zusammenfassung • Automatische Generierung von Websites aus EPML-Dateien • Festlegung der graphischen Darstellung von EPML-Dateien • Publikation von Prozessmodellen als Website Ausblick • Automatische Positionierung mit Layout-Algorithmus • Potenziale für direkte Integration von SVG in EPML 14 WU Infosammlung
Ansprechpartner Vielen Dank für Ihre Aufmerksamkeit Jan Mendling, Alberto Brabenetz, Gustaf Neumann Abteilung für Wirtschaftsinformatik und Neue Medien Wirtschaftsuniversität Wien jan. mendling@wu-wien. ac. at 15 WU Infosammlung
- Slides: 15