{"id":5093,"date":"2020-09-15T11:12:37","date_gmt":"2020-09-15T10:12:37","guid":{"rendered":"http:\/\/www.workflowblog.de\/?p=5093"},"modified":"2020-09-15T11:12:37","modified_gmt":"2020-09-15T10:12:37","slug":"blitzlicht-smart-svg","status":"publish","type":"post","link":"https:\/\/www.workflowblog.de\/?p=5093","title":{"rendered":"Blitzlicht: Smart-SVG"},"content":{"rendered":"\n<p>\u201c<em>Das Smart-Information Blitzlicht \u2013 ein Stimmungsbild aus der Praxis.<\/em>\u201d<\/p>\n\n\n\n<p>In unserer <strong>Blitzlicht-Reihe<\/strong> zeigen wir ab jetzt, in unregelm\u00e4\u00dfigen Abst\u00e4nden, kurz und knackig, was <strong>Smart-Information<\/strong> (SI) heute schon in der Praxis hei\u00dft. Wir zeigen Ihnen herausragende, produktive Funktionen und Beispiele direkt aus dem Alltag, inklusive Aufwand und Nutzen. Wir wollen Ihnen damit Anregungen geben, wie auch Sie in Ihrem Unternehmen allt\u00e4gliche Herausforderungen mit SI nutzerorientiert angehen k\u00f6nnen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"404\" src=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2020\/09\/Slider_TechCommToGo2020-Smart-SVG-1024x404.png\" alt=\"\" class=\"wp-image-5100\" srcset=\"https:\/\/www.workflowblog.de\/wp-content\/uploads\/2020\/09\/Slider_TechCommToGo2020-Smart-SVG-1024x404.png 1024w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2020\/09\/Slider_TechCommToGo2020-Smart-SVG-300x118.png 300w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2020\/09\/Slider_TechCommToGo2020-Smart-SVG-768x303.png 768w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2020\/09\/Slider_TechCommToGo2020-Smart-SVG-500x197.png 500w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2020\/09\/Slider_TechCommToGo2020-Smart-SVG.png 1140w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\">Ein Bild sagt mehr als tausend Worte<\/h3>\n\n\n\n<p>Diese Metapher soll Fred R. Barnard in einer englischen Fachzeitschrift 1921 das erste Mal geschrieben haben. Er bezog sich auf eine bildliche Darstellung auf Stra\u00dfenbahnwagons, an Stelle einer textlichen Beschreibung. <\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Grafiken k\u00f6nnen schneller verstanden werden. Damit haben Sie einen nicht zu untersch\u00e4tzenden Mehrwert, der sich darauf ezieht, dass komplizierte Sachverhalte oft mit einem Bild oder einer Darstellung sehr einfach erkl\u00e4rt werden k\u00f6nnen. Au\u00dferdem hinterl\u00e4sst ein Bild meist einen st\u00e4rkeren Eindruck auf den Betrachter als ein umfangreicher Text.<\/p>\n\n\n\n<p>Bisher musste man auf Papier oder in einer PDF-Datei 2D- oder perspektivische Darstellungen als Bitmap oder EPS verwenden. In diesen F\u00e4llen war Text h\u00e4ufig weiterhin notwendig, um Aktionen oder Erkl\u00e4rungen zu beschreiben. Was ist, wenn wir beides kombinieren und dann noch auf v\u00f6llig unterschiedlichen Ger\u00e4ten anzeigen wollen? <\/p>\n\n\n\n<p>Das genormte XML-basierte SVG-Format kann alle diese Anforderungen zugleich erf\u00fcllen.<\/p>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\">Nutzen<\/h3>\n\n\n\n<ol><li>Die Scalable Vector Graphic (SVG) kann in jeder <strong>Ansicht<\/strong>, auf jedem <strong>Ger\u00e4t <\/strong>eine beliebige <strong>Detailgenauigkeit <\/strong>garantieren.<\/li><li>Als XML-Datei dient SVG auch der <strong>Prozesskettenreduktion <\/strong>und spart damit Kosten und Zeit.<\/li><li>SVG kann variable Texte enthalten, deren Sichtbarkeit programmierbar ist. Gut f\u00fcr lokalisierbare Grafiken.<\/li><\/ol>\n\n\n\n<p>Viele Firmen liefern Dokumentationen mit Grafiken in mehr als 10 Sprachen aus. Die SVG-Technologie kann hier sehr effizient unterst\u00fctzen \u2013 denn jetzt ist nur noch eine einzige Grafik f\u00fcr n-Sprachen notwendig. In Abh\u00e4ngigkeit von der verwendeten Dokumentations-Sprache wird die Grafik in der passenden Sprachvariante ge\u00f6ffnet. SV-Grafiken sind sehr klein in Bezug auf die Datenmenge, somit also schnell geladen und angezeigt. SVGs k\u00f6nnen auch Animationen enthalten und direkt aus dem Prozess angepasst werden.<\/p>\n\n\n\n<p>SVG ist au\u00dferdem das ideale Format f\u00fcr Mobilger\u00e4te mit unterschiedlicher Displaygr\u00f6\u00dfe. Aufgrund der Vektoreigenschaften ist es wesentlich platzsparender als eine Bitmap-Grafik und es bleibt in jeder Ansicht scharf, bei gr\u00f6\u00dferem Display oder beim Zoomen. Jeder Text, der in der Grafik transportiert wird, hat immer scharfe Kanten und bleibt daher sehr gut lesbar.<\/p>\n\n\n\n<p>Die Bedienung eines SVG-Elementes ist f\u00fcr den Nutzer intuitiv &#8211; links oben mit dem <img decoding=\"async\" loading=\"lazy\" width=\"639\" height=\"384\" class=\"wp-image-5113\" style=\"width: 60px;\" src=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2020\/09\/IMG_2724.jpg\" alt=\"\" srcset=\"https:\/\/www.workflowblog.de\/wp-content\/uploads\/2020\/09\/IMG_2724.jpg 639w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2020\/09\/IMG_2724-300x180.jpg 300w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2020\/09\/IMG_2724-500x300.jpg 500w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/> ist die Anwendung sofort verst\u00e4ndlich.<\/p>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\">Aufwand<\/h3>\n\n\n\n<p>Die <strong>Prozesskette <\/strong>muss zwar angepasst werden, aber die technischen Voraussetzungen zur einfachen Erstellung werden wohl meistens vorhanden sein.<\/p>\n\n\n\n<p><strong>Kurz und b\u00fcndig:<\/strong> Mit Smart-Information werden die Daten in Systemen unmittelbar verwendbar und lassen sich intelligent \u2013 hier als <strong>SVG <\/strong>\u2013 und einfach anwenden. Der Erstellungs-Aufwand ist meist gering, das Nutzungs- und Einsparungspotential um ein Vielfaches gr\u00f6\u00dfer.<br>Warum also nicht gleich auf SVG umsteigen?<\/p>\n\n\n\n<p>Weitere Informationen \u00fcber SVG:<\/p>\n\n\n\n<ul><li>Was ist ein SVG? <a href=\"http:\/\/bit.ly\/wasisteinsvg\">http:\/\/bit.ly\/wasisteinsvg<\/a><\/li><li>Presse: <strong>Vorteile intelligenter SVG-Grafiken in mobiler Dokumentation<\/strong> <br><a href=\"http:\/\/bit.ly\/Benefits_of_SVG\"><strong>http:\/\/bit.ly\/Benefits_of_SVG<\/strong><\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;Ein Bild sagt mehr als tausend Worte&#8221; und es sollte kombiniert mit Text auf v\u00f6llig unterschiedlichen Ger\u00e4ten eine beliebige Detailgenauigkeit garantieren. Das SVG, eine intelligente XML-Datei, in intelligenten Prozessen erstellt, erh\u00f6ht den Nutzen und senkt Kosten und Zeit. <a href=\"https:\/\/www.workflowblog.de\/?p=5093\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":5,"featured_media":4964,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"","jetpack_post_was_ever_published":false,"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[23,12,523,517,468],"tags":[542,300,560,604,526,597,605],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.workflowblog.de\/wp-content\/uploads\/2020\/04\/Logo_final_92x92px.png","jetpack_shortlink":"https:\/\/wp.me\/p3kBRH-1k9","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=\/wp\/v2\/posts\/5093"}],"collection":[{"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5093"}],"version-history":[{"count":15,"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=\/wp\/v2\/posts\/5093\/revisions"}],"predecessor-version":[{"id":5114,"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=\/wp\/v2\/posts\/5093\/revisions\/5114"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=\/wp\/v2\/media\/4964"}],"wp:attachment":[{"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}