{"id":635,"date":"2016-05-24T12:32:50","date_gmt":"2016-05-24T10:32:50","guid":{"rendered":"https:\/\/apalion.com\/?post_type=project&p=635"},"modified":"2016-05-24T12:32:50","modified_gmt":"2016-05-24T10:32:50","slug":"sviluppo-di-moduli-e-interfacce-personalizzate","status":"publish","type":"project","link":"https:\/\/apalion.com\/it\/project\/individuelle-modul-und-schnittstellenentwicklung\/","title":{"rendered":"Sviluppo di moduli e interfacce personalizzate"},"content":{"rendered":"

[et_pb_section fb_built=“1″ admin_label=“section“ _builder_version=“4.16″ global_colors_info=“{}“][et_pb_row admin_label=“row“ _builder_version=“4.16″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.16″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“][et_pb_text _builder_version=“4.22.2″ _module_preset=“default“ hover_enabled=“0″ sticky_enabled=“0″]<\/p>\n

Schnittstellen Entwicklung<\/h1>\n

[\/et_pb_text][et_pb_image src=“https:\/\/apalion.com\/wp-content\/uploads\/2016\/05\/puzzle-header-copy.jpg“ alt=“Schnittstellenentwicklung Symbolbild mit Puzzle auf Macbook“ title_text=“Schnittstellenentwicklung Symbolbild mit Puzzle auf Macbook“ show_bottom_space=“off“ align=“center“ align_tablet=“center“ align_phone=“center“ align_last_edited=“on|desktop“ admin_label=“Image“ _builder_version=“4.16″ animation_style=“fade“ animation_duration=“500ms“ animation=“fade_in“ sticky=“on“ use_border_color=“off“ border_color=“#ffffff“ border_style=“solid“ always_center_on_mobile=“on“ global_colors_info=“{}“] [\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=“1_2,1_2″ admin_label=“Row“ _builder_version=“4.16″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ global_colors_info=“{}“][et_pb_column type=“1_2″ _builder_version=“4.16″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“][et_pb_text admin_label=“Text“ _builder_version=“4.16″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ use_border_color=“off“ border_color=“#ffffff“ border_style=“solid“ global_colors_info=“{}“]<\/p>\n

\n

Als Unterauftrag f\u00fcr ein erfolgreiches Softwareunternehmen haben wir ein mehrmonatiges Gro\u00dfprojekt umgesetzt. Dabei ging es um die individualisierte Schaffung einer Schnittstelle eines propriet\u00e4ren Warenwirtschaftssystems f\u00fcr Joomla\/Virtuemart. Dabei gab es zahlreiche technische H\u00fcrden zu bew\u00e4ltigen: Wie werden die Daten abgeholt? Wie sollen die Daten letztlich dargestellt werden? Hier geben wir einen kurzen \u00dcberblick \u00fcber das Projekt und unsere Herangehensweise.<\/p>\n

Problemstellung<\/span><\/h3>\n

Das Problem sah wie folgt aus: Der Kunde stellt ein propriet\u00e4res Warenwirtschaftssystem zur Verf\u00fcgung, dass \u00fcber eine enorm gro\u00dfe Datenbank im Hintergrund verf\u00fcgt. Das System wird kontinuierlich gepflegt und ver\u00e4ndert. Aus den dort hinterlegen Datens\u00e4tzen werden beispielsweise Kataloge generiert oder Kunden Ausk\u00fcnfte erteilt. Das System verf\u00fcgt \u00fcber mehrere Schnittstellen, unter Anderem auch standardisierte Abfragen \u00fcber MySQL. Das war unser Ansatzpunkt: Der Kunde wollte, dass der Katalog ohne weiteres Zutun von au\u00dfen dynamisch in einen webbasierten Katalog hinein geladen wird, durchsuchbar gestaltet wird und dabei zu jedem Artikel einer immer g\u00fcltige URL sowie einen QR-Code generiert und \u00fcber viele Eigenschaften Filter- und Suchbar eingegrenzt werden kann. Die L\u00f6sung sollte sowohl modular f\u00fcr den Einsatz in Joomla als auch sp\u00e4ter f\u00fcr Typo3 und auch als komplette Einbindung in ein Shopsystem konzipiert werden.<\/p>\n

<\/div>\n

Herangehensweise<\/span><\/h3>\n

Zun\u00e4chst haben wir uns das Problem vom Kunden ausf\u00fchrlich erkl\u00e4ren lassen und Meilensteine gemeinsam mit diesem festgelegt. Aus diesen Meilensteinen wurde zun\u00e4chst ein Kostenvoranschlag erstellt und danach in alle beteiligten Systeme eingearbeitet. Anschlie\u00dfend wurde auf Grundlage dieser Einarbeitung ein Prototyp erstellt, welcher die grunds\u00e4tzliche Funktionalit\u00e4t des Systems demonstrieren und sicherstellen sollte. Dieser Prototyp war bereits nach einem Arbeitstag einsatzf\u00e4hig.<\/p>\n

Nach einer Schnittstellekonzeption und -Ausarbeitung folgte die Recherche nach funktionalen L\u00f6sungen f\u00fcr das Content Management-System \u201eJoomla\u201c<\/a>, auf deren Basis wir unsere L\u00f6sung aufsetzen konnten. Schnell fand sich mit \u201eVirtueMart\u201c<\/a> eine popul\u00e4re und vielversprechende Plattform, dessen Technologie wir nutzen konnten und schrittweise erweitert haben.<\/p>\n

Dabei mussten wir direkt zwei Anbindungen schaffen und einen \u00dcbersetzer schreiben: Auf der einen Seiten wird die propriet\u00e4re Struktur des Warenwirtschaftssystems des Kunden ausgelesen, durch unser System \u00fcbersetzt und genormt und auf der anderen Seite wieder ausgegeben bzw. in VirtueMart eingelesen. Alleine dieses Modul ist mit seinen mehreren tausend Zeilen Code, verteilt \u00fcber eine wohl-strukturierte Architektur in PHP ein absolutes Unikat.<\/p>\n<\/div>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=“1_2″ _builder_version=“4.16″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“][et_pb_text admin_label=“Text“ _builder_version=“4.16″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ use_border_color=“off“ border_color=“#ffffff“ border_style=“solid“ global_colors_info=“{}“]<\/p>\n

\n

Zus\u00e4tzlich zu diesem \u00dcbersetzer wurden mehrere Anpassungen in der Darstellung notwendig. Hierbei haben wir die gew\u00fcnschte Funktionalit\u00e4t so weit wie m\u00f6glich mit bereits verf\u00fcgbaren Modulen angen\u00e4hert, um Kosten des Kunden zu minimieren. Diese Module wurden von uns weitergehend angepasst, beispielsweise wurden die URLs des Frontends \u201esprechend\u201c gestaltet \u2013 und man kann damit nun sowohl Produkte als auch beliebige Produktstrukturebenen ansprechen, was so ohne weiteres nicht m\u00f6glich war, insbesondere k\u00f6nnen durch unsere Anpassung nun beliebig viele Kategorien und Strukturebenen vergeben werden, da die Datenbank dynamisch in ihre Bestandteile zerlegt wird. Die Implementierung wurde dabei v\u00f6llig losgel\u00f6st von Virtuemart und dem Design gestaltet, das heisst im Klarext: Man kann ein beliebiges Joomla mit Virtuemart nehmen und unsere Erweiterung „drauf loslassen“ und Virtuemart wird dann mit den Daten des WWS gef\u00fcttert und modifiziert. Das macht die L\u00f6sung hochportabel! Ebenso wurde eine Umsetzung in Typo3 bereits vorgesehen und dementsprechend aufbereitet.<\/p>\n

Besonderheiten und<\/span> Sonderfunktionen<\/span><\/h3>\n

Dort, wo in der Datenbank Bilder zu Produkten vorhanden sind, wollte der Kunde, dass die Bilder automatisch importiert und im Frontend zugeordnet werden. Dabei werden sowohl verschiedene Gr\u00f6\u00dfen f\u00fcr Thumbnails generiert als auch f\u00fcr die Endansicht.<\/p>\n

Zu jedem Produkt gibt es im Frontend eine Funktion zur Generierung eines PDF, \u201eAsk a question\u201c, zum Mailen\/Teilen usw. Weiterhin kann der Kunde und der Nutzer nun Produkte dynamisch filtern und fein abstimmen, welche Eigenschaften \u00fcberhaupt zum Filtern angezeigt werden. Ebenfalls kann der Kunde im Backend f\u00fcr jeden Artikel nochmals gesondert einstellen, welche Eigenschaften er \u00fcberhaupt anzeigen lassen will, welche Informationen ein Artikel beinhaltet und welche Funktionen einem Nutzer bei der Artikel\u00fcbersicht zur Verf\u00fcgung stehen. Dies kann schon auf Datenbankseite im Warenwirtschaftssystem flexibel bestimmt werden! Titel und Bezeichner k\u00f6nnen dabei dynamisch auch auf Datenbankseite ge\u00e4ndert werden, ohne dass die QR-Code-Generierung hiervon beeinflusst wird: Einmal gesetzte Links bleiben g\u00fcltig.<\/p>\n

Ebenso kann bestimmt werden, ob man mit Checkboxen, Radio Buttons, Dropdowns etc. sortieren\/filtern m\u00f6chte. Das Filtern funktioniert dabei ohne Neuladen der Seite in Echtzeit. Die Filterung passt sich dabei dynamisch an. Hierf\u00fcr wurde eine Erweiterung komplett angepasst und umgeschrieben, sodass diese sowohl wahlweise mit Ajax als auch ohne Ajax funktioniert.<\/p>\n

Die gesamte L\u00f6sung ist als Shop vorbereitet und kann ebenfalls mit Preisen belegt werden, wenn dies gew\u00fcnscht ist. Ferner wurde die Anbindung an die Datenbank so dynamisch gestaltet, dass der Kunde die Datenbank per Funktion im Backend jederzeit oder auch teilweise neu einlesen kann, oder dies auch per Befehl von Au\u00dfen (\u201eCronjob\u201c<\/a>) ansto\u00dfen kann. Dazu wurde eine weitere Schnittstelle nach Au\u00dfen\u00a0hin geschaffen und der Backend-Bereich von Virtuemart erweitert.<\/p>\n<\/div>\n

<\/div>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

Schnittstellen Entwicklung Als Unterauftrag f\u00fcr ein erfolgreiches Softwareunternehmen haben wir ein mehrmonatiges Gro\u00dfprojekt umgesetzt. Dabei ging es um die individualisierte Schaffung einer Schnittstelle eines propriet\u00e4ren Warenwirtschaftssystems f\u00fcr Joomla\/Virtuemart. Dabei gab es zahlreiche technische H\u00fcrden zu bew\u00e4ltigen: Wie werden die Daten abgeholt? Wie sollen die Daten letztlich dargestellt werden? Hier geben wir einen kurzen \u00dcberblick \u00fcber […]<\/p>\n","protected":false},"author":2,"featured_media":636,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[17,19,18],"project_tag":[],"class_list":["post-635","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-softwareentwicklung","project_category-technologieentwicklung","project_category-webentwicklung"],"acf":[],"_links":{"self":[{"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/project\/635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/comments?post=635"}],"version-history":[{"count":0,"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/project\/635\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/media\/636"}],"wp:attachment":[{"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/media?parent=635"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/project_category?post=635"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/apalion.com\/it\/wp-json\/wp\/v2\/project_tag?post=635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}