{"id":10173,"date":"2020-06-04T12:10:53","date_gmt":"2020-06-04T10:10:53","guid":{"rendered":"https:\/\/www.softproject.de\/de\/?post_type=demos&#038;p=10173"},"modified":"2020-07-06T14:45:49","modified_gmt":"2020-07-06T12:45:49","slug":"grundlagen-fuer-tutorials","status":"publish","type":"demos","link":"https:\/\/www.softproject.de\/de\/demos\/grundlagen-fuer-tutorials\/","title":{"rendered":"Grundlagen f\u00fcr Tutorials"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row row_height_percent=&#8220;0&#8243; back_color=&#8220;color-nhtu&#8220; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243;][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;2&#8243; style=&#8220;dark&#8220; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/1&#8243;][vc_custom_heading heading_semantic=&#8220;h1&#8243; text_size=&#8220;h1&#8243;]Grundlagen[\/vc_custom_heading][vc_column_text text_lead=&#8220;yes&#8220;]Hier finden Sie die Grundlagen, die Sie f\u00fcr die Tutorials ben\u00f6tigen.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/1&#8243;][vc_custom_heading]Inhalt[\/vc_custom_heading][vc_row_inner][vc_column_inner width=&#8220;1\/2&#8243;][uncode_list icon=&#8220;fa fa-check&#8220;]<\/p>\n<ul>\n<li><a href=\"#so-erstellen-sie-ein-esb-projekt\">So erstellen Sie ein ESB-Projekt<\/a><\/li>\n<li><a href=\"#so-erstellen-sie-ein-neues-web-app-projekt\">So erstellen Sie ein neues Web-App-Projekt<\/a><\/li>\n<li><a href=\"#so-zeigen-sie-eine-web-app-im-browser-an\">So zeigen Sie eine Web App im Browser an<\/a><\/li>\n<li><a href=\"#so-legen-sie-einen-adapter-an\">So legen Sie einen Adapter an<\/a><\/li>\n<li><a href=\"#so-erstellen-sie-eine-neue-datei\">So erstellen Sie eine neue Datei<\/a><\/li>\n<li><a href=\"#so-erstellen-sie-einen-prozess\">So erstellen Sie einen Prozess<\/a><\/li>\n<li><a href=\"#so-testen-und-debuggen-sie-einen-prozess\">So testen und debuggen Sie einen Prozess<\/a><\/li>\n<\/ul>\n<p>[\/uncode_list][\/vc_column_inner][vc_column_inner width=&#8220;1\/2&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; back_color=&#8220;color-gyho&#8220; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; row_name=&#8220;so-erstellen-sie-ein-esb-projekt&#8220;][vc_column width=&#8220;1\/1&#8243;][vc_custom_heading]So erstellen Sie ein ESB-Projekt[\/vc_custom_heading][vc_column_text]<\/p>\n<p class=\"instruction\">Um ein neues ESB-Projekt anzulegen, klicken Sie im X4\u00a0Designer auf <b>File<\/b> &gt; <b>New<\/b> &gt; <b>ESB Project<\/b>.<\/p>\n<p>[\/vc_column_text][vc_single_image media=&#8220;6828&#8243; media_width_use_pixel=&#8220;yes&#8220; media_width_pixel=&#8220;303&#8243;][vc_column_text]<\/p>\n<p class=\"result\">Der <b>Project Creation Wizard<\/b> \u00f6ffnet sich.<\/p>\n<p class=\"instruction\">Geben Sie f\u00fcr <b>Project name<\/b> den Namen ein, den Ihr Projekt haben soll.<\/p>\n<p class=\"result\"><b>INFO:<\/b> Ein Projektname (<b>Project name<\/b>) darf keine Leerzeichen enthalten.<\/p>\n<p class=\"instruction\">Um das Projekt zu erzeugen, klicken Sie auf <b>Finish<\/b>.<\/p>\n<p class=\"result\">Ein neues ESB-Projekt wird angelegt.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; row_name=&#8220;so-legen-sie-einen-adapter-an&#8220;][vc_column width=&#8220;1\/1&#8243;][vc_custom_heading]So legen Sie einen Adapter an[\/vc_custom_heading][vc_column_text]<\/p>\n<p class=\"instruction\">Klicken Sie mit der rechten Maustaste auf den Ordner <b>Adapter<\/b>.<\/p>\n<p class=\"result\">Das Kontextmen\u00fc \u00f6ffnet sich.<\/p>\n<p class=\"result\"><b>INFO:<\/b> Bei Web-App-Projekten werden Adapter im Ordner <b>Services\/Adapter<\/b> angelegt.<\/p>\n<p class=\"instruction\">Klicken Sie auf <b>New<\/b> &gt; <b>Adapter<\/b>.<\/p>\n<p>[\/vc_column_text][vc_single_image media=&#8220;6845&#8243; media_width_use_pixel=&#8220;yes&#8220; media_width_pixel=&#8220;404&#8243;][vc_column_text]<\/p>\n<p class=\"result\">Der <b>File Creation Wizard<\/b> \u00f6ffnet sich.<\/p>\n<p class=\"instruction\">W\u00e4hlen Sie den gew\u00fcnschten Adapter aus.<\/p>\n<p class=\"result\"><b>TIPP:<\/b> Sie k\u00f6nnen den Adapter \u00fcber das Suchfeld im oberen Bereich des <b>File Creation Wizard<\/b> suchen.<\/p>\n<p class=\"instruction\">Geben Sie f\u00fcr <b>File name<\/b> den Namen ein, den Ihr Adapter haben soll.<\/p>\n<p class=\"result\"><b>INFO:<\/b> Achten Sie darauf, dass Sie die Dateiendung <code>.fa<\/code> angeben.<\/p>\n<p class=\"instruction\">Um den Adapter anzulegen, klicken Sie auf <b>Finish<\/b>.<\/p>\n<p class=\"result\">Der Adapter wird nun angelegt und im Adapter Editor ge\u00f6ffnet. Hier k\u00f6nnen anschlie\u00dfend die Adapter-Parameter gesetzt werden.<\/p>\n<p><b>TIPP:<\/b> Jeder Adapter bietet verschiedene Operationen, die er im Prozess ausf\u00fchrt. Operationen werden in der <strong>Properties<\/strong>-Sicht gesetzt. Diese befindet sich in der linken unteren Ecke des X4 Designers und l\u00e4sst sich \u00f6ffnen, indem der Adapter im modellierten Prozess ausgew\u00e4hlt wird. \u00dcber die Property <strong>Operation<\/strong> l\u00e4sst sich anschlie\u00dfend die gew\u00fcnschte Adapter-Operation setzen.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; back_color=&#8220;color-gyho&#8220; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; row_name=&#8220;so-erstellen-sie-einen-prozess&#8220;][vc_column width=&#8220;1\/1&#8243;][vc_custom_heading]So erstellen Sie einen Prozess[\/vc_custom_heading][vc_column_text]<\/p>\n<p class=\"instruction\">Klicken Sie mit der rechten Maustaste auf den Ordner <b>Processes<\/b>.<\/p>\n<p class=\"result\">Das Kontextmen\u00fc \u00f6ffnet sich.<\/p>\n<p class=\"result\"><b>INFO:<\/b>\u00a0Bei Web-App-Projekten werden Prozesse im Ordner <b>Services\/Processes<\/b> angelegt.<\/p>\n<p class=\"instruction\">Klicken Sie im Kontextmen\u00fc auf <b>New<\/b> &gt;\u00a0<b>Process<\/b>.<\/p>\n<p>[\/vc_column_text][vc_single_image media=&#8220;10184&#8243; media_width_use_pixel=&#8220;yes&#8220; media_width_pixel=&#8220;402&#8243;][vc_column_text]<\/p>\n<p class=\"result\">Der <b>Process Creation Wizard<\/b> \u00f6ffnet sich.<\/p>\n<p class=\"instruction\">Geben Sie f\u00fcr <b>File name<\/b> den gew\u00fcnschten Prozessnamen ein.<\/p>\n<p class=\"result\">Der Prozess wird angelegt.<\/p>\n<p class=\"instruction\">F\u00fcgen Sie die ben\u00f6tigten Bausteine per Drag &amp; Drop aus der Palette zum Prozess hinzu.<\/p>\n<p class=\"instruction\">Konfigurieren Sie bei Bedarf die einzelnen Bausteine.<\/p>\n<p class=\"result\"><b>TIPP:<\/b>\u00a0Sie k\u00f6nnen einen Baustein ausw\u00e4hlen, indem Sie ihn anklicken. In der linken unteren Ecke werden Ihnen die <b>Properties<\/b> (Eigenschaften) dieses Bausteins angezeigt. Best\u00e4tigen Sie Eingaben, indem Sie die Enter-Taste dr\u00fccken.<\/p>\n<p class=\"result\"><b>INFO:<\/b>\u00a0Mit der Property <code>label<\/code> legen Sie die Beschriftung des Bausteins fest. Mit der Property <code>Operation<\/code> legen Sie die Operation fest, die durch den Baustein durchgef\u00fchrt wird.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; row_name=&#8220;so-testen-und-debuggen-sie-einen-prozess&#8220;][vc_column width=&#8220;1\/1&#8243;][vc_custom_heading]So testen und debuggen Sie einen Prozess[\/vc_custom_heading][vc_column_text]Um herauszufinden, ob Ihr Prozess funktioniert, k\u00f6nnen Sie den Debug-Modus verwenden.<\/p>\n<p class=\"instruction\">Klicken Sie in der Werkzeugleiste des X4\u00a0Designer auf \u00a0<b>Start Debugging<\/b>.<\/p>\n<p class=\"instruction\">F\u00fchren Sie den Prozess automatisch (<b>Resume<\/b>) oder manuell (<b>Step into<\/b> \/ <b>Step over<\/b>) Schritt f\u00fcr Schritt aus.<\/p>\n<p class=\"instruction\">Pr\u00fcfen Sie bei Bedarf das Ergebnis jedes einzelnen Prozessschrittes.<\/p>\n<p class=\"result\">\u00d6ffnen Sie dazu die entsprechende Ausgabedatei per Doppelklick oder nutzen Sie die Output-Sicht, um das Ergebnis jedes einzelnen Schrittes w\u00e4hrend des Debuggens einzusehen.<\/p>\n<p>[\/vc_column_text][vc_single_image media=&#8220;10212&#8243; media_width_use_pixel=&#8220;yes&#8220; media_width_pixel=&#8220;500&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; row_name=&#8220;so-erstellen-sie-eine-neue-datei&#8220;][vc_column width=&#8220;1\/1&#8243;][vc_custom_heading]So erstellen Sie eine neue Datei[\/vc_custom_heading][vc_column_text]Zus\u00e4tzliche Ressourcen, wie z.\u00a0B. XML-Dateien befinden sich immer im Ordner <b>Ressources<\/b>.<br \/>\n<b>TIPP:<\/b>\u00a0Bei Web-App-Projekten befinden sich die Ressourcen f\u00fcr Prozesse im Ordner <b>Services\/Resources<\/b>.<\/p>\n<p class=\"instruction\">Klicken Sie im X4\u00a0Repository mit der rechten Maustaste im aktuellen Projekt auf den Ordner <b>Services<\/b> &gt; <b>Resources<\/b>, um das Kontextmen\u00fc zu \u00f6ffnen.<\/p>\n<p class=\"result\">Das Kontextmen\u00fc \u00f6ffnet sich.<\/p>\n<p class=\"instruction\">Klicken Sie auf <b>New<\/b> &gt; &lt;<strong>gew\u00fcnschter Dateityp<\/strong>&gt;.<\/p>\n<p class=\"result\">Der <b>File Creation Wizard<\/b> \u00f6ffnet sich.<\/p>\n<p>[\/vc_column_text][vc_single_image media=&#8220;6861&#8243; media_width_use_pixel=&#8220;yes&#8220; media_width_pixel=&#8220;460&#8243;][vc_column_text]<\/p>\n<p class=\"instruction\">Geben Sie f\u00fcr <b>File name<\/b> den gew\u00fcnschten Dateinamen ein.<\/p>\n<p class=\"instruction\">Um die Datei anzulegen, klicken Sie auf <b>Finish<\/b>.<\/p>\n<p class=\"result\">Die Datei wird angelegt und ge\u00f6ffnet.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; row_name=&#8220;so-erstellen-sie-ein-neues-web-app-projekt&#8220;][vc_column width=&#8220;1\/1&#8243;][vc_custom_heading]So erstellen Sie ein neues Web-App-Projekt[\/vc_custom_heading][vc_column_text]<\/p>\n<p class=\"instruction\">Um ein neues Web-App-Projekt anzulegen, klicken Sie im X4 Designer auf <b>File<\/b> &gt; <b>New<\/b> &gt; <b>Web App Project<\/b>.<\/p>\n<p class=\"result\">Der Project Creation Wizard \u00f6ffnet sich.<\/p>\n<p>[\/vc_column_text][vc_single_image media=&#8220;7062&#8243; media_width_use_pixel=&#8220;yes&#8220; media_width_pixel=&#8220;445&#8243;][vc_column_text]<\/p>\n<p class=\"instruction\">Geben Sie f\u00fcr <b>Project name<\/b> den Namen ein, den Ihr Projekt haben soll.<\/p>\n<p class=\"instruction\">Um das Projekt zu erzeugen, klicken Sie auf <b>Finish<\/b>.<\/p>\n<p class=\"result\">Ein neues Web-App-Projekt wird angelegt.<\/p>\n<p class=\"result\"><b>INFO:<\/b>\u00a0Ein Projektname (<b>Project name<\/b>) darf kein Leerzeichen enthalten!<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; row_name=&#8220;so-zeigen-sie-eine-web-app-im-browser-an&#8220;][vc_column width=&#8220;1\/1&#8243;][vc_custom_heading]So zeigen Sie eine Web App im Browser an[\/vc_custom_heading][vc_column_text]<\/p>\n<p class=\"instruction\">Um sich eine Web App im Browser anzusehen, klicken Sie mit der rechten Maustaste auf das Web-App-Projekt.<\/p>\n<p class=\"result\">Das Kontextmen\u00fc \u00f6ffnet sich.<\/p>\n<p class=\"instruction\">Klicken Sie im Kontextmen\u00fc auf <b>Open Web App in browser<\/b>.<\/p>\n<p>[\/vc_column_text][vc_single_image media=&#8220;10190&#8243; media_width_use_pixel=&#8220;yes&#8220; media_width_pixel=&#8220;302&#8243;][vc_column_text]<\/p>\n<p class=\"instruction\">Melden Sie sich in der Web App mit den Zugangsdaten <code>admin<\/code> \/ <code>demo<\/code> an.<\/p>\n<p class=\"result\">Die Web App wird angezeigt.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Hier finden Sie die Grundlagen, die Sie f\u00fcr die Tutorials z.\u00a0B. zu X4\u00a0Activities Web Apps oder zum Arbeiten mit Adaptern ben\u00f6tigen.<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"template":"","demos_kategorien":[],"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"SoftProject","distributor_original_site_url":"https:\/\/www.softproject.de\/de","push-errors":false,"_links":{"self":[{"href":"https:\/\/www.softproject.de\/de\/wp-json\/wp\/v2\/demos\/10173"}],"collection":[{"href":"https:\/\/www.softproject.de\/de\/wp-json\/wp\/v2\/demos"}],"about":[{"href":"https:\/\/www.softproject.de\/de\/wp-json\/wp\/v2\/types\/demos"}],"version-history":[{"count":0,"href":"https:\/\/www.softproject.de\/de\/wp-json\/wp\/v2\/demos\/10173\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.softproject.de\/de\/wp-json\/wp\/v2\/media?parent=10173"}],"wp:term":[{"taxonomy":"demos_kategorien","embeddable":true,"href":"https:\/\/www.softproject.de\/de\/wp-json\/wp\/v2\/demos_kategorien?post=10173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}