{"id":3577,"date":"2013-09-20T11:34:06","date_gmt":"2013-09-20T10:34:06","guid":{"rendered":"http:\/\/www.workflowblog.de\/?p=3577"},"modified":"2015-07-09T11:05:28","modified_gmt":"2015-07-09T10:05:28","slug":"online-hilfen-und-mobile-dokumentationen-im-handumdrehen-erstellen","status":"publish","type":"post","link":"https:\/\/www.workflowblog.de\/?p=3577","title":{"rendered":"Online-Hilfen und mobile Dokumentationen im Handumdrehen erstellen"},"content":{"rendered":"<p>In der Technischen Kommunikation spielt die Verwendung von Smartphones, Tablets &amp; Co. inzwischen eine gro\u00dfe Rolle. Immer mehr Unternehmen sind daher bestrebt, ihre Dokumentationen auch f\u00fcr mobile Ger\u00e4te bereitzustellen. Um mit einem Format alle Anwender, unabh\u00e4ngig vom verwendeteten Ger\u00e4t, Betriebssystem oder Browser zu erreichen, empfiehlt sich das responsive HTML5 Format <em>WebWorks REVERB<\/em>.<!--more--><\/p>\n<p>Sind bereits Dokumentationen vorhanden, k\u00f6nnen diese mit dem Tool<em> WebWorks ePublisher<\/em> ohne Programmierung in wenigen Minuten aufbereitet werden. Seit <em>Version 2013.1<\/em> ist es sogar m\u00f6glich, aus zahlreichen integrierten Skins das passende auszuw\u00e4hlen und die bisherigen Dokumentationen bereits w\u00e4hrend des Konvertierens in ein professionelles Layout einzubinden.<\/p>\n<p>&nbsp;<\/p>\n<p>Im Folgenden wird erl\u00e4utert, wie Sie mit <em>WebWorks ePublisher<\/em> im Handumdrehen eine responsive HTML5 Ausgabe aus Ihren bestehenden Daten (FrameMaker, DITA oder Word) erzeugen.<\/p>\n<ul>\n<li>\u00d6ffnen Sie zun\u00e4chst <em>WebWorks ePublisher Designer<\/em> und erstellen Sie ein neues Projekt, indem Sie aus dem Dateimen\u00fc <em>Neues Projekt<\/em> w\u00e4hlen.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/Dateimenue_neues_projekt1.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-3579 aligncenter\" title=\"WebWorks ePublisher - Neues Projekt\" src=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/Dateimenue_neues_projekt1-300x182.jpg\" alt=\"WebWorks ePublisher\" width=\"300\" height=\"182\" srcset=\"https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/Dateimenue_neues_projekt1-300x182.jpg 300w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/Dateimenue_neues_projekt1.jpg 425w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Benennen Sie Ihr Projekt Ihren Vorstellungen gem\u00e4\u00df und geben Sie als Zielformat <em>WebWorks REVERB<\/em> an.<br \/>\nDieses responsive Format basiert auf HTML5 und passt sich in der Darstellung allen Browsern und Ger\u00e4ten an.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/Neues_Projekt_2.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-3602 aligncenter\" title=\"WebWorks ePublisher - Projekteinstellungen\" src=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/Neues_Projekt_2-300x204.jpg\" alt=\"WebWorks ePublisher - Projekteinstellungen\" width=\"300\" height=\"204\" srcset=\"https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/Neues_Projekt_2-300x204.jpg 300w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/Neues_Projekt_2.jpg 440w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Nat\u00fcrlich haben Sie auch die M\u00f6glichkeit, aus Ihren Quelldaten zahlreiche andere Formate zu erzeugen, wie Eclipse Help, Oracle Help, ePub 2.0 und viele mehr.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/Formate_Output.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-3601 aligncenter\" title=\"WebWorks ePublisher - Ausgabeformate\" src=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/Formate_Output-267x300.jpg\" alt=\"WebWorks ePublisher\" width=\"267\" height=\"300\" srcset=\"https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/Formate_Output-267x300.jpg 267w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/Formate_Output.jpg 382w\" sizes=\"(max-width: 267px) 100vw, 267px\" \/><\/a><\/p>\n<ul>\n<li>F\u00fcgen Sie nun eine oder mehrere Dateien (FrameMaker, Word oder DITA) mittels des Fensters <em>Hinzuf\u00fcgen<\/em> zu Ihrem Projekt hinzu.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/hinzuf\u00fcgen1.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-medium wp-image-3604\" title=\"WebWorks ePublisher - Dateien hinzuf\u00fcgen\" src=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/hinzuf\u00fcgen1-300x204.jpg\" alt=\"WebWorks ePublisher \" width=\"300\" height=\"204\" srcset=\"https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/hinzuf\u00fcgen1-300x204.jpg 300w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/hinzuf\u00fcgen1.jpg 440w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Unter dem Men\u00fcpunkt <em>Zieleinstellungen<\/em> haben Sie die M\u00f6glichkeit, eines der integrierten Skins (<em>H\u00fclle<\/em>) auszuw\u00e4hlen sowie zahlreiche weitere Einstellungen vorzunehmen.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/h\u00fclle.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-3588 aligncenter\" title=\"WebWorks ePublisher - H\u00fclle, Skin, Template\" src=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/h\u00fclle-260x300.jpg\" alt=\"WebWorks ePublisher\" width=\"260\" height=\"300\" srcset=\"https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/h\u00fclle-260x300.jpg 260w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/h\u00fclle.jpg 488w\" sizes=\"(max-width: 260px) 100vw, 260px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Mit Klick auf das Symbol <em>Erstellen<\/em> wird Ihr Projekt im HTML5 Multiscreen Format <em>WebWorks REVERB<\/em> erstellt und in das ausgew\u00e4hlte Skin eingebunden.<\/li>\n<li>Nach Fertigstellen des Projekts klicken Sie auf <em>Ja<\/em>, um sich den <em>REVERB Output<\/em> anzusehen.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/ansicht_ja2.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-3594 aligncenter\" title=\"WebWorks ePublisher\" src=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/ansicht_ja2-300x134.jpg\" alt=\"WebWorks ePublisher\" width=\"300\" height=\"134\" srcset=\"https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/ansicht_ja2-300x134.jpg 300w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/ansicht_ja2.jpg 305w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>W\u00e4hlt man das Skin <em>Metro &#8211; Tiled<\/em> entspricht die Ausgabe diesem Layout. Einen \u00dcberblick \u00fcber die Skins der Version 2013.1 finden Sie auch <a href=\"http:\/\/www.workflowblog.de\/?p=3520\">hier<\/a>.<\/li>\n<\/ul>\n<p style=\"text-align: center;\">\u00a0<a href=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/output2.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-3590 aligncenter\" title=\"WebWorks ePublisher - fertiger Output in HTML5 \" src=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/output2-300x178.jpg\" alt=\"WebWorks ePublisher\" width=\"300\" height=\"178\" srcset=\"https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/output2-300x178.jpg 300w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/output2-1024x608.jpg 1024w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/output2-500x297.jpg 500w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/output2.jpg 1026w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>NEU: Aus dem mit WebWorks ePublisher erstellten HTML5 Output kann in wenigen Schritten eine App erzeugt werden. Mehr dazu in K\u00fcrze.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/SQUIDDS_Blog-Eintrag_TT_WWePublisher_Reverb_App_02.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-3585 aligncenter\" title=\"HTML5 Output und App L\u00f6sung\" src=\"http:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/SQUIDDS_Blog-Eintrag_TT_WWePublisher_Reverb_App_02-300x152.jpg\" alt=\"HTML5 Output und App L\u00f6sung\" width=\"300\" height=\"152\" srcset=\"https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/SQUIDDS_Blog-Eintrag_TT_WWePublisher_Reverb_App_02-300x152.jpg 300w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/SQUIDDS_Blog-Eintrag_TT_WWePublisher_Reverb_App_02-500x254.jpg 500w, https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/SQUIDDS_Blog-Eintrag_TT_WWePublisher_Reverb_App_02.jpg 868w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Haben Sie weitere Fragen zu den Funktionalit\u00e4ten und M\u00f6glichkeiten von WebWorks ePublisher und dem Erstellen einer App? Dann schreiben Sie uns einfach eine E-Mail an\u00a0<a href=\"mailto:kontakt@squidds.de\">kontakt@squidds.de<\/a> oder rufen Sie uns an unter 0911-215347-16.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Weitere Informationen:<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/connectpro37144330.adobeconnect.com\/p5mswemlr45\/\">Webinar: Online-Hilfe\/-Dokumentation wird mobil (Aufzeichnung)<\/a><\/li>\n<li><a href=\"http:\/\/www.responsive-publishing.de\">Anwendungsbeispiele unter www.responsive-publishing.de<\/a><\/li>\n<li><a href=\"http:\/\/www.squidds.de\/produkte\/squidds-produkte\/webworks-epublisher.html\">WebWorks ePublisher Produktseite<\/a><\/li>\n<li><a href=\"http:\/\/info.webworks.com\/l\/9502\/2015-02-13\/2qfwn5\">Download Trial Version WebWorks ePublisher<\/a><\/li>\n<li><a href=\"http:\/\/www.workflowblog.de\/?cat=29\">Tipps&amp;Tricks rund um WebWorks ePublisher<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In der Technischen Kommunikation spielt die Verwendung von Smartphones, Tablets &amp; Co. inzwischen eine gro\u00dfe Rolle. Immer mehr Unternehmen sind daher bestrebt, ihre Dokumentationen auch f\u00fcr mobile Ger\u00e4te bereitzustellen. Um mit einem Format alle Anwender, unabh\u00e4ngig vom verwendeteten Ger\u00e4t, Betriebssystem &hellip; <a href=\"https:\/\/www.workflowblog.de\/?p=3577\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":3582,"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":[13,12,468,1,29],"tags":[367,302,365,34,577,203,366,278,94,132,357,333,574],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.workflowblog.de\/wp-content\/uploads\/2013\/09\/Logo_ePublisher-Designer_72.png","jetpack_shortlink":"https:\/\/wp.me\/p3kBRH-VH","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=\/wp\/v2\/posts\/3577"}],"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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3577"}],"version-history":[{"count":30,"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=\/wp\/v2\/posts\/3577\/revisions"}],"predecessor-version":[{"id":4185,"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=\/wp\/v2\/posts\/3577\/revisions\/4185"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=\/wp\/v2\/media\/3582"}],"wp:attachment":[{"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3577"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3577"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.workflowblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}